diff --git a/backend/src/alphapulse/api/trading.py b/backend/src/alphapulse/api/trading.py
index a3340e5..ec308ba 100644
--- a/backend/src/alphapulse/api/trading.py
+++ b/backend/src/alphapulse/api/trading.py
@@ -32,15 +32,11 @@ SNAPSHOT_FRESH_SECONDS = 30
 LIVE_PLAN_STATUSES = ("pending", "open", "closing")
 
 
-class TodayStats(BaseModel):
+class TodayUsage(BaseModel):
     analyses: int
     limit: int
     input_tokens: int
     output_tokens: int
-    # 今日结束（平仓）的计划：笔数、净盈亏为正的笔数、净盈亏合计（含手续费）
-    trades: int
-    wins: int
-    net_pnl: Decimal
 
 
 class StatusOut(BaseModel):
@@ -54,7 +50,7 @@ class StatusOut(BaseModel):
     reasoning_effort: str | None
     # trader 进程的心跳快照；进程离线时为空
     snapshot: dict | None
-    today: TodayStats
+    today: TodayUsage
 
 
 class ConfigIn(BaseModel):
@@ -160,10 +156,6 @@ async def get_status(session: Annotated[AsyncSession, Depends(get_session)]) ->
             func.coalesce(func.sum(TradingAnalysis.usage["output_tokens"].as_integer()), 0),
         ).where(TradingAnalysis.started_at >= today)
     )).one()
-    # 计划 closed 时 executor.finish 一定写了 result
-    nets = [Decimal(r["net"]) for r in (await session.scalars(
-        select(TradingAnalysis.result).where(TradingAnalysis.plan_status == "closed", TradingAnalysis.closed_at >= today)
-    )).all()]
     snapshot = await read_snapshot()
     equity = snapshot and snapshot["account"] and Decimal(snapshot["account"]["margin_balance"])
     return StatusOut(
@@ -171,8 +163,7 @@ async def get_status(session: Annotated[AsyncSession, Depends(get_session)]) ->
         running_changed_at=account.running_changed_at, capital_usdt=account.capital_usdt,
         effective_capital=min(account.capital_usdt, equity) if account.capital_usdt and equity else None,
         provider_id=account.provider_id, reasoning_effort=account.reasoning_effort, snapshot=snapshot,
-        today=TodayStats(analyses=count, limit=DAILY_ANALYSIS_LIMIT, input_tokens=input_tokens, output_tokens=output_tokens,
-                         trades=len(nets), wins=sum(n > 0 for n in nets), net_pnl=sum(nets, Decimal(0))),
+        today=TodayUsage(analyses=count, limit=DAILY_ANALYSIS_LIMIT, input_tokens=input_tokens, output_tokens=output_tokens),
     )
 
 
diff --git a/web/index.html b/web/index.html
index 0fcc12a..836119e 100644
--- a/web/index.html
+++ b/web/index.html
@@ -1,5 +1,5 @@
 <!doctype html>
-<html lang="zh-CN" class="dark">
+<html lang="zh-CN">
   <head>
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
diff --git a/web/package.json b/web/package.json
index 9c2bb46..7094504 100644
--- a/web/package.json
+++ b/web/package.json
@@ -10,8 +10,6 @@
   },
   "dependencies": {
     "@element-plus/icons-vue": "^2.3.2",
-    "@fontsource-variable/jetbrains-mono": "^5.3.0",
-    "@fontsource-variable/space-grotesk": "^5.3.0",
     "axios": "^1.20.0",
     "dayjs": "^1.11.23",
     "element-plus": "^2.14.7",
diff --git a/web/pnpm-lock.yaml b/web/pnpm-lock.yaml
index e626b29..e1b4979 100644
--- a/web/pnpm-lock.yaml
+++ b/web/pnpm-lock.yaml
@@ -11,12 +11,6 @@ importers:
       '@element-plus/icons-vue':
         specifier: ^2.3.2
         version: 2.3.2(vue@3.5.43(typescript@6.0.3))
-      '@fontsource-variable/jetbrains-mono':
-        specifier: ^5.3.0
-        version: 5.3.0
-      '@fontsource-variable/space-grotesk':
-        specifier: ^5.3.0
-        version: 5.3.0
       axios:
         specifier: ^1.20.0
         version: 1.20.0(debug@4.4.3)
@@ -309,12 +303,6 @@ packages:
   '@floating-ui/utils@0.2.12':
     resolution: {integrity: sha512-HpCo8tmWzLVad5s2d19EhAz5zqrrQ6s69qd6moPMQvkOuSwDT1YgRfWSVuc4ennqrgv3OHppiOGMQ7oC13yIww==}
 
-  '@fontsource-variable/jetbrains-mono@5.3.0':
-    resolution: {integrity: sha512-F32xpS2NsGYoQi2ADSkKTgpJj7ozajsGgDJ8woTnqjmIB+dxDIqImjl4pXZVEExu8UFZ2ndhmX18EBS/hdz3Lw==}
-
-  '@fontsource-variable/space-grotesk@5.3.0':
-    resolution: {integrity: sha512-2IxmvfB08i9vnGB3Ym/AXvhRE+8XOjWMXIyDum03c+tPwH0FUoMNQfGpU8NXPxjbws0Vvss3AH0Zqt4oJBBAdw==}
-
   '@humanfs/core@0.19.2':
     resolution: {integrity: sha512-UhXNm+CFMWcbChXywFwkmhqjs3PRCmcSa/hfBgLIb7oQ5HNb1wS0icWsGtSAUNgefHeI+eBrA8I1fxmbHsGdvA==}
     engines: {node: '>=18.18.0'}
@@ -2901,10 +2889,6 @@ snapshots:
 
   '@floating-ui/utils@0.2.12': {}
 
-  '@fontsource-variable/jetbrains-mono@5.3.0': {}
-
-  '@fontsource-variable/space-grotesk@5.3.0': {}
-
   '@humanfs/core@0.19.2':
     dependencies:
       '@humanfs/types': 0.15.0
diff --git a/web/src/apis/trading.ts b/web/src/apis/trading.ts
index 670177a..ed9f345 100644
--- a/web/src/apis/trading.ts
+++ b/web/src/apis/trading.ts
@@ -64,16 +64,7 @@ export interface TradingStatus {
   reasoning_effort: Effort | null
   /** trader 进程离线时为空 */
   snapshot: Snapshot | null
-  today: {
-    analyses: number
-    limit: number
-    input_tokens: number
-    output_tokens: number
-    /** 今日结束的计划笔数、其中净盈亏为正的笔数、净盈亏合计（含手续费） */
-    trades: number
-    wins: number
-    net_pnl: string
-  }
+  today: { analyses: number, limit: number, input_tokens: number, output_tokens: number }
 }
 
 export interface TradingSymbol {
diff --git a/web/src/components/SkillTree.vue b/web/src/components/SkillTree.vue
index 44f5142..44271fd 100644
--- a/web/src/components/SkillTree.vue
+++ b/web/src/components/SkillTree.vue
@@ -126,8 +126,8 @@ function onCollapse(item: TreeItem) {
       >
         <template #default="{ data }">
           <div
-            class="group w-full flex items-center gap-1 overflow-hidden pr-1 text-sm"
-            :class="{ 'opacity-50': !data.data.enabled, 'bg-ap-brand/15': highlightIds?.includes(data.id) }"
+            class="group w-full flex items-center gap-1 overflow-hidden rounded pr-1 text-sm"
+            :class="{ 'opacity-50': !data.data.enabled, 'bg-yellow-100': highlightIds?.includes(data.id) }"
           >
             <span>{{ data.data.kind === "folder" ? "📁" : "📄" }}</span>
             <span class="truncate">{{ data.data.name }}</span>
diff --git a/web/src/components/SkillVersionDrawer.vue b/web/src/components/SkillVersionDrawer.vue
index 6dd952c..e579601 100644
--- a/web/src/components/SkillVersionDrawer.vue
+++ b/web/src/components/SkillVersionDrawer.vue
@@ -50,7 +50,7 @@ async function publish(version: SkillVersion) {
       <el-scrollbar class="w-60 shrink-0">
         <div
           v-for="v in versions" :key="v.id"
-          class="mb-1 cursor-pointer border border-solid px-2 py-1 text-sm"
+          class="mb-1 cursor-pointer border rounded border-solid px-2 py-1 text-sm"
           :class="v.id === selectedId ? 'border-[var(--el-color-primary)] bg-[var(--el-color-primary-light-9)]' : 'border-[var(--el-border-color-lighter)]'"
           @click="selectedId = v.id"
         >
@@ -81,11 +81,11 @@ async function publish(version: SkillVersion) {
             发布此版本
           </el-button>
         </div>
-        <el-scrollbar class="min-h-0 flex-1 border border-ap-line border-solid bg-ap-sunken">
+        <el-scrollbar class="min-h-0 flex-1 border rounded border-solid border-[var(--el-border-color-lighter)]">
           <div class="p-2 text-xs font-mono">
             <div
               v-for="(line, i) in diff" :key="i" class="whitespace-pre-wrap"
-              :class="{ 'diff-add': line.type === 'add', 'diff-del': line.type === 'del' }"
+              :class="{ 'bg-green-100': line.type === 'add', 'bg-red-100 line-through': line.type === 'del' }"
             >
               {{ line.type === "add" ? "+ " : line.type === "del" ? "- " : "  " }}{{ line.text }}
             </div>
diff --git a/web/src/layouts/index.vue b/web/src/layouts/index.vue
index 159a4cf..1fd17ff 100644
--- a/web/src/layouts/index.vue
+++ b/web/src/layouts/index.vue
@@ -1,5 +1,4 @@
 <script lang="ts" setup>
-import { DataLine } from "@element-plus/icons-vue"
 import { useUserStore } from "@/pinia/user"
 import { menuRoutes } from "@/router"
 
@@ -14,70 +13,27 @@ async function logout() {
 </script>
 
 <template>
-  <div class="h-full flex bg-ap-bg">
-    <aside class="w-[200px] flex shrink-0 flex-col border-r border-r-ap-line border-r-solid bg-ap-panel">
-      <div class="h-14 flex shrink-0 flex-col justify-center border-b border-b-ap-line border-b-solid bg-ap-panel-high px-3">
-        <div class="flex items-center gap-2 font-head text-base text-ap-brand font-bold tracking-wider">
-          <el-icon :size="18">
-            <DataLine />
-          </el-icon>
-          ALPHAPULSE
-        </div>
-        <div class="mt-0.5 text-[10px] text-ap-muted tracking-[0.2em]">
-          TRADING TERMINAL
-        </div>
+  <el-container class="h-full">
+    <el-aside width="200px" class="border-r border-r-solid border-[var(--el-border-color)]">
+      <div class="h-14 flex-center text-lg font-bold">
+        AlphaPulse
       </div>
-      <nav class="flex flex-col py-1">
-        <router-link v-for="item in menuRoutes" :key="item.path" :to="item.path" class="nav-item" active-class="active">
-          <el-icon :size="16">
-            <component :is="item.meta.icon" />
-          </el-icon>
+      <el-menu :default-active="route.path" router class="border-r-0!">
+        <el-menu-item v-for="item in menuRoutes" :key="item.path" :index="item.path">
           {{ item.meta.title }}
-        </router-link>
-      </nav>
-    </aside>
-    <div class="min-w-0 flex flex-1 flex-col">
-      <header class="h-14 flex shrink-0 items-center justify-between border-b border-b-ap-line border-b-solid bg-ap-panel px-4">
-        <div class="flex items-center gap-2">
-          <span class="font-head text-base text-ap-brand font-bold">AlphaPulse</span>
-          <span class="text-ap-line">/</span>
-          <span class="font-bold tracking-wide">{{ route.meta.title }}</span>
-        </div>
-        <div class="flex items-center gap-2">
-          <span class="h-6 w-6 flex-center border border-ap-line border-solid bg-ap-panel-highest text-[11px] text-ap-brand font-bold">
-            {{ userStore.username!.slice(0, 2).toUpperCase() }}
-          </span>
-          <span class="font-semibold">{{ userStore.username }}</span>
-          <el-button link @click="logout">
-            退出
-          </el-button>
-        </div>
-      </header>
-      <main class="min-h-0 flex-1 overflow-auto p-2">
+        </el-menu-item>
+      </el-menu>
+    </el-aside>
+    <el-container>
+      <el-header class="flex-y-center justify-end gap-3 border-b border-b-solid border-[var(--el-border-color)]">
+        <span>{{ userStore.username }}</span>
+        <el-button link @click="logout">
+          退出
+        </el-button>
+      </el-header>
+      <el-main>
         <router-view />
-      </main>
-    </div>
-  </div>
+      </el-main>
+    </el-container>
+  </el-container>
 </template>
-
-<style scoped>
-.nav-item {
-  display: flex;
-  align-items: center;
-  gap: 10px;
-  padding: 10px 12px;
-  border-left: 2px solid transparent;
-  color: var(--ap-muted);
-  font-weight: 600;
-  text-decoration: none;
-}
-.nav-item:hover {
-  background: var(--ap-panel-highest);
-  color: var(--ap-text);
-}
-.nav-item.active {
-  border-left-color: var(--ap-brand);
-  background: var(--ap-panel-high);
-  color: var(--ap-brand);
-}
-</style>
diff --git a/web/src/main.ts b/web/src/main.ts
index 323d864..40d97be 100644
--- a/web/src/main.ts
+++ b/web/src/main.ts
@@ -1,8 +1,6 @@
 import { createPinia } from "pinia"
 import App from "@/App.vue"
 import { router } from "@/router"
-import "@fontsource-variable/jetbrains-mono"
-import "@fontsource-variable/space-grotesk"
 import "element-plus/dist/index.css"
 import "element-plus/theme-chalk/dark/css-vars.css"
 import "@/styles/index.css"
diff --git a/web/src/pages/chat/components/ContextTab.vue b/web/src/pages/chat/components/ContextTab.vue
index 83a0fd2..ac73b54 100644
--- a/web/src/pages/chat/components/ContextTab.vue
+++ b/web/src/pages/chat/components/ContextTab.vue
@@ -80,9 +80,9 @@ load()
     <div class="min-h-0 flex flex-1 gap-3">
       <textarea
         v-model="content" placeholder="目标、已确认的结论、待办…（Markdown）"
-        class="box-border flex-1 resize-none border border-ap-line border-solid bg-ap-sunken p-3 text-sm text-ap-text leading-6 font-mono outline-none focus:border-ap-brand"
+        class="box-border flex-1 resize-none border rounded border-solid border-[var(--el-border-color)] p-3 text-sm leading-6 font-mono outline-none focus:border-[var(--el-color-primary)]"
       />
-      <el-scrollbar class="flex-1 border border-ap-line border-solid bg-ap-panel-low">
+      <el-scrollbar class="flex-1 border rounded border-solid border-[var(--el-border-color-lighter)]">
         <div class="markdown-body p-3" v-html="preview" />
       </el-scrollbar>
     </div>
diff --git a/web/src/pages/chat/components/MessageList.vue b/web/src/pages/chat/components/MessageList.vue
index 85a90e9..e949cac 100644
--- a/web/src/pages/chat/components/MessageList.vue
+++ b/web/src/pages/chat/components/MessageList.vue
@@ -51,7 +51,7 @@ function prettyResult(result: string) {
 <template>
   <div class="flex flex-col gap-4">
     <div v-for="item in items" :key="item.key" :class="item.kind === 'user' ? 'self-end max-w-3/4' : 'self-stretch'">
-      <div v-if="item.kind === 'user'" class="whitespace-pre-wrap border-l-2 border-l-ap-brand border-l-solid bg-ap-panel-high px-3 py-2 font-sans text-sm">
+      <div v-if="item.kind === 'user'" class="whitespace-pre-wrap rounded-lg bg-[var(--el-color-primary-light-9)] px-3 py-2 text-sm">
         {{ item.text }}
       </div>
       <div v-else class="flex flex-col gap-2">
@@ -71,7 +71,7 @@ function prettyResult(result: string) {
                 <span class="truncate text-[var(--el-text-color-secondary)] font-mono">{{ JSON.stringify(call.arguments) }}</span>
               </div>
             </template>
-            <pre class="m-0 max-h-80 overflow-auto whitespace-pre-wrap break-all border border-ap-line border-solid bg-ap-panel-low p-2 text-xs">{{ call.result === null ? "等待结果…" : prettyResult(call.result) }}</pre>
+            <pre class="m-0 max-h-80 overflow-auto whitespace-pre-wrap break-all rounded bg-[var(--el-fill-color-light)] p-2 text-xs">{{ call.result === null ? "等待结果…" : prettyResult(call.result) }}</pre>
           </el-collapse-item>
         </el-collapse>
         <div v-if="item.stopped" class="text-xs text-[var(--el-text-color-secondary)]">
@@ -84,9 +84,6 @@ function prettyResult(result: string) {
 </template>
 
 <style scoped>
-.tool-cards {
-  border: 1px solid var(--ap-line);
-}
 .tool-cards :deep(.el-collapse-item__header) {
   height: 32px;
   line-height: 32px;
diff --git a/web/src/pages/chat/index.vue b/web/src/pages/chat/index.vue
index a5bef1e..9102431 100644
--- a/web/src/pages/chat/index.vue
+++ b/web/src/pages/chat/index.vue
@@ -218,16 +218,14 @@ loadSkills()
     <el-tabs v-model="activeTab" class="chat-tabs min-h-0 flex flex-1 flex-col">
       <el-tab-pane label="Chat" name="chat" class="h-full">
         <div class="h-full flex gap-3">
-          <el-card class="w-72 flex shrink-0 flex-col" body-class="min-h-0 flex-1 box-border flex flex-col gap-2" shadow="never">
-            <template #header>
-              <div class="w-full flex items-center justify-between">
-                Skills
-                <el-button link type="primary" size="small" @click="router.push('/skills')">
-                  去管理
-                </el-button>
-              </div>
-            </template>
-            <div class="text-xs text-ap-muted">
+          <el-card class="w-72 shrink-0" body-class="h-full box-border flex flex-col gap-2" shadow="never">
+            <div class="flex items-center justify-between text-sm font-bold">
+              Skills
+              <el-button link size="small" @click="router.push('/skills')">
+                去管理
+              </el-button>
+            </div>
+            <div class="text-xs text-[var(--el-text-color-secondary)]">
               点击查看草稿与已发布版本的差异并发布；黄色为本次 Chat 刚改过的
             </div>
             <div class="min-h-0 flex-1">
@@ -244,7 +242,7 @@ loadSkills()
                 <el-option v-for="e in EFFORTS" :key="e" :value="e" :label="`思考强度：${e}`" />
               </el-select>
               <el-tooltip content="下一轮发给模型的 system prompt（含已发布 skills、CONTEXT.md）与历史消息的估算大小" placement="bottom">
-                <span class="text-xs" :class="tokenRatio > 0.8 ? 'text-ap-down font-bold' : 'text-[var(--el-text-color-secondary)]'">
+                <span class="text-xs" :class="tokenRatio > 0.8 ? 'text-red-500 font-bold' : 'text-[var(--el-text-color-secondary)]'">
                   上下文约 {{ estimatedTokens.toLocaleString() }}{{ provider ? ` / ${provider.context_window.toLocaleString()}` : "" }} token
                 </span>
               </el-tooltip>
diff --git a/web/src/pages/crawler/components/SourcePanel.vue b/web/src/pages/crawler/components/SourcePanel.vue
index 6e2d7b2..0ca2d42 100644
--- a/web/src/pages/crawler/components/SourcePanel.vue
+++ b/web/src/pages/crawler/components/SourcePanel.vue
@@ -124,7 +124,7 @@ loadLatest()
         {{ formatTime(source.last_success_at) }}
       </el-descriptions-item>
       <el-descriptions-item label="连续失败">
-        <span :class="{ 'text-ap-down font-bold': source.consecutive_failures > 0 }">{{ source.consecutive_failures }}</span>
+        <span :class="{ 'text-red-500 font-bold': source.consecutive_failures > 0 }">{{ source.consecutive_failures }}</span>
       </el-descriptions-item>
       <el-descriptions-item label="下次运行">
         {{ formatTime(source.paused_until && source.paused_until > (source.process?.next_run_at ?? "") ? source.paused_until : source.process?.next_run_at) }}
@@ -157,7 +157,7 @@ loadLatest()
         </div>
       </el-descriptions-item>
       <el-descriptions-item v-if="source.last_error" label="最近错误" :span="4">
-        <span class="whitespace-pre-wrap text-xs text-ap-down">{{ source.last_error }}</span>
+        <span class="whitespace-pre-wrap text-xs text-red-500">{{ source.last_error }}</span>
       </el-descriptions-item>
     </el-descriptions>
 
@@ -171,7 +171,7 @@ loadLatest()
         </template>
         <div v-for="item in latest" :key="item.id" class="mb-2 text-sm">
           <span class="mr-2 text-xs text-[var(--el-text-color-secondary)]">{{ formatTime(item.published_at, "MM-DD HH:mm") }}</span>
-          <el-link :href="item.url" target="_blank" class="font-sans">
+          <el-link :href="item.url" target="_blank">
             {{ item.title || item.excerpt.slice(0, 60) }}
           </el-link>
         </div>
@@ -189,10 +189,10 @@ loadLatest()
             <el-switch v-model="autoScroll" active-text="自动滚动" size="small" />
           </div>
         </template>
-        <div ref="logBox" class="min-h-0 flex-1 overflow-auto border border-ap-line border-solid bg-ap-sunken p-2 text-xs text-ap-text font-mono leading-5">
+        <div ref="logBox" class="min-h-0 flex-1 overflow-auto rounded bg-[#1e1e1e] p-2 text-xs text-[#d4d4d4] font-mono leading-5">
           <div v-for="log in visibleLogs" :key="log.id" class="whitespace-pre-wrap break-all">
-            <span class="text-ap-faint">{{ formatTime(log.ts) }}</span>
-            <span :class="{ 'text-ap-warn': log.level === 'WARNING', 'text-ap-down': log.level === 'ERROR' || log.level === 'CRITICAL' }" class="mx-2">{{ log.level }}</span>{{ log.message }}
+            <span class="text-[#808080]">{{ formatTime(log.ts) }}</span>
+            <span :class="{ 'text-yellow-400': log.level === 'WARNING', 'text-red-400': log.level === 'ERROR' || log.level === 'CRITICAL' }" class="mx-2">{{ log.level }}</span>{{ log.message }}
           </div>
         </div>
       </el-card>
diff --git a/web/src/pages/crawler/index.vue b/web/src/pages/crawler/index.vue
index 8372d9d..e94bee5 100644
--- a/web/src/pages/crawler/index.vue
+++ b/web/src/pages/crawler/index.vue
@@ -73,14 +73,14 @@ refresh().then(() => Promise.all(info.value!.sources.map(s => loadHistory(s.code
 
 <template>
   <div v-if="info" class="h-full flex flex-col gap-3">
-    <div class="flex items-center gap-3 border border-ap-line border-solid bg-ap-panel px-3 py-2">
+    <div class="flex items-center gap-3">
       <el-tag :type="info.manager_alive ? 'success' : 'danger'">
-        <i class="mr-1.5 inline-block h-1.5 w-1.5 bg-current" :class="{ 'animate-pulse': info.manager_alive }" />{{ info.manager_alive ? "管理进程运行中" : "管理进程未运行" }}
+        {{ info.manager_alive ? "管理进程运行中" : "管理进程未运行" }}
       </el-tag>
       <el-tag :type="connected ? 'success' : 'danger'">
-        <i class="mr-1.5 inline-block h-1.5 w-1.5 bg-current" />{{ connected ? "日志推送已连接" : "日志推送断开" }}
+        {{ connected ? "日志推送已连接" : "日志推送断开" }}
       </el-tag>
-      <span class="text-xs text-ap-muted">数据库 <b class="text-ap-text">{{ formatBytes(info.db_size_bytes) }}</b></span>
+      <span class="text-sm text-[var(--el-text-color-secondary)]">数据库 {{ formatBytes(info.db_size_bytes) }}</span>
       <div class="flex-1" />
       <el-button type="danger" :loading="restarting.size > 0" @click="restart('all')">
         重启全部采集
@@ -89,7 +89,7 @@ refresh().then(() => Promise.all(info.value!.sources.map(s => loadHistory(s.code
     <el-tabs v-model="activeTab" type="border-card" class="crawler-tabs min-h-0 flex flex-1 flex-col">
       <el-tab-pane v-for="source in info.sources" :key="source.code" :name="source.code" class="h-full">
         <template #label>
-          <span :class="{ 'text-ap-down font-bold': source.consecutive_failures >= FAILURE_ALERT }">
+          <span :class="{ 'text-red-500 font-bold': source.consecutive_failures >= FAILURE_ALERT }">
             {{ source.name }}
           </span>
           <el-badge v-if="source.consecutive_failures >= FAILURE_ALERT" :value="source.consecutive_failures" class="ml-1" />
diff --git a/web/src/pages/login/index.vue b/web/src/pages/login/index.vue
index 494b388..fd10494 100644
--- a/web/src/pages/login/index.vue
+++ b/web/src/pages/login/index.vue
@@ -1,5 +1,4 @@
 <script lang="ts" setup>
-import { DataLine } from "@element-plus/icons-vue"
 import { useUserStore } from "@/pinia/user"
 
 const route = useRoute()
@@ -21,20 +20,14 @@ async function submit() {
 </script>
 
 <template>
-  <div class="login-bg h-full flex-center">
-    <div class="w-90 border border-ap-line border-solid bg-ap-panel">
-      <div class="h-14 flex flex-col justify-center border-b border-b-ap-line border-b-solid bg-ap-panel-high px-4">
-        <div class="flex items-center gap-2 font-head text-lg text-ap-brand font-bold tracking-wider">
-          <el-icon :size="20">
-            <DataLine />
-          </el-icon>
-          ALPHAPULSE
+  <div class="h-full flex-center">
+    <el-card class="w-90">
+      <template #header>
+        <div class="text-center text-lg font-bold">
+          AlphaPulse
         </div>
-        <div class="text-[10px] text-ap-muted tracking-[0.2em]">
-          新闻 · 行情 · AI 分析 · 模拟盘
-        </div>
-      </div>
-      <el-form :model="form" class="p-5" @submit.prevent="submit">
+      </template>
+      <el-form :model="form" @submit.prevent="submit">
         <el-form-item>
           <el-input v-model="form.username" placeholder="用户名" autocomplete="username" />
         </el-form-item>
@@ -45,16 +38,6 @@ async function submit() {
           登录
         </el-button>
       </el-form>
-    </div>
+    </el-card>
   </div>
 </template>
-
-<style scoped>
-.login-bg {
-  background-color: var(--ap-bg);
-  background-image:
-    linear-gradient(color-mix(in srgb, var(--ap-line) 25%, transparent) 1px, transparent 1px),
-    linear-gradient(90deg, color-mix(in srgb, var(--ap-line) 25%, transparent) 1px, transparent 1px);
-  background-size: 32px 32px;
-}
-</style>
diff --git a/web/src/pages/market/chart.ts b/web/src/pages/market/chart.ts
index 48da061..f257445 100644
--- a/web/src/pages/market/chart.ts
+++ b/web/src/pages/market/chart.ts
@@ -1,13 +1,9 @@
 import type { DeepPartial, Period, Styles } from "klinecharts"
-import { PALETTE } from "@/styles/palette"
 
-export const UP = PALETTE.candleUp
-export const DOWN = PALETTE.candleDown
-const GRID = PALETTE.panelHighest
-const AXIS = PALETTE.line
-const TEXT = PALETTE.faint
-// canvas 读不到 CSS 变量，字体直接写；未设置时 KLineChart 默认 Helvetica Neue，缺字体时会回退成衬线体
-const FONT = `"JetBrains Mono Variable", ui-monospace, "PingFang SC", "Microsoft YaHei", monospace`
+export const UP = "#0ecb81"
+export const DOWN = "#f6465d"
+const GRID = "#2b3139"
+const TEXT = "#848e9c"
 
 /** “分时”用 1m 数据画面积图，与币安一致 */
 export const TIME_LINE = "time"
@@ -63,7 +59,7 @@ export function toPeriod(interval: string): Period {
   return { type, span }
 }
 
-/** 在内置 dark 主题上覆盖：币安涨跌色 + 站点配色与字体 */
+/** 在内置 dark 主题上覆盖币安配色 */
 export const BINANCE_STYLES: DeepPartial<Styles> = {
   grid: {
     horizontal: { color: GRID },
@@ -82,22 +78,13 @@ export const BINANCE_STYLES: DeepPartial<Styles> = {
       noChangeWickColor: TEXT
     },
     priceMark: {
-      high: { textFamily: FONT },
-      low: { textFamily: FONT },
-      last: { upColor: UP, downColor: DOWN, noChangeColor: TEXT, text: { family: FONT } }
-    },
-    tooltip: { title: { family: FONT }, legend: { family: FONT } }
+      last: { upColor: UP, downColor: DOWN, noChangeColor: TEXT }
+    }
   },
   indicator: {
-    ohlc: { upColor: UP, downColor: DOWN, noChangeColor: TEXT },
-    lastValueMark: { text: { family: FONT } },
-    tooltip: { title: { family: FONT }, legend: { family: FONT } }
+    ohlc: { upColor: UP, downColor: DOWN, noChangeColor: TEXT }
   },
-  xAxis: { axisLine: { color: AXIS }, tickText: { color: TEXT, family: FONT } },
-  yAxis: { axisLine: { color: AXIS }, tickText: { color: TEXT, family: FONT } },
-  crosshair: {
-    horizontal: { text: { family: FONT } },
-    vertical: { text: { family: FONT } }
-  },
-  separator: { color: AXIS }
+  xAxis: { axisLine: { color: GRID }, tickText: { color: TEXT } },
+  yAxis: { axisLine: { color: GRID }, tickText: { color: TEXT } },
+  separator: { color: GRID }
 }
diff --git a/web/src/pages/market/index.vue b/web/src/pages/market/index.vue
index 3644378..b132bbb 100644
--- a/web/src/pages/market/index.vue
+++ b/web/src/pages/market/index.vue
@@ -189,9 +189,9 @@ onBeforeUnmount(() => {
 </script>
 
 <template>
-  <div class="market h-full flex flex-col overflow-hidden border border-ap-line border-solid bg-ap-panel text-ap-text">
+  <div class="market h-full flex flex-col overflow-hidden rounded bg-[#161a1e] text-[#eaecef]">
     <!-- 顶栏：交易对与 24h 行情 -->
-    <div class="flex flex-wrap items-center gap-6 border-b border-b-solid border-ap-line px-4 py-2">
+    <div class="flex flex-wrap items-center gap-6 border-b border-b-solid border-[#2b3139] px-4 py-2">
       <el-select
         :model-value="`${selection.market}:${selection.symbol}`" filterable class="symbol-select w-52"
         @change="selectSymbol"
@@ -202,7 +202,7 @@ onBeforeUnmount(() => {
             :value="`${s.market}:${s.symbol}`" :label="`${s.base}/${s.quote}${s.market === 'um' ? ' 永续' : ''}`"
           >
             <span>{{ s.base }}/{{ s.quote }}</span>
-            <span v-if="s.status !== 'ready'" class="float-right text-xs text-ap-brand">{{ s.status === "error" ? "出错" : "补齐中" }}</span>
+            <span v-if="s.status !== 'ready'" class="float-right text-xs text-[#f0b90b]">{{ s.status === "error" ? "出错" : "补齐中" }}</span>
           </el-option>
         </el-option-group>
       </el-select>
@@ -232,8 +232,8 @@ onBeforeUnmount(() => {
         <div>{{ formatBig(ticker.quoteVolume) }}</div>
       </div>
       <div class="flex-1" />
-      <span class="text-xs" :class="connected ? 'text-ap-up' : 'text-ap-down'">● {{ connected ? "实时" : "断开" }}</span>
-      <el-button size="small" type="primary" @click="addVisible = true">
+      <span class="text-xs" :class="connected ? 'text-[#0ecb81]' : 'text-[#f6465d]'">● {{ connected ? "实时" : "断开" }}</span>
+      <el-button size="small" type="warning" @click="addVisible = true">
         新增交易对
       </el-button>
       <el-button size="small" @click="managerVisible = true">
@@ -242,7 +242,7 @@ onBeforeUnmount(() => {
     </div>
 
     <!-- 周期与指标工具栏 -->
-    <div class="flex items-center gap-1 border-b border-b-solid border-ap-line px-3 py-1 text-sm">
+    <div class="flex items-center gap-1 border-b border-b-solid border-[#2b3139] px-3 py-1 text-sm">
       <span
         v-for="i in favorites.filter(f => intervals.includes(f))" :key="i"
         class="tool" :class="{ active: interval === i }" @click="interval = i"
@@ -318,18 +318,18 @@ onBeforeUnmount(() => {
         </el-radio-group>
       </el-popover>
       <div class="flex-1" />
-      <span v-if="backfillProgress !== null" class="text-xs text-ap-brand">
+      <span v-if="backfillProgress !== null" class="text-xs text-[#f0b90b]">
         {{ INTERVAL_LABELS[dataInterval] }} 历史数据补齐中 {{ backfillProgress }}%，最新部分暂未完整
       </span>
     </div>
 
     <div class="min-h-0 flex flex-1">
       <!-- 画线工具栏 -->
-      <div class="flex flex-col gap-1 border-r border-r-solid border-ap-line p-1 text-xs">
+      <div class="flex flex-col gap-1 border-r border-r-solid border-[#2b3139] p-1 text-xs">
         <span v-for="tool in DRAW_TOOLS" :key="tool.name" class="tool text-center" :title="tool.label" @click="chart?.createOverlay(tool.name)">
           {{ tool.label }}
         </span>
-        <span class="tool text-center text-ap-down" title="清除全部画线" @click="chart?.removeOverlay()">清除</span>
+        <span class="tool text-center text-[#f6465d]" title="清除全部画线" @click="chart?.removeOverlay()">清除</span>
       </div>
       <div ref="chartEl" class="min-w-0 flex-1" />
     </div>
@@ -344,27 +344,28 @@ onBeforeUnmount(() => {
   font-size: 12px;
 }
 .stat > div:first-child {
-  color: var(--ap-muted);
+  color: #848e9c;
 }
 .tool {
   padding: 2px 8px;
-  color: var(--ap-muted);
+  border-radius: 4px;
+  color: #848e9c;
   cursor: pointer;
   white-space: nowrap;
 }
 .tool:hover {
-  color: var(--ap-text);
-  background: var(--ap-panel-highest);
+  color: #eaecef;
+  background: #2b3139;
 }
 .tool.active {
-  color: var(--ap-brand);
+  color: #f0b90b;
 }
 .symbol-select :deep(.el-select__wrapper) {
-  background: var(--ap-panel-high);
+  background: #2b3139;
   box-shadow: none;
 }
 .symbol-select :deep(.el-select__selected-item) {
-  color: var(--ap-text);
+  color: #eaecef;
   font-weight: 600;
 }
 </style>
diff --git a/web/src/pages/news/components/NewsDrawer.vue b/web/src/pages/news/components/NewsDrawer.vue
index 0e7dec7..4f437ae 100644
--- a/web/src/pages/news/components/NewsDrawer.vue
+++ b/web/src/pages/news/components/NewsDrawer.vue
@@ -2,7 +2,6 @@
 import type { NewsDetail, Revision } from "@/apis/news"
 import { getNews, listRevisions } from "@/apis/news"
 import { useSourceNames } from "@/composables/useSourceNames"
-import { PALETTE } from "@/styles/palette"
 import { diffLines, formatTime, htmlToLines } from "@/utils/text"
 
 const newsId = defineModel<number | null>({ required: true })
@@ -28,7 +27,7 @@ watch(newsId, async (id) => {
 // 第三方正文放进无脚本权限的 sandbox iframe，避免其中的脚本访问本站
 const srcdoc = computed(() => detail.value && `<!doctype html><html><head><meta charset="utf-8">
 <meta name="referrer" content="no-referrer"><base target="_blank">
-<style>:root{color-scheme:dark;background:${PALETTE.panel}}body{font:15px/1.8 -apple-system,"PingFang SC","Microsoft YaHei",sans-serif;color:${PALETTE.text};margin:0 4px}a{color:${PALETTE.brand}}img{max-width:100%;height:auto}</style>
+<style>body{font:15px/1.8 -apple-system,"PingFang SC","Microsoft YaHei",sans-serif;color:#303133;margin:0 4px}img{max-width:100%;height:auto}</style>
 </head><body>${detail.value.content_html}</body></html>`)
 
 const diff = computed(() => {
@@ -45,11 +44,11 @@ const diff = computed(() => {
 <template>
   <el-drawer :model-value="newsId != null" size="50%" :with-header="false" @close="newsId = null">
     <div v-if="detail" class="h-full flex flex-col gap-3">
-      <div class="font-sans text-lg font-bold">
+      <div class="text-lg font-bold">
         {{ detail.title || detail.excerpt.slice(0, 60) }}
       </div>
       <div class="flex flex-wrap items-center gap-2 text-sm text-[var(--el-text-color-secondary)]">
-        <el-tag size="small" type="info">
+        <el-tag size="small">
           {{ sourceNames[detail.source_code] ?? detail.source_code }}
         </el-tag>
         <span>{{ formatTime(detail.published_at, "YYYY-MM-DD HH:mm:ss") }}</span>
@@ -77,7 +76,7 @@ const diff = computed(() => {
           <div class="text-sm leading-7">
             <div
               v-for="(line, i) in diff" :key="i"
-              :class="{ 'diff-add': line.type === 'add', 'diff-del': line.type === 'del' }"
+              :class="{ 'bg-green-100': line.type === 'add', 'bg-red-100 line-through': line.type === 'del' }"
               class="px-2"
             >
               {{ line.type === "add" ? "+ " : line.type === "del" ? "- " : "  " }}{{ line.text }}
diff --git a/web/src/pages/news/index.vue b/web/src/pages/news/index.vue
index 0966a0c..77afe57 100644
--- a/web/src/pages/news/index.vue
+++ b/web/src/pages/news/index.vue
@@ -71,7 +71,7 @@ load()
 
 <template>
   <div class="h-full flex flex-col gap-3">
-    <div class="flex flex-wrap items-center gap-3 border border-ap-line border-solid bg-ap-panel px-3 py-2">
+    <div class="flex flex-wrap items-center gap-3">
       <el-checkbox-group v-model="filters.source" @change="search">
         <el-checkbox-button v-for="(name, code) in sourceNames" :key="code" :value="code">
           {{ name }}
@@ -85,9 +85,8 @@ load()
       <el-button type="primary" @click="search">
         查询
       </el-button>
-      <div class="flex-1" />
       <el-tag :type="connected ? 'success' : 'danger'" size="small">
-        <i class="mr-1.5 inline-block h-1.5 w-1.5 bg-current" />{{ connected ? "实时推送已连接" : "实时推送断开" }}
+        {{ connected ? "实时推送已连接" : "实时推送断开" }}
       </el-tag>
     </div>
 
@@ -96,14 +95,14 @@ load()
       class="cursor-pointer" @click="search"
     />
 
-    <div ref="listBox" v-loading="loading" class="min-h-0 flex-1 overflow-auto border border-ap-line border-solid bg-ap-panel">
+    <div ref="listBox" v-loading="loading" class="min-h-0 flex-1 overflow-auto">
       <div
         v-for="item in items" :key="item.id"
-        class="cursor-pointer border-b border-b-ap-line/50 border-b-solid px-3 py-2.5 hover:bg-ap-panel-high"
+        class="cursor-pointer border-b border-b-solid border-[var(--el-border-color-lighter)] px-2 py-3 hover:bg-[var(--el-fill-color-light)]"
         @click="openedId = item.id"
       >
         <div class="mb-1 flex items-center gap-2 text-xs text-[var(--el-text-color-secondary)]">
-          <el-tag size="small" type="info">
+          <el-tag size="small">
             {{ sourceNames[item.source_code] ?? item.source_code }}
           </el-tag>
           <span>{{ formatTime(item.published_at) }}</span>
@@ -114,10 +113,10 @@ load()
             付费
           </el-tag>
         </div>
-        <div v-if="item.title" class="mb-0.5 font-sans text-[14px] font-bold">
+        <div v-if="item.title" class="font-bold">
           {{ item.title }}
         </div>
-        <div class="line-clamp-3 font-sans text-[13px] text-ap-muted leading-relaxed">
+        <div class="line-clamp-3 text-sm text-[var(--el-text-color-regular)]">
           {{ item.summary || item.excerpt }}
         </div>
       </div>
diff --git a/web/src/pages/settings/index.vue b/web/src/pages/settings/index.vue
index 8511103..49ac3ec 100644
--- a/web/src/pages/settings/index.vue
+++ b/web/src/pages/settings/index.vue
@@ -131,67 +131,64 @@ loadExchange()
 
 <template>
   <div class="flex flex-col gap-3">
-    <el-card shadow="never" body-class="p-0!">
-      <template #header>
-        <div class="w-full flex items-center justify-between gap-3">
-          <div>
-            模型配置
-            <span class="ml-3 text-[11px] text-ap-muted font-normal font-mono">通过 Sub2API 等中转接入；API key 加密存储，页面只显示末 4 位</span>
-          </div>
-          <el-button size="small" type="primary" @click="openCreate">
-            新增配置
+    <div class="flex items-center justify-between">
+      <div>
+        <span class="text-lg font-bold">模型配置</span>
+        <span class="ml-3 text-xs text-[var(--el-text-color-secondary)]">通过 Sub2API 等中转接入；API key 加密存储，页面只显示末 4 位</span>
+      </div>
+      <el-button type="primary" @click="openCreate">
+        新增配置
+      </el-button>
+    </div>
+
+    <el-table :data="providers" border>
+      <el-table-column label="名称" min-width="120">
+        <template #default="{ row }">
+          {{ row.name }}
+          <el-tag v-if="row.is_default" size="small" type="success" class="ml-1">
+            默认
+          </el-tag>
+        </template>
+      </el-table-column>
+      <el-table-column label="协议" min-width="200">
+        <template #default="{ row }">
+          {{ PROTOCOL_LABELS[row.protocol as keyof typeof PROTOCOL_LABELS] }}
+        </template>
+      </el-table-column>
+      <el-table-column prop="base_url" label="Base URL" min-width="200" />
+      <el-table-column prop="model" label="模型" min-width="150" />
+      <el-table-column label="思考强度" width="90">
+        <template #default="{ row }">
+          {{ (row as Provider).reasoning_effort ?? "-" }}
+        </template>
+      </el-table-column>
+      <el-table-column label="API Key" width="100">
+        <template #default="{ row }">
+          ****{{ row.api_key_hint }}
+        </template>
+      </el-table-column>
+      <el-table-column label="更新时间" width="130">
+        <template #default="{ row }">
+          {{ formatTime(row.updated_at, "MM-DD HH:mm") }}
+        </template>
+      </el-table-column>
+      <el-table-column label="操作" width="250" fixed="right">
+        <template #default="{ row }">
+          <el-button link type="primary" :loading="testing === row.id" @click="test(row as Provider)">
+            测试连接
           </el-button>
-        </div>
-      </template>
-      <el-table :data="providers">
-        <el-table-column label="名称" min-width="110">
-          <template #default="{ row }">
-            {{ row.name }}
-            <el-tag v-if="row.is_default" size="small" type="success" class="ml-1">
-              默认
-            </el-tag>
-          </template>
-        </el-table-column>
-        <el-table-column label="协议" min-width="230" show-overflow-tooltip>
-          <template #default="{ row }">
-            {{ PROTOCOL_LABELS[row.protocol as keyof typeof PROTOCOL_LABELS] }}
-          </template>
-        </el-table-column>
-        <el-table-column prop="base_url" label="Base URL" min-width="220" show-overflow-tooltip />
-        <el-table-column prop="model" label="模型" min-width="160" show-overflow-tooltip />
-        <el-table-column label="思考强度" width="80">
-          <template #default="{ row }">
-            {{ (row as Provider).reasoning_effort ?? "-" }}
-          </template>
-        </el-table-column>
-        <el-table-column label="API Key" width="90">
-          <template #default="{ row }">
-            ****{{ row.api_key_hint }}
-          </template>
-        </el-table-column>
-        <el-table-column label="更新时间" width="110">
-          <template #default="{ row }">
-            {{ formatTime(row.updated_at, "MM-DD HH:mm") }}
-          </template>
-        </el-table-column>
-        <el-table-column label="操作" width="220" fixed="right">
-          <template #default="{ row }">
-            <el-button link type="primary" :loading="testing === row.id" @click="test(row as Provider)">
-              测试连接
-            </el-button>
-            <el-button link @click="openEdit(row as Provider)">
-              编辑
-            </el-button>
-            <el-button v-if="!row.is_default" link @click="setDefault(row as Provider)">
-              设为默认
-            </el-button>
-            <el-button link type="danger" @click="remove(row as Provider)">
-              删除
-            </el-button>
-          </template>
-        </el-table-column>
-      </el-table>
-    </el-card>
+          <el-button link @click="openEdit(row as Provider)">
+            编辑
+          </el-button>
+          <el-button v-if="!row.is_default" link @click="setDefault(row as Provider)">
+            设为默认
+          </el-button>
+          <el-button link type="danger" @click="remove(row as Provider)">
+            删除
+          </el-button>
+        </template>
+      </el-table-column>
+    </el-table>
 
     <el-dialog v-model="dialogVisible" :title="editingId === null ? '新增模型配置' : '编辑模型配置'" width="560px">
       <el-form :model="form" label-width="100px">
@@ -248,41 +245,37 @@ loadExchange()
       </template>
     </el-dialog>
 
-    <el-card shadow="never">
-      <template #header>
-        <div class="w-full flex items-center justify-between gap-3">
-          <div>
-            币安模拟盘
-            <span class="ml-3 text-[11px] text-ap-muted font-normal font-mono">只连接币安模拟盘（demo-fapi.binance.com）；在 demo.binance.com 的 API 管理创建 key，并开启合约交易权限</span>
-          </div>
-          <div class="flex shrink-0">
-            <el-button size="small" :disabled="!exchange?.configured" :loading="exchangeTesting" @click="runExchangeTest">
-              测试连接
-            </el-button>
-            <el-button size="small" type="primary" :disabled="exchange?.running" @click="openExchangeEdit">
-              {{ exchange?.configured ? "修改 key" : "填写 key" }}
-            </el-button>
-            <el-button v-if="exchange?.configured" size="small" type="danger" plain :disabled="exchange.running" @click="removeExchange">
-              删除
-            </el-button>
-          </div>
-        </div>
-      </template>
-      <el-descriptions v-if="exchange" :column="3" border size="small">
-        <el-descriptions-item label="API Key">
-          {{ exchange.configured ? `****${exchange.api_key_hint}` : "未配置" }}
-        </el-descriptions-item>
-        <el-descriptions-item label="状态">
-          <el-tag v-if="exchange.running" type="success" size="small">
-            交易中（停止后才能修改 key）
-          </el-tag>
-          <span v-else>未运行</span>
-        </el-descriptions-item>
-        <el-descriptions-item label="更新时间">
-          {{ exchange.updated_at ? formatTime(exchange.updated_at, "MM-DD HH:mm") : "-" }}
-        </el-descriptions-item>
-      </el-descriptions>
-    </el-card>
+    <div class="mt-4 flex items-center justify-between">
+      <div>
+        <span class="text-lg font-bold">币安模拟盘</span>
+        <span class="ml-3 text-xs text-[var(--el-text-color-secondary)]">只连接币安模拟盘（demo-fapi.binance.com）；在 demo.binance.com 的 API 管理创建 key，并开启合约交易权限</span>
+      </div>
+      <div>
+        <el-button :disabled="!exchange?.configured" :loading="exchangeTesting" @click="runExchangeTest">
+          测试连接
+        </el-button>
+        <el-button type="primary" :disabled="exchange?.running" @click="openExchangeEdit">
+          {{ exchange?.configured ? "修改 key" : "填写 key" }}
+        </el-button>
+        <el-button v-if="exchange?.configured" type="danger" plain :disabled="exchange.running" @click="removeExchange">
+          删除
+        </el-button>
+      </div>
+    </div>
+    <el-descriptions v-if="exchange" :column="3" border>
+      <el-descriptions-item label="API Key">
+        {{ exchange.configured ? `****${exchange.api_key_hint}` : "未配置" }}
+      </el-descriptions-item>
+      <el-descriptions-item label="状态">
+        <el-tag v-if="exchange.running" type="success" size="small">
+          交易中（停止后才能修改 key）
+        </el-tag>
+        <span v-else>未运行</span>
+      </el-descriptions-item>
+      <el-descriptions-item label="更新时间">
+        {{ exchange.updated_at ? formatTime(exchange.updated_at, "MM-DD HH:mm") : "-" }}
+      </el-descriptions-item>
+    </el-descriptions>
 
     <el-dialog v-model="exchangeDialogVisible" title="币安模拟盘 API key" width="560px">
       <el-form :model="exchangeForm" label-width="100px">
diff --git a/web/src/pages/skills/index.vue b/web/src/pages/skills/index.vue
index 625a4b3..20efb2b 100644
--- a/web/src/pages/skills/index.vue
+++ b/web/src/pages/skills/index.vue
@@ -145,9 +145,9 @@ loadTree()
         <div class="min-h-0 flex flex-1 gap-3">
           <textarea
             v-model="content" placeholder="用 Markdown 写下投资经验、判断流程或输出规范"
-            class="box-border flex-1 resize-none border border-ap-line border-solid bg-ap-sunken p-3 text-sm text-ap-text leading-6 font-mono outline-none focus:border-ap-brand"
+            class="box-border flex-1 resize-none border rounded border-solid border-[var(--el-border-color)] p-3 text-sm leading-6 font-mono outline-none focus:border-[var(--el-color-primary)]"
           />
-          <el-scrollbar class="flex-1 border border-ap-line border-solid bg-ap-panel-low">
+          <el-scrollbar class="flex-1 border rounded border-solid border-[var(--el-border-color-lighter)]">
             <!-- markdown-it 已关闭 html，内容中的标签按文本显示 -->
             <div class="markdown-body p-3" v-html="preview" />
           </el-scrollbar>
diff --git a/web/src/pages/trading/components/AnalysisDrawer.vue b/web/src/pages/trading/components/AnalysisDrawer.vue
index 0662d52..fa4604b 100644
--- a/web/src/pages/trading/components/AnalysisDrawer.vue
+++ b/web/src/pages/trading/components/AnalysisDrawer.vue
@@ -1,9 +1,8 @@
 <script lang="ts" setup>
 import type { AnalysisDetail } from "@/apis/trading"
-import { Cpu } from "@element-plus/icons-vue"
 import { getAnalysis } from "@/apis/trading"
 import { renderMarkdown } from "@/utils/markdown"
-import { formatDuration, formatTime } from "@/utils/text"
+import { formatTime } from "@/utils/text"
 
 const props = defineProps<{ analysisId: number | null }>()
 const visible = defineModel<boolean>({ required: true })
@@ -37,78 +36,32 @@ function pretty(raw: string | undefined) {
 </script>
 
 <template>
-  <el-drawer v-model="visible" size="55%">
-    <template #header>
-      <div class="min-w-0 flex items-center gap-2">
-        <el-icon class="text-ap-brand" :size="18">
-          <Cpu />
-        </el-icon>
-        <div class="min-w-0 flex flex-col">
-          <span class="font-head text-sm text-ap-text font-bold">{{ detail ? `分析 #${detail.id} · ${detail.symbol}` : "分析" }}</span>
-          <span v-if="detail" class="truncate text-[10px] text-ap-muted">
-            {{ formatTime(detail.started_at) }} – {{ formatTime(detail.finished_at) }} · {{ detail.reasons.join("；") }}{{ detail.dry_run ? " · 试运行" : "" }}
-          </span>
-        </div>
-      </div>
-    </template>
+  <el-drawer v-model="visible" :title="detail ? `分析 #${detail.id} · ${detail.symbol}` : '分析'" size="55%">
     <div v-if="detail" class="flex flex-col gap-3 text-sm">
-      <div class="grid grid-cols-4 gap-2 border border-ap-line border-solid bg-ap-sunken p-3 text-xs">
-        <div>
-          <div class="text-[10px] text-ap-muted">
-            分析 ID
-          </div>
-          <b>#{{ detail.id }}</b>
-        </div>
-        <div>
-          <div class="text-[10px] text-ap-muted">
-            耗时
-          </div>
-          <b class="text-ap-brand">{{ detail.finished_at ? formatDuration(detail.started_at, detail.finished_at) : "-" }}</b>
-        </div>
-        <div>
-          <div class="text-[10px] text-ap-muted">
-            token 输入 / 输出
-          </div>
-          <b>{{ detail.usage?.input_tokens.toLocaleString() ?? "-" }} / {{ detail.usage?.output_tokens.toLocaleString() ?? "-" }}</b>
-        </div>
-        <div>
-          <div class="text-[10px] text-ap-muted">
-            模型 / 思考强度
-          </div>
-          <b class="text-ap-up">{{ detail.model ?? "-" }}{{ detail.reasoning_effort ? ` / ${detail.reasoning_effort}` : "" }}</b>
-        </div>
+      <div class="text-xs text-[var(--el-text-color-secondary)]">
+        {{ formatTime(detail.started_at) }} – {{ formatTime(detail.finished_at) }} · {{ detail.reasons.join("；") }}
+        · {{ detail.model }}{{ detail.reasoning_effort ? ` / ${detail.reasoning_effort}` : "" }}
+        · {{ detail.usage?.input_tokens.toLocaleString() }} / {{ detail.usage?.output_tokens.toLocaleString() }} token
+        {{ detail.dry_run ? "· 试运行" : "" }}
       </div>
       <el-alert v-if="detail.error" type="error" :closable="false" :title="detail.error" />
-      <el-card v-if="detail.text" shadow="never" class="bg-ap-panel-low!">
-        <template #header>
-          模型分析
-        </template>
-        <!-- markdown-it 已关闭 html，模型输出中的标签按文本显示 -->
-        <div class="markdown-body" v-html="renderMarkdown(detail.text)" />
-      </el-card>
-      <el-card shadow="never" class="bg-ap-panel-low!" body-class="p-0!">
-        <template #header>
-          输入数据与工具调用 ({{ toolResults.size }})
-        </template>
-        <el-collapse>
-          <template v-for="(m, i) in detail.transcript ?? []" :key="i">
-            <el-collapse-item v-if="m.role === 'user'" :name="`u${i}`" :title="i === 0 ? '发给模型的数据（账户、持仓、预取行情）' : '程序提示'">
-              <pre class="m-0 max-h-120 overflow-auto whitespace-pre-wrap break-all text-xs">{{ m.text }}</pre>
+      <!-- markdown-it 已关闭 html，模型输出中的标签按文本显示 -->
+      <div v-if="detail.text" class="markdown-body" v-html="renderMarkdown(detail.text)" />
+      <el-collapse>
+        <template v-for="(m, i) in detail.transcript ?? []" :key="i">
+          <el-collapse-item v-if="m.role === 'user'" :name="`u${i}`" :title="i === 0 ? '发给模型的数据（账户、持仓、预取行情）' : '程序提示'">
+            <pre class="m-0 max-h-120 overflow-auto whitespace-pre-wrap break-all text-xs">{{ m.text }}</pre>
+          </el-collapse-item>
+          <template v-else-if="m.role === 'assistant'">
+            <el-collapse-item v-for="call in m.tool_calls" :key="call.id" :name="call.id">
+              <template #title>
+                <span class="inline-block max-w-[90%] truncate text-xs font-mono">{{ call.name }} {{ JSON.stringify(call.arguments) }}</span>
+              </template>
+              <pre class="m-0 max-h-120 overflow-auto whitespace-pre-wrap break-all text-xs">{{ pretty(toolResults.get(call.id)) }}</pre>
             </el-collapse-item>
-            <template v-else-if="m.role === 'assistant'">
-              <el-collapse-item v-for="call in m.tool_calls" :key="call.id" :name="call.id">
-                <template #title>
-                  <span class="text-xs">
-                    <b class="text-ap-up">{{ call.name }}</b>
-                    <span class="ml-2 text-ap-muted">{{ JSON.stringify(call.arguments) }}</span>
-                  </span>
-                </template>
-                <pre class="m-0 max-h-120 overflow-auto whitespace-pre-wrap break-all text-xs">{{ pretty(toolResults.get(call.id)) }}</pre>
-              </el-collapse-item>
-            </template>
           </template>
-        </el-collapse>
-      </el-card>
+        </template>
+      </el-collapse>
     </div>
     <div v-else v-loading="true" class="h-40" />
   </el-drawer>
diff --git a/web/src/pages/trading/components/PlanCard.vue b/web/src/pages/trading/components/PlanCard.vue
index a809c65..d697275 100644
--- a/web/src/pages/trading/components/PlanCard.vue
+++ b/web/src/pages/trading/components/PlanCard.vue
@@ -1,8 +1,7 @@
 <script lang="ts" setup>
 import type { Analysis, OrderRow, PlanCondition, TradingSymbol } from "@/apis/trading"
-import { Clock, Cpu, Refresh, TopRight, Warning } from "@element-plus/icons-vue"
 import { CLOSE_REASON_LABELS, PLAN_STATUS_LABELS, TAKE_PROFIT_STEPS } from "@/apis/trading"
-import { formatDuration, formatTime } from "@/utils/text"
+import { formatTime } from "@/utils/text"
 
 /** analysis：执行中的计划，没有时为最近一次分析；latest：最近一次分析（与 analysis 不同时另行提示） */
 const props = defineProps<{ symbol: TradingSymbol, analysis: Analysis | null, latest: Analysis | null, orders: OrderRow[], requesting: boolean }>()
@@ -21,7 +20,6 @@ const decision = computed(() => props.analysis?.decision ?? null)
 const sizing = computed(() => props.analysis?.sizing ?? null)
 const busy = computed(() => props.requesting || props.symbol.analyzing || !!props.symbol.analysis_requested_at)
 const elapsed = computed(() => props.analysis ? Math.max(0, Math.round((now.value - new Date(props.analysis.started_at).getTime()) / 1000)) : 0)
-const duration = computed(() => props.analysis?.finished_at ? formatDuration(props.analysis.started_at, props.analysis.finished_at) : "")
 
 function filled(purpose: "entry" | "tp", leg: number) {
   const total = props.orders.filter(o => o.purpose === purpose && o.leg === leg).reduce((sum, o) => sum + Number(o.filled_qty), 0)
@@ -57,64 +55,55 @@ const ladder = computed(() => sizing.value?.entry && entryRow.value
 </script>
 
 <template>
-  <div class="border border-ap-line border-solid bg-ap-panel-low p-4">
-    <div class="mb-3 flex items-center gap-2 border-b border-b-ap-line border-b-solid pb-2.5">
-      <el-icon class="text-ap-brand" :size="18">
-        <Cpu />
-      </el-icon>
-      <span class="font-head text-base font-bold">{{ symbol.symbol }}</span>
-      <span class="text-xs text-ap-muted">短线做波动（区间内挂限价单，最长持仓 4 小时）</span>
+  <div class="border border-[var(--el-border-color)] rounded border-solid p-3">
+    <div class="mb-2 flex items-center gap-2">
+      <span class="font-bold">{{ symbol.symbol }}</span>
+      <span class="text-xs text-[var(--el-text-color-secondary)]">短线做波动（区间内挂限价单，最长持仓 4 小时）</span>
       <div class="flex-1" />
-      <el-link v-if="analysis && analysis.status !== 'running'" type="primary" @click="emit('detail', analysis.id)">
+      <el-button v-if="analysis && analysis.status !== 'running'" link type="primary" @click="emit('detail', analysis.id)">
         查看完整分析
-        <el-icon class="ml-0.5">
-          <TopRight />
-        </el-icon>
-      </el-link>
-      <el-button type="primary" :loading="busy" @click="emit('analyze')">
+      </el-button>
+      <el-button size="small" type="primary" :loading="busy" @click="emit('analyze')">
         {{ busy ? "分析中" : "立即分析" }}
       </el-button>
     </div>
 
-    <div v-if="!analysis" class="state-strip">
+    <div v-if="!analysis" class="text-sm text-[var(--el-text-color-secondary)]">
       还没有分析。引擎停止时点「立即分析」为试运行：计划只记录，不下单。
     </div>
-    <div v-else-if="analysis.status === 'running'" class="state-strip">
-      <i class="mr-2.5 inline-block h-1.5 w-1.5 animate-ping bg-ap-brand" />模型分析中，已用 {{ elapsed }} 秒（通常 1–3 分钟）…
+    <div v-else-if="analysis.status === 'running'" class="text-sm text-[var(--el-text-color-secondary)]">
+      模型分析中，已用 {{ elapsed }} 秒（通常 1–3 分钟）…
     </div>
     <el-alert v-else-if="analysis.status === 'failed'" type="error" :closable="false" show-icon>
       {{ formatTime(analysis.started_at) }} 分析失败：{{ analysis.error }}
     </el-alert>
 
-    <div v-else-if="decision" class="flex flex-col gap-3">
+    <div v-else-if="decision" class="flex flex-col gap-2 text-sm">
       <div class="flex flex-wrap items-center gap-2">
-        <el-tag v-if="analysis.dry_run" type="info">
+        <el-tag v-if="analysis.dry_run" type="info" size="small">
           试运行
         </el-tag>
-        <el-tag v-if="analysis.plan_status" type="success">
+        <el-tag v-if="analysis.plan_status" type="success" effect="dark" size="small">
           {{ PLAN_STATUS_LABELS[analysis.plan_status] }}
         </el-tag>
-        <el-tag type="primary">
+        <el-tag size="small">
           {{ ACTION_LABELS[decision.action] }}
         </el-tag>
-        <el-tag v-if="decision.direction" :type="decision.direction === 'long' ? 'success' : 'danger'">
+        <el-tag v-if="decision.direction" :type="decision.direction === 'long' ? 'success' : 'danger'" size="small">
           {{ decision.direction === "long" ? "做多" : "做空" }}
         </el-tag>
-        <el-tag v-if="decision.confidence" type="warning">
+        <el-tag v-if="decision.confidence" type="warning" size="small">
           置信度{{ CONFIDENCE_LABELS[decision.confidence] }}
         </el-tag>
-        <span class="text-[11px] text-ap-muted">
+        <span class="text-xs text-[var(--el-text-color-secondary)]">
           {{ formatTime(analysis.started_at) }} · {{ analysis.reasons.join("；") }} · {{ analysis.model }}{{ analysis.reasoning_effort ? ` / ${analysis.reasoning_effort}` : "" }}
-          {{ duration ? `· 耗时 ${duration}` : "" }}
           · {{ analysis.usage?.input_tokens.toLocaleString() }} / {{ analysis.usage?.output_tokens.toLocaleString() }} token
         </span>
       </div>
-
-      <div class="border-l-4 border-l-ap-brand border-l-solid bg-ap-panel px-3 py-2.5 font-sans text-[15px] font-bold">
+      <div class="font-bold">
         {{ decision.summary }}
       </div>
-
-      <div v-if="latest && latest.id !== analysis.id" class="text-xs text-ap-muted">
+      <div v-if="latest && latest.id !== analysis.id" class="text-xs text-[var(--el-text-color-secondary)]">
         最近一次分析 #{{ latest.id }}（{{ formatTime(latest.started_at) }}）：
         <template v-if="latest.status === 'done'">
           {{ latest.decision?.summary }}
@@ -122,106 +111,56 @@ const ladder = computed(() => sizing.value?.entry && entryRow.value
         <template v-else>
           {{ latest.status === "running" ? "分析中" : `失败：${latest.error}` }}
         </template>
-        <el-link type="primary" class="ml-1 text-xs!" @click="emit('detail', latest.id)">
+        <el-link type="primary" underline="never" class="ml-1 text-xs!" @click="emit('detail', latest.id)">
           查看
         </el-link>
       </div>
-
-      <div v-if="analysis.valid_until || analysis.first_fill_at || analysis.close_deadline" class="flex flex-wrap items-center gap-x-5 gap-y-1 border border-ap-line border-solid bg-ap-sunken px-3 py-1.5 text-xs">
-        <el-icon class="text-ap-up" :size="15">
-          <Clock />
-        </el-icon>
-        <span v-if="analysis.plan_status === 'pending' && analysis.valid_until">
-          限价单有效至 {{ formatTime(analysis.valid_until, "MM-DD HH:mm") }}<b class="ml-1 text-ap-brand">（剩 {{ countdown(analysis.valid_until) }}）</b>
-        </span>
-        <span v-if="analysis.first_fill_at">入场 {{ formatTime(analysis.first_fill_at, "MM-DD HH:mm") }}</span>
-        <span v-if="analysis.close_deadline">
-          最晚平仓 {{ formatTime(analysis.close_deadline, "MM-DD HH:mm") }}<b class="ml-1 text-ap-brand">（剩 {{ countdown(analysis.close_deadline) }}）</b>
-        </span>
+      <div v-if="analysis.valid_until || analysis.close_deadline" class="flex flex-wrap gap-x-6">
+        <span v-if="analysis.plan_status === 'pending' && analysis.valid_until"><span class="label">限价单有效至</span>{{ formatTime(analysis.valid_until, "MM-DD HH:mm") }}（剩 {{ countdown(analysis.valid_until) }}）</span>
+        <span v-if="analysis.first_fill_at"><span class="label">入场</span>{{ formatTime(analysis.first_fill_at, "MM-DD HH:mm") }}</span>
+        <span v-if="analysis.close_deadline"><span class="label">最晚平仓</span>{{ formatTime(analysis.close_deadline, "MM-DD HH:mm") }}（剩 {{ countdown(analysis.close_deadline) }}）</span>
       </div>
-
-      <div v-if="analysis.result" class="text-sm">
-        <span class="label">结果</span>{{ CLOSE_REASON_LABELS[analysis.close_reason ?? ""] ?? analysis.close_reason }}，净盈亏
-        <b :class="Number(analysis.result.net) >= 0 ? 'text-ap-up' : 'text-ap-down'">{{ analysis.result.net }} USDT</b>（手续费 {{ analysis.result.commission }}）
-      </div>
-
-      <div class="font-sans text-[13px] leading-relaxed">
-        <span class="label">为什么</span>{{ decision.reasons }}
+      <div v-if="analysis.result">
+        <span class="label">结果</span>{{ CLOSE_REASON_LABELS[analysis.close_reason ?? ""] ?? analysis.close_reason }}，净盈亏 {{ analysis.result.net }} USDT（手续费 {{ analysis.result.commission }}）
       </div>
+      <div><span class="label">为什么</span>{{ decision.reasons }}</div>
 
       <template v-if="decision.action === 'plan' && decision.setup && sizing?.entry">
-        <div class="grid grid-cols-2 border border-ap-line border-solid bg-ap-panel-high text-xs">
-          <div class="flex flex-col gap-1.5 p-3">
-            <div class="param">
-              <span>{{ long ? "支撑区" : "压力区" }}</span>
-              <b :class="long ? 'text-ap-up' : 'text-ap-down'">{{ sizing.setup.zone_low }} – {{ sizing.setup.zone_high }}</b>
-            </div>
-            <div class="font-sans text-[11px] text-ap-muted">
-              {{ decision.setup.basis }}
-            </div>
-            <div class="param">
-              <span>限价{{ long ? "做多" : "做空" }}</span>
-              <b>{{ sizing.entry.price }} × {{ sizing.entry.quantity }}</b>
-            </div>
-            <div class="text-[11px] text-ap-muted">
-              已成交 {{ filled("entry", 0) }}{{ entryRow?.avg_price ? `，均价 ${entryRow.avg_price}` : "" }}；名义 {{ sizing.entry.notional }} USDT，{{ sizing.entry.leverage }} 倍交易资金
-            </div>
+        <div class="grid grid-cols-2 gap-x-6 gap-y-1">
+          <div>
+            <span class="label">{{ long ? "支撑区" : "压力区" }}</span>{{ sizing.setup.zone_low }} – {{ sizing.setup.zone_high }} · {{ decision.setup.basis }}
           </div>
-          <div class="flex flex-col gap-1.5 border-l border-l-ap-line border-l-solid p-3">
-            <div class="param">
-              <span>止损</span>
-              <b class="text-ap-down">{{ currentStop ?? sizing.entry.stop }}</b>
-            </div>
-            <div class="param">
-              <span>初始止损 / 距挂单价</span>
-              <span>{{ sizing.entry.stop }} / {{ sizing.entry.stop_pct }}%</span>
-            </div>
-            <div class="param">
-              <span>止损亏损</span>
-              <b class="text-ap-down">{{ sizing.entry.risk_at_stop }} USDT（交易资金的 {{ sizing.entry.risk_pct }}%）</b>
-            </div>
-            <div class="text-[11px] text-ap-muted">
-              区间远端外 0.5×ATR(5m)、距挂单价至少 1×ATR(5m)；止盈 1 后移到保本价{{ sizing.entry.capped_by_leverage ? "；受 3 倍上限限制" : "" }}
-            </div>
+          <div>
+            <span class="label">限价{{ long ? "做多" : "做空" }}</span>{{ sizing.entry.price }} × {{ sizing.entry.quantity }}，已成交 {{ filled("entry", 0) }}{{ entryRow?.avg_price ? `，均价 ${entryRow.avg_price}` : "" }}
+            （名义 {{ sizing.entry.notional }} USDT，{{ sizing.entry.leverage }} 倍交易资金）
+          </div>
+          <div>
+            <span class="label">止损</span>{{ currentStop ?? sizing.entry.stop }}（初始 {{ sizing.entry.stop }}，距挂单价 {{ sizing.entry.stop_pct }}%；区间远端外 0.5×ATR(5m)、距挂单价至少 1×ATR(5m)，止盈 1 后移到保本价）
+          </div>
+          <div>
+            <span class="label">止损亏损</span>{{ sizing.entry.risk_at_stop }} USDT（交易资金的 {{ sizing.entry.risk_pct }}%）{{ sizing.entry.capped_by_leverage ? "，受 3 倍上限限制" : "" }}
           </div>
         </div>
-
-        <div v-if="ladder.length">
-          <div class="panel-title mb-1.5">
-            分批止盈
-          </div>
-          <el-table :data="ladder" border size="small">
-            <el-table-column label="分批止盈" min-width="90">
-              <template #default="{ row }">
-                <b class="text-ap-up">止盈 {{ row.leg + 1 }}</b>
-              </template>
-            </el-table-column>
-            <el-table-column prop="move" label="距成交均价" min-width="90" align="right" />
-            <el-table-column prop="ratio" label="平仓比例" min-width="80" align="right" />
-            <el-table-column label="价格" min-width="100" align="right">
-              <template #default="{ row }">
-                <b>{{ row.price }}</b>
-              </template>
-            </el-table-column>
-            <el-table-column prop="filled" label="已成交" min-width="80" align="center" />
-          </el-table>
-        </div>
+        <el-table v-if="ladder.length" :data="ladder" border size="small">
+          <el-table-column label="分批止盈" min-width="90">
+            <template #default="{ row }">
+              止盈 {{ row.leg + 1 }}
+            </template>
+          </el-table-column>
+          <el-table-column prop="move" label="距成交均价" min-width="90" />
+          <el-table-column prop="ratio" label="平仓比例" min-width="80" />
+          <el-table-column prop="price" label="价格" min-width="100" />
+          <el-table-column prop="filled" label="已成交" min-width="80" />
+        </el-table>
       </template>
 
-      <div class="flex flex-col gap-1.5 border border-ap-line border-solid bg-ap-sunken p-2.5 font-sans text-xs">
-        <div v-for="(c, i) in decision.reevaluate" :key="i" class="flex items-start gap-1.5 text-ap-brand">
-          <el-icon class="mt-0.5 shrink-0">
-            <Refresh />
-          </el-icon>
-          <span><b>重新判断：</b>{{ condition(c) }}：{{ c.basis }}</span>
-        </div>
-        <div class="flex items-start gap-1.5 text-ap-down" :class="{ 'border-t border-t-ap-line border-t-solid pt-1.5': decision.reevaluate.length }">
-          <el-icon class="mt-0.5 shrink-0">
-            <Warning />
-          </el-icon>
-          <span><b>风险：</b>{{ decision.risks }}</span>
+      <div v-if="decision.reevaluate.length">
+        <span class="label">重新判断</span>
+        <div v-for="(c, i) in decision.reevaluate" :key="i" class="ml-2">
+          · {{ condition(c) }}：{{ c.basis }}
         </div>
       </div>
+      <div><span class="label">风险</span>{{ decision.risks }}</div>
     </div>
   </div>
 </template>
@@ -229,28 +168,7 @@ const ladder = computed(() => sizing.value?.entry && entryRow.value
 <style scoped>
 .label {
   margin-right: 8px;
-  color: var(--ap-muted);
-  font-family: var(--ap-font-mono);
+  color: var(--el-text-color-secondary);
   font-size: 12px;
 }
-.state-strip {
-  display: flex;
-  align-items: center;
-  padding: 8px 12px;
-  border: 1px solid var(--ap-line);
-  background: var(--ap-panel-highest);
-  color: var(--ap-muted);
-  font-size: 12px;
-}
-.param {
-  display: flex;
-  justify-content: space-between;
-  gap: 12px;
-  padding-bottom: 4px;
-  border-bottom: 1px solid color-mix(in srgb, var(--ap-line) 60%, transparent);
-}
-.param > span:first-child {
-  color: var(--ap-muted);
-  font-size: 11px;
-}
 </style>
diff --git a/web/src/pages/trading/index.vue b/web/src/pages/trading/index.vue
index 63b5b41..5342aed 100644
--- a/web/src/pages/trading/index.vue
+++ b/web/src/pages/trading/index.vue
@@ -1,7 +1,6 @@
 <script lang="ts" setup>
 import type { Effort, Provider } from "@/apis/settings"
 import type { Analysis, OrderRow, SnapshotPosition, TradingEvent, TradingStatus, TradingSymbol } from "@/apis/trading"
-import { DataAnalysis } from "@element-plus/icons-vue"
 import { EFFORTS, listProviders } from "@/apis/settings"
 import { deleteSymbol, getStatus, getSymbolPlan, isOwnOrder, listAnalyses, listEvents, listSymbols, patchConfig, requestAnalysis, startTrading, stopTrading } from "@/apis/trading"
 import { usePersisted } from "@/utils/storage"
@@ -12,7 +11,7 @@ import PlanCard from "./components/PlanCard.vue"
 
 const STATUS_REFRESH_MS = 3000
 const EVENTS_PAGE = 50
-const LEVEL_DOTS = { info: "bg-ap-faint", warn: "bg-ap-warn", error: "bg-ap-down" } as const
+const LEVEL_TYPES = { info: "primary", warn: "warning", error: "danger" } as const
 
 const status = ref<TradingStatus>()
 const symbols = ref<TradingSymbol[]>([])
@@ -53,33 +52,17 @@ const symbolOrders = computed(() => {
   ].sort((a, b) => b.time - a.time)
 })
 
-/** 价格、数量：千分位，保留原有小数 */
 function num(value: string) {
-  return Number(value).toLocaleString("en-US", { maximumFractionDigits: 8 })
+  return String(Number(value))
 }
 
 function money(value: string | undefined) {
-  return value === undefined ? "-" : Number(value).toLocaleString("en-US", { minimumFractionDigits: 2, maximumFractionDigits: 2 })
-}
-
-function signedMoney(value: string | undefined) {
-  return value !== undefined && Number(value) > 0 ? `+${money(value)}` : money(value)
+  return value === undefined ? "-" : Number(value).toFixed(2)
 }
 
 function pnlClass(value: string) {
   const n = Number(value)
-  return n > 0 ? "text-ap-up" : n < 0 ? "text-ap-down" : ""
-}
-
-const winRate = computed(() => {
-  const { trades, wins } = status.value!.today
-  return trades ? `${(wins / trades * 100).toFixed(1)}%` : "-"
-})
-
-/** 交易币种列表第二行：该币的持仓 */
-function positionLine(symbol: string) {
-  const p = positions.value.find(x => x.symbol === symbol)
-  return p ? { text: `${p.leverage}x ${p.side === "LONG" ? "多" : "空"} · ${num(p.amount)}`, long: p.side === "LONG" } : null
+  return n > 0 ? "text-[var(--el-color-success)]" : n < 0 ? "text-[var(--el-color-danger)]" : ""
 }
 
 /** 持仓当前生效的止损、止盈触发价：取交易所上平仓方向的挂单 */
@@ -209,10 +192,10 @@ async function toggleRunning() {
 
 async function editCapital() {
   const { value } = await ElMessageBox.prompt(
-    `仓位按交易资金计算：单笔风险 1%（置信度低时 0.5%），所有仓位名义价值合计不超过 3 倍（逐仓 3 倍时保证金合计不超过交易资金）。不能超过账户权益 ${money(account.value?.margin_balance)} USDT；账户权益低于它时按权益计算。`,
+    `仓位按交易资金计算：单笔风险短线 1%、长线 2%，所有仓位名义价值合计不超过 3 倍（逐仓 3 倍时保证金合计不超过交易资金）。不能超过账户权益 ${money(account.value?.margin_balance)} USDT；账户权益低于它时按权益计算。`,
     "设置交易资金（USDT）",
     {
-      inputValue: status.value!.capital_usdt ? String(Number(status.value!.capital_usdt)) : "",
+      inputValue: status.value!.capital_usdt ? num(status.value!.capital_usdt) : "",
       inputPattern: /^(?:[1-9]\d*|0)(?:\.\d{1,2})?$/,
       inputErrorMessage: "请输入正数，最多两位小数",
       confirmButtonText: "保存"
@@ -254,70 +237,67 @@ onBeforeUnmount(() => clearInterval(timer))
 </script>
 
 <template>
-  <div v-if="status" class="h-full flex flex-col gap-2">
-    <!-- 状态栏：引擎、启停、账户与今日统计、模型 -->
-    <div class="flex flex-col gap-2 border border-ap-line border-solid bg-ap-panel px-3 py-2.5">
-      <div class="flex flex-wrap items-center gap-2">
-        <el-tag :type="snapshot ? 'success' : 'info'">
-          <i class="mr-1.5 inline-block h-1.5 w-1.5 bg-current" :class="{ 'animate-pulse': snapshot }" />{{ snapshot ? "引擎在线" : "引擎离线" }}
+  <div v-if="status" class="h-full flex flex-col gap-3">
+    <!-- 顶部：引擎状态、启停、账户 -->
+    <div class="flex flex-wrap items-center gap-x-6 gap-y-2 border border-[var(--el-border-color)] rounded border-solid px-4 py-3">
+      <div class="flex items-center gap-2">
+        <el-tag v-if="snapshot" type="success" effect="dark">
+          引擎在线
+        </el-tag>
+        <el-tag v-else type="info" effect="dark">
+          引擎离线
         </el-tag>
         <el-tag :type="status.running ? 'success' : 'info'">
-          <i class="mr-1.5 inline-block h-1.5 w-1.5 bg-current" />{{ status.running ? "交易中" : "已停止" }}
+          {{ status.running ? "交易中" : "已停止" }}
         </el-tag>
         <el-button
-          size="small" :type="status.running ? 'danger' : 'primary'" :loading="toggling"
+          :type="status.running ? 'danger' : 'primary'" :loading="toggling"
           :disabled="!status.running && (!status.configured || !status.capital_usdt)"
           @click="toggleRunning"
         >
           {{ status.running ? "停止" : "开始行情交易" }}
         </el-button>
-        <div class="flex-1" />
-        <span class="metric mr-2">
-          <span class="key">今日分析</span>{{ status.today.analyses }} / {{ status.today.limit }}
-          <span class="key ml-1.5">token</span>{{ status.today.input_tokens.toLocaleString() }} / {{ status.today.output_tokens.toLocaleString() }}
-        </span>
-        <el-select
-          :model-value="status.provider_id" class="w-64" clearable :value-on-clear="null" placeholder="跟随默认配置"
-          @update:model-value="changeProvider"
-        >
-          <template #prefix>
-            <span class="text-[11px] text-ap-muted">模型:</span>
-          </template>
-          <el-option v-for="p in providers" :key="p.id" :value="p.id" :label="`${p.name}（${p.model}）`" />
-        </el-select>
-        <el-select
-          :model-value="status.reasoning_effort" class="w-36" clearable :value-on-clear="null" placeholder="跟随配置"
-          @update:model-value="changeEffort"
-        >
-          <template #prefix>
-            <span class="text-[11px] text-ap-muted">思考:</span>
-          </template>
-          <el-option v-for="e in EFFORTS" :key="e" :value="e" :label="e" />
-        </el-select>
       </div>
-      <div class="flex flex-wrap items-center gap-y-1">
-        <span class="metric">
-          <span class="key">交易资金</span>
-          <template v-if="status.capital_usdt">
-            <b>{{ money(status.capital_usdt) }}</b><span class="unit">USDT</span>
-            <span v-if="status.effective_capital && Number(status.effective_capital) < Number(status.capital_usdt)" class="ml-1 text-ap-warn">
-              （权益不足，按 {{ money(status.effective_capital) }}）
-            </span>
-          </template>
-          <b v-else class="text-ap-down">未设置</b>
-          <el-link type="primary" class="ml-1.5 text-[11px]!" @click="editCapital">设置</el-link>
-        </span>
-        <span class="metric"><span class="key">账户权益</span><b>{{ money(account?.margin_balance) }}</b><span class="unit">USDT</span></span>
-        <span class="metric"><span class="key">可用</span><b>{{ money(account?.available_balance) }}</b><span class="unit">USDT</span></span>
-        <span class="metric">
-          <span class="key">未实现盈亏</span><b :class="pnlClass(account?.unrealized_pnl ?? '0')">{{ signedMoney(account?.unrealized_pnl) }}</b>
-        </span>
-        <span class="metric">
-          <span class="key">今日收益</span><b :class="pnlClass(status.today.net_pnl)">{{ signedMoney(status.today.net_pnl) }}</b><span class="unit">USDT</span>
-        </span>
-        <span class="metric"><span class="key">今日交易</span><b>{{ status.today.trades }}</b><span class="unit">笔</span></span>
-        <span class="metric"><span class="key">胜率</span><b class="text-ap-brand">{{ winRate }}</b></span>
+      <div class="stat">
+        <span>交易资金</span>
+        <template v-if="status.capital_usdt">
+          {{ money(status.capital_usdt) }} USDT
+          <span v-if="status.effective_capital && Number(status.effective_capital) < Number(status.capital_usdt)" class="text-[var(--el-color-warning)]!">
+            （权益不足，按 {{ money(status.effective_capital) }}）
+          </span>
+        </template>
+        <b v-else class="text-[var(--el-color-danger)]">未设置</b>
+        <el-link type="primary" underline="never" class="ml-1" @click="editCapital">
+          设置
+        </el-link>
       </div>
+      <div class="stat">
+        <span>账户权益</span>{{ money(account?.margin_balance) }} USDT
+      </div>
+      <div class="stat">
+        <span>可用</span>{{ money(account?.available_balance) }} USDT
+      </div>
+      <div class="stat">
+        <span>未实现盈亏</span>
+        <b :class="pnlClass(account?.unrealized_pnl ?? '0')">{{ money(account?.unrealized_pnl) }}</b>
+      </div>
+      <div class="stat">
+        <span>今日分析</span>{{ status.today.analyses }} / {{ status.today.limit }}
+        <span class="ml-1">token</span>{{ status.today.input_tokens.toLocaleString() }} / {{ status.today.output_tokens.toLocaleString() }}
+      </div>
+      <div class="flex-1" />
+      <el-select
+        :model-value="status.provider_id" class="w-56" clearable :value-on-clear="null" placeholder="模型：跟随默认配置"
+        @update:model-value="changeProvider"
+      >
+        <el-option v-for="p in providers" :key="p.id" :value="p.id" :label="`${p.name}（${p.model}）`" />
+      </el-select>
+      <el-select
+        :model-value="status.reasoning_effort" class="w-40" clearable :value-on-clear="null" placeholder="思考强度：跟随配置"
+        @update:model-value="changeEffort"
+      >
+        <el-option v-for="e in EFFORTS" :key="e" :value="e" :label="e" />
+      </el-select>
     </div>
 
     <el-alert v-if="!status.configured" type="warning" :closable="false" show-icon>
@@ -331,195 +311,165 @@ onBeforeUnmount(() => clearInterval(timer))
     </el-alert>
 
     <!-- 持仓 -->
-    <el-card shadow="never" body-class="p-0!">
-      <template #header>
-        <i class="inline-block h-1.5 w-1.5" :class="positions.length ? 'bg-ap-up' : 'bg-ap-faint'" />
-        <span>持仓 ({{ positions.length }})</span>
-      </template>
-      <el-table :data="positions" size="small" empty-text="没有持仓">
-        <el-table-column label="币种" min-width="130">
-          <template #default="{ row }">
-            <span class="text-ap-brand font-bold">{{ row.symbol }}</span>
-            <el-tag size="small" type="info" class="ml-1.5">
-              永续
-            </el-tag>
-          </template>
-        </el-table-column>
-        <el-table-column label="方向" width="70">
-          <template #default="{ row }">
-            <el-tag :type="row.side === 'LONG' ? 'success' : 'danger'" size="small">
-              {{ row.side === "LONG" ? "多" : "空" }}
-            </el-tag>
-          </template>
-        </el-table-column>
-        <el-table-column label="数量" min-width="90" align="right">
-          <template #default="{ row }">
-            {{ num(row.amount) }}
-          </template>
-        </el-table-column>
-        <el-table-column label="开仓价" min-width="100" align="right">
-          <template #default="{ row }">
-            {{ num(row.entry_price) }}
-          </template>
-        </el-table-column>
-        <el-table-column label="保本价" min-width="100" align="right">
-          <template #default="{ row }">
-            <span class="text-ap-muted">{{ money(row.break_even_price) }}</span>
-          </template>
-        </el-table-column>
-        <el-table-column label="标记价" min-width="100" align="right">
-          <template #default="{ row }">
-            <b>{{ money(row.mark_price) }}</b>
-          </template>
-        </el-table-column>
-        <el-table-column label="未实现盈亏" min-width="100" align="right">
-          <template #default="{ row }">
-            <b :class="pnlClass(row.unrealized_pnl)">{{ signedMoney(row.unrealized_pnl) }}</b>
-          </template>
-        </el-table-column>
-        <el-table-column label="强平价" min-width="100" align="right">
-          <template #default="{ row }">
-            {{ Number(row.liquidation_price) ? money(row.liquidation_price) : "-" }}
-          </template>
-        </el-table-column>
-        <el-table-column label="杠杆" width="100" align="center">
-          <template #default="{ row }">
-            <el-tag size="small" type="info">
-              {{ row.leverage }}x {{ row.margin_type === "ISOLATED" ? "逐仓" : "全仓" }}
-            </el-tag>
-          </template>
-        </el-table-column>
-        <el-table-column label="止损 / 止盈" min-width="160" align="center">
-          <template #default="{ row }">
-            <span class="text-ap-down">{{ exitPrices(row as SnapshotPosition).stop }}</span>
-            /
-            <span class="text-ap-up">{{ exitPrices(row as SnapshotPosition).target }}</span>
-          </template>
-        </el-table-column>
-        <el-table-column label="平仓倒计时" width="100" align="center">
-          <template #default="{ row }">
-            <b class="text-ap-brand">{{ closeCountdown(row.symbol) }}</b>
-          </template>
-        </el-table-column>
-      </el-table>
-    </el-card>
-
-    <div class="min-h-0 flex flex-1 gap-2">
-      <!-- 交易币种 -->
-      <el-card shadow="never" class="w-60 flex shrink-0 flex-col" body-class="p-0! min-h-0 flex-1">
-        <template #header>
-          <div class="w-full flex items-center justify-between">
-            <span>交易币种 ({{ symbols.length }})</span>
-            <el-button size="small" type="primary" @click="addVisible = true">
-              新增
-            </el-button>
-          </div>
+    <el-table :data="positions" border size="small" empty-text="没有持仓">
+      <el-table-column prop="symbol" label="币种" min-width="110" />
+      <el-table-column label="方向" width="70">
+        <template #default="{ row }">
+          <el-tag :type="row.side === 'LONG' ? 'success' : 'danger'" size="small">
+            {{ row.side === "LONG" ? "多" : "空" }}
+          </el-tag>
         </template>
-        <el-scrollbar>
+      </el-table-column>
+      <el-table-column label="数量" min-width="90">
+        <template #default="{ row }">
+          {{ num(row.amount) }}
+        </template>
+      </el-table-column>
+      <el-table-column label="开仓价" min-width="100">
+        <template #default="{ row }">
+          {{ num(row.entry_price) }}
+        </template>
+      </el-table-column>
+      <el-table-column label="保本价" min-width="100">
+        <template #default="{ row }">
+          {{ Number(row.break_even_price).toFixed(2) }}
+        </template>
+      </el-table-column>
+      <el-table-column label="标记价" min-width="100">
+        <template #default="{ row }">
+          {{ Number(row.mark_price).toFixed(2) }}
+        </template>
+      </el-table-column>
+      <el-table-column label="未实现盈亏" min-width="100">
+        <template #default="{ row }">
+          <span :class="pnlClass(row.unrealized_pnl)">{{ money(row.unrealized_pnl) }}</span>
+        </template>
+      </el-table-column>
+      <el-table-column label="强平价" min-width="100">
+        <template #default="{ row }">
+          {{ Number(row.liquidation_price) ? Number(row.liquidation_price).toFixed(2) : "-" }}
+        </template>
+      </el-table-column>
+      <el-table-column label="杠杆" width="110">
+        <template #default="{ row }">
+          {{ row.leverage }}x {{ row.margin_type === "ISOLATED" ? "逐仓" : "全仓" }}
+        </template>
+      </el-table-column>
+      <el-table-column label="止损 / 止盈" min-width="140">
+        <template #default="{ row }">
+          {{ exitPrices(row as SnapshotPosition).stop }} / {{ exitPrices(row as SnapshotPosition).target }}
+        </template>
+      </el-table-column>
+      <el-table-column label="平仓倒计时" width="100">
+        <template #default="{ row }">
+          {{ closeCountdown(row.symbol) }}
+        </template>
+      </el-table-column>
+    </el-table>
+
+    <div class="min-h-0 flex flex-1 gap-3">
+      <!-- 侧边栏：交易币种 -->
+      <div class="w-60 flex flex-col border border-[var(--el-border-color)] rounded border-solid">
+        <div class="flex items-center justify-between border-b border-b-[var(--el-border-color)] border-b-solid px-3 py-2">
+          <span class="font-bold">交易币种</span>
+          <el-button size="small" type="primary" @click="addVisible = true">
+            新增
+          </el-button>
+        </div>
+        <el-scrollbar class="flex-1">
           <div
-            v-for="s in symbols" :key="s.symbol" class="symbol-item" :class="{ active: s.symbol === selected }"
+            v-for="s in symbols" :key="s.symbol"
+            class="cursor-pointer border-b border-b-[var(--el-border-color-lighter)] border-b-solid px-3 py-2"
+            :class="s.symbol === selected ? 'bg-[var(--el-color-primary-light-9)]' : ''"
             @click="selected = s.symbol"
           >
             <div class="flex items-center justify-between">
-              <span class="text-sm font-bold">{{ s.symbol }}</span>
+              <span class="font-bold">{{ s.symbol }}</span>
               <el-tag :type="symbolState(s).type" size="small">
                 {{ symbolState(s).label }}
               </el-tag>
             </div>
-            <div class="mt-1 flex items-center justify-between text-[11px]">
-              <span v-if="positionLine(s.symbol)" class="font-semibold" :class="positionLine(s.symbol)!.long ? 'text-ap-up' : 'text-ap-down'">
-                {{ positionLine(s.symbol)!.text }}
-              </span>
-              <span v-else />
-              <el-link type="danger" class="text-[11px]!" @click.stop="remove(s)">
+            <div class="mt-1 flex justify-end text-xs">
+              <el-link type="danger" underline="never" class="text-xs!" @click.stop="remove(s)">
                 删除
               </el-link>
             </div>
           </div>
           <el-empty v-if="!symbols.length" description="还没有交易币种" :image-size="60" />
         </el-scrollbar>
-      </el-card>
+      </div>
 
-      <!-- 当前币种：计划、挂单、时间线 -->
-      <el-card shadow="never" class="min-w-0 flex flex-1 flex-col" body-class="p-0! min-h-0 flex-1">
-        <template #header>
-          <el-icon class="text-ap-brand">
-            <DataAnalysis />
-          </el-icon>
-          <span>{{ current ? `${current.symbol} · 交易计划` : "交易计划" }}</span>
-        </template>
-        <el-scrollbar>
-          <div class="flex flex-col gap-3 p-3">
-            <PlanCard
-              v-if="current" :symbol="current" :analysis="livePlan ?? latestAnalysis" :latest="latestAnalysis" :orders="planOrders"
-              :requesting="requesting"
-              @analyze="analyze" @detail="openAnalysis"
-            />
+      <!-- 主区域：当前计划、挂单、时间线 -->
+      <el-scrollbar class="flex-1">
+        <div class="flex flex-col gap-3 pr-2">
+          <PlanCard
+            v-if="current" :symbol="current" :analysis="livePlan ?? latestAnalysis" :latest="latestAnalysis" :orders="planOrders"
+            :requesting="requesting"
+            @analyze="analyze" @detail="openAnalysis"
+          />
 
-            <el-card v-if="current" shadow="never" class="sub-card" body-class="p-0!">
-              <template #header>
-                当前挂单 ({{ symbolOrders.length }})
-              </template>
-              <el-table :data="symbolOrders" size="small" empty-text="没有挂单">
-                <el-table-column label="类型" min-width="150">
-                  <template #default="{ row }">
-                    {{ row.type }}
-                    <el-tag v-if="row.conditional" size="small" type="info" class="ml-1">
-                      条件单
-                    </el-tag>
-                  </template>
-                </el-table-column>
-                <el-table-column label="方向" width="110">
-                  <template #default="{ row }">
-                    <b :class="row.side === 'BUY' ? 'text-ap-up' : 'text-ap-down'">{{ row.side === "BUY" ? "买" : "卖" }}</b>{{ row.reduce_only ? "（只减仓）" : "" }}
-                  </template>
-                </el-table-column>
-                <el-table-column prop="priceText" label="价格 / 触发" min-width="130" align="right" />
-                <el-table-column label="数量" min-width="100" align="right">
-                  <template #default="{ row }">
-                    {{ row.quantity === "全部持仓" ? row.quantity : num(row.quantity) }}
-                  </template>
-                </el-table-column>
-                <el-table-column label="来源" width="80">
-                  <template #default="{ row }">
-                    <span class="text-ap-muted">{{ isOwnOrder(row.client_id) ? "本程序" : "手动" }}</span>
-                  </template>
-                </el-table-column>
-                <el-table-column label="时间" width="130" align="center">
-                  <template #default="{ row }">
-                    <span class="text-ap-muted">{{ formatTime(new Date(row.time).toISOString()) }}</span>
-                  </template>
-                </el-table-column>
-              </el-table>
-            </el-card>
-
-            <el-card shadow="never" class="sub-card">
-              <template #header>
-                时间线
-              </template>
-              <div v-if="events.length" class="ml-1.5 border-l border-l-ap-line border-l-solid">
-                <div v-for="e in events" :key="e.id" class="relative pb-3 pl-5 last:pb-1">
-                  <i class="absolute left-[-6px] top-1 h-2.5 w-2.5 border-2 border-ap-panel-low border-solid" :class="LEVEL_DOTS[e.level]" />
-                  <div class="flex flex-wrap items-baseline gap-x-2 gap-y-1">
-                    <span class="text-ap-brand font-bold">{{ formatTime(e.created_at) }}</span>
-                    <el-tag size="small" type="info">
-                      {{ e.symbol ?? "账户" }}
-                    </el-tag>
-                    <span :class="e.level === 'error' ? 'text-ap-down' : ''">{{ e.message }}</span>
-                    <el-link v-if="e.analysis_id && e.kind !== 'analysis_started'" type="primary" @click="openAnalysis(e.analysis_id)">
-                      查看分析
-                    </el-link>
-                  </div>
-                </div>
-              </div>
-              <el-empty v-else description="还没有事件" :image-size="60" />
-              <el-button v-if="events.length && !eventsExhausted" link type="primary" class="mt-1" @click="loadMoreEvents">
-                加载更早的事件
-              </el-button>
-            </el-card>
+          <div v-if="current">
+            <div class="mb-2 font-bold">
+              当前挂单
+            </div>
+            <el-table :data="symbolOrders" border size="small" empty-text="没有挂单">
+              <el-table-column label="类型" min-width="150">
+                <template #default="{ row }">
+                  {{ row.type }}
+                  <el-tag v-if="row.conditional" size="small" class="ml-1">
+                    条件单
+                  </el-tag>
+                </template>
+              </el-table-column>
+              <el-table-column label="方向" width="110">
+                <template #default="{ row }">
+                  {{ row.side === "BUY" ? "买" : "卖" }}{{ row.reduce_only ? "（只减仓）" : "" }}
+                </template>
+              </el-table-column>
+              <el-table-column prop="priceText" label="价格" min-width="130" />
+              <el-table-column label="数量" min-width="100">
+                <template #default="{ row }">
+                  {{ row.quantity === "全部持仓" ? row.quantity : num(row.quantity) }}
+                </template>
+              </el-table-column>
+              <el-table-column label="来源" width="80">
+                <template #default="{ row }">
+                  {{ isOwnOrder(row.client_id) ? "本程序" : "手动" }}
+                </template>
+              </el-table-column>
+              <el-table-column label="时间" width="130">
+                <template #default="{ row }">
+                  {{ formatTime(new Date(row.time).toISOString(), "MM-DD HH:mm:ss") }}
+                </template>
+              </el-table-column>
+            </el-table>
           </div>
-        </el-scrollbar>
-      </el-card>
+
+          <div>
+            <div class="mb-2 font-bold">
+              时间线
+            </div>
+            <el-timeline v-if="events.length" class="pl-1">
+              <el-timeline-item
+                v-for="e in events" :key="e.id" :timestamp="formatTime(e.created_at)" :type="LEVEL_TYPES[e.level]"
+                placement="top"
+              >
+                <el-tag size="small" type="info" class="mr-2">
+                  {{ e.symbol ?? "账户" }}
+                </el-tag>
+                <span :class="e.level === 'error' ? 'text-[var(--el-color-danger)]' : ''">{{ e.message }}</span>
+                <el-link v-if="e.analysis_id && e.kind !== 'analysis_started'" type="primary" underline="never" class="ml-2" @click="openAnalysis(e.analysis_id)">
+                  查看分析
+                </el-link>
+              </el-timeline-item>
+            </el-timeline>
+            <el-empty v-else description="还没有事件" :image-size="60" />
+            <el-button v-if="events.length && !eventsExhausted" link type="primary" @click="loadMoreEvents">
+              加载更早的事件
+            </el-button>
+          </div>
+        </div>
+      </el-scrollbar>
     </div>
 
     <AddSymbolDialog v-model="addVisible" @added="onAdded" />
@@ -528,43 +478,12 @@ onBeforeUnmount(() => clearInterval(timer))
 </template>
 
 <style scoped>
-.metric {
-  display: inline-flex;
-  align-items: baseline;
-  gap: 5px;
+.stat {
+  font-size: 14px;
+}
+.stat span {
+  margin-right: 6px;
+  color: var(--el-text-color-secondary);
   font-size: 12px;
 }
-.metric + .metric::before {
-  content: "|";
-  margin: 0 10px 0 5px;
-  color: var(--ap-line);
-}
-.metric .key {
-  color: var(--ap-muted);
-  font-size: 11px;
-}
-.metric .unit {
-  color: var(--ap-muted);
-  font-size: 10px;
-}
-.symbol-item {
-  padding: 10px 12px;
-  border-bottom: 1px solid color-mix(in srgb, var(--ap-line) 50%, transparent);
-  border-left: 2px solid transparent;
-  cursor: pointer;
-}
-.symbol-item:hover {
-  background: var(--ap-panel-highest);
-}
-.symbol-item.active {
-  border-left-color: var(--ap-brand);
-  background: var(--ap-panel-high);
-}
-.sub-card {
-  --el-card-bg-color: var(--ap-panel-low);
-}
-.sub-card :deep(.el-table) {
-  --el-table-bg-color: var(--ap-panel-low);
-  --el-table-tr-bg-color: var(--ap-panel-low);
-}
 </style>
diff --git a/web/src/router/index.ts b/web/src/router/index.ts
index 6a170c5..86bab45 100644
--- a/web/src/router/index.ts
+++ b/web/src/router/index.ts
@@ -1,16 +1,15 @@
-import { ChatDotRound, Collection, DataAnalysis, Document, Monitor, Setting, TrendCharts } from "@element-plus/icons-vue"
 import { createRouter, createWebHistory } from "vue-router"
 import Layout from "@/layouts/index.vue"
 import { useUserStore } from "@/pinia/user"
 
 export const menuRoutes = [
-  { path: "/news", name: "news", component: () => import("@/pages/news/index.vue"), meta: { title: "新闻流", icon: Document } },
-  { path: "/crawler", name: "crawler", component: () => import("@/pages/crawler/index.vue"), meta: { title: "采集控制台", icon: Monitor } },
-  { path: "/market", name: "market", component: () => import("@/pages/market/index.vue"), meta: { title: "行情", icon: TrendCharts } },
-  { path: "/trading", name: "trading", component: () => import("@/pages/trading/index.vue"), meta: { title: "模拟盘", icon: DataAnalysis } },
-  { path: "/chat", name: "chat", component: () => import("@/pages/chat/index.vue"), meta: { title: "Chat", icon: ChatDotRound } },
-  { path: "/skills", name: "skills", component: () => import("@/pages/skills/index.vue"), meta: { title: "Skills", icon: Collection } },
-  { path: "/settings", name: "settings", component: () => import("@/pages/settings/index.vue"), meta: { title: "环境变量", icon: Setting } }
+  { path: "/news", name: "news", component: () => import("@/pages/news/index.vue"), meta: { title: "新闻流" } },
+  { path: "/crawler", name: "crawler", component: () => import("@/pages/crawler/index.vue"), meta: { title: "采集控制台" } },
+  { path: "/market", name: "market", component: () => import("@/pages/market/index.vue"), meta: { title: "行情" } },
+  { path: "/trading", name: "trading", component: () => import("@/pages/trading/index.vue"), meta: { title: "模拟盘" } },
+  { path: "/chat", name: "chat", component: () => import("@/pages/chat/index.vue"), meta: { title: "Chat" } },
+  { path: "/skills", name: "skills", component: () => import("@/pages/skills/index.vue"), meta: { title: "Skills" } },
+  { path: "/settings", name: "settings", component: () => import("@/pages/settings/index.vue"), meta: { title: "环境变量" } }
 ]
 
 export const router = createRouter({
diff --git a/web/src/styles/index.css b/web/src/styles/index.css
index f271f9c..bdb84f4 100644
--- a/web/src/styles/index.css
+++ b/web/src/styles/index.css
@@ -1,5 +1,3 @@
-/* 全站深色交易终端主题。颜色来自 palette.ts（由 UnoCSS preflight 输出为 --ap-* 变量） */
-
 html,
 body,
 #app {
@@ -8,260 +6,14 @@ body,
 }
 
 body {
-  background: var(--ap-bg);
-  color: var(--ap-text);
-  font-family: var(--ap-font-mono);
-  font-size: 13px;
-  font-variant-numeric: tabular-nums;
-  color-scheme: dark;
+  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;
 }
 
-/* 浏览器默认不让表单控件继承字体 */
-button,
-input,
-select,
-textarea {
-  font-family: inherit;
-}
-
-* {
-  scrollbar-width: thin;
-  scrollbar-color: var(--ap-panel-highest) transparent;
-}
-::-webkit-scrollbar {
-  width: 6px;
-  height: 6px;
-}
-::-webkit-scrollbar-thumb {
-  background: var(--ap-panel-highest);
-}
-::-webkit-scrollbar-track {
-  background: transparent;
-}
-
-/* ---------- Element Plus 变量 ---------- */
-
-html.dark {
-  --el-bg-color: var(--ap-panel);
-  --el-bg-color-page: var(--ap-bg);
-  --el-bg-color-overlay: var(--ap-panel);
-  --el-text-color-primary: var(--ap-text);
-  --el-text-color-regular: var(--ap-text);
-  --el-text-color-secondary: var(--ap-muted);
-  --el-text-color-placeholder: var(--ap-faint);
-  --el-text-color-disabled: color-mix(in srgb, var(--ap-faint) 60%, var(--ap-bg));
-  --el-border-color: var(--ap-line);
-  --el-border-color-dark: var(--ap-faint);
-  --el-border-color-darker: var(--ap-faint);
-  --el-border-color-light: color-mix(in srgb, var(--ap-line) 80%, var(--ap-panel));
-  --el-border-color-lighter: color-mix(in srgb, var(--ap-line) 60%, var(--ap-panel));
-  --el-border-color-extra-light: color-mix(in srgb, var(--ap-line) 40%, var(--ap-panel));
-  --el-border-color-hover: var(--ap-faint);
-  --el-fill-color: var(--ap-panel-high);
-  --el-fill-color-light: var(--ap-panel-high);
-  --el-fill-color-lighter: var(--ap-panel-low);
-  --el-fill-color-extra-light: var(--ap-panel-low);
-  --el-fill-color-dark: var(--ap-panel-highest);
-  --el-fill-color-darker: var(--ap-panel-highest);
-  /* 输入框、下拉框、复选按钮等的底色 */
-  --el-fill-color-blank: var(--ap-sunken);
-  --el-mask-color: color-mix(in srgb, var(--ap-bg) 80%, transparent);
-
-  --el-color-primary: var(--ap-brand);
-  --el-color-success: var(--ap-up);
-  --el-color-warning: var(--ap-warn);
-  --el-color-danger: var(--ap-down);
-  --el-color-error: var(--ap-down);
-  --el-color-info: var(--ap-faint);
-  /* Element 在实底语义色上一律用 --el-color-white 作文字色（按钮、分页、复选按钮、实心标签等）；
-     我们的黄、浅绿、浅红都需要深色字 */
-  --el-color-white: var(--ap-bg);
-
-  --el-border-radius-base: 0;
-  --el-border-radius-small: 0;
-  --el-border-radius-round: 0;
-  --el-font-family: var(--ap-font-mono);
-  --el-font-size-base: 13px;
-  --el-font-size-small: 12px;
-  --el-font-size-extra-small: 11px;
-  /* 稿中弹层不用柔和阴影，只用硬描边 */
-  --el-box-shadow: 2px 2px 0 #000;
-  --el-box-shadow-light: 2px 2px 0 #000;
-  --el-box-shadow-lighter: none;
-  --el-box-shadow-dark: none;
-}
-
-/* 语义色的浅色/深色档：浅色档向面板色混合，标签自然成为「浅底 + 描边」；深色档在暗色主题里是更亮的悬停色 */
-html.dark {
-  --el-color-primary-light-3: color-mix(in srgb, var(--el-color-primary) 70%, var(--ap-panel));
-  --el-color-primary-light-5: color-mix(in srgb, var(--el-color-primary) 50%, var(--ap-panel));
-  --el-color-primary-light-7: color-mix(in srgb, var(--el-color-primary) 30%, var(--ap-panel));
-  --el-color-primary-light-8: color-mix(in srgb, var(--el-color-primary) 22%, var(--ap-panel));
-  --el-color-primary-light-9: color-mix(in srgb, var(--el-color-primary) 12%, var(--ap-panel));
-  --el-color-primary-dark-2: color-mix(in srgb, var(--el-color-primary) 80%, #fff);
-  --el-color-success-light-3: color-mix(in srgb, var(--el-color-success) 70%, var(--ap-panel));
-  --el-color-success-light-5: color-mix(in srgb, var(--el-color-success) 50%, var(--ap-panel));
-  --el-color-success-light-7: color-mix(in srgb, var(--el-color-success) 30%, var(--ap-panel));
-  --el-color-success-light-8: color-mix(in srgb, var(--el-color-success) 22%, var(--ap-panel));
-  --el-color-success-light-9: color-mix(in srgb, var(--el-color-success) 12%, var(--ap-panel));
-  --el-color-success-dark-2: color-mix(in srgb, var(--el-color-success) 80%, #fff);
-  --el-color-warning-light-3: color-mix(in srgb, var(--el-color-warning) 70%, var(--ap-panel));
-  --el-color-warning-light-5: color-mix(in srgb, var(--el-color-warning) 50%, var(--ap-panel));
-  --el-color-warning-light-7: color-mix(in srgb, var(--el-color-warning) 30%, var(--ap-panel));
-  --el-color-warning-light-8: color-mix(in srgb, var(--el-color-warning) 22%, var(--ap-panel));
-  --el-color-warning-light-9: color-mix(in srgb, var(--el-color-warning) 12%, var(--ap-panel));
-  --el-color-warning-dark-2: color-mix(in srgb, var(--el-color-warning) 80%, #fff);
-  --el-color-danger-light-3: color-mix(in srgb, var(--el-color-danger) 70%, var(--ap-panel));
-  --el-color-danger-light-5: color-mix(in srgb, var(--el-color-danger) 50%, var(--ap-panel));
-  --el-color-danger-light-7: color-mix(in srgb, var(--el-color-danger) 30%, var(--ap-panel));
-  --el-color-danger-light-8: color-mix(in srgb, var(--el-color-danger) 22%, var(--ap-panel));
-  --el-color-danger-light-9: color-mix(in srgb, var(--el-color-danger) 12%, var(--ap-panel));
-  --el-color-danger-dark-2: color-mix(in srgb, var(--el-color-danger) 80%, #fff);
-  --el-color-error-light-3: var(--el-color-danger-light-3);
-  --el-color-error-light-5: var(--el-color-danger-light-5);
-  --el-color-error-light-7: var(--el-color-danger-light-7);
-  --el-color-error-light-8: var(--el-color-danger-light-8);
-  --el-color-error-light-9: var(--el-color-danger-light-9);
-  --el-color-error-dark-2: var(--el-color-danger-dark-2);
-  --el-color-info-light-3: color-mix(in srgb, var(--el-color-info) 70%, var(--ap-panel));
-  --el-color-info-light-5: color-mix(in srgb, var(--el-color-info) 50%, var(--ap-panel));
-  --el-color-info-light-7: color-mix(in srgb, var(--el-color-info) 30%, var(--ap-panel));
-  --el-color-info-light-8: color-mix(in srgb, var(--el-color-info) 22%, var(--ap-panel));
-  --el-color-info-light-9: color-mix(in srgb, var(--el-color-info) 12%, var(--ap-panel));
-  --el-color-info-dark-2: color-mix(in srgb, var(--el-color-info) 80%, #fff);
-}
-
-/* ---------- 组件 ---------- */
-
-/* 面板：1px 边框，32px 标题条 */
-html.dark .el-card {
-  --el-card-bg-color: var(--ap-panel);
-  --el-card-border-color: var(--ap-line);
-  --el-card-border-radius: 0;
-  --el-card-padding: 12px;
-}
-.el-card__header {
-  display: flex;
-  align-items: center;
-  gap: 8px;
-  box-sizing: border-box;
-  min-height: 32px;
-  padding: 4px 12px !important;
-  border-bottom-color: var(--ap-line) !important;
-  background: var(--ap-panel-high);
-  font-family: var(--ap-font-head);
-  font-size: 12px;
-  font-weight: 700;
-  letter-spacing: 0.04em;
-}
-
-/* 表格：紧凑行高，表头下沉色，数字等宽 */
-html.dark .el-table {
-  --el-table-bg-color: var(--ap-panel);
-  --el-table-tr-bg-color: var(--ap-panel);
-  --el-table-expanded-cell-bg-color: var(--ap-panel);
-  --el-table-header-bg-color: var(--ap-sunken);
-  --el-table-header-text-color: var(--ap-muted);
-  --el-table-row-hover-bg-color: var(--ap-panel-high);
-  --el-table-border-color: color-mix(in srgb, var(--ap-line) 60%, var(--ap-panel));
-  --el-table-text-color: var(--ap-text);
-}
-.el-table th.el-table__cell {
-  font-size: 11px;
-  font-weight: 500;
-}
-
-/* 主按钮：黄底深色字，悬停变亮 */
-html.dark .el-button--primary:not(.is-plain, .is-text, .is-link) {
-  --el-button-hover-bg-color: var(--el-color-primary-dark-2);
-  --el-button-hover-border-color: var(--el-color-primary-dark-2);
-}
-/* 危险、成功、警告按钮：浅底描边（稿中的「停止」），悬停填实 */
-html.dark .el-button--danger {
-  --ap-button-color: var(--el-color-danger);
-}
-html.dark .el-button--success {
-  --ap-button-color: var(--el-color-success);
-}
-html.dark .el-button--warning {
-  --ap-button-color: var(--el-color-warning);
-}
-html.dark :is(.el-button--danger, .el-button--success, .el-button--warning):not(.is-text, .is-link) {
-  --el-button-text-color: var(--ap-button-color);
-  --el-button-bg-color: color-mix(in srgb, var(--ap-button-color) 14%, transparent);
-  --el-button-border-color: color-mix(in srgb, var(--ap-button-color) 45%, transparent);
-  --el-button-hover-text-color: var(--ap-bg);
-  --el-button-hover-bg-color: var(--ap-button-color);
-  --el-button-hover-border-color: var(--ap-button-color);
-  --el-button-active-text-color: var(--ap-bg);
-  --el-button-active-bg-color: var(--ap-button-color);
-  --el-button-active-border-color: var(--ap-button-color);
-}
-/* 暗色主题里 light-5 是变暗，链接悬停要变亮 */
-html.dark .el-button.is-link {
-  --el-button-hover-link-text-color: color-mix(in srgb, var(--el-button-text-color) 75%, #fff);
-}
-
-html.dark .el-tag {
-  --el-tag-border-radius: 0;
-  font-weight: 600;
-}
-
-/* 树放在面板里，不要下沉底色 */
-html.dark .el-tree {
-  background: transparent;
-}
-
-html.dark .el-descriptions__body {
-  background-color: var(--ap-panel);
-}
-html.dark .el-descriptions {
-  --el-descriptions-item-bordered-label-background: var(--ap-panel-high);
-}
-
-html.dark .el-switch__core,
-html.dark .el-switch__core .el-switch__action {
-  border-radius: 0;
-}
-html.dark .el-switch__core .el-switch__action {
-  background-color: var(--ap-text);
-}
-
-.el-progress-bar__outer,
-.el-progress-bar__inner {
-  border-radius: 0 !important;
-}
-
-html.dark .el-drawer {
-  border-left: 1px solid var(--ap-line);
-}
-.el-drawer__header {
-  margin-bottom: 0 !important;
-  padding: 0 16px !important;
-  height: 48px;
-  border-bottom: 1px solid var(--ap-line);
-  background: var(--ap-panel-high);
-}
-.el-drawer__title,
-.el-dialog__title,
-.el-message-box__title {
-  font-family: var(--ap-font-head);
-  font-weight: 700;
-}
-html.dark .el-dialog,
-html.dark .el-message-box {
-  border: 1px solid var(--ap-faint);
-}
-
-/* ---------- 正文 ---------- */
-
-/* Markdown 渲染（分析报告、Chat 回复、skill 预览、CONTEXT.md 预览）：长段中文用无衬线字体 */
+/* Markdown 渲染（Chat 回复、skill 预览、CONTEXT.md 预览） */
 .markdown-body {
-  font-family: var(--ap-font-sans);
   font-size: 14px;
-  line-height: 1.75;
+  line-height: 1.7;
   word-break: break-word;
-  color: var(--ap-text);
 }
 .markdown-body > :first-child {
   margin-top: 0;
@@ -270,21 +22,17 @@ html.dark .el-message-box {
 .markdown-body h2,
 .markdown-body h3,
 .markdown-body h4 {
-  margin: 1.1em 0 0.5em;
-  font-family: var(--ap-font-head);
-  font-weight: 700;
+  margin: 1em 0 0.5em;
+  font-weight: 600;
 }
 .markdown-body h1 {
-  font-size: 1.45em;
+  font-size: 1.5em;
 }
 .markdown-body h2 {
-  padding-bottom: 0.25em;
-  border-bottom: 1px solid var(--ap-line);
-  font-size: 1.25em;
+  font-size: 1.3em;
 }
 .markdown-body h3 {
   font-size: 1.1em;
-  color: var(--ap-brand);
 }
 .markdown-body p,
 .markdown-body ul,
@@ -298,23 +46,17 @@ html.dark .el-message-box {
 .markdown-body ol {
   padding-left: 1.5em;
 }
-.markdown-body strong {
-  color: #fff;
-}
-.markdown-body a {
-  color: var(--ap-brand);
-}
 .markdown-body code {
   padding: 0.1em 0.3em;
-  background: var(--ap-panel-high);
-  font-family: var(--ap-font-mono);
-  font-size: 0.88em;
+  border-radius: 3px;
+  background: var(--el-fill-color);
+  font-size: 0.9em;
 }
 .markdown-body pre {
   padding: 0.6em 0.8em;
   overflow: auto;
-  border: 1px solid var(--ap-line);
-  background: var(--ap-sunken);
+  border-radius: 4px;
+  background: var(--el-fill-color-light);
 }
 .markdown-body pre code {
   padding: 0;
@@ -322,51 +64,14 @@ html.dark .el-message-box {
 }
 .markdown-body blockquote {
   padding-left: 0.8em;
-  border-left: 3px solid var(--ap-brand);
-  color: var(--ap-muted);
+  border-left: 3px solid var(--el-border-color);
+  color: var(--el-text-color-secondary);
 }
 .markdown-body table {
   border-collapse: collapse;
-  font-family: var(--ap-font-mono);
-  font-size: 12px;
 }
 .markdown-body th,
 .markdown-body td {
-  padding: 0.35em 0.7em;
-  border: 1px solid var(--ap-line);
-}
-.markdown-body th {
-  background: var(--ap-panel-high);
-  color: var(--ap-muted);
-  font-weight: 500;
-}
-.markdown-body hr {
-  border: 0;
-  border-top: 1px solid var(--ap-line);
-}
-
-/* 逐行差异（新闻修订、skill 版本） */
-.diff-add {
-  background: color-mix(in srgb, var(--ap-up) 14%, transparent);
-}
-.diff-del {
-  background: color-mix(in srgb, var(--ap-down) 14%, transparent);
-  color: var(--ap-muted);
-  text-decoration: line-through;
-}
-
-/* 折叠面板：标题和内容留出内边距，标题过长时截断 */
-.el-collapse-item__header {
-  gap: 8px;
-  padding: 0 10px 0 12px;
-}
-.el-collapse-item__title {
-  flex: 1;
-  min-width: 0;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-.el-collapse-item__content {
-  padding: 0 12px 12px;
+  padding: 0.3em 0.6em;
+  border: 1px solid var(--el-border-color);
 }
diff --git a/web/src/styles/palette.ts b/web/src/styles/palette.ts
deleted file mode 100644
index 0b8ccf4..0000000
--- a/web/src/styles/palette.ts
+++ /dev/null
@@ -1,23 +0,0 @@
-/**
- * 全站配色，取自 Stitch 稿 code.html 的 Tailwind token（screen.png 取样核实）。
- * uno.config.ts 用它生成 ap-* 类名和 --ap-* CSS 变量；KLineChart 和新闻 iframe 读不到 CSS 变量，直接引用这里的值。
- */
-export const PALETTE = {
-  bg: "#0a141f",
-  sunken: "#050f19",
-  panelLow: "#131c27",
-  panel: "#17202b",
-  panelHigh: "#212b36",
-  panelHighest: "#2c3641",
-  line: "#3c4a40",
-  faint: "#859489",
-  text: "#d9e3f3",
-  muted: "#bbcabd",
-  brand: "#ffd162",
-  up: "#45e89b",
-  down: "#ffb4ab",
-  warn: "#ff8f1f",
-  // K 线柱体需要更饱和的涨跌色
-  candleUp: "#0ecb81",
-  candleDown: "#f6465d"
-} as const
diff --git a/web/src/utils/text.ts b/web/src/utils/text.ts
index b50431c..a7ecd2b 100644
--- a/web/src/utils/text.ts
+++ b/web/src/utils/text.ts
@@ -4,12 +4,6 @@ export function formatTime(value: string | null | undefined, pattern = "MM-DD HH
   return value ? dayjs(value).format(pattern) : "-"
 }
 
-/** 两个时间点之间的耗时，如「1m 52s」 */
-export function formatDuration(from: string, to: string) {
-  const seconds = Math.round((new Date(to).getTime() - new Date(from).getTime()) / 1000)
-  return seconds >= 60 ? `${Math.floor(seconds / 60)}m ${seconds % 60}s` : `${seconds}s`
-}
-
 /** HTML 转纯文本行；DOMParser 解析的文档不会执行脚本 */
 export function htmlToLines(html: string): string[] {
   const marked = html.replace(/<br\s*\/?>|<\/(?:p|div|li|h\d)>/gi, "\n")
diff --git a/web/types/components.d.ts b/web/types/components.d.ts
index 20712dc..49b94af 100644
--- a/web/types/components.d.ts
+++ b/web/types/components.d.ts
@@ -12,40 +12,36 @@ export {}
 declare module 'vue' {
   export interface GlobalComponents {
     ElAlert: typeof import('element-plus/es')['ElAlert']
+    ElAside: typeof import('element-plus/es')['ElAside']
     ElBadge: typeof import('element-plus/es')['ElBadge']
     ElButton: typeof import('element-plus/es')['ElButton']
     ElCard: typeof import('element-plus/es')['ElCard']
-    ElCheckbox: typeof import('element-plus/es')['ElCheckbox']
     ElCheckboxButton: typeof import('element-plus/es')['ElCheckboxButton']
     ElCheckboxGroup: typeof import('element-plus/es')['ElCheckboxGroup']
-    ElCollapse: typeof import('element-plus/es')['ElCollapse']
-    ElCollapseItem: typeof import('element-plus/es')['ElCollapseItem']
     ElConfigProvider: typeof import('element-plus/es')['ElConfigProvider']
+    ElContainer: typeof import('element-plus/es')['ElContainer']
     ElDatePicker: typeof import('element-plus/es')['ElDatePicker']
     ElDescriptions: typeof import('element-plus/es')['ElDescriptions']
     ElDescriptionsItem: typeof import('element-plus/es')['ElDescriptionsItem']
     ElDialog: typeof import('element-plus/es')['ElDialog']
     ElDivider: typeof import('element-plus/es')['ElDivider']
     ElDrawer: typeof import('element-plus/es')['ElDrawer']
-    ElDropdown: typeof import('element-plus/es')['ElDropdown']
-    ElDropdownItem: typeof import('element-plus/es')['ElDropdownItem']
-    ElDropdownMenu: typeof import('element-plus/es')['ElDropdownMenu']
-    ElEmpty: typeof import('element-plus/es')['ElEmpty']
     ElForm: typeof import('element-plus/es')['ElForm']
     ElFormItem: typeof import('element-plus/es')['ElFormItem']
-    ElIcon: typeof import('element-plus/es')['ElIcon']
+    ElHeader: typeof import('element-plus/es')['ElHeader']
     ElInput: typeof import('element-plus/es')['ElInput']
     ElInputNumber: typeof import('element-plus/es')['ElInputNumber']
     ElLink: typeof import('element-plus/es')['ElLink']
+    ElMain: typeof import('element-plus/es')['ElMain']
+    ElMenu: typeof import('element-plus/es')['ElMenu']
+    ElMenuItem: typeof import('element-plus/es')['ElMenuItem']
     ElOption: typeof import('element-plus/es')['ElOption']
     ElOptionGroup: typeof import('element-plus/es')['ElOptionGroup']
-    ElPagination: typeof import('element-plus/es')['ElPagination']
     ElPopover: typeof import('element-plus/es')['ElPopover']
     ElProgress: typeof import('element-plus/es')['ElProgress']
     ElRadio: typeof import('element-plus/es')['ElRadio']
     ElRadioButton: typeof import('element-plus/es')['ElRadioButton']
     ElRadioGroup: typeof import('element-plus/es')['ElRadioGroup']
-    ElScrollbar: typeof import('element-plus/es')['ElScrollbar']
     ElSelect: typeof import('element-plus/es')['ElSelect']
     ElSelectV2: typeof import('element-plus/es')['ElSelectV2']
     ElSwitch: typeof import('element-plus/es')['ElSwitch']
@@ -55,13 +51,11 @@ declare module 'vue' {
     ElTabs: typeof import('element-plus/es')['ElTabs']
     ElTag: typeof import('element-plus/es')['ElTag']
     ElTooltip: typeof import('element-plus/es')['ElTooltip']
-    ElTree: typeof import('element-plus/es')['ElTree']
     RouterLink: typeof import('vue-router')['RouterLink']
     RouterView: typeof import('vue-router')['RouterView']
-    SkillTree: typeof import('./../src/components/SkillTree.vue')['default']
-    SkillVersionDrawer: typeof import('./../src/components/SkillVersionDrawer.vue')['default']
   }
   export interface GlobalDirectives {
+    vInfiniteScroll: typeof import('element-plus/es')['ElInfiniteScroll']
     vLoading: typeof import('element-plus/es')['ElLoadingDirective']
   }
 }
diff --git a/web/types/router.d.ts b/web/types/router.d.ts
index 2fc9c9e..ac86a84 100644
--- a/web/types/router.d.ts
+++ b/web/types/router.d.ts
@@ -1,9 +1,7 @@
-import type { Component } from "vue"
 import "vue-router"
 
 declare module "vue-router" {
   interface RouteMeta {
     title?: string
-    icon?: Component
   }
 }
diff --git a/web/uno.config.ts b/web/uno.config.ts
index 93405e5..35c8f2d 100644
--- a/web/uno.config.ts
+++ b/web/uno.config.ts
@@ -1,10 +1,4 @@
 import { defineConfig, presetAttributify, presetWind3 } from "unocss"
-import { PALETTE } from "./src/styles/palette"
-
-// camelCase → kebab-case：类名写 bg-ap-panel-high，CSS 变量为 --ap-panel-high
-const kebab = (name: string) => name.replace(/[A-Z]/g, c => `-${c.toLowerCase()}`)
-const apColors = Object.fromEntries(Object.entries(PALETTE).map(([k, v]) => [kebab(k), v]))
-const CJK = `"PingFang SC", "Microsoft YaHei", "Noto Sans SC"`
 
 export default defineConfig({
   // 预设
@@ -19,24 +13,6 @@ export default defineConfig({
       important: "#app"
     })
   ],
-  theme: {
-    colors: { ap: apColors },
-    fontFamily: {
-      // 界面、表格、数字
-      mono: `"JetBrains Mono Variable", ui-monospace, ${CJK}, monospace`,
-      // 标题
-      head: `"Space Grotesk Variable", ${CJK}, sans-serif`,
-      // 正文类：新闻、Markdown、Chat 回复
-      sans: `-apple-system, BlinkMacSystemFont, "Segoe UI", ${CJK}, sans-serif`
-    }
-  },
-  preflights: [{
-    getCSS: ({ theme }) => {
-      const fonts = (theme as { fontFamily: Record<string, string> }).fontFamily
-      return `:root{${Object.entries(apColors).map(([k, v]) => `--ap-${k}:${v};`).join("")}`
-        + `--ap-font-mono:${fonts.mono};--ap-font-head:${fonts.head};--ap-font-sans:${fonts.sans};}`
-    }
-  }],
   // 自定义规则
   rules: [],
   // 自定义快捷方式
@@ -44,8 +20,6 @@ export default defineConfig({
     "wh-full": "w-full h-full",
     "flex-center": "flex justify-center items-center",
     "flex-x-center": "flex justify-center",
-    "flex-y-center": "flex items-center",
-    // 面板标题条里的标题
-    "panel-title": "font-head text-[12px] font-bold tracking-wider text-ap-text"
+    "flex-y-center": "flex items-center"
   }
 })