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

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

frontend/src/components/kubernetes/NamespaceOverviewPage.tsx

@@ -14,6 +14,7 @@ import {
 } from 'lucide-react';
 
 import { kubernetesApi } from '@/api';
+import { PageShell } from '@/components/layout/PageShell';
 import type { JsonData } from '@/types/common';
 
 const RESOURCE_LINKS = [
@@ -63,28 +64,14 @@ export default function NamespaceOverviewPage() {
   useEffect(() => { loadCounts(); }, [loadCounts]);
 
   return (
-    <div className="space-y-4">
-      {/* Breadcrumb */}
-      <div className="flex items-center gap-2 text-sm text-[var(--dg-text-muted)]">
-        <Link to="/kubernetes" className="hover:text-[var(--dg-text-primary)] transition-colors">集群</Link>
-        <ChevronRight className="h-3 w-3" />
-        <Link to={`/kubernetes/${clusterCode}`} className="hover:text-[var(--dg-text-primary)] transition-colors">{clusterCode}</Link>
-        <ChevronRight className="h-3 w-3" />
-        <span className="text-[var(--dg-text-primary)]">{namespace}</span>
-      </div>
-
-      {/* Header */}
-      <div className="flex items-center justify-between">
-        <div>
-          <h1 className="text-2xl font-bold text-[var(--dg-text-primary)] flex items-center gap-2">
-            <Cloud className="h-6 w-6 text-[var(--dg-blue)]" />
-            {namespace}
-          </h1>
-          <p className="text-sm text-[var(--dg-text-muted)] mt-1">命名空间概览</p>
-        </div>
-      </div>
-
-      {/* Resource grid */}
+    <PageShell
+      variant="default"
+      title={namespace || '命名空间'}
+      subtitle={`${clusterCode} · 命名空间概览`}
+      icon={<Cloud className="h-5 w-5" />}
+      loading={loading}
+      loadingLabel="加载资源统计..."
+    >
       <div className="grid grid-cols-2 md:grid-cols-4 gap-4">
         {RESOURCE_LINKS.map((r) => (
           <Link key={r.type}
@@ -101,6 +88,6 @@ export default function NamespaceOverviewPage() {
           </Link>
         ))}
       </div>
-    </div>
+    </PageShell>
   );
 }