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/messages/MessageTemplates.tsx

@@ -5,9 +5,9 @@ import type { ColumnsType } from 'antd/es/table';
 import { listTemplates, createTemplate, type MessageTemplateInfo } from '../../api/messageTemplates';
 
 const channelMap: Record<string, { label: string; color: string }> = {
-  in_app: { label: '站内', color: '#e60023' },
-  email: { label: '邮件', color: '#103c25' },
-  sms: { label: '短信', color: '#b56e1a' },
+  in_app: { label: '站内', color: '#2563eb' },
+  email: { label: '邮件', color: '#059669' },
+  sms: { label: '短信', color: '#d97706' },
   wechat: { label: '微信', color: '#7C3AED' },
 };
 
@@ -64,9 +64,9 @@ export default function MessageTemplates() {
       key: 'code',
       render: (v: string) => (
         <Tag style={{
-          background: isDark ? '#211922' : '#f6f6f3',
+          background: isDark ? '#0f172a' : '#f8fafc',
           border: 'none',
-          color: isDark ? '#91918c' : '#62625b',
+          color: isDark ? '#94a3b8' : '#475569',
           fontFamily: 'monospace',
           fontSize: 12,
         }}>
@@ -80,7 +80,7 @@ export default function MessageTemplates() {
       key: 'channel',
       width: 90,
       render: (c: string) => {
-        const info = channelMap[c] || { label: c, color: '#62625b' };
+        const info = channelMap[c] || { label: c, color: '#475569' };
         return (
           <Tag style={{
             background: info.color + '15',
@@ -111,7 +111,7 @@ export default function MessageTemplates() {
       key: 'created_at',
       width: 180,
       render: (v: string) => (
-        <span style={{ color: isDark ? '#62625b' : '#91918c', fontSize: 13 }}>{v}</span>
+        <span style={{ color: isDark ? '#475569' : '#94a3b8', fontSize: 13 }}>{v}</span>
       ),
     },
   ];
@@ -124,7 +124,7 @@ export default function MessageTemplates() {
         alignItems: 'center',
         marginBottom: 16,
       }}>
-        <span style={{ fontSize: 13, color: isDark ? '#62625b' : '#91918c' }}>
+        <span style={{ fontSize: 13, color: isDark ? '#475569' : '#94a3b8' }}>
           共 {total} 个模板
         </span>
         <Button type="primary" icon={<PlusOutlined />} onClick={() => setModalOpen(true)}>
@@ -135,7 +135,7 @@ export default function MessageTemplates() {
       <div style={{
         background: isDark ? '#111827' : '#FFFFFF',
         borderRadius: 12,
-        border: `1px solid ${isDark ? '#211922' : '#f6f6f3'}`,
+        border: `1px solid ${isDark ? '#0f172a' : '#f8fafc'}`,
         overflow: 'hidden',
       }}>
         <Table