feat(web): 采用 UI UX Pro Max Soft UI Evolution 设计系统

从 Pinterest 风格切换到 Soft UI Evolution 设计系统，使用 UI UX Pro Max
推理引擎生成适合跨行业 ERP 业务用户的专业设计方案。

设计变更：
- 主色从 Pinterest Red (#e60023) 切换到 Trust Blue (#2563EB)
- 字体从系统默认切换到 Noto Sans SC（中文优先）
- 圆角从 16-20px 调整到 10-12px（专业但不夸张）
- 中性色从暖橄榄调切换到 Slate 石板蓝调
- 成功色 #103c25 → #059669，警告色 #b56e1a → #d97706
- 暗色模式从暖黑 (#1a1a18) 切换到深海军蓝 (#0f172a)

涉及文件：DESIGN.md + index.css + App.tsx + 24 个组件文件

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: '#103c25', text: '创建' },
-  update: { bg: '#fef0f0', color: '#e60023', text: '更新' },
-  delete: { bg: '#FEF2F2', color: '#9e0a0a', text: '删除' },
+  create: { bg: '#ECFDF5', color: '#059669', text: '创建' },
+  update: { bg: '#eff6ff', color: '#2563eb', text: '更新' },
+  delete: { bg: '#FEF2F2', color: '#dc2626', 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: '#f6f6f3', color: '#62625b', text: action };
+        const info = ACTION_STYLES[action] || { bg: '#f8fafc', color: '#475569', 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 ? '#211922' : '#f6f6f3',
+          background: isDark ? '#0f172a' : '#f8fafc',
           border: 'none',
-          color: isDark ? '#CBD5E1' : '#62625b',
+          color: isDark ? '#CBD5E1' : '#475569',
         }}>
           {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 ? '#91918c' : '#62625b' }}>
+        <span style={{ fontFamily: 'monospace', fontSize: 12, color: isDark ? '#94a3b8' : '#475569' }}>
           {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 ? '#91918c' : '#62625b' }}>
+        <span style={{ fontFamily: 'monospace', fontSize: 12, color: isDark ? '#94a3b8' : '#475569' }}>
           {v}
         </span>
       ),
@@ -138,7 +138,7 @@ export default function AuditLogViewer() {
       key: 'created_at',
       width: 180,
       render: (value: string) => (
-        <span style={{ color: isDark ? '#62625b' : '#91918c', fontSize: 13 }}>
+        <span style={{ color: isDark ? '#475569' : '#94a3b8', 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 ? '#211922' : '#f6f6f3'}`,
+        border: `1px solid ${isDark ? '#0f172a' : '#f8fafc'}`,
       }}>
         <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 ? '#62625b' : '#91918c', marginLeft: 'auto' }}>
+        <span style={{ fontSize: 13, color: isDark ? '#475569' : '#94a3b8', 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 ? '#211922' : '#f6f6f3'}`,
+        border: `1px solid ${isDark ? '#0f172a' : '#f8fafc'}`,
         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 ? '#211922' : '#f6f6f3',
+          background: isDark ? '#0f172a' : '#f8fafc',
           border: 'none',
-          color: isDark ? '#CBD5E1' : '#62625b',
+          color: isDark ? '#CBD5E1' : '#475569',
           fontFamily: 'monospace',
           fontSize: 12,
         }}>
@@ -162,7 +162,7 @@ export default function SystemSettings() {
             type="text"
             icon={<EditOutlined />}
             onClick={() => openEdit(record)}
-            style={{ color: isDark ? '#91918c' : '#62625b' }}
+            style={{ color: isDark ? '#94a3b8' : '#475569' }}
           />
           <Popconfirm
             title="确定删除此设置？"
@@ -191,7 +191,7 @@ export default function SystemSettings() {
         <Space>
           <Input
             placeholder="输入设置键名查询"
-            prefix={<SearchOutlined style={{ color: '#91918c' }} />}
+            prefix={<SearchOutlined style={{ color: '#94a3b8' }} />}
             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 ? '#211922' : '#f6f6f3'}`,
+        border: `1px solid ${isDark ? '#0f172a' : '#f8fafc'}`,
         overflow: 'hidden',
       }}>
         <Table