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

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

frontend/src/components/layout/PageEmpty.tsx

@@ -0,0 +1,28 @@
+// 页面级空状态 // Logan.Li
+import type { ReactNode } from 'react';
+import { cn } from '@/lib/utils';
+
+interface PageEmptyProps {
+  icon?: ReactNode;
+  title?: string;
+  description?: string;
+  action?: ReactNode;
+  className?: string;
+}
+
+export function PageEmpty({
+  icon,
+  title = '暂无数据',
+  description,
+  action,
+  className,
+}: PageEmptyProps) {
+  return (
+    <div className={cn('flex flex-col items-center justify-center py-16 text-center', className)}>
+      {icon && <div className="mb-3 opacity-40 text-[var(--text-tertiary)]">{icon}</div>}
+      <p className="text-sm font-medium text-[var(--text-primary)]">{title}</p>
+      {description && <p className="text-sm dg-text-muted mt-1 max-w-sm">{description}</p>}
+      {action && <div className="mt-4">{action}</div>}
+    </div>
+  );
+}