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

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

frontend/src/components/deploy/ReleaseCreateDialog.tsx

@@ -74,41 +74,41 @@ export function ReleaseCreateDialog({ open, onOpenChange, onSuccess }: ReleaseCr
 
   return (
     <Dialog open={open} onOpenChange={onOpenChange}>
-      <DialogContent className="max-w-2xl bg-slate-900 border-slate-800">
+      <DialogContent className="max-w-2xl dg-card">
         <DialogHeader>
-          <DialogTitle className="text-slate-100">新建发布</DialogTitle>
-          <DialogDescription className="text-slate-500">创建新的应用版本发布申请</DialogDescription>
+          <DialogTitle className="text-[var(--dg-text-primary)]">新建发布</DialogTitle>
+          <DialogDescription className="dg-text-muted">创建新的应用版本发布申请</DialogDescription>
         </DialogHeader>
         <div className="space-y-4 py-4">
           <div>
-            <Label className="text-slate-300">应用名称</Label>
+            <Label className="text-[var(--dg-text-secondary)]">应用名称</Label>
             <Input
               value={form.appName}
               onChange={(e) => update('appName', e.target.value)}
               placeholder="如：用户中心服务"
-              className="mt-1 bg-slate-800/50 border-slate-700 text-slate-200 placeholder:text-slate-500"
+              className="mt-1 dg-input"
             />
           </div>
           <div className="grid grid-cols-2 gap-4">
             <div>
-              <Label className="text-slate-300">版本号</Label>
+              <Label className="text-[var(--dg-text-secondary)]">版本号</Label>
               <Input
                 value={form.version}
                 onChange={(e) => update('version', e.target.value)}
                 placeholder="v1.0.0"
-                className="mt-1 bg-slate-800/50 border-slate-700 text-slate-200 placeholder:text-slate-500"
+                className="mt-1 dg-input"
               />
             </div>
             <div>
-              <Label className="text-slate-300">目标环境</Label>
+              <Label className="text-[var(--dg-text-secondary)]">目标环境</Label>
               <Select
                 value={form.environment}
                 onValueChange={(value) => update('environment', value)}
               >
-                <SelectTrigger className="mt-1 bg-slate-800/50 border-slate-700 text-slate-200">
+                <SelectTrigger className="mt-1 dg-input">
                   <SelectValue />
                 </SelectTrigger>
-                <SelectContent className="bg-slate-800 border-slate-700">
+                <SelectContent className="dg-input">
                   <SelectItem value="dev">开发环境</SelectItem>
                   <SelectItem value="test">测试环境</SelectItem>
                   <SelectItem value="staging">预发布</SelectItem>
@@ -119,36 +119,36 @@ export function ReleaseCreateDialog({ open, onOpenChange, onSuccess }: ReleaseCr
           </div>
           <div className="grid grid-cols-2 gap-4">
             <div>
-              <Label className="text-slate-300">Commit ID</Label>
+              <Label className="text-[var(--dg-text-secondary)]">Commit ID</Label>
               <Input
                 value={form.commitId}
                 onChange={(e) => update('commitId', e.target.value)}
                 placeholder="abc1234"
-                className="mt-1 bg-slate-800/50 border-slate-700 text-slate-200 placeholder:text-slate-500"
+                className="mt-1 dg-input"
               />
             </div>
             <div>
-              <Label className="text-slate-300">提交信息</Label>
+              <Label className="text-[var(--dg-text-secondary)]">提交信息</Label>
               <Input
                 value={form.commitMsg}
                 onChange={(e) => update('commitMsg', e.target.value)}
                 placeholder="feat: 新增功能"
-                className="mt-1 bg-slate-800/50 border-slate-700 text-slate-200 placeholder:text-slate-500"
+                className="mt-1 dg-input"
               />
             </div>
           </div>
           <div>
-            <Label className="text-slate-300">发布说明</Label>
+            <Label className="text-[var(--dg-text-secondary)]">发布说明</Label>
             <Textarea
               value={form.description}
               onChange={(e) => update('description', e.target.value)}
               placeholder="描述本次发布的内容..."
-              className="mt-1 bg-slate-800/50 border-slate-700 text-slate-200 placeholder:text-slate-500"
+              className="mt-1 dg-input"
             />
           </div>
         </div>
         <DialogFooter>
-          <Button variant="outline" className="border-slate-700 text-slate-300" onClick={() => onOpenChange(false)}>
+          <Button variant="outline" className="border-[var(--dg-border)] text-[var(--dg-text-secondary)]" onClick={() => onOpenChange(false)}>
             取消
           </Button>
           <Button className="bg-blue-600 hover:bg-blue-700 text-white" onClick={handleSubmit} disabled={submitting}>