feat(web): 前端全局重构专业量化后台(深色+红涨绿跌+设计系统)

- 设计系统 styles/tokens.css: 深色token(#0d1117底/#161b22卡片) + 红涨绿跌
  (--up#f85149/--down#3fb950) + 品牌蓝#1890ff + 间距/圆角/阴影/mono
- Element Plus深色(element-dark.css + dark/css-vars)+reset
- 删Vite脚手架残留(style.css重写/HelloWorld/hero/vite/vue资源)
- Layout重构(深色专业侧边)+Login+图表统一深色(useChart/echartsDark)
- 新建paper/Live.vue实走监控(step状态/净值/持仓/今日信号10s轮询)
- 业务页套.page头, 保留所有功能/路由/api
- 验证: vue-tsc --noEmit ✅ + npm run build ✅

frontend/src/views/backtest/Progress.vue

@@ -26,19 +26,30 @@ function pct(): number {
 </script>
 
 <template>
-  <el-card>
-    <h3>回测进行中</h3>
-    <p>任务 ID：{{ taskId }}</p>
-    <p>
-      状态：
-      <el-tag :type="status === 'done' ? 'success' : status === 'failed' ? 'danger' : 'warning'">
-        {{ status }}
-      </el-tag>
-    </p>
-    <p>阶段：{{ stage || '—' }}</p>
-    <el-progress
-      :percentage="pct()"
-      :status="status === 'failed' ? 'exception' : status === 'done' ? 'success' : undefined"
-    />
-  </el-card>
+  <div class="page">
+    <div class="page-head">
+      <div>
+        <h2 class="page-title">任务进行中</h2>
+        <p class="page-subtitle">任务 ID：{{ taskId }}</p>
+      </div>
+    </div>
+    <el-card>
+      <p class="progress-status">
+        状态：
+        <el-tag :type="status === 'done' ? 'success' : status === 'failed' ? 'danger' : 'warning'">
+          {{ status }}
+        </el-tag>
+      </p>
+      <p class="progress-stage">阶段：{{ stage || '—' }}</p>
+      <el-progress
+        :percentage="pct()"
+        :status="status === 'failed' ? 'exception' : status === 'done' ? 'success' : undefined"
+      />
+    </el-card>
+  </div>
 </template>
+
+<style scoped>
+.progress-status { margin-bottom: 8px; }
+.progress-stage { margin-bottom: 16px; color: var(--text-2); }
+</style>