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/pages/settings/AuditLogViewer.tsx

@@ -17,9 +17,9 @@ const RESOURCE_TYPE_OPTIONS = [
 ];
 
 const ACTION_STYLES: Record<string, { bg: string; color: string; text: string }> = {
-  create: { bg: '#ECFDF5', color: '#059669', text: '创建' },
-  update: { bg: '#EEF2FF', color: '#4F46E5', text: '更新' },
-  delete: { bg: '#FEF2F2', color: '#DC2626', text: '删除' },
+  create: { bg: '#ECFDF5', color: '#1aae39', text: '创建' },
+  update: { bg: '#f2f9ff', color: '#0075de', text: '更新' },
+  delete: { bg: '#FEF2F2', color: '#e5534b', text: '删除' },
 };
 
 function formatDateTime(value: string): string {
@@ -80,7 +80,7 @@ export default function AuditLogViewer() {
       key: 'action',
       width: 100,
       render: (action: string) => {
-        const info = ACTION_STYLES[action] || { bg: '#F1F5F9', color: '#64748B', text: action };
+        const info = ACTION_STYLES[action] || { bg: '#f6f5f4', color: '#615d59', text: action };
         return (
           <Tag style={{
             background: info.bg,
@@ -100,9 +100,9 @@ export default function AuditLogViewer() {
       width: 120,
       render: (v: string) => (
         <Tag style={{
-          background: isDark ? '#1E293B' : '#F1F5F9',
+          background: isDark ? '#1e1e1d' : '#f6f5f4',
           border: 'none',
-          color: isDark ? '#CBD5E1' : '#475569',
+          color: isDark ? '#CBD5E1' : '#615d59',
         }}>
           {v}
         </Tag>
@@ -115,7 +115,7 @@ export default function AuditLogViewer() {
       width: 200,
       ellipsis: true,
       render: (v: string) => (
-        <span style={{ fontFamily: 'monospace', fontSize: 12, color: isDark ? '#94A3B8' : '#64748B' }}>
+        <span style={{ fontFamily: 'monospace', fontSize: 12, color: isDark ? '#a39e98' : '#615d59' }}>
           {v}
         </span>
       ),
@@ -127,7 +127,7 @@ export default function AuditLogViewer() {
       width: 200,
       ellipsis: true,
       render: (v: string) => (
-        <span style={{ fontFamily: 'monospace', fontSize: 12, color: isDark ? '#94A3B8' : '#64748B' }}>
+        <span style={{ fontFamily: 'monospace', fontSize: 12, color: isDark ? '#a39e98' : '#615d59' }}>
           {v}
         </span>
       ),
@@ -138,7 +138,7 @@ export default function AuditLogViewer() {
       key: 'created_at',
       width: 180,
       render: (value: string) => (
-        <span style={{ color: isDark ? '#64748B' : '#94A3B8', fontSize: 13 }}>
+        <span style={{ color: isDark ? '#615d59' : '#a39e98', fontSize: 13 }}>
           {formatDateTime(value)}
         </span>
       ),
@@ -156,7 +156,7 @@ export default function AuditLogViewer() {
         padding: 12,
         background: isDark ? '#111827' : '#FFFFFF',
         borderRadius: 10,
-        border: `1px solid ${isDark ? '#1E293B' : '#F1F5F9'}`,
+        border: `1px solid ${isDark ? '#1e1e1d' : '#f6f5f4'}`,
       }}>
         <Select
           allowClear
@@ -173,7 +173,7 @@ export default function AuditLogViewer() {
           value={query.user_id ?? ''}
           onChange={(e) => handleFilterChange('user_id', e.target.value)}
         />
-        <span style={{ fontSize: 13, color: isDark ? '#64748B' : '#94A3B8', marginLeft: 'auto' }}>
+        <span style={{ fontSize: 13, color: isDark ? '#615d59' : '#a39e98', marginLeft: 'auto' }}>
           共 {total} 条日志
         </span>
       </div>
@@ -182,7 +182,7 @@ export default function AuditLogViewer() {
       <div style={{
         background: isDark ? '#111827' : '#FFFFFF',
         borderRadius: 12,
-        border: `1px solid ${isDark ? '#1E293B' : '#F1F5F9'}`,
+        border: `1px solid ${isDark ? '#1e1e1d' : '#f6f5f4'}`,
         overflow: 'hidden',
       }}>
         <Table

apps/web/src/pages/settings/SystemSettings.tsx

@@ -132,9 +132,9 @@ export default function SystemSettings() {
       width: 250,
       render: (v: string) => (
         <Tag style={{
-          background: isDark ? '#1E293B' : '#F1F5F9',
+          background: isDark ? '#1e1e1d' : '#f6f5f4',
           border: 'none',
-          color: isDark ? '#CBD5E1' : '#475569',
+          color: isDark ? '#CBD5E1' : '#615d59',
           fontFamily: 'monospace',
           fontSize: 12,
         }}>
@@ -162,7 +162,7 @@ export default function SystemSettings() {
             type="text"
             icon={<EditOutlined />}
             onClick={() => openEdit(record)}
-            style={{ color: isDark ? '#94A3B8' : '#64748B' }}
+            style={{ color: isDark ? '#a39e98' : '#615d59' }}
           />
           <Popconfirm
             title="确定删除此设置？"
@@ -191,7 +191,7 @@ export default function SystemSettings() {
         <Space>
           <Input
             placeholder="输入设置键名查询"
-            prefix={<SearchOutlined style={{ color: '#94A3B8' }} />}
+            prefix={<SearchOutlined style={{ color: '#a39e98' }} />}
             value={searchKey}
             onChange={(e) => setSearchKey(e.target.value)}
             onPressEnter={handleSearch}
@@ -207,7 +207,7 @@ export default function SystemSettings() {
       <div style={{
         background: isDark ? '#111827' : '#FFFFFF',
         borderRadius: 12,
-        border: `1px solid ${isDark ? '#1E293B' : '#F1F5F9'}`,
+        border: `1px solid ${isDark ? '#1e1e1d' : '#f6f5f4'}`,
         overflow: 'hidden',
       }}>
         <Table