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

src/static/styles/theme.scss

@@ -5,8 +5,10 @@
 
 :root,
 page {
-  /* === 品牌色 Brand Colors - 只保留3个核心颜色 === */
-  --brand-primary: #d4af37;        /* 主色 - 金色 */
+  /* === 品牌色 Brand Colors === */
+  --brand-primary: #1677ff;        /* 主色 - 蓝色 */
+  --brand-primary-light: #4096ff; /* 主色浅 */
+  --brand-primary-dark: #0958d9;  /* 主色深 */
   --brand-secondary: #1e293b;      /* 辅色 - 深灰/黑色 */
   --brand-accent: #ffffff;         /* 强调 - 白色 */
 
@@ -17,7 +19,7 @@ page {
   --color-warning-bg: #fffbe6;     /* 警告背景 */
   --color-error: #ff4d4f;          /* 错误 - Red */
   --color-error-bg: #fff2f0;       /* 错误背景 */
-  --color-info: #1890ff;           /* 信息 - Blue */
+  --color-info: #1677ff;           /* 信息 - Blue（同主色） */
   --color-info-bg: #e6f7ff;        /* 信息背景 */
 
   /* === 文字色阶 Text Colors === */
@@ -44,7 +46,7 @@ page {
   --shadow-md: 0 2px 8px 0 rgba(0, 0, 0, 0.08);
   --shadow-lg: 0 4px 16px 0 rgba(0, 0, 0, 0.12);
   --shadow-xl: 0 8px 24px 0 rgba(0, 0, 0, 0.15);
-  --shadow-brand: 0 4px 12px 0 rgba(255, 103, 0, 0.2);
+  --shadow-brand: 0 4px 12px 0 rgba(22, 119, 255, 0.2);
 
   /* === 圆角 Radius === */
   --radius-xs: 4px;
@@ -98,11 +100,13 @@ page {
 
 /* === 暗色主题 Dark Theme === */
 .theme-dark {
-  --brand-primary: #ff8533;        /* 暗色下橙色更柔和 */
+  --brand-primary: #4b9cff;        /* 暗色下蓝色更柔和 */
+  --brand-primary-light: #69b1ff;
+  --brand-primary-dark: #1668dc;
   --color-success: #73d13d;
   --color-warning: #ffc53d;
   --color-error: #ff7875;
-  --color-info: #40a9ff;
+  --color-info: #4b9cff;
 
   --text-primary: #ffffff;
   --text-secondary: #b0b8c1;
@@ -150,6 +154,14 @@ page {
 .bg-muted { background-color: var(--bg-muted); }
 .bg-brand { background-color: var(--brand-primary); }
 .bg-brand-light { background-color: var(--brand-primary-light); }
+.bg-brand-dark { background-color: var(--brand-primary-dark); }
+
+.bg-gradient-brand { background: linear-gradient(135deg, var(--brand-primary), var(--brand-primary-light)); }
+.shadow-brand-colored { box-shadow: 0 4px 16px rgba(22, 119, 255, 0.3); }
+.shadow-brand-sm { box-shadow: 0 2px 12px rgba(22, 119, 255, 0.15); }
+.shadow-brand-xs { box-shadow: 0 2px 8px rgba(22, 119, 255, 0.2); }
+
+.border-brand { border-color: var(--brand-primary); }
 
 .border-primary { border-color: var(--border-primary); }
 .border-secondary { border-color: var(--border-secondary); }
@@ -229,7 +241,7 @@ page {
 .input:focus {
   border-color: var(--brand-primary);
   outline: none;
-  box-shadow: 0 0 0 3px rgba(255, 103, 0, 0.1);
+  box-shadow: 0 0 0 3px rgba(22, 119, 255, 0.1);
 }
 
 .input::placeholder {