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

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

frontend/src/components/monitor/log-center/EnhancedLogResults.tsx

@@ -33,11 +33,11 @@ type DedupMode = 'none' | 'exact' | 'numbers' | 'signature';
 
 function levelBadge(level?: string): string {
   const l = (level || '').toLowerCase();
-  if (l === 'error' || l === 'fatal' || l === 'err') return 'bg-red-500/15 text-red-400 border-red-500/30';
-  if (l === 'warn' || l === 'warning') return 'bg-amber-500/15 text-amber-400 border-amber-500/30';
-  if (l === 'info') return 'bg-emerald-500/15 text-emerald-400 border-emerald-500/30';
-  if (l === 'debug') return 'bg-slate-500/15 text-slate-400 border-slate-500/30';
-  return 'bg-slate-500/15 text-slate-400 border-slate-500/30';
+  if (l === 'error' || l === 'fatal' || l === 'err') return 'bg-red-500/15 dg-text-red border-red-500/30';
+  if (l === 'warn' || l === 'warning') return 'bg-amber-500/15 dg-text-yellow border-amber-500/30';
+  if (l === 'info') return 'bg-emerald-500/15 dg-text-green border-emerald-500/30';
+  if (l === 'debug') return 'bg-[var(--dg-bg-active)]/15 dg-text-secondary border-[var(--dg-border)]';
+  return 'bg-[var(--dg-bg-active)]/15 dg-text-secondary border-[var(--dg-border)]';
 }
 
 function levelColorText(level?: string): string {
@@ -158,7 +158,7 @@ function RawLogView({
           className="flex-shrink-0 opacity-0 group-hover:opacity-100 transition-opacity mt-0.5"
           style={{ color: 'var(--dg-text-muted)' }}
         >
-          {copied ? <Check className="h-3 w-3 text-green-400" /> : <Copy className="h-3 w-3" />}
+          {copied ? <Check className="h-3 w-3 dg-text-green" /> : <Copy className="h-3 w-3" />}
         </button>
       </div>