feat: refine BossAI console and website design

src/web/pages/Dashboard.tsx

@@ -577,18 +577,27 @@ export default function Dashboard({
 
   return (
     <div className="dashboard-page animate-fade-in">
-      <div
-        style={{
-          display: "flex",
-          justifyContent: "space-between",
-          alignItems: "center",
-          marginBottom: 24,
-        }}
-      >
-        <h2 className="greeting">
-          {getGreeting() + "\uFF0C" + normalizedAdminName}
-        </h2>
-        <div style={{ display: "flex", gap: 8 }}>
+      <section className="console-hero dashboard-hero">
+        <div className="console-hero-copy">
+          <span className="console-kicker">BossAI Console</span>
+          <h1>{getGreeting()}，{normalizedAdminName}</h1>
+          <p>统一观察模型路由、站点健康、账户余额、请求吞吐和计费成本。这里是整个平台的运营控制台。</p>
+        </div>
+        <div className="console-hero-rail" aria-label="实时运营摘要">
+          <div>
+            <span>24h 请求</span>
+            <strong>{Math.round(proxy24hTotal).toLocaleString()}</strong>
+          </div>
+          <div>
+            <span>RPM</span>
+            <strong>{Math.round(requestsPerMinute).toLocaleString()}</strong>
+          </div>
+          <div>
+            <span>站点</span>
+            <strong>{activeSites.length}/{rawSiteAvailability.length}</strong>
+          </div>
+        </div>
+        <div className="console-hero-actions">
           <button
             onClick={() => {
               void load(true);
@@ -619,7 +628,7 @@ export default function Dashboard({
             </svg>
           </button>
         </div>
-      </div>
+      </section>
 
       <div className="dashboard-stat-grid">
         <div className="stat-card animate-slide-up stagger-1">

src/web/pages/DigitalHuman.tsx

@@ -384,18 +384,33 @@ export default function DigitalHuman() {
 
   return (
     <div className="digital-human-page animate-fade-in">
-      <div className="page-header">
-        <div>
-          <h1 className="page-title">数字人</h1>
-          <p className="page-subtitle">选择 Comfy 工作流模板，上传人物素材和参考音频，生成真人商品讲解视频。</p>
+      <section className="console-hero digital-human-hero">
+        <div className="console-hero-copy">
+          <span className="console-kicker">Digital Human</span>
+          <h1>数字人商品讲解</h1>
+          <p>选择 Comfy 工作流模板，上传人物图片或视频、商品文案和参考音频，后台生成真人口播讲解视频并归档到工作空间。</p>
         </div>
-        <div className="page-actions">
+        <div className="console-hero-rail" aria-label="数字人任务摘要">
+          <div>
+            <span>模板</span>
+            <strong>{sortedWorkflows.length}</strong>
+          </div>
+          <div>
+            <span>任务</span>
+            <strong>{jobs.length}</strong>
+          </div>
+          <div>
+            <span>音频用途</span>
+            <strong>{AUDIO_ROLES.find((item) => item.value === audioRole)?.label || 'both'}</strong>
+          </div>
+        </div>
+        <div className="console-hero-actions">
           <button type="button" className="btn btn-ghost" onClick={loadData}>刷新</button>
           <button type="button" className="btn btn-primary" onClick={submit} disabled={!canSubmit}>
             {submitting ? '提交中...' : '生成讲解视频'}
           </button>
         </div>
-      </div>
+      </section>
 
       {error && <div className="alert alert-error" style={{ marginBottom: 12 }}>{error}</div>}
 

src/web/pages/MoneyPrinter.tsx

@@ -602,12 +602,27 @@ export default function MoneyPrinter() {
 
   return (
     <div className="money-printer-page animate-fade-in">
-      <div className="page-header">
-        <div>
-          <h1 className="page-title">短视频工厂</h1>
-          <p className="page-subtitle">内置 MoneyPrinterTurbo 思路：主题生成脚本和分镜，再用 BoosAPI 视频模型生产成片。</p>
+      <section className="console-hero money-printer-hero-shell">
+        <div className="console-hero-copy">
+          <span className="console-kicker">Short Video Factory</span>
+          <h1>短视频工厂</h1>
+          <p>把 MoneyPrinterTurbo 的生产思路接入 BossAI：主题生成脚本和分镜，再交给 BoosAPI 或 Comfy API 模板生产成片。</p>
         </div>
-        <div className="page-actions">
+        <div className="console-hero-rail" aria-label="短视频工厂摘要">
+          <div>
+            <span>后端</span>
+            <strong>{videoBackend === 'comfy' ? comfyBackendLabel : 'BoosAPI'}</strong>
+          </div>
+          <div>
+            <span>队列</span>
+            <strong>{runningJobs.length}</strong>
+          </div>
+          <div>
+            <span>归档</span>
+            <strong>{archivedAssetCount}</strong>
+          </div>
+        </div>
+        <div className="console-hero-actions">
           <button type="button" className="btn btn-ghost" onClick={() => void refreshNow()} disabled={refreshing}>
             {refreshing ? '刷新中...' : '刷新'}
           </button>
@@ -615,7 +630,7 @@ export default function MoneyPrinter() {
             {submitting ? '提交中...' : '生成短视频'}
           </button>
         </div>
-      </div>
+      </section>
 
       {error && <div className="alert alert-error" style={{ marginBottom: 12 }}>{error}</div>}
 

src/web/pages/Workspace.tsx

@@ -331,19 +331,34 @@ export default function Workspace() {
 
   return (
     <div className="workspace-page animate-fade-in">
-      <div className="page-header">
-        <div>
-          <h1 className="page-title">工作空间</h1>
-          <p className="page-subtitle">
-            {audience === 'user' ? '你的创作成品库' : '全部用户的创作成品库'}，只归档最终产出。工作流上传素材和预置模板资源不会进入这里。
+      <section className="console-hero workspace-hero">
+        <div className="console-hero-copy">
+          <span className="console-kicker">Workspace</span>
+          <h1>工作空间</h1>
+          <p>
+            {audience === 'user' ? '你的创作成品库' : '全部用户的创作成品库'}。这里只保留最终交付文件，工作流上传素材和预置模板资源不会污染资产库。
           </p>
         </div>
-        <div className="page-actions">
+        <div className="console-hero-rail" aria-label="工作空间摘要">
+          <div>
+            <span>当前结果</span>
+            <strong>{total}</strong>
+          </div>
+          <div>
+            <span>本地文件</span>
+            <strong>{localCount}</strong>
+          </div>
+          <div>
+            <span>已选择</span>
+            <strong>{selectedIds.length}</strong>
+          </div>
+        </div>
+        <div className="console-hero-actions">
           <button type="button" className="btn btn-ghost" onClick={() => void load()} disabled={loading}>
             {loading ? '刷新中...' : '刷新'}
           </button>
         </div>
-      </div>
+      </section>
 
       <div className="workspace-summary">
         <div className="workspace-summary-item">