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

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

frontend/src/components/kubernetes/deployment-workload/PodLogsModal.tsx

@@ -63,35 +63,35 @@ export function PodLogsModal({ clusterCode, namespace, podName, containers, onCl
 
   return (
     <div className="fixed inset-0 z-50 flex items-center justify-center bg-black/60" onClick={onClose}>
-      <div className="bg-slate-900 border border-slate-700 rounded-xl w-[90vw] max-w-4xl max-h-[80vh] flex flex-col" onClick={e => e.stopPropagation()}>
-        <div className="flex items-center justify-between p-3 border-b border-slate-700 gap-3 shrink-0">
+      <div className="bg-[var(--dg-bg-secondary)] border border-[var(--dg-border)] rounded-xl w-[90vw] max-w-4xl max-h-[80vh] flex flex-col" onClick={e => e.stopPropagation()}>
+        <div className="flex items-center justify-between p-3 border-b border-[var(--dg-border)] gap-3 shrink-0">
           <div className="flex items-center gap-2 min-w-0 flex-1">
-            <FileText className="h-4 w-4 shrink-0 text-blue-400" />
-            <span className="text-sm font-semibold text-slate-200 truncate" title={podName}>{podName}</span>
-            {container && <Badge variant="outline" className="border-slate-700 text-slate-400 text-[10px] shrink-0">{container}</Badge>}
+            <FileText className="h-4 w-4 shrink-0 dg-text-blue" />
+            <span className="text-sm font-semibold text-[var(--dg-text-primary)] truncate" title={podName}>{podName}</span>
+            {container && <Badge variant="outline" className="border-[var(--dg-border)] dg-text-secondary text-[10px] shrink-0">{container}</Badge>}
           </div>
           <div className="flex items-center gap-2 shrink-0 flex-wrap justify-end">
             {containers.length > 0 && (
               <select value={container} onChange={e => setContainer(e.target.value)}
-                className="bg-slate-800 border border-slate-700 rounded text-xs text-slate-300 px-2 py-1">
+                className="bg-[var(--dg-bg-tertiary)] border border-[var(--dg-border)] rounded text-xs text-[var(--dg-text-secondary)] px-2 py-1">
                 {containers.map(c => <option key={c} value={c}>{c}</option>)}
               </select>
             )}
-            <span className="text-[11px] text-slate-500">最近</span>
+            <span className="text-[11px] dg-text-muted">最近</span>
             <Input type="number" value={tail} onChange={e => setTail(Number(e.target.value) || 200)}
-              className="w-16 h-7 bg-slate-800 border-slate-700 text-slate-200 text-xs" />
-            <span className="text-[11px] text-slate-500">行</span>
-            <Button size="sm" variant="outline" className="h-7 border-slate-700 text-slate-300 text-xs" onClick={loadLogs} disabled={loading}>
+              className="w-16 h-7 dg-input text-xs" />
+            <span className="text-[11px] dg-text-muted">行</span>
+            <Button size="sm" variant="outline" className="h-7 border-[var(--dg-border)] text-[var(--dg-text-secondary)] text-xs" onClick={loadLogs} disabled={loading}>
               {loading ? <Loader2 className="h-3 w-3 animate-spin" /> : <RefreshCw className="h-3 w-3" />}
             </Button>
-            <Button size="sm" variant="outline" className="h-7 border-slate-700 text-emerald-400 text-xs" onClick={startStream} disabled={streaming}>
+            <Button size="sm" variant="outline" className="h-7 border-[var(--dg-border)] dg-text-green text-xs" onClick={startStream} disabled={streaming}>
               {streaming ? '流中...' : '实时流'}
             </Button>
-            <Button variant="ghost" size="icon" className="h-7 w-7 text-slate-400" onClick={onClose}><X className="h-4 w-4" /></Button>
+            <Button variant="ghost" size="icon" className="h-7 w-7 dg-text-secondary" onClick={onClose}><X className="h-4 w-4" /></Button>
           </div>
         </div>
         <div className="flex-1 overflow-auto p-3">
-          <pre className="bg-slate-950 rounded p-3 text-xs text-slate-300 font-mono whitespace-pre-wrap max-h-[60vh] overflow-auto">
+          <pre className="bg-[var(--dg-bg-primary)] rounded p-3 text-xs text-[var(--dg-text-secondary)] font-mono whitespace-pre-wrap max-h-[60vh] overflow-auto">
             {logs || '无日志内容'}
           </pre>
         </div>