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

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

frontend/src/components/layout/Sidebar.tsx

@@ -380,8 +380,8 @@ export function Sidebar() {
       {/* Logo Area */}
       <div className="flex items-center h-14 px-3 border-b border-[var(--dg-border)] flex-shrink-0">
         <div className={cn('flex items-center gap-2.5 flex-1 min-w-0', sidebarCollapsed && 'justify-center')}>
-          <div className="w-8 h-8 rounded-lg bg-gradient-to-br from-[var(--dg-blue)] to-[var(--dg-cyan)] flex items-center justify-center flex-shrink-0 shadow-lg shadow-[var(--dg-blue)]/20">
-            <Cloud className="h-5 w-5 text-white" />
+          <div className="dg-icon-box w-8 h-8 rounded-lg flex-shrink-0">
+            <Cloud className="h-5 w-5" />
           </div>
           {!sidebarCollapsed && (
             <span className="font-bold text-[var(--dg-text-primary)] text-sm tracking-tight truncate">