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

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

src/lib/colors.ts

@@ -1,10 +1,15 @@
 export const brandColors = {
   primary: {
-    600: '#005EB8',
-    700: '#003B73',
-    500: '#00A3E0',
-    400: '#33B8E8',
-    100: '#E8F4FD',
+    900: '#0A0A0A',
+    800: '#1C1C1C',
+    700: '#2D2D2D',
+    600: '#3D3D3D',
+    500: '#5C5C5C',
+    400: '#8C8C8C',
+    300: '#B8B8B8',
+    200: '#D4D4D4',
+    100: '#E5E5E5',
+    50: '#F5F5F5',
   },
   brand: {
     600: '#C41E3A',
@@ -14,16 +19,16 @@ export const brandColors = {
     100: '#FEF2F4',
   },
   neutral: {
-    900: '#1A1A2E',
-    800: '#2D3748',
-    700: '#4A5568',
-    600: '#718096',
-    500: '#A0AEC0',
-    400: '#CBD5E0',
-    300: '#E2E8F0',
-    200: '#EDF2F7',
-    100: '#F5F7FA',
-    50: '#FFFFFF',
+    900: '#1C1C1C',
+    800: '#3D3D3D',
+    700: '#5C5C5C',
+    600: '#8C8C8C',
+    500: '#B8B8B8',
+    400: '#D4D4D4',
+    300: '#E5E5E5',
+    200: '#F0F0F0',
+    100: '#FAFAFA',
+    50: '#FFFBF5',
   },
   success: {
     600: '#16A34A',
@@ -34,59 +39,59 @@ export const brandColors = {
     100: '#FFFBEB',
   },
   info: {
-    600: '#0284C7',
-    100: '#F0F9FF',
+    600: '#5C5C5C',
+    100: '#F5F5F5',
   },
   error: {
-    600: '#DC2626',
-    100: '#FEF2F2',
+    600: '#C41E3A',
+    100: '#FEF2F4',
   },
 } as const;
 
 export const colorValues = {
-  primary: '#005EB8',
-  primaryHover: '#003B73',
-  primaryLight: '#00A3E0',
-  primaryLighter: '#E8F4FD',
+  primary: '#1C1C1C',
+  primaryHover: '#0A0A0A',
+  primaryLight: '#3D3D3D',
+  primaryLighter: '#F5F5F5',
   
   brand: '#C41E3A',
   brandHover: '#A01830',
   brandLight: '#E04A68',
   brandBg: '#FEF2F4',
   
-  textPrimary: '#1A1A2E',
-  textSecondary: '#4A5568',
-  textTertiary: '#718096',
-  textMuted: '#A0AEC0',
+  textPrimary: '#1C1C1C',
+  textSecondary: '#3D3D3D',
+  textTertiary: '#5C5C5C',
+  textMuted: '#8C8C8C',
   
-  bgPrimary: '#FFFFFF',
-  bgSecondary: '#F5F7FA',
-  bgTertiary: '#EEF2F7',
-  bgHover: '#E8ECF2',
+  bgPrimary: '#FAFAFA',
+  bgSecondary: '#FFFBF5',
+  bgTertiary: '#F5F5F5',
+  bgHover: '#EFEFEF',
   
-  border: '#E2E8F0',
-  borderSecondary: '#CBD5E0',
-  borderAccent: '#005EB8',
+  border: '#E5E5E5',
+  borderSecondary: '#D4D4D4',
+  borderAccent: '#1C1C1C',
   
-  link: '#005EB8',
-  linkHover: '#003B73',
+  link: '#1C1C1C',
+  linkHover: '#C41E3A',
   
   success: '#16A34A',
   successBg: '#F0FDF4',
   warning: '#D97706',
   warningBg: '#FFFBEB',
-  info: '#0284C7',
-  infoBg: '#F0F9FF',
-  error: '#DC2626',
-  errorBg: '#FEF2F2',
+  info: '#5C5C5C',
+  infoBg: '#F5F5F5',
+  error: '#C41E3A',
+  errorBg: '#FEF2F4',
 } as const;
 
 export const gradients = {
-  primary: 'linear-gradient(135deg, #005EB8 0%, #00A3E0 100%)',
-  hero: 'linear-gradient(180deg, #F5F7FA 0%, #FFFFFF 100%)',
+  primary: 'linear-gradient(135deg, #1C1C1C 0%, #3D3D3D 100%)',
+  hero: 'linear-gradient(180deg, #FAFAFA 0%, #FFFBF5 100%)',
   brand: 'linear-gradient(135deg, #C41E3A 0%, #E04A68 100%)',
-  subtle: 'linear-gradient(180deg, #FFFFFF 0%, #F5F7FA 100%)',
-  card: 'linear-gradient(180deg, #FFFFFF 0%, #F5F7FA 100%)',
+  subtle: 'linear-gradient(180deg, #FAFAFA 0%, #F5F5F5 100%)',
+  card: 'linear-gradient(180deg, #FAFAFA 0%, #FFFBF5 100%)',
   cta: 'linear-gradient(135deg, #C41E3A 0%, #A01830 100%)',
 } as const;