feat(web): 从 Notion 风格切换到 Pinterest 设计系统

- 替换 DESIGN.md 为 Pinterest 设计规格（暖色调、红色主题、大圆角）
- 更新 CSS 变量：主色 #0075de→#e60023, 圆角 4px→16px, 背景 #f6f5f4→#f6f6f3
- 更新 Ant Design 主题令牌：更大圆角、Pinterest 色板、更大触控目标
- 批量更新 24 个页面/组件文件中的硬编码颜色值
- 暗色模式同步适配 Pinterest 暖色调暗色方案

apps/web/src/App.tsx

@@ -31,27 +31,27 @@ function PrivateRoute({ children }: { children: React.ReactNode }) {
 
 const themeConfig = {
   token: {
-    colorPrimary: '#0075de',
-    colorSuccess: '#1aae39',
-    colorWarning: '#dd5b00',
-    colorError: '#e5534b',
-    colorInfo: '#0075de',
-    colorBgLayout: '#f6f5f4',
+    colorPrimary: '#e60023',
+    colorSuccess: '#103c25',
+    colorWarning: '#b56e1a',
+    colorError: '#9e0a0a',
+    colorInfo: '#435ee5',
+    colorBgLayout: '#f6f6f3',
     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",
+    colorBorder: '#e5e5e0',
+    colorBorderSecondary: '#e0e0d9',
+    borderRadius: 16,
+    borderRadiusLG: 20,
+    borderRadiusSM: 8,
+    fontFamily: "-apple-system, system-ui, 'Segoe UI', Roboto, 'PingFang SC', 'Microsoft YaHei', 'Hiragino Sans GB', Helvetica, Arial, sans-serif",
     fontSize: 14,
     fontSizeHeading4: 20,
-    controlHeight: 36,
-    controlHeightLG: 40,
-    controlHeightSM: 28,
+    controlHeight: 40,
+    controlHeightLG: 44,
+    controlHeightSM: 32,
     boxShadow: 'none',
-    boxShadowSecondary: 'rgba(0,0,0,0.04) 0px 4px 18px, rgba(0,0,0,0.027) 0px 2.025px 7.85px',
+    boxShadowSecondary: '0 2px 8px rgba(0,0,0,0.06), 0 1px 3px rgba(0,0,0,0.04)',
   },
   components: {
     Button: {
@@ -62,21 +62,21 @@ const themeConfig = {
       paddingLG: 20,
     },
     Table: {
-      headerBg: '#fafaf9',
-      headerColor: '#615d59',
-      rowHoverBg: '#f2f9ff',
+      headerBg: '#fafaf8',
+      headerColor: '#62625b',
+      rowHoverBg: '#fef0f0',
       fontSize: 14,
     },
     Menu: {
-      itemBorderRadius: 4,
+      itemBorderRadius: 12,
       itemMarginInline: 8,
-      itemHeight: 36,
+      itemHeight: 40,
     },
     Modal: {
-      borderRadiusLG: 12,
+      borderRadiusLG: 28,
     },
     Tag: {
-      borderRadiusSM: 4,
+      borderRadiusSM: 8,
     },
   },
 };
@@ -85,20 +85,20 @@ const darkThemeConfig = {
   ...themeConfig,
   token: {
     ...themeConfig.token,
-    colorBgLayout: '#191918',
-    colorBgContainer: '#232322',
-    colorBgElevated: '#2a2a29',
+    colorBgLayout: '#1a1a18',
+    colorBgContainer: '#2a2a28',
+    colorBgElevated: '#33332e',
     colorBorder: 'rgba(255, 255, 255, 0.08)',
-    colorBorderSecondary: 'rgba(255, 255, 255, 0.05)',
+    colorBorderSecondary: 'rgba(255, 255, 255, 0.06)',
     boxShadow: 'none',
-    boxShadowSecondary: 'rgba(0,0,0,0.2) 0px 4px 18px, rgba(0,0,0,0.15) 0px 2px 8px',
+    boxShadowSecondary: '0 4px 16px rgba(0,0,0,0.2), 0 2px 6px rgba(0,0,0,0.15)',
   },
   components: {
     ...themeConfig.components,
     Table: {
-      headerBg: '#2a2a29',
-      headerColor: '#a39e98',
-      rowHoverBg: '#2a2a29',
+      headerBg: '#33332e',
+      headerColor: '#91918c',
+      rowHoverBg: '#33332e',
     },
   },
 };