fix: 优化界面以及更新接口

.claude/DESIGN-SYSTEM.md

@@ -39,54 +39,57 @@ Based on analysis: **SaaS (General) + B2B Service**
 
 ## 🌈 Color Palette
 
-### Brand Colors (Xiaomi-Inspired)
+### Brand Colors (Blue Theme)
 
 ```scss
 // Primary Brand Colors
---brand-orange: #ff6700;        // Primary CTA, hover states
---brand-orange-light: #ff8533;  // Lighter variant
---brand-orange-dark: #e65a00;   // Pressed states
---brand-gray: #333333;          // Headings, important text
---brand-gray-light: #757575;    // Secondary text
+--brand-primary: #1677ff;        // Primary CTA, hover states
+--brand-primary-light: #4096ff;  // Lighter variant
+--brand-primary-dark: #0958d9;   // Pressed states
+--brand-secondary: #1e293b;       // Dark Gray (headings)
+--brand-accent: #ffffff;         // White (emphasis)
 ```
 
 ### Semantic Colors (Light Mode)
 
 ```scss
 // Primary Theme Colors
---theme-primary: #ff6700;       // Orange (Trust + Energy)
---theme-secondary: #ff8533;     // Lighter Orange
---theme-accent: #333333;        // Dark Gray
+--theme-primary: #1677ff;        // Blue (Trust + Energy)
+--theme-secondary: #1e293b;      // Dark Gray
+--theme-accent: #ffffff;         // White
 
 // Status Colors
---theme-success: #3ed268;       // Green (Success states)
---theme-warning: #e68815;       // Amber (Warnings)
---theme-error: #d31638;         // Red (Errors)
+--theme-success: #52c41a;        // Green (Success states)
+--theme-warning: #faad14;        // Amber (Warnings)
+--theme-error: #ff4d4f;          // Red (Errors)
+--theme-info: #1677ff;          // Info (same as primary)
 
 // Text Hierarchy
---theme-main-color: #4c484f;    // Primary text (slate-900 equivalent)
---theme-content-color: #6b6569; // Body text (slate-700)
---theme-tips-color: #8a8486;    // Secondary text (slate-500)
---theme-light-color: #bd9e84;   // Muted text (beige)
---theme-disabled-color: #dce0eb; // Disabled states
+--theme-main-color: #212121;    // Primary text
+--theme-content-color: #666666;  // Body text
+--theme-tips-color: #999999;    // Secondary text
+--theme-light-color: #cccccc;   // Muted text
+--theme-disabled-color: #f5f5f5; // Disabled states
 
 // Backgrounds
---theme-bg-color: #ffffff;      // Main background
---theme-bg-color-secondary: #faf8f7; // Card backgrounds
---theme-bg-gradient-start: #c5dfdf;
---theme-bg-gradient-end: #bd9e84;
+--theme-bg-color: #fafafa;      // Main background
+--theme-bg-color-secondary: #ffffff; // Card backgrounds
+--theme-bg-gradient-start: #1677ff;
+--theme-bg-gradient-end: #4096ff;
 
 // Borders
---theme-border-color: #c5dfdf;  // Borders, dividers
+--theme-border-color: #e8e8e8;  // Borders, dividers
 ```
 
 ### Dark Mode Colors
 
 ```scss
 .theme-dark {
-  --theme-primary: #3c9cff;     // Blue (better for dark mode)
-  --theme-success: #5ac725;
-  --theme-warning: #f9ae3d;
+  --brand-primary: #4b9cff;     // Blue (lighter for dark mode)
+  --brand-primary-light: #69b1ff;
+  --brand-primary-dark: #1668dc;
+  --theme-success: #73d13d;
+  --theme-warning: #ffc53d;
   --theme-error: #f56c6c;
 
   // Text (High Contrast Required)