feat(frontend): 支持深色/浅色模式切换，统一主题变量体系

- 新增 useTheme composable，支持 light/dark 双主题，默认浅色模式
- 主题偏好持久化到 localStorage，支持跟随系统主题
- AppHeader 顶栏添加 Moon/Sunny 切换图标，带旋转过渡动效
- variables.css 重构为 :root（浅色）/:root.dark（深色）双套变量
- 新增标签色系（蓝/紫/琥珀/绿）、节点色系、阴影、发光效果等语义化变量
- 全组件硬编码颜色替换为 CSS 变量，消除跨主题不一致
- global.css 添加主题切换过渡动画（background/border/box-shadow）
- 涉及组件：AppHeader、AppSidebar、SubsystemCard、AuditLogTable
- 涉及页面：Dashboard、Resource、Cluster、Config、Task、Service、Login

frontend/src/views/dashboard/Index.vue

@@ -260,23 +260,23 @@ const refresh = () => {
 .node-cell {
   aspect-ratio: 1;
   border-radius: 3px;
-  background: #1E2532;
+  background: var(--node-empty-bg);
   border: 1px solid var(--line-soft);
 }
 
 .node-cell.a {
-  background: #13261F;
-  border-color: var(--accent-dim);
+  background: var(--node-a-bg);
+  border-color: var(--node-a-border);
 }
 
 .node-cell.b {
-  background: #1A1430;
-  border-color: #3A2C5C;
+  background: var(--node-b-bg);
+  border-color: var(--node-b-border);
 }
 
 .node-cell.c {
-  background: #241B0A;
-  border-color: #5C4A1C;
+  background: var(--node-c-bg);
+  border-color: var(--node-c-border);
 }
 
 .node-cell.empty {
@@ -352,21 +352,21 @@ td.strong {
 }
 
 .tag.zone-a {
-  color: #8EC8FF;
-  border-color: #1C3A5C;
-  background: #0E1C2C;
+  color: var(--tag-blue-text);
+  border-color: var(--tag-blue-border);
+  background: var(--tag-blue-bg);
 }
 
 .tag.zone-b {
-  color: #C9A6FF;
-  border-color: #3A2C5C;
-  background: #1A1430;
+  color: var(--tag-purple-text);
+  border-color: var(--tag-purple-border);
+  background: var(--tag-purple-bg);
 }
 
 .tag.zone-c {
-  color: #FFC97A;
-  border-color: #5C4A1C;
-  background: #241B0A;
+  color: var(--tag-amber-text);
+  border-color: var(--tag-amber-border);
+  background: var(--tag-amber-bg);
 }
 
 .status-text {