feat(web): 采用 Notion 设计系统 — 暖色调 + 白色侧边栏 + Inter 字体

引入 Notion 风格的 DESIGN.md 设计系统文件，并全面重构前端 UI：

- 主色从 Indigo (#4F46E5) 迁移到 Notion Blue (#0075de)
- 页面背景从冷灰 (#F1F5F9) 迁移到暖白 (#f6f5f4)
- 侧边栏从深色 (#0F172A) 迁移到白色，活跃项用蓝色指示
- 文字从 Slate 冷色迁移到暖灰系列 (Warm Gray 500/300)
- 圆角从 8px 缩小到 4px（按钮/输入），8px（卡片）
- 阴影改为多层超轻 Notion 风格（最大 opacity 0.05）
- 字体优先使用 Inter，保留中文回退
- 暗色模式适配暖黑色调 (#191918)
- 更新 27 个前端文件的硬编码颜色值

apps/web/src/App.tsx

@@ -31,52 +31,52 @@ function PrivateRoute({ children }: { children: React.ReactNode }) {
 
 const themeConfig = {
   token: {
-    colorPrimary: '#4F46E5',
-    colorSuccess: '#059669',
-    colorWarning: '#D97706',
-    colorError: '#DC2626',
-    colorInfo: '#2563EB',
-    colorBgLayout: '#F1F5F9',
-    colorBgContainer: '#FFFFFF',
-    colorBgElevated: '#FFFFFF',
-    colorBorder: '#E2E8F0',
-    colorBorderSecondary: '#F1F5F9',
-    borderRadius: 8,
-    borderRadiusLG: 12,
-    borderRadiusSM: 6,
-    fontFamily: "-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'PingFang SC', 'Microsoft YaHei', 'Hiragino Sans GB', 'Helvetica Neue', Helvetica, Arial, sans-serif",
+    colorPrimary: '#0075de',
+    colorSuccess: '#1aae39',
+    colorWarning: '#dd5b00',
+    colorError: '#e5534b',
+    colorInfo: '#0075de',
+    colorBgLayout: '#f6f5f4',
+    colorBgContainer: '#ffffff',
+    colorBgElevated: '#ffffff',
+    colorBorder: 'rgba(0, 0, 0, 0.1)',
+    colorBorderSecondary: 'rgba(0, 0, 0, 0.06)',
+    borderRadius: 4,
+    borderRadiusLG: 8,
+    borderRadiusSM: 2,
+    fontFamily: "'Inter', -apple-system, system-ui, 'Segoe UI', 'PingFang SC', 'Microsoft YaHei', 'Hiragino Sans GB', Helvetica, Arial, sans-serif",
     fontSize: 14,
     fontSizeHeading4: 20,
     controlHeight: 36,
     controlHeightLG: 40,
     controlHeightSM: 28,
-    boxShadow: '0 1px 3px 0 rgba(0, 0, 0, 0.06), 0 1px 2px -1px rgba(0, 0, 0, 0.06)',
-    boxShadowSecondary: '0 4px 6px -1px rgba(0, 0, 0, 0.07), 0 2px 4px -2px rgba(0, 0, 0, 0.07)',
+    boxShadow: 'none',
+    boxShadowSecondary: 'rgba(0,0,0,0.04) 0px 4px 18px, rgba(0,0,0,0.027) 0px 2.025px 7.85px',
   },
   components: {
     Button: {
-      primaryShadow: '0 1px 2px 0 rgba(79, 70, 229, 0.3)',
+      primaryShadow: 'none',
       fontWeight: 500,
     },
     Card: {
       paddingLG: 20,
     },
     Table: {
-      headerBg: '#F8FAFC',
-      headerColor: '#475569',
-      rowHoverBg: '#F5F3FF',
+      headerBg: '#fafaf9',
+      headerColor: '#615d59',
+      rowHoverBg: '#f2f9ff',
       fontSize: 14,
     },
     Menu: {
-      itemBorderRadius: 8,
+      itemBorderRadius: 4,
       itemMarginInline: 8,
-      itemHeight: 40,
+      itemHeight: 36,
     },
     Modal: {
-      borderRadiusLG: 16,
+      borderRadiusLG: 12,
     },
     Tag: {
-      borderRadiusSM: 6,
+      borderRadiusSM: 4,
     },
   },
 };
@@ -85,20 +85,20 @@ const darkThemeConfig = {
   ...themeConfig,
   token: {
     ...themeConfig.token,
-    colorBgLayout: '#0B0F1A',
-    colorBgContainer: '#111827',
-    colorBgElevated: '#1E293B',
-    colorBorder: '#1E293B',
-    colorBorderSecondary: '#1E293B',
-    boxShadow: '0 1px 3px 0 rgba(0, 0, 0, 0.3)',
-    boxShadowSecondary: '0 4px 6px -1px rgba(0, 0, 0, 0.4)',
+    colorBgLayout: '#191918',
+    colorBgContainer: '#232322',
+    colorBgElevated: '#2a2a29',
+    colorBorder: 'rgba(255, 255, 255, 0.08)',
+    colorBorderSecondary: 'rgba(255, 255, 255, 0.05)',
+    boxShadow: 'none',
+    boxShadowSecondary: 'rgba(0,0,0,0.2) 0px 4px 18px, rgba(0,0,0,0.15) 0px 2px 8px',
   },
   components: {
     ...themeConfig.components,
     Table: {
-      headerBg: '#1E293B',
-      headerColor: '#94A3B8',
-      rowHoverBg: '#1E293B',
+      headerBg: '#2a2a29',
+      headerColor: '#a39e98',
+      rowHoverBg: '#2a2a29',
     },
   },
 };