feat: 全站 PageShell 设计系统与专业 UI 统一

- 新增 PageShell/PageTabs/ContentPanel/PageLoading/PageEmpty 页面骨架
- index.css 设计令牌文档化，布局令牌与纯色主按钮（去除渐变粉彩）
- 全站路由页接入 PageShell，云账单三 Tab 为标杆
- 主题体系：跟随系统 + 主流/开发者分组，新增 Dracula/Tokyo Night，One Dark 暖灰差异化
- 登录页/侧栏/顶栏去渐变光球，企业克制风
- 修复 AIAlertAnalyzer JSX 与构建依赖导入问题

frontend/src/components/kubernetes/KubernetesClusterDialog.tsx

@@ -161,7 +161,7 @@ export function KubernetesClusterDialog({
                 placeholder="如: prod-cluster"
                 className={`bg-[var(--dg-bg-tertiary)] border-[var(--dg-border)] text-[var(--dg-text-primary)] placeholder:text-[var(--dg-text-muted)] ${nameError ? 'border-red-500' : ''}`}
               />
-              {nameError && <p className="text-xs text-red-400">{nameError}</p>}
+              {nameError && <p className="text-xs dg-text-red">{nameError}</p>}
               <p className="text-xs text-[var(--dg-text-muted)]">
                 只允许英文、数字和连字符(-)，首尾不能是连字符。名称将作为集群唯一标识。
               </p>
@@ -218,7 +218,7 @@ export function KubernetesClusterDialog({
           {formData.config_type === 0 ? (
             <div className="space-y-2">
               <Label className="text-[var(--dg-text-secondary)]">
-                Token {hasToken && <span className="text-emerald-400 text-xs ml-1">✓ 已配置（留空不修改）</span>}
+                Token {hasToken && <span className="dg-text-green text-xs ml-1">✓ 已配置（留空不修改）</span>}
               </Label>
               <Textarea
                 value={formData.token}
@@ -231,7 +231,7 @@ export function KubernetesClusterDialog({
           ) : (
             <div className="space-y-2">
               <Label className="text-[var(--dg-text-secondary)]">
-                Kubeconfig {hasKubeConfig && <span className="text-emerald-400 text-xs ml-1">✓ 已配置（留空不修改）</span>}
+                Kubeconfig {hasKubeConfig && <span className="dg-text-green text-xs ml-1">✓ 已配置（留空不修改）</span>}
               </Label>
               <Textarea
                 value={formData.kube_config}