feat: 全屏个股详情预览 + Tailwind 改版 + 账号鉴权

frontend/src/views/BacktestView.vue

@@ -15,14 +15,20 @@ function onRun(req: BacktestRequest) {
 <template>
   <BacktestForm :loading="store.loading" @run="onRun" />
 
-  <div v-if="store.error" class="error-banner">{{ store.error }}</div>
+  <div v-if="store.error" class="mt-4 flex items-start gap-2 rounded-xl border border-red-200 bg-red-50 px-4 py-3 text-[13px] text-red-700">
+    <svg class="mt-0.5 h-4 w-4 shrink-0" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M10.3 3.9L1.8 18a2 2 0 001.7 3h17a2 2 0 001.7-3L13.7 3.9a2 2 0 00-3.4 0z" /><path d="M12 9v4M12 17h.01" /></svg>
+    {{ store.error }}
+  </div>
 
-  <div v-if="store.loading && store.note" class="placeholder">{{ store.note }}</div>
+  <div v-if="store.loading && store.note" class="py-16 text-center text-sm text-slate-400">
+    <svg class="mx-auto mb-3 h-6 w-6 animate-spin text-blue-500" viewBox="0 0 24 24" fill="none"><circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4" /><path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8v4a4 4 0 00-4 4H4z" /></svg>
+    {{ store.note }}
+  </div>
 
   <template v-if="store.result">
     <MetricsPanel :metrics="store.result.metrics" />
 
-    <div class="panel">
+    <div class="mt-4 rounded-xl border border-slate-200 bg-white p-3">
       <KLineChart
         :candles="store.result.candles"
         :indicators="store.result.indicators"
@@ -33,13 +39,13 @@ function onRun(req: BacktestRequest) {
       />
     </div>
 
-    <div class="panel">
-      <div class="panel-title">净值曲线</div>
+    <div class="mt-4 rounded-xl border border-slate-200 bg-white p-3">
+      <div class="px-2 py-1 text-[13px] text-slate-500">净值曲线</div>
       <EquityChart :equity="store.result.equity" />
     </div>
   </template>
 
-  <div v-else-if="!store.loading" class="placeholder">
+  <div v-else-if="!store.loading" class="py-16 text-center text-sm text-slate-400">
     选好周期与参数，点「开始回测」——先用 DEMO 合成数据跑通。
   </div>
 </template>