refactor(theme): 重构主题配置和管理后台样式

- 将 Ant Design 主题配置提取到独立的 getAntThemeConfig 函数
- 移除 AGENTS.md 中关于状态管理和样式的冗余说明
- 删除 globals.css 中的 admin 相关样式和颜色变量
- 更新管理后台布局使用新的主题配置和样式常量
- 调整代码编辑器样式使用 Ant Design 的 CSS 变量
- 优化管理后台整体视觉风格为中性色调

web/src/app/(admin)/admin/layout.tsx

@@ -1,7 +1,7 @@
 "use client";
 
 import { FileTextOutlined, HomeOutlined, LogoutOutlined, PictureOutlined, SettingOutlined } from "@ant-design/icons";
-import { Button, Flex, Layout, Menu, Typography } from "antd";
+import { Button, Flex, Layout, Menu, Typography, theme } from "antd";
 import { LogOut } from "lucide-react";
 import Link from "next/link";
 import { usePathname, useRouter } from "next/navigation";
@@ -9,10 +9,12 @@ import type { ReactNode } from "react";
 import { useEffect } from "react";
 
 import { UserStatusActions } from "@/components/user-status-actions";
+import { adminLayoutStyle } from "@/lib/app-theme";
 import { useThemeStore } from "@/stores/use-theme-store";
 import { useUserStore } from "@/stores/use-user-store";
 
 export default function AdminLayout({ children }: { children: ReactNode }) {
+  const { token: antToken } = theme.useToken();
   const router = useRouter();
   const pathname = usePathname();
   const token = useUserStore((state) => state.token);
@@ -38,50 +40,50 @@ export default function AdminLayout({ children }: { children: ReactNode }) {
 
   if (!isReady || !token || user?.role !== "admin") {
     return (
-      <div style={{ display: "flex", minHeight: "100vh", alignItems: "center", justifyContent: "center", background: "var(--background)" }}>
+      <div style={{ display: "flex", minHeight: "100vh", alignItems: "center", justifyContent: "center", background: antToken.colorBgLayout }}>
         <span />
       </div>
     );
   }
 
   return (
-    <Layout className="admin-layout" hasSider style={{ height: "100vh", overflow: "hidden" }}>
-        <Layout.Sider width={232} style={{ height: "100vh", overflow: "hidden" }}>
-          <Flex className="admin-brand" align="center" gap={12} style={{ height: 56, padding: "0 20px" }}>
-            <span className="admin-logo" aria-hidden />
-            <Typography.Text strong style={{ fontSize: 16 }}>无限画布</Typography.Text>
+    <Layout hasSider style={{ height: "100vh", overflow: "hidden", background: antToken.colorBgLayout }}>
+      <Layout.Sider width={adminLayoutStyle.siderWidth} style={{ height: "100vh", overflow: "hidden", background: antToken.colorBgContainer, borderRight: `1px solid ${antToken.colorBorder}` }}>
+        <Flex align="center" gap={12} style={{ height: adminLayoutStyle.brandHeight, padding: "0 20px", borderBottom: `1px solid ${antToken.colorBorderSecondary}` }}>
+          <span aria-hidden style={{ display: "inline-block", width: 30, height: 30, background: antToken.colorText, WebkitMask: "url(/logo.svg) center / contain no-repeat", mask: "url(/logo.svg) center / contain no-repeat" }} />
+          <Typography.Text strong style={{ fontSize: 18, letterSpacing: 0 }}>无限画布</Typography.Text>
+        </Flex>
+        <Menu
+          mode="inline"
+          selectedKeys={[activeKey]}
+          style={adminLayoutStyle.menu}
+          items={[
+            { key: "/admin/prompts", icon: <FileTextOutlined />, label: <Link href="/admin/prompts" style={{ color: "inherit" }}>提示词管理</Link>, style: adminLayoutStyle.menuItem },
+            { key: "/admin/assets", icon: <PictureOutlined />, label: <Link href="/admin/assets" style={{ color: "inherit" }}>素材库</Link>, style: adminLayoutStyle.menuItem },
+            { key: "/admin/settings", icon: <SettingOutlined />, label: <Link href="/admin/settings" style={{ color: "inherit" }}>系统设置</Link>, style: adminLayoutStyle.menuItem },
+          ]}
+        />
+        <Flex vertical gap={8} style={{ position: "absolute", bottom: 0, insetInline: 0, padding: 12, borderTop: `1px solid ${antToken.colorBorder}`, background: antToken.colorBgContainer }}>
+          <Button block icon={<HomeOutlined />} href="/canvas" target="_blank" rel="noreferrer">前往画布</Button>
+          <Button block icon={<LogoutOutlined />} onClick={logout}>退出登录</Button>
+        </Flex>
+      </Layout.Sider>
+      <Layout style={{ background: antToken.colorBgLayout }}>
+        <Layout.Header style={{ display: "flex", alignItems: "center", justifyContent: "space-between", height: adminLayoutStyle.headerHeight, padding: "0 24px", background: antToken.colorBgContainer, borderBottom: `1px solid ${antToken.colorBorder}` }}>
+          <Typography.Title level={5} style={{ margin: 0 }}>{pageTitle}</Typography.Title>
+          <Flex align="center" gap={4}>
+            <UserStatusActions
+              version={appVersion}
+              theme={colorTheme}
+              onThemeChange={setTheme}
+              showConfig={false}
+              userName={user.username}
+              menuItems={[{ key: "logout", icon: <LogOut className="size-4" />, label: "退出登录", onClick: logout }]}
+            />
           </Flex>
-          <Menu
-            mode="inline"
-            selectedKeys={[activeKey]}
-            style={{ borderInlineEnd: 0, padding: "12px 8px" }}
-            items={[
-              { key: "/admin/prompts", icon: <FileTextOutlined />, label: <Link href="/admin/prompts" style={{ color: "inherit" }}>提示词管理</Link> },
-              { key: "/admin/assets", icon: <PictureOutlined />, label: <Link href="/admin/assets" style={{ color: "inherit" }}>素材库</Link> },
-              { key: "/admin/settings", icon: <SettingOutlined />, label: <Link href="/admin/settings" style={{ color: "inherit" }}>系统设置</Link> },
-            ]}
-          />
-          <Flex vertical gap={8} style={{ position: "absolute", bottom: 0, insetInline: 0, padding: 12 }}>
-            <Button block icon={<HomeOutlined />} href="/canvas" target="_blank" rel="noreferrer">前往画布</Button>
-            <Button block icon={<LogoutOutlined />} onClick={logout}>退出登录</Button>
-          </Flex>
-        </Layout.Sider>
-        <Layout>
-          <Layout.Header style={{ display: "flex", alignItems: "center", justifyContent: "space-between", height: 56, padding: "0 24px" }}>
-            <Typography.Title level={5} style={{ margin: 0 }}>{pageTitle}</Typography.Title>
-            <Flex align="center" gap={4}>
-              <UserStatusActions
-                version={appVersion}
-                theme={colorTheme}
-                onThemeChange={setTheme}
-                showConfig={false}
-                userName={user.username}
-                menuItems={[{ key: "logout", icon: <LogOut className="size-4" />, label: "退出登录", onClick: logout }]}
-              />
-            </Flex>
-          </Layout.Header>
-          <Layout.Content style={{ minHeight: 0, overflow: "auto" }}>{children}</Layout.Content>
-        </Layout>
+        </Layout.Header>
+        <Layout.Content style={{ minHeight: 0, overflow: "auto" }}>{children}</Layout.Content>
       </Layout>
+    </Layout>
   );
 }