前端: 浅色模式 + 系统自动主题

- 引入语义化 CSS 变量令牌(bg/surface/edge/ink/muted/accent 等), data-theme 三态切换
- theme store(localStorage + 系统偏好跟随), 首屏内联脚本防主题闪烁
- ThemeToggle 组件(浅色/深色/跟随系统) 置于导航与控制台顶栏
- 全量替换硬编码 zinc/emerald/red 类为令牌, 图表基线/状态色随主题适配
- 浅色对比度校准(accent/err/warn 深浅各一套)

Co-Authored-By: Claude <noreply@anthropic.com>

web/src/components/ui/Skeleton.vue

@@ -12,7 +12,7 @@ withDefaults(
 
 <template>
   <div
-    class="animate-pulse bg-zinc-800/60"
+    class="animate-pulse bg-surface2/60"
     :class="[rounded, cls]"
     :style="{ height, width }"
   />