feat: 功能优化

frontend/app/web-gold/src/style.less

@@ -48,7 +48,7 @@
   --color-gray-400: #9ca3af;
   --color-gray-700: #374151;
 
-  /* 主题设计令牌 */
+  /* 主题设计令牌 - 现代化风格 */
   --color-bg: var(--color-slate-50);
   --color-surface: #ffffff;
   --color-header: var(--color-slate-900);
@@ -61,6 +61,24 @@
   --color-primary: var(--color-blue-500);
   --color-primary-hover: var(--color-blue-600);
 
+  /* 新增：现代化的功能色 */
+  --color-success: #10b981;
+  --color-success-bg: #ecfdf5;
+  --color-warning: #f59e0b;
+  --color-warning-bg: #fffbeb;
+  --color-error: #ef4444;
+  --color-error-bg: #fef2f2;
+
+  /* 新增：Ant Design Vue 主题覆盖 */
+  --ant-primary-color: var(--color-primary);
+  --ant-primary-color-hover: var(--color-primary-hover);
+  --ant-primary-color-active: var(--color-blue-700);
+  --ant-success-color: var(--color-success);
+  --ant-warning-color: var(--color-warning);
+  --ant-error-color: var(--color-error);
+  --ant-border-radius-base: var(--radius-button);
+  --ant-border-radius-sm: 4px;
+
   /* 尺寸系统 */
   --radius-card: 12px;
   --radius-button: 8px;
@@ -81,6 +99,41 @@
   --space-5: 20px;
   --space-6: 24px;
   --space-8: 32px;
+
+  /* ================================
+     Notion 风格设计变量
+     ================================ */
+  /* 极简配色 */
+  --bg-primary: #ffffff;
+  --bg-secondary: #fafafa;
+  --bg-hover: #f7f6f3;
+  --bg-selected: #e9e9e7;
+
+  /* 文字颜色 */
+  --text-primary: #37352f;
+  --text-secondary: #787774;
+  --text-tertiary: #9b9a97;
+  --text-quaternary: #c1c0bd;
+
+  /* 边框和分割线 */
+  --border-light: #e9e9e7;
+  --border-medium: #d3d3d1;
+  --border-strong: #c1c0bd;
+
+  /* 圆角 */
+  --radius-none: 0;
+  --radius-sm: 3px;
+  --radius-md: 6px;
+  --radius-lg: 8px;
+
+  /* 间距 */
+  --space-xs: 4px;
+  --space-sm: 8px;
+  --space-md: 16px;
+  --space-lg: 24px;
+  --space-xl: 32px;
+  --space-2xl: 48px;
+  --space-3xl: 64px;
 }
 
 /* ================================