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 {

src/components/layout/footer.tsx

@@ -4,26 +4,26 @@ import { COMPANY_INFO, NAVIGATION } from '@/lib/constants';
 
 export function Footer() {
   return (
-    <footer className="bg-[#F5F7FA] border-t border-[#E2E8F0] py-12">
+    <footer className="bg-[#F5F5F5] border-t border-[#E5E5E5] py-12">
       <div className="container-wide">
         <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-12">
           <div className="lg:col-span-1">
             <div className="flex items-center mb-6">
               <img src="/logo.svg" alt={COMPANY_INFO.name} className="h-10 w-auto" />
             </div>
-            <p className="text-[#718096] text-sm leading-relaxed mb-6">
+            <p className="text-[#5C5C5C] text-sm leading-relaxed mb-6">
               {COMPANY_INFO.description}
             </p>
           </div>
 
           <div>
-            <h3 className="font-semibold text-lg mb-6 text-[#1A1A2E]">快速链接</h3>
+            <h3 className="font-semibold text-lg mb-6 text-[#1C1C1C]">快速链接</h3>
             <ul className="space-y-3">
               {NAVIGATION.map((item) => (
                 <li key={item.id}>
                   <a
                     href={item.href}
-                    className="text-[#4A5568] hover:text-[#005EB8] transition-colors"
+                    className="text-[#3D3D3D] hover:text-[#C41E3A] transition-colors"
                   >
                     {item.label}
                   </a>
@@ -33,25 +33,25 @@ export function Footer() {
           </div>
 
           <div>
-            <h3 className="font-semibold text-lg mb-6 text-[#1A1A2E]">服务项目</h3>
+            <h3 className="font-semibold text-lg mb-6 text-[#1C1C1C]">服务项目</h3>
             <ul className="space-y-3">
               <li>
-                <a href="#services" className="text-[#4A5568] hover:text-[#005EB8] transition-colors">
+                <a href="#services" className="text-[#3D3D3D] hover:text-[#C41E3A] transition-colors">
                   软件开发
                 </a>
               </li>
               <li>
-                <a href="#services" className="text-[#4A5568] hover:text-[#005EB8] transition-colors">
+                <a href="#services" className="text-[#3D3D3D] hover:text-[#C41E3A] transition-colors">
                   云服务
                 </a>
               </li>
               <li>
-                <a href="#services" className="text-[#4A5568] hover:text-[#005EB8] transition-colors">
+                <a href="#services" className="text-[#3D3D3D] hover:text-[#C41E3A] transition-colors">
                   数据分析
                 </a>
               </li>
               <li>
-                <a href="#services" className="text-[#4A5568] hover:text-[#005EB8] transition-colors">
+                <a href="#services" className="text-[#3D3D3D] hover:text-[#C41E3A] transition-colors">
                   信息安全
                 </a>
               </li>
@@ -59,34 +59,34 @@ export function Footer() {
           </div>
 
           <div>
-            <h3 className="font-semibold text-lg mb-6 text-[#1A1A2E]">联系方式</h3>
+            <h3 className="font-semibold text-lg mb-6 text-[#1C1C1C]">联系方式</h3>
             <ul className="space-y-4">
               <li className="flex items-start gap-3">
-                <MapPin className="w-5 h-5 text-[#005EB8] mt-0.5" />
-                <span className="text-[#4A5568]">{COMPANY_INFO.address}</span>
+                <MapPin className="w-5 h-5 text-[#C41E3A] mt-0.5" />
+                <span className="text-[#3D3D3D]">{COMPANY_INFO.address}</span>
               </li>
               <li className="flex items-center gap-3">
-                <Phone className="w-5 h-5 text-[#005EB8]" />
-                <span className="text-[#4A5568]">{COMPANY_INFO.phone}</span>
+                <Phone className="w-5 h-5 text-[#C41E3A]" />
+                <span className="text-[#3D3D3D]">{COMPANY_INFO.phone}</span>
               </li>
               <li className="flex items-center gap-3">
-                <Mail className="w-5 h-5 text-[#005EB8]" />
-                <span className="text-[#4A5568]">{COMPANY_INFO.email}</span>
+                <Mail className="w-5 h-5 text-[#C41E3A]" />
+                <span className="text-[#3D3D3D]">{COMPANY_INFO.email}</span>
               </li>
             </ul>
           </div>
         </div>
 
-        <div className="border-t border-[#E2E8F0] mt-12 pt-8">
+        <div className="border-t border-[#E5E5E5] mt-12 pt-8">
           <div className="flex flex-col md:flex-row justify-between items-center gap-4">
-            <p className="text-[#718096] text-sm">
+            <p className="text-[#5C5C5C] text-sm">
               © {new Date().getFullYear()} {COMPANY_INFO.name}. All rights reserved.
             </p>
             <div className="flex gap-6">
-              <Link href="#" className="text-[#718096] hover:text-[#005EB8] text-sm transition-colors">
+              <Link href="#" className="text-[#5C5C5C] hover:text-[#C41E3A] text-sm transition-colors">
                 隐私政策
               </Link>
-              <Link href="#" className="text-[#718096] hover:text-[#005EB8] text-sm transition-colors">
+              <Link href="#" className="text-[#5C5C5C] hover:text-[#C41E3A] text-sm transition-colors">
                 服务条款
               </Link>
             </div>

src/components/layout/header.tsx

@@ -114,8 +114,8 @@ export function Header() {
                     relative px-3 py-1.5 text-sm font-medium
                     transition-all duration-300
                     ${activeSection === item.id.replace('#', '')
-                      ? 'text-[#005EB8]'
-                      : 'text-[#4A5568] hover:text-[#005EB8]'
+                      ? 'text-[#1C1C1C]'
+                      : 'text-[#3D3D3D] hover:text-[#1C1C1C]'
                     }
                   `}
                 >
@@ -123,7 +123,7 @@ export function Header() {
                   {activeSection === item.id.replace('#', '') && (
                     <motion.span 
                       layoutId="activeNav"
-                      className="absolute bottom-0 left-1/2 -translate-x-1/2 w-6 h-0.5 bg-[#005EB8] rounded-full"
+                      className="absolute bottom-0 left-1/2 -translate-x-1/2 w-6 h-0.5 bg-[#C41E3A] rounded-full"
                       transition={{ type: "spring", stiffness: 380, damping: 30 }}
                     />
                   )}
@@ -146,7 +146,7 @@ export function Header() {
             </div>
 
             <button
-              className="md:hidden p-2 -mr-2 text-[#4A5568] hover:text-[#005EB8] transition-colors"
+              className="md:hidden p-2 -mr-2 text-[#3D3D3D] hover:text-[#1C1C1C] transition-colors"
               onClick={() => setIsOpen(!isOpen)}
             >
               {isOpen ? <X className="w-5 h-5" /> : <Menu className="w-5 h-5" />}
@@ -188,8 +188,8 @@ export function Header() {
                       transition-all duration-300
                       border-l-2
                       ${activeSection === item.id.replace('#', '')
-                        ? 'text-[#005EB8] border-[#005EB8] bg-[#E8F4FD]'
-                        : 'text-[#4A5568] border-transparent hover:text-[#005EB8] hover:bg-[#F5F7FA]'
+                        ? 'text-[#1C1C1C] border-[#C41E3A] bg-[#FEF2F4]'
+                        : 'text-[#3D3D3D] border-transparent hover:text-[#1C1C1C] hover:bg-[#F5F5F5]'
                       }
                     `}
                   >

src/components/sections/about-section.tsx

@@ -43,8 +43,8 @@ export function AboutSection() {
   const isInView = useInView(ref, { once: true, margin: '-100px' });
 
   return (
-    <section id="about" className="py-24 bg-white relative" ref={ref}>
-      <div className="absolute inset-0 bg-[linear-gradient(rgba(0,94,184,0.02)_1px,transparent_1px),linear-gradient(90deg,rgba(0,94,184,0.02)_1px,transparent_1px)] bg-[size:40px_40px]" />
+    <section id="about" className="py-24 bg-[#FAFAFA] relative" ref={ref}>
+      <div className="absolute inset-0 bg-[linear-gradient(rgba(28,28,28,0.02)_1px,transparent_1px),linear-gradient(90deg,rgba(28,28,28,0.02)_1px,transparent_1px)] bg-[size:40px_40px]" />
       <div className="container-wide relative z-10">
         <motion.div 
           initial={{ opacity: 0, y: 20 }}
@@ -53,24 +53,24 @@ export function AboutSection() {
           className="max-w-4xl mx-auto"
         >
           <div className="text-center mb-16">
-            <span className="inline-flex items-center gap-2 px-5 py-2.5 rounded-full border border-[#005EB8]/30 bg-[#E8F4FD] text-[#005EB8] text-sm font-medium mb-4">
+            <span className="inline-flex items-center gap-2 px-5 py-2.5 rounded-full border border-[#1C1C1C]/20 bg-[#F5F5F5] text-[#1C1C1C] text-sm font-medium mb-4">
               关于我们
             </span>
-            <h2 className="text-4xl md:text-5xl font-bold text-[#1A1A2E] mb-6">
+            <h2 className="text-4xl md:text-5xl font-bold text-[#1C1C1C] mb-6">
               关于 <span className="text-[#C41E3A]">{COMPANY_INFO.shortName}</span>
             </h2>
-            <p className="text-lg text-[#718096]">
+            <p className="text-lg text-[#5C5C5C]">
               {COMPANY_INFO.slogan}
             </p>
           </div>
 
           <div className="mb-16">
-            <h3 className="text-2xl font-bold text-[#1A1A2E] mb-4">公司简介</h3>
-            <p className="text-[#718096] mb-6 leading-relaxed">
+            <h3 className="text-2xl font-bold text-[#1C1C1C] mb-4">公司简介</h3>
+            <p className="text-[#5C5C5C] mb-6 leading-relaxed">
               {COMPANY_INFO.name}成立于{COMPANY_INFO.founded}年1月15日，总部位于{COMPANY_INFO.location}龙泉驿区幸福路12号。
               公司专注于信息技术服务与解决方案，致力于为企业提供全方位的数字化转型支持。
             </p>
-            <p className="text-[#718096] mb-6 leading-relaxed">
+            <p className="text-[#5C5C5C] mb-6 leading-relaxed">
               我们拥有一支经验丰富的技术团队，在软件开发、云计算、数据分析、信息安全等领域具有深厚的技术积累。
               公司秉承&ldquo;专注科技创新，驱动智慧未来&rdquo;的理念，为客户提供高质量的产品和服务，助力企业在数字经济时代实现转型升级。
             </p>
@@ -83,10 +83,10 @@ export function AboutSection() {
             className="grid grid-cols-2 md:grid-cols-4 gap-6 mb-16"
           >
             {STATS.map((stat, idx) => (
-              <Card key={idx} className="text-center border-[#E2E8F0]">
+              <Card key={idx} className="text-center border-[#E5E5E5]">
                 <CardContent className="pt-6">
                   <div className="text-3xl sm:text-4xl font-bold text-[#C41E3A] mb-2">{stat.value}</div>
-                  <div className="text-sm text-[#718096]">{stat.label}</div>
+                  <div className="text-sm text-[#5C5C5C]">{stat.label}</div>
                 </CardContent>
               </Card>
             ))}
@@ -98,7 +98,7 @@ export function AboutSection() {
             transition={{ duration: 0.6, delay: 0.3 }}
             className="mb-16"
           >
-            <h3 className="text-2xl font-bold text-[#1A1A2E] mb-8 text-center">企业价值观</h3>
+            <h3 className="text-2xl font-bold text-[#1C1C1C] mb-8 text-center">企业价值观</h3>
             <div className="grid grid-cols-1 md:grid-cols-2 gap-6">
               {values.map((value, idx) => (
                 <motion.div
@@ -106,14 +106,14 @@ export function AboutSection() {
                   initial={{ opacity: 0, y: 20 }}
                   animate={isInView ? { opacity: 1, y: 0 } : {}}
                   transition={{ duration: 0.5, delay: 0.4 + idx * 0.1 }}
-                  className="flex items-start gap-4 p-6 bg-[#F5F7FA] rounded-xl border border-[#E2E8F0] hover:border-[#005EB8] transition-all duration-300"
+                  className="flex items-start gap-4 p-6 bg-[#FFFBF5] rounded-xl border border-[#E5E5E5] hover:border-[#1C1C1C] transition-all duration-300"
                 >
-                  <div className="w-12 h-12 rounded-lg bg-[#005EB8] flex items-center justify-center flex-shrink-0">
+                  <div className="w-12 h-12 rounded-lg bg-[#C41E3A] flex items-center justify-center flex-shrink-0">
                     <value.icon className="w-6 h-6 text-white" />
                   </div>
                   <div>
-                    <h4 className="font-semibold text-[#1A1A2E] mb-2">{value.title}</h4>
-                    <p className="text-[#718096] text-sm">{value.description}</p>
+                    <h4 className="font-semibold text-[#1C1C1C] mb-2">{value.title}</h4>
+                    <p className="text-[#5C5C5C] text-sm">{value.description}</p>
                   </div>
                 </motion.div>
               ))}
@@ -125,7 +125,7 @@ export function AboutSection() {
             animate={isInView ? { opacity: 1, y: 0 } : {}}
             transition={{ duration: 0.6, delay: 0.5 }}
           >
-            <h3 className="text-2xl font-bold text-[#1A1A2E] mb-8 text-center">发展历程</h3>
+            <h3 className="text-2xl font-bold text-[#1C1C1C] mb-8 text-center">发展历程</h3>
             <div className="space-y-6">
               {milestones.map((milestone, idx) => (
                 <motion.div
@@ -133,10 +133,10 @@ export function AboutSection() {
                   initial={{ opacity: 0, x: -20 }}
                   animate={isInView ? { opacity: 1, x: 0 } : {}}
                   transition={{ duration: 0.5, delay: 0.6 + idx * 0.1 }}
-                  className="flex flex-col md:flex-row md:items-start gap-4 p-6 bg-[#F5F7FA] rounded-xl border border-[#E2E8F0]"
+                  className="flex flex-col md:flex-row md:items-start gap-4 p-6 bg-[#FFFBF5] rounded-xl border border-[#E5E5E5]"
                 >
                   <div className="md:w-32 flex-shrink-0">
-                    <span className="text-sm font-medium text-[#005EB8]">{milestone.date}</span>
+                    <span className="text-sm font-medium text-[#C41E3A]">{milestone.date}</span>
                   </div>
                   <div className="flex-1">
                     <h4 className="font-semibold text-[#1A1A2E] mb-1">{milestone.title}</h4>

src/components/sections/contact-section.tsx

@@ -105,7 +105,7 @@ export function ContactSection() {
   return (
     <section id="contact" className="section-padding relative bg-white overflow-hidden" ref={sectionRef}>
       <div className="absolute inset-0 pointer-events-none">
-        <div className="absolute inset-0 bg-gradient-radial from-[rgba(0,94,184,0.03)] via-transparent to-transparent" />
+        <div className="absolute inset-0 bg-gradient-radial from-[rgba(79,70,229,0.03)] via-transparent to-transparent" />
       </div>
 
       <div className="container-wide relative z-10">
@@ -116,13 +116,13 @@ export function ContactSection() {
           `}
         >
           <div className="flex items-center gap-3 mb-4">
-            <div className="w-8 h-px bg-gradient-to-r from-[#005EB8] to-[#C41E3A]" />
-            <span className="text-sm text-[#718096] tracking-wide">联系我们</span>
+            <div className="w-8 h-px bg-gradient-to-r from-[#1C1C1C] to-[#C41E3A]" />
+            <span className="text-sm text-[#5C5C5C] tracking-wide">联系我们</span>
           </div>
-          <h2 className="text-4xl md:text-5xl font-bold text-[#1A1A2E] mb-4">
+          <h2 className="text-4xl md:text-5xl font-bold text-[#1C1C1C] mb-4">
             开启 <span className="text-[#C41E3A]">合作</span>
           </h2>
-          <p className="mt-4 text-[#718096] max-w-2xl">
+          <p className="mt-4 text-[#5C5C5C] max-w-2xl">
             无论您有任何问题或合作意向，我们都很乐意与您交流
           </p>
         </div>
@@ -136,72 +136,72 @@ export function ContactSection() {
             `}
           >
             <div>
-              <h3 className="text-lg font-semibold text-[#1A1A2E] mb-6">联系方式</h3>
+              <h3 className="text-lg font-semibold text-[#1C1C1C] mb-6">联系方式</h3>
               <div className="space-y-4">
                 <div className="flex items-start gap-4 group">
-                  <div className="w-10 h-10 bg-[#005EB8] rounded-md flex items-center justify-center flex-shrink-0 transition-transform duration-200 group-hover:scale-105">
+                  <div className="w-10 h-10 bg-[#C41E3A] rounded-md flex items-center justify-center flex-shrink-0 transition-transform duration-200 group-hover:scale-105">
                     <Mail className="w-5 h-5 text-white" />
                   </div>
                   <div>
-                    <p className="text-sm text-[#718096] mb-1">邮箱</p>
-                    <a href={`mailto:${COMPANY_INFO.email}`} className="text-[#1A1A2E] hover:text-[#005EB8] transition-colors duration-200">
+                    <p className="text-sm text-[#5C5C5C] mb-1">邮箱</p>
+                    <a href={`mailto:${COMPANY_INFO.email}`} className="text-[#1C1C1C] hover:text-[#C41E3A] transition-colors duration-200">
                       {COMPANY_INFO.email}
                     </a>
                   </div>
                 </div>
                 <div className="flex items-start gap-4 group">
-                  <div className="w-10 h-10 bg-[#005EB8] rounded-md flex items-center justify-center flex-shrink-0 transition-transform duration-200 group-hover:scale-105">
+                  <div className="w-10 h-10 bg-[#C41E3A] rounded-md flex items-center justify-center flex-shrink-0 transition-transform duration-200 group-hover:scale-105">
                     <Phone className="w-5 h-5 text-white" />
                   </div>
                   <div>
-                    <p className="text-sm text-[#718096] mb-1">电话</p>
-                    <a href={`tel:${COMPANY_INFO.phone}`} className="text-[#1A1A2E] hover:text-[#005EB8] transition-colors duration-200">
+                    <p className="text-sm text-[#5C5C5C] mb-1">电话</p>
+                    <a href={`tel:${COMPANY_INFO.phone}`} className="text-[#1C1C1C] hover:text-[#C41E3A] transition-colors duration-200">
                       {COMPANY_INFO.phone}
                     </a>
                   </div>
                 </div>
                 <div className="flex items-start gap-4 group">
-                  <div className="w-10 h-10 bg-[#005EB8] rounded-md flex items-center justify-center flex-shrink-0 transition-transform duration-200 group-hover:scale-105">
+                  <div className="w-10 h-10 bg-[#C41E3A] rounded-md flex items-center justify-center flex-shrink-0 transition-transform duration-200 group-hover:scale-105">
                     <MapPin className="w-5 h-5 text-white" />
                   </div>
                   <div>
-                    <p className="text-sm text-[#718096] mb-1">地址</p>
-                    <p className="text-[#1A1A2E]">{COMPANY_INFO.address}</p>
+                    <p className="text-sm text-[#5C5C5C] mb-1">地址</p>
+                    <p className="text-[#1C1C1C]">{COMPANY_INFO.address}</p>
                   </div>
                 </div>
               </div>
             </div>
 
-            <div className="bg-[#F5F7FA] p-5 rounded-lg border border-[#E2E8F0]">
+            <div className="bg-[#FFFBF5] p-5 rounded-lg border border-[#E5E5E5]">
               <div className="flex items-center gap-2 mb-3">
-                <Clock className="w-4 h-4 text-[#005EB8]" />
-                <h4 className="text-sm font-medium text-[#1A1A2E]">工作时间</h4>
+                <Clock className="w-4 h-4 text-[#C41E3A]" />
+                <h4 className="text-sm font-medium text-[#1C1C1C]">工作时间</h4>
               </div>
               <div className="space-y-1">
                 <div className="flex justify-between text-sm">
-                  <span className="text-[#718096]">周一至周五</span>
-                  <span className="text-[#005EB8]">9:00 - 18:00</span>
+                  <span className="text-[#5C5C5C]">周一至周五</span>
+                  <span className="text-[#C41E3A]">9:00 - 18:00</span>
                 </div>
               </div>
             </div>
 
-            <div className="bg-[#F5F7FA] p-5 rounded-lg border border-[#E2E8F0]">
+            <div className="bg-[#FFFBF5] p-5 rounded-lg border border-[#E5E5E5]">
               <div className="flex items-center gap-2 mb-3">
-                <HeadphonesIcon className="w-4 h-4 text-[#005EB8]" />
-                <h4 className="text-sm font-medium text-[#1A1A2E]">我们的承诺</h4>
+                <HeadphonesIcon className="w-4 h-4 text-[#C41E3A]" />
+                <h4 className="text-sm font-medium text-[#1C1C1C]">我们的承诺</h4>
               </div>
               <div className="space-y-3">
                 <div className="flex items-start gap-2">
                   <div className="w-1.5 h-1.5 bg-[#C41E3A] rounded-full mt-2 flex-shrink-0" />
-                  <p className="text-sm text-[#718096]">工作日 2 小时内快速响应您的咨询</p>
+                  <p className="text-sm text-[#5C5C5C]">工作日 2 小时内快速响应您的咨询</p>
                 </div>
                 <div className="flex items-start gap-2">
                   <div className="w-1.5 h-1.5 bg-[#C41E3A] rounded-full mt-2 flex-shrink-0" />
-                  <p className="text-sm text-[#718096]">提供免费的业务咨询和方案评估服务</p>
+                  <p className="text-sm text-[#5C5C5C]">提供免费的业务咨询和方案评估服务</p>
                 </div>
                 <div className="flex items-start gap-2">
                   <div className="w-1.5 h-1.5 bg-[#C41E3A] rounded-full mt-2 flex-shrink-0" />
-                  <p className="text-sm text-[#718096]">根据您的需求量身定制最优解决方案</p>
+                  <p className="text-sm text-[#5C5C5C]">根据您的需求量身定制最优解决方案</p>
                 </div>
               </div>
             </div>

src/components/sections/hero-section.tsx

@@ -65,7 +65,7 @@ export function HeroSection() {
       className="relative min-h-screen flex items-center pt-16 overflow-hidden bg-linear-to-b from-[#F5F7FA] to-white"
     >
       <div className="absolute inset-0 pointer-events-none overflow-hidden">
-        <div className="absolute top-0 left-1/2 -translate-x-1/2 w-200 h-150 bg-[radial-gradient(ellipse_at_center,rgba(0,94,184,0.05)_0%,transparent_60%)]" />
+        <div className="absolute top-0 left-1/2 -translate-x-1/2 w-200 h-150 bg-[radial-gradient(ellipse_at_center,rgba(79,70,229,0.06)_0%,transparent_60%)]" />
         
         <div className="absolute bottom-0 left-1/2 -translate-x-1/2 w-150 h-100 bg-[radial-gradient(ellipse_at_center,rgba(196,30,58,0.04)_0%,transparent_50%)]" />
       </div>
@@ -78,7 +78,7 @@ export function HeroSection() {
             transition={{ duration: 0.6 }}
             className="mb-8"
           >
-            <span className="inline-flex items-center gap-2 px-5 py-2.5 rounded-full border border-[#005EB8]/30 bg-[#E8F4FD] text-[#005EB8] text-sm font-medium">
+            <span className="inline-flex items-center gap-2 px-5 py-2.5 rounded-full border border-[#1C1C1C]/20 bg-[#F5F5F5] text-[#1C1C1C] text-sm font-medium">
               数字印章 · 智连未来
             </span>
           </motion.div>
@@ -143,10 +143,10 @@ export function HeroSection() {
             {features.map((feature, index) => (
               <div 
                 key={index} 
-                className="flex items-center gap-2 px-4 py-2 rounded-full bg-white border border-[#E2E8F0] transition-all duration-300 hover:border-[#005EB8] hover:shadow-md"
+                className="flex items-center gap-2 px-4 py-2 rounded-full bg-[#FAFAFA] border border-[#E5E5E5] transition-all duration-300 hover:border-[#1C1C1C] hover:shadow-md"
               >
-                <feature.icon className="w-4 h-4 text-[#005EB8]" />
-                <span className="text-sm text-[#4A5568]">{feature.text}</span>
+                <feature.icon className="w-4 h-4 text-[#C41E3A]" />
+                <span className="text-sm text-[#3D3D3D]">{feature.text}</span>
               </div>
             ))}
           </motion.div>

src/components/sections/news-section.tsx

@@ -12,7 +12,7 @@ export function NewsSection() {
   const isInView = useInView(ref, { once: true, margin: '-100px' });
 
   return (
-    <section id="news" className="py-24 bg-[#F5F7FA]" ref={ref}>
+    <section id="news" className="py-24 bg-[#F5F5F5]" ref={ref}>
       <div className="container-custom">
         <motion.div 
           initial={{ opacity: 0, y: 20 }}
@@ -20,13 +20,13 @@ export function NewsSection() {
           transition={{ duration: 0.6 }}
           className="text-center max-w-3xl mx-auto mb-16"
         >
-          <span className="inline-flex items-center gap-2 px-4 py-2 rounded-full border border-[#005EB8]/30 bg-[#E8F4FD] text-[#005EB8] text-sm font-medium mb-4">
+          <span className="inline-flex items-center gap-2 px-4 py-2 rounded-full border border-[#1C1C1C]/20 bg-[#F5F5F5] text-[#1C1C1C] text-sm font-medium mb-4">
             新闻动态
           </span>
-          <h2 className="text-3xl sm:text-4xl lg:text-5xl font-bold text-[#1A1A2E] mb-6">
+          <h2 className="text-3xl sm:text-4xl lg:text-5xl font-bold text-[#1C1C1C] mb-6">
             最新<span className="text-[#C41E3A]">资讯</span>
           </h2>
-          <p className="text-lg text-[#718096]">
+          <p className="text-lg text-[#5C5C5C]">
             了解公司最新动态、行业资讯和技术分享
           </p>
         </motion.div>
@@ -39,13 +39,13 @@ export function NewsSection() {
               animate={isInView ? { opacity: 1, y: 0 } : {}}
               transition={{ duration: 0.5, delay: 0.1 + idx * 0.1 }}
             >
-              <Card className="h-full flex flex-col group cursor-pointer border-[#E2E8F0] hover:border-[#005EB8]">
+              <Card className="h-full flex flex-col group cursor-pointer border-[#E5E5E5] hover:border-[#1C1C1C]">
                 <CardHeader>
                   <div className="flex items-center gap-2 mb-3">
-                    <span className="inline-block px-2 py-0.5 rounded-full bg-[#E8F4FD] text-[#005EB8] text-xs font-medium">
+                    <span className="inline-block px-2 py-0.5 rounded-full bg-[#F5F5F5] text-[#1C1C1C] text-xs font-medium">
                       {news.category}
                     </span>
-                    <span className="text-sm text-[#718096] flex items-center gap-1">
+                    <span className="text-sm text-[#5C5C5C] flex items-center gap-1">
                       <Calendar className="w-3 h-3" />
                       {news.date}
                     </span>
@@ -58,7 +58,7 @@ export function NewsSection() {
                   </CardDescription>
                   <a
                     href={`/news/${news.id}`}
-                    className="inline-flex items-center text-sm font-medium text-[#005EB8] hover:text-[#C41E3A] transition-colors group/link"
+                    className="inline-flex items-center text-sm font-medium text-[#1C1C1C] hover:text-[#C41E3A] transition-colors group/link"
                   >
                     阅读更多
                     <ArrowRight className="ml-1 w-4 h-4 transition-transform group-hover/link:translate-x-1" />
@@ -79,7 +79,7 @@ export function NewsSection() {
             onClick={() => {
               alert('更多新闻功能开发中...');
             }}
-            className="inline-flex items-center text-sm font-medium text-[#005EB8] hover:text-[#C41E3A] transition-colors bg-transparent border-none cursor-pointer group"
+            className="inline-flex items-center text-sm font-medium text-[#1C1C1C] hover:text-[#C41E3A] transition-colors bg-transparent border-none cursor-pointer group"
           >
             查看全部新闻
             <ArrowRight className="ml-1 w-4 h-4 transition-transform group-hover:translate-x-1" />

src/components/sections/products-section.tsx

@@ -15,7 +15,7 @@ export function ProductsSection() {
 
   return (
     <section id="products" className="py-24 bg-[#F5F7FA] relative overflow-hidden" ref={ref}>
-      <div className="absolute top-1/2 left-0 w-[400px] h-[400px] bg-[rgba(0,94,184,0.03)] rounded-full blur-3xl" />
+      <div className="absolute top-1/2 left-0 w-[400px] h-[400px] bg-[rgba(79,70,229,0.03)] rounded-full blur-3xl" />
       <div className="absolute top-1/3 right-0 w-[300px] h-[300px] bg-[rgba(196,30,58,0.02)] rounded-full blur-3xl" />
       <div className="container-wide relative z-10">
         <motion.div 
@@ -24,13 +24,13 @@ export function ProductsSection() {
           transition={{ duration: 0.6 }}
           className="text-center max-w-3xl mx-auto mb-16"
         >
-          <span className="inline-flex items-center gap-2 px-5 py-2.5 rounded-full border border-[#005EB8]/30 bg-[#E8F4FD] text-[#005EB8] text-sm font-medium mb-4">
+          <span className="inline-flex items-center gap-2 px-5 py-2.5 rounded-full border border-[#1C1C1C]/20 bg-[#F5F5F5] text-[#1C1C1C] text-sm font-medium mb-4">
             产品服务
           </span>
-          <h2 className="text-4xl md:text-5xl font-bold text-[#1A1A2E] mb-6">
+          <h2 className="text-4xl md:text-5xl font-bold text-[#1C1C1C] mb-6">
             我们的<span className="text-[#C41E3A]">产品</span>
           </h2>
-          <p className="text-lg text-[#718096]">
+          <p className="text-lg text-[#5C5C5C]">
             自主研发的企业级产品，助力企业高效运营，实现数字化转型
           </p>
         </motion.div>
@@ -43,7 +43,7 @@ export function ProductsSection() {
               animate={isInView ? { opacity: 1, y: 0 } : {}}
               transition={{ duration: 0.5, delay: 0.1 + idx * 0.1 }}
             >
-              <Card className="h-full flex flex-col group cursor-pointer border-[#E2E8F0] hover:border-[#005EB8]">
+              <Card className="h-full flex flex-col group cursor-pointer border-[#E5E5E5] hover:border-[#1C1C1C]">
                 <CardHeader>
                   <Badge variant="secondary" className="w-fit mb-3">
                     {product.category}
@@ -56,14 +56,14 @@ export function ProductsSection() {
                   </CardDescription>
                   
                   <div className="mb-4">
-                    <p className="text-sm font-medium text-[#1A1A2E] mb-2">核心功能</p>
+                    <p className="text-sm font-medium text-[#1C1C1C] mb-2">核心功能</p>
                     <div className="flex flex-wrap gap-1.5">
                       {product.features.slice(0, 4).map((feature, idx) => (
                         <span 
                           key={idx} 
-                          className="inline-flex items-center text-xs px-2 py-1 bg-white text-[#4A5568] rounded border border-[#E2E8F0]"
+                          className="inline-flex items-center text-xs px-2 py-1 bg-[#FAFAFA] text-[#3D3D3D] rounded border border-[#E5E5E5]"
                         >
-                          <Check className="w-3 h-3 mr-1 text-[#005EB8]" />
+                          <Check className="w-3 h-3 mr-1 text-[#C41E3A]" />
                           {feature}
                         </span>
                       ))}
@@ -71,14 +71,14 @@ export function ProductsSection() {
                   </div>
 
                   <div className="mb-4">
-                    <p className="text-sm font-medium text-[#1A1A2E] mb-2 flex items-center">
+                    <p className="text-sm font-medium text-[#1C1C1C] mb-2 flex items-center">
                       <TrendingUp className="w-4 h-4 mr-1 text-[#C41E3A]" />
                       核心价值
                     </p>
                     <ul className="space-y-1">
                       {product.benefits.map((benefit, idx) => (
-                        <li key={idx} className="text-xs text-[#718096] flex items-start">
-                          <span className="text-[#005EB8] mr-1.5">•</span>
+                        <li key={idx} className="text-xs text-[#5C5C5C] flex items-start">
+                          <span className="text-[#C41E3A] mr-1.5">•</span>
                           {benefit}
                         </li>
                       ))}
@@ -103,7 +103,7 @@ export function ProductsSection() {
         >
           <div className="bg-white rounded-2xl p-12 border border-[#E2E8F0] relative overflow-hidden">
             <div className="absolute inset-0 pointer-events-none">
-              <div className="absolute top-0 right-0 w-64 h-64 bg-[rgba(0,94,184,0.03)] rounded-full blur-3xl" />
+              <div className="absolute top-0 right-0 w-64 h-64 bg-[rgba(79,70,229,0.03)] rounded-full blur-3xl" />
               <div className="absolute bottom-0 left-0 w-48 h-48 bg-[rgba(196,30,58,0.02)] rounded-full blur-3xl" />
             </div>
             <div className="relative z-10">

src/components/sections/services-section.tsx

@@ -21,7 +21,7 @@ export function ServicesSection() {
 
   return (
     <section id="services" className="py-24 bg-white relative overflow-hidden" ref={ref}>
-      <div className="absolute top-1/3 left-0 w-[400px] h-[400px] bg-[rgba(0,94,184,0.03)] rounded-full blur-3xl" />
+      <div className="absolute top-1/3 left-0 w-[400px] h-[400px] bg-[rgba(79,70,229,0.03)] rounded-full blur-3xl" />
       <div className="absolute top-1/3 right-0 w-[300px] h-[300px] bg-[rgba(196,30,58,0.02)] rounded-full blur-3xl" />
       
       <div className="container-wide relative z-10">
@@ -31,13 +31,13 @@ export function ServicesSection() {
           transition={{ duration: 0.6 }}
           className="text-center max-w-3xl mx-auto mb-16"
         >
-          <span className="inline-flex items-center gap-2 px-5 py-2.5 rounded-full border border-[#005EB8]/30 bg-[#E8F4FD] text-[#005EB8] text-sm font-medium mb-4">
+          <span className="inline-flex items-center gap-2 px-5 py-2.5 rounded-full border border-[#1C1C1C]/20 bg-[#F5F5F5] text-[#1C1C1C] text-sm font-medium mb-4">
             核心业务
           </span>
-          <h2 className="text-4xl md:text-5xl font-bold text-[#1A1A2E] mb-4">
-            我们的 <span className="text-[#005EB8]">核心服务</span>
+          <h2 className="text-4xl md:text-5xl font-bold text-[#1C1C1C] mb-4">
+            我们的 <span className="text-[#C41E3A]">核心服务</span>
           </h2>
-          <p className="text-lg text-[#718096] max-w-2xl mx-auto">
+          <p className="text-lg text-[#5C5C5C] max-w-2xl mx-auto">
             专业技术团队，为您提供全方位的数字化解决方案
           </p>
         </motion.div>
@@ -53,13 +53,13 @@ export function ServicesSection() {
                 viewport={{ once: true }}
                 transition={{ duration: 0.5, delay: index * 0.1 }}
               >
-                <Card className="p-6 h-full group cursor-pointer border-[#E2E8F0] hover:border-[#005EB8]">
+                <Card className="p-6 h-full group cursor-pointer border-[#E5E5E5] hover:border-[#1C1C1C]">
                   <CardContent className="p-0">
-                    <div className="w-12 h-12 rounded-xl bg-[#E8F4FD] flex items-center justify-center mb-4 group-hover:bg-[#005EB8] transition-all duration-300">
-                      {Icon && <Icon className="w-6 h-6 text-[#005EB8] group-hover:text-white transition-colors" />}
+                    <div className="w-12 h-12 rounded-xl bg-[#F5F5F5] flex items-center justify-center mb-4 group-hover:bg-[#C41E3A] transition-all duration-300">
+                      {Icon && <Icon className="w-6 h-6 text-[#1C1C1C] group-hover:text-white transition-colors" />}
                     </div>
-                    <h3 className="text-xl font-semibold text-[#1A1A2E] mb-3">{service.title}</h3>
-                    <p className="text-[#718096] text-sm leading-relaxed">{service.description}</p>
+                    <h3 className="text-xl font-semibold text-[#1C1C1C] mb-3">{service.title}</h3>
+                    <p className="text-[#5C5C5C] text-sm leading-relaxed">{service.description}</p>
                   </CardContent>
                 </Card>
               </motion.div>

src/components/ui/badge.tsx

@@ -5,21 +5,21 @@ import { cva, type VariantProps } from "class-variance-authority"
 import { cn } from "@/lib/utils"
 
 const badgeVariants = cva(
-  "inline-flex items-center justify-center rounded-full border px-3 py-1 text-xs font-medium w-fit whitespace-nowrap shrink-0 [&>svg]:size-3 gap-1 [&>svg]:pointer-events-none focus-visible:border-[#005EB8] focus-visible:ring-2 focus-visible:ring-[#005EB8]/50 transition-all duration-300 overflow-hidden",
+  "inline-flex items-center justify-center rounded-full border px-3 py-1 text-xs font-medium w-fit whitespace-nowrap shrink-0 [&>svg]:size-3 gap-1 [&>svg]:pointer-events-none focus-visible:border-[#1C1C1C] focus-visible:ring-2 focus-visible:ring-[#1C1C1C]/50 transition-all duration-300 overflow-hidden",
   {
     variants: {
       variant: {
         default: "bg-[#C41E3A] text-white border-transparent shadow-sm",
         secondary:
-          "bg-[#005EB8] text-white border-transparent shadow-sm",
+          "bg-[#1C1C1C] text-white border-transparent shadow-sm",
         destructive:
-          "bg-[#DC2626] text-white border-transparent hover:bg-[#B91C1C]",
+          "bg-[#C41E3A] text-white border-transparent hover:bg-[#A01830]",
         outline:
-          "border-[#005EB8] text-[#005EB8] bg-transparent hover:bg-[#E8F4FD]",
-        ghost: "text-[#718096] hover:text-[#005EB8] hover:bg-[#F5F7FA]",
+          "border-[#1C1C1C] text-[#1C1C1C] bg-transparent hover:bg-[#F5F5F5]",
+        ghost: "text-[#5C5C5C] hover:text-[#1C1C1C] hover:bg-[#F5F5F5]",
         success: "bg-[#16A34A] text-white border-transparent hover:bg-[#15803D]",
         warning: "bg-[#D97706] text-white border-transparent hover:bg-[#B45309]",
-        info: "bg-[#0284C7] text-white border-transparent hover:bg-[#0369A1]",
+        info: "bg-[#5C5C5C] text-white border-transparent hover:bg-[#3D3D3D]",
       },
     },
     defaultVariants: {

src/components/ui/button.tsx

@@ -5,22 +5,22 @@ import { cva, type VariantProps } from "class-variance-authority"
 import { cn } from "@/lib/utils"
 
 const buttonVariants = cva(
-  "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-lg text-sm font-medium transition-all duration-200 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:ring-2 focus-visible:ring-[#005EB8] focus-visible:ring-offset-2 focus-visible:ring-offset-white",
+  "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-lg text-sm font-medium transition-all duration-200 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:ring-2 focus-visible:ring-[#1C1C1C] focus-visible:ring-offset-2 focus-visible:ring-offset-white",
   {
     variants: {
       variant: {
         default:
           "bg-[#C41E3A] text-white hover:bg-[#A01830] hover:shadow-[0_4px_12px_rgba(196,30,58,0.25)] hover:-translate-y-0.5 active:scale-[0.98]",
         secondary:
-          "bg-[#005EB8] text-white hover:bg-[#003B73] hover:shadow-[0_4px_12px_rgba(0,94,184,0.25)] hover:-translate-y-0.5 active:scale-[0.98]",
+          "bg-[#1C1C1C] text-white hover:bg-[#0A0A0A] hover:shadow-[0_4px_12px_rgba(28,28,28,0.25)] hover:-translate-y-0.5 active:scale-[0.98]",
         destructive:
-          "bg-[#DC2626] text-white hover:bg-[#B91C1C] focus-visible:ring-[#DC2626]",
+          "bg-[#C41E3A] text-white hover:bg-[#A01830] focus-visible:ring-[#C41E3A]",
         outline:
-          "border-2 border-[#005EB8] bg-transparent text-[#005EB8] hover:bg-[#E8F4FD] hover:shadow-[0_2px_8px_rgba(0,94,184,0.15)]",
+          "border-2 border-[#1C1C1C] bg-transparent text-[#1C1C1C] hover:bg-[#F5F5F5] hover:shadow-[0_2px_8px_rgba(28,28,28,0.15)]",
         ghost:
-          "text-[#4A5568] hover:bg-[#F5F7FA] hover:text-[#1A1A2E]",
+          "text-[#3D3D3D] hover:bg-[#F5F5F5] hover:text-[#1C1C1C]",
         link:
-          "text-[#005EB8] underline-offset-4 hover:underline",
+          "text-[#1C1C1C] underline-offset-4 hover:underline hover:text-[#C41E3A]",
       },
       size: {
         default: "h-10 px-4 py-2",

src/components/ui/card.tsx

@@ -7,7 +7,7 @@ function Card({ className, ...props }: React.ComponentProps<"div">) {
     <div
       data-slot="card"
       className={cn(
-        "bg-white text-[#1A1A2E] flex flex-col gap-6 rounded-xl border border-[#E2E8F0] py-6 shadow-[0_2px_8px_rgba(0,0,0,0.04)] transition-all duration-300 hover:border-[#005EB8] hover:shadow-[0_8px_24px_rgba(0,0,0,0.06)] hover:-translate-y-1",
+        "bg-[#FAFAFA] text-[#1C1C1C] flex flex-col gap-6 rounded-xl border border-[#E5E5E5] py-6 shadow-[0_2px_8px_rgba(0,0,0,0.04)] transition-all duration-300 hover:border-[#1C1C1C] hover:shadow-[0_8px_24px_rgba(0,0,0,0.06)] hover:-translate-y-1",
         className
       )}
       {...props}
@@ -32,7 +32,7 @@ function CardTitle({ className, ...props }: React.ComponentProps<"div">) {
   return (
     <div
       data-slot="card-title"
-      className={cn("leading-none font-semibold text-[#1A1A2E]", className)}
+      className={cn("leading-none font-semibold text-[#1C1C1C]", className)}
       {...props}
     />
   )
@@ -42,7 +42,7 @@ function CardDescription({ className, ...props }: React.ComponentProps<"div">) {
   return (
     <div
       data-slot="card-description"
-      className={cn("text-[#718096] text-sm", className)}
+      className={cn("text-[#5C5C5C] text-sm", className)}
       {...props}
     />
   )
@@ -75,7 +75,7 @@ function CardFooter({ className, ...props }: React.ComponentProps<"div">) {
   return (
     <div
       data-slot="card-footer"
-      className={cn("flex items-center px-6 [.border-t]:pt-6 border-t border-[#E2E8F0]", className)}
+      className={cn("flex items-center px-6 [.border-t]:pt-6 border-t border-[#E5E5E5]", className)}
       {...props}
     />
   )

src/components/ui/input.tsx

@@ -16,7 +16,7 @@ const Input = React.forwardRef<HTMLInputElement, InputProps>(
         {label && (
           <label
             htmlFor={inputId}
-            className="block text-sm font-medium text-[#4A5568] mb-2"
+            className="block text-sm font-medium text-[#3D3D3D] mb-2"
           >
             {label}
             {props.required && <span className="text-[#C41E3A] ml-1">*</span>}
@@ -27,10 +27,10 @@ const Input = React.forwardRef<HTMLInputElement, InputProps>(
           id={inputId}
           data-slot="input"
           className={cn(
-            "file:text-foreground placeholder:text-[#A0AEC0] selection:bg-[#005EB8] selection:text-white h-10 w-full min-w-0 rounded-lg border border-[#E2E8F0] bg-white px-4 py-2 text-base text-[#1A1A2E] shadow-sm transition-all duration-300 outline-none file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
-            "focus-visible:border-[#005EB8] focus-visible:ring-2 focus-visible:ring-[#005EB8]/50 focus-visible:shadow-lg focus-visible:shadow-[#005EB8]/20",
-            "hover:border-[#005EB8]",
-            error && "border-[#DC2626] focus-visible:border-[#DC2626] focus-visible:ring-[#DC2626]/50",
+            "file:text-foreground placeholder:text-[#8C8C8C] selection:bg-[#1C1C1C] selection:text-white h-10 w-full min-w-0 rounded-lg border border-[#E5E5E5] bg-[#FAFAFA] px-4 py-2 text-base text-[#1C1C1C] shadow-sm transition-all duration-300 outline-none file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
+            "focus-visible:border-[#1C1C1C] focus-visible:ring-2 focus-visible:ring-[#1C1C1C]/50 focus-visible:shadow-lg focus-visible:shadow-[#1C1C1C]/20",
+            "hover:border-[#3D3D3D]",
+            error && "border-[#C41E3A] focus-visible:border-[#C41E3A] focus-visible:ring-[#C41E3A]/50",
             className
           )}
           ref={ref}
@@ -38,7 +38,7 @@ const Input = React.forwardRef<HTMLInputElement, InputProps>(
           {...props}
         />
         {error && (
-          <p className="mt-1 text-sm text-[#DC2626]">{error}</p>
+          <p className="mt-1 text-sm text-[#C41E3A]">{error}</p>
         )}
       </div>
     )

src/components/ui/textarea.tsx

@@ -16,7 +16,7 @@ const Textarea = React.forwardRef<HTMLTextAreaElement, TextareaProps>(
         {label && (
           <label
             htmlFor={textareaId}
-            className="block text-sm font-medium text-[#4A5568] mb-2"
+            className="block text-sm font-medium text-[#3D3D3D] mb-2"
           >
             {label}
             {props.required && <span className="text-[#C41E3A] ml-1">*</span>}
@@ -26,10 +26,10 @@ const Textarea = React.forwardRef<HTMLTextAreaElement, TextareaProps>(
           id={textareaId}
           data-slot="textarea"
           className={cn(
-            "placeholder:text-[#A0AEC0] selection:bg-[#005EB8] selection:text-white min-h-16 w-full rounded-lg border border-[#E2E8F0] bg-white px-4 py-3 text-base text-[#1A1A2E] shadow-sm transition-all duration-300 outline-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm resize-none",
-            "focus-visible:border-[#005EB8] focus-visible:ring-2 focus-visible:ring-[#005EB8]/50 focus-visible:shadow-lg focus-visible:shadow-[#005EB8]/20",
-            "hover:border-[#005EB8]",
-            error && "border-[#DC2626] focus-visible:border-[#DC2626] focus-visible:ring-[#DC2626]/50",
+            "placeholder:text-[#8C8C8C] selection:bg-[#1C1C1C] selection:text-white min-h-16 w-full rounded-lg border border-[#E5E5E5] bg-[#FAFAFA] px-4 py-3 text-base text-[#1C1C1C] shadow-sm transition-all duration-300 outline-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm resize-none",
+            "focus-visible:border-[#1C1C1C] focus-visible:ring-2 focus-visible:ring-[#1C1C1C]/50 focus-visible:shadow-lg focus-visible:shadow-[#1C1C1C]/20",
+            "hover:border-[#3D3D3D]",
+            error && "border-[#C41E3A] focus-visible:border-[#C41E3A] focus-visible:ring-[#C41E3A]/50",
             className
           )}
           ref={ref}
@@ -37,7 +37,7 @@ const Textarea = React.forwardRef<HTMLTextAreaElement, TextareaProps>(
           {...props}
         />
         {error && (
-          <p className="mt-1 text-sm text-[#DC2626]">{error}</p>
+          <p className="mt-1 text-sm text-[#C41E3A]">{error}</p>
         )}
       </div>
     )

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;