feat(theme): 添加暗色主题支持

- 新增 [data-theme="dark"] CSS 变量定义
- 设置暗色模式主背景色为 #29252B
- 配置暗色模式下的品牌色、背景色、文字色、边框色
- 调整暗色模式阴影效果
- 侧边栏宽度调整为 280px

src/app/globals.css

@@ -43,7 +43,7 @@
   --shadow-input-focus: 0 4px 16px rgba(224, 107, 62, 0.1);
 
   /* 布局 */
-  --sidebar-width: 260px;
+  --sidebar-width: 280px;
   --header-height: 56px;
   --input-max-width: 900px;
 
@@ -64,6 +64,48 @@
   --font-size-base: 15px;
 }
 
+/* ========================================
+   暗色模式
+   主背景色: #29252B
+   ======================================== */
+[data-theme="dark"] {
+  /* 品牌色 - 保持不变 */
+  --color-primary: #E06B3E;
+  --color-primary-hover: #E8805A;
+  --color-primary-light: rgba(224, 107, 62, 0.15);
+  --color-primary-alpha: rgba(224, 107, 62, 0.2);
+
+  /* 背景色 */
+  --color-bg-primary: #29252B;
+  --color-bg-secondary: #201D23;
+  --color-bg-tertiary: #332E38;
+  --color-bg-hover: #3A353E;
+
+  /* 文字色 */
+  --color-text-primary: #F5F5F5;
+  --color-text-secondary: #A8A8A8;
+  --color-text-tertiary: #6B6B6B;
+  --color-text-placeholder: #5A5A5A;
+
+  /* 边框色 */
+  --color-border: #3A353E;
+  --color-border-light: #332E38;
+  --color-border-focus: #E06B3E;
+
+  /* 消息气泡色 */
+  --color-message-user: #4A4352;
+  --color-message-assistant-bg: #332E38;
+  --color-message-assistant-border: #3A353E;
+
+  /* 阴影 - 暗色模式下增强 */
+  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.3);
+  --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.4);
+  --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.5);
+  --shadow-dropdown: 0 4px 12px rgba(0, 0, 0, 0.4);
+  --shadow-input: 0 2px 8px rgba(0, 0, 0, 0.2);
+  --shadow-input-focus: 0 4px 16px rgba(224, 107, 62, 0.2);
+}
+
 @theme inline {
   /* 品牌色 */
   --color-primary: var(--color-primary);