fix: ui

src/static/styles/theme.scss

@@ -6,11 +6,11 @@
 :root,
 page {
   /* === 品牌色 Brand Colors === */
-  --brand-primary: #2f7d32;        /* 主色 */
-  --brand-primary-light: #5a9f5d;  /* 主色浅 */
-  --brand-primary-dark: #245f27;   /* 主色深 */
+  --brand-primary: #66a6ff;        /* 主色 */
+  --brand-primary-light: #8fc0ff;  /* 主色浅 */
+  --brand-primary-dark: #408de8;   /* 主色深 */
   --brand-secondary: #1f2937;      /* 辅色 */
-  --brand-tertiary: #f4fbf5;       /* 次色 */
+  --brand-tertiary: #f1f6fc;       /* 次色 */
   --brand-accent: #ffffff;         /* 强调白 */
 
   /* === 语义色 Semantic Colors === */
@@ -31,16 +31,16 @@ page {
   --text-inverse: #ffffff;
 
   /* === 背景色 Background Colors === */
-  --bg-page: var(--brand-tertiary);
+  --bg-page: #f4f6fa;
   --bg-container: #ffffff;
   --bg-elevated: #ffffff;
-  --bg-muted: #f8faf8;
+  --bg-muted: #f7f9fc;
   --bg-overlay: rgba(31, 41, 55, 0.45);
 
   /* === 边框色 Border Colors === */
-  --border-primary: #e3ece4;
-  --border-secondary: #edf2ee;
-  --border-light: #f7faf7;
+  --border-primary: #e1eaf5;
+  --border-secondary: #edf2f8;
+  --border-light: #f7f9fc;
 
   /* === 阴影 Shadows === */
   --shadow-xs: 0 1px 2px 0 rgba(31, 41, 55, 0.04);
@@ -48,7 +48,7 @@ page {
   --shadow-md: 0 4px 12px 0 rgba(31, 41, 55, 0.08);
   --shadow-lg: 0 8px 20px 0 rgba(31, 41, 55, 0.12);
   --shadow-xl: 0 12px 28px 0 rgba(31, 41, 55, 0.16);
-  --shadow-brand: 0 6px 18px 0 rgba(47, 125, 50, 0.18);
+  --shadow-brand: 0 6px 18px 0 rgba(102, 166, 255, 0.18);
 
   /* === 圆角 Radius === */
   --radius-xs: 4px;
@@ -118,8 +118,8 @@ page {
 
 /* === 暗色主题 Dark Theme === */
 .theme-dark {
-  --brand-primary-light: #74b377;
-  --brand-primary-dark: #245f27;
+  --brand-primary-light: #8fc0ff;
+  --brand-primary-dark: #408de8;
   --color-warning: #f0b451;
   --color-error: #ef7f7f;
 
@@ -144,7 +144,7 @@ page {
   --shadow-md: 0 4px 12px 0 rgba(0, 0, 0, 0.35);
   --shadow-lg: 0 8px 20px 0 rgba(0, 0, 0, 0.45);
   --shadow-xl: 0 12px 28px 0 rgba(0, 0, 0, 0.55);
-  --shadow-brand: 0 6px 18px 0 rgba(47, 125, 50, 0.22);
+  --shadow-brand: 0 6px 18px 0 rgba(102, 166, 255, 0.22);
 }
 
 /* === 全局重置 Global Resets === */
@@ -178,9 +178,9 @@ page {
 .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 8px 22px rgba(47, 125, 50, 0.22); }
-.shadow-brand-sm { box-shadow: 0 4px 14px rgba(47, 125, 50, 0.14); }
-.shadow-brand-xs { box-shadow: 0 2px 8px rgba(47, 125, 50, 0.16); }
+.shadow-brand-colored { box-shadow: 0 8px 22px rgba(102, 166, 255, 0.22); }
+.shadow-brand-sm { box-shadow: 0 4px 14px rgba(102, 166, 255, 0.14); }
+.shadow-brand-xs { box-shadow: 0 2px 8px rgba(102, 166, 255, 0.16); }
 
 .border-brand { border-color: var(--brand-primary); }
 
@@ -207,14 +207,12 @@ page {
 .card {
   background-color: var(--bg-container);
   border-radius: var(--radius-md);
-  box-shadow: var(--shadow-sm);
   padding: var(--space-lg);
   transition: var(--transition-base);
 }
 
 .card:active {
   transform: scale(0.98);
-  box-shadow: var(--shadow-xs);
 }
 
 /* 按钮 */
@@ -262,7 +260,7 @@ page {
 .input:focus {
   border-color: var(--brand-primary);
   outline: none;
-  box-shadow: 0 0 0 3px rgba(47, 125, 50, 0.12);
+  box-shadow: 0 0 0 3px rgba(102, 166, 255, 0.12);
 }
 
 .input::placeholder {