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

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

frontend/src/components/approval/ApprovalTemplateTab.tsx

@@ -48,9 +48,9 @@ function renderFlowChart(flow: JsonData) {
           <div
             className={cn(
               'px-4 py-2 rounded-lg border min-w-[100px] text-center',
-              node.type === 'start' && 'bg-emerald-500/10 border-emerald-500/30 text-emerald-400',
+              node.type === 'start' && 'bg-emerald-500/10 border-emerald-500/30 dg-text-green',
               node.type === 'approval' && 'bg-[var(--dg-blue)]/10 border-[var(--dg-blue)]/30 text-[var(--dg-blue)]',
-              node.type === 'condition' && 'bg-amber-500/10 border-amber-500/30 text-amber-400',
+              node.type === 'condition' && 'bg-amber-500/10 border-amber-500/30 dg-text-yellow',
               node.type === 'end' && 'bg-[var(--dg-bg-tertiary)] border-[var(--dg-border)] text-[var(--dg-text-secondary)]'
             )}
           >
@@ -161,7 +161,7 @@ export function ApprovalTemplateTab({
                       variant="outline"
                       className={
                         flow.status === 1 || flow.status === 'active' || flow.status === true
-                          ? 'border-emerald-500/30 text-emerald-400 bg-emerald-500/10'
+                          ? 'border-emerald-500/30 dg-text-green bg-emerald-500/10'
                           : 'border-[var(--dg-border)] text-[var(--dg-text-secondary)] bg-[var(--dg-bg-tertiary)]'
                       }
                     >