style(ui组件): 更新UI组件颜色方案为深色主题

refactor(card): 调整卡片背景色和边框颜色
refactor(badge): 修改徽章颜色变体
refactor(button): 更新按钮颜色样式
refactor(input): 调整输入框颜色方案
refactor(textarea): 修改文本区域颜色样式
refactor(header): 更新导航栏颜色
refactor(hero-section): 调整英雄区域颜色和渐变

src/app/globals.css

@@ -7,48 +7,48 @@
 }
 
 :root {
-  /* 主色调 - 专业蓝系 */
-  --color-primary: #005EB8;
-  --color-primary-hover: #003B73;
-  --color-primary-light: #00A3E0;
-  --color-primary-lighter: #E8F4FD;
+  /* 主色调 - 墨黑系（水墨画主色） */
+  --color-primary: #1C1C1C;
+  --color-primary-hover: #0A0A0A;
+  --color-primary-light: #3D3D3D;
+  --color-primary-lighter: #F5F5F5;
   
-  /* 品牌色 - 印章红 */
+  /* 品牌色 - 朱砂红（印章红） */
   --color-brand-primary: #C41E3A;
   --color-brand-primary-hover: #A01830;
   --color-brand-primary-light: #E04A68;
   --color-brand-primary-bg: #FEF2F4;
   
-  /* 背景色系 - 明亮健康风 */
-  --color-bg-primary: #FFFFFF;
-  --color-bg-secondary: #F5F7FA;
-  --color-bg-tertiary: #EEF2F7;
-  --color-bg-hover: #E8ECF2;
+  /* 背景色系 - 宣纸白 */
+  --color-bg-primary: #FAFAFA;
+  --color-bg-secondary: #FFFBF5;
+  --color-bg-tertiary: #F5F5F5;
+  --color-bg-hover: #EFEFEF;
   
-  /* 文字色系 */
-  --color-text-primary: #1A1A2E;
-  --color-text-secondary: #4A5568;
-  --color-text-tertiary: #718096;
-  --color-text-muted: #A0AEC0;
+  /* 文字色系 - 墨色层次 */
+  --color-text-primary: #1C1C1C;
+  --color-text-secondary: #3D3D3D;
+  --color-text-tertiary: #5C5C5C;
+  --color-text-muted: #8C8C8C;
   
   /* 边框色系 */
-  --color-border-primary: #E2E8F0;
-  --color-border-secondary: #CBD5E0;
-  --color-border-accent: #005EB8;
+  --color-border-primary: #E5E5E5;
+  --color-border-secondary: #D4D4D4;
+  --color-border-accent: #1C1C1C;
   
   /* 链接色 */
-  --color-link: #005EB8;
-  --color-link-hover: #003B73;
+  --color-link: #1C1C1C;
+  --color-link-hover: #C41E3A;
   
   /* 状态色 */
   --color-success: #16A34A;
   --color-success-bg: #F0FDF4;
   --color-warning: #D97706;
   --color-warning-bg: #FFFBEB;
-  --color-info: #0284C7;
-  --color-info-bg: #F0F9FF;
-  --color-error: #DC2626;
-  --color-error-bg: #FEF2F2;
+  --color-info: #5C5C5C;
+  --color-info-bg: #F5F5F5;
+  --color-error: #C41E3A;
+  --color-error-bg: #FEF2F4;
   
   /* 阴影 */
   --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.05);
@@ -129,7 +129,7 @@
     right: 0;
     bottom: 0;
     background: 
-      radial-gradient(ellipse at 15% 20%, rgba(0, 94, 184, 0.03) 0%, transparent 50%),
+      radial-gradient(ellipse at 15% 20%, rgba(28, 28, 28, 0.02) 0%, transparent 50%),
       radial-gradient(ellipse at 85% 80%, rgba(196, 30, 58, 0.02) 0%, transparent 50%);
     pointer-events: none;
     z-index: -1;
@@ -739,7 +739,7 @@
 }
 
 .btn-secondary {
-  background: #005EB8;
+  background: #1C1C1C;
   color: #FFFFFF;
   border-radius: 8px;
   padding: 12px 32px;
@@ -748,15 +748,15 @@
 }
 
 .btn-secondary:hover {
-  background: #003B73;
+  background: #0A0A0A;
   transform: translateY(-2px);
-  box-shadow: 0 4px 12px rgba(0, 94, 184, 0.25);
+  box-shadow: 0 4px 12px rgba(28, 28, 28, 0.25);
 }
 
 .btn-outline {
   background: transparent;
-  border: 2px solid #005EB8;
-  color: #005EB8;
+  border: 2px solid #1C1C1C;
+  color: #1C1C1C;
   border-radius: 8px;
   padding: 12px 32px;
   font-weight: 600;
@@ -764,9 +764,9 @@
 }
 
 .btn-outline:hover {
-  background: #E8F4FD;
+  background: #F5F5F5;
   transform: translateY(-2px);
-  box-shadow: 0 2px 8px rgba(0, 94, 184, 0.15);
+  box-shadow: 0 2px 8px rgba(28, 28, 28, 0.15);
 }
 
 .card-health {