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/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: '#4F46E5' },
-  email: { label: '邮件', color: '#059669' },
-  sms: { label: '短信', color: '#D97706' },
+  in_app: { label: '站内', color: '#0075de' },
+  email: { label: '邮件', color: '#1aae39' },
+  sms: { label: '短信', color: '#dd5b00' },
   wechat: { label: '微信', color: '#7C3AED' },
 };
 
@@ -64,9 +64,9 @@ export default function MessageTemplates() {
       key: 'code',
       render: (v: string) => (
         <Tag style={{
-          background: isDark ? '#1E293B' : '#F1F5F9',
+          background: isDark ? '#1e1e1d' : '#f6f5f4',
           border: 'none',
-          color: isDark ? '#94A3B8' : '#64748B',
+          color: isDark ? '#a39e98' : '#615d59',
           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: '#64748B' };
+        const info = channelMap[c] || { label: c, color: '#615d59' };
         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 ? '#64748B' : '#94A3B8', fontSize: 13 }}>{v}</span>
+        <span style={{ color: isDark ? '#615d59' : '#a39e98', fontSize: 13 }}>{v}</span>
       ),
     },
   ];
@@ -124,7 +124,7 @@ export default function MessageTemplates() {
         alignItems: 'center',
         marginBottom: 16,
       }}>
-        <span style={{ fontSize: 13, color: isDark ? '#64748B' : '#94A3B8' }}>
+        <span style={{ fontSize: 13, color: isDark ? '#615d59' : '#a39e98' }}>
           共 {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 ? '#1E293B' : '#F1F5F9'}`,
+        border: `1px solid ${isDark ? '#1e1e1d' : '#f6f5f4'}`,
         overflow: 'hidden',
       }}>
         <Table