feat(web): 从 Notion 风格切换到 Pinterest 设计系统

- 替换 DESIGN.md 为 Pinterest 设计规格（暖色调、红色主题、大圆角）
- 更新 CSS 变量：主色 #0075de→#e60023, 圆角 4px→16px, 背景 #f6f5f4→#f6f6f3
- 更新 Ant Design 主题令牌：更大圆角、Pinterest 色板、更大触控目标
- 批量更新 24 个页面/组件文件中的硬编码颜色值
- 暗色模式同步适配 Pinterest 暖色调暗色方案

apps/web/src/components/NotificationPanel.tsx

@@ -50,7 +50,7 @@ export default function NotificationPanel() {
           <Button
             type="text"
             size="small"
-            style={{ fontSize: 12, color: '#0075de' }}
+            style={{ fontSize: 12, color: '#e60023' }}
             onClick={() => navigate('/messages')}
           >
             查看全部
@@ -76,7 +76,7 @@ export default function NotificationPanel() {
                 cursor: 'pointer',
                 transition: 'background 0.15s ease',
                 border: 'none',
-                background: !item.is_read ? (isDark ? '#1e1e1d' : '#f2f9ff') : 'transparent',
+                background: !item.is_read ? (isDark ? '#211922' : '#fef0f0') : 'transparent',
               }}
               onClick={() => {
                 if (!item.is_read) {
@@ -85,7 +85,7 @@ export default function NotificationPanel() {
               }}
               onMouseEnter={(e) => {
                 if (item.is_read) {
-                  e.currentTarget.style.background = isDark ? '#1e1e1d' : '#fafaf9';
+                  e.currentTarget.style.background = isDark ? '#211922' : '#fafaf8';
                 }
               }}
               onMouseLeave={(e) => {
@@ -109,7 +109,7 @@ export default function NotificationPanel() {
                       width: 6,
                       height: 6,
                       borderRadius: '50%',
-                      background: '#0075de',
+                      background: '#e60023',
                       flexShrink: 0,
                     }} />
                   )}
@@ -132,12 +132,12 @@ export default function NotificationPanel() {
           textAlign: 'center',
           paddingTop: 8,
           marginTop: 4,
-          borderTop: `1px solid ${isDark ? '#1e1e1d' : '#f6f5f4'}`,
+          borderTop: `1px solid ${isDark ? '#211922' : '#f6f6f3'}`,
         }}>
           <Button
             type="text"
             onClick={() => navigate('/messages')}
-            style={{ fontSize: 13, color: '#0075de', fontWeight: 500 }}
+            style={{ fontSize: 13, color: '#e60023', fontWeight: 500 }}
           >
             查看全部消息
           </Button>
@@ -166,7 +166,7 @@ export default function NotificationPanel() {
           position: 'relative',
         }}
         onMouseEnter={(e) => {
-          e.currentTarget.style.background = isDark ? '#1e1e1d' : '#f6f5f4';
+          e.currentTarget.style.background = isDark ? '#211922' : '#f6f6f3';
         }}
         onMouseLeave={(e) => {
           e.currentTarget.style.background = 'transparent';
@@ -175,7 +175,7 @@ export default function NotificationPanel() {
         <Badge count={unreadCount} size="small" offset={[4, -4]}>
           <BellOutlined style={{
             fontSize: 16,
-            color: isDark ? '#a39e98' : '#615d59',
+            color: isDark ? '#91918c' : '#62625b',
           }} />
         </Badge>
       </div>