refactor: 重构所有 Section 组件为医疗健康风格

- ProductsSection: 浅灰背景、蓝红配色
- AboutSection: 白色背景、专业蓝图标
- NewsSection: 浅灰背景、蓝红强调
- ContactSection: 白色背景、蓝图标、红强调

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-white dark:bg-[var(--color-bg-primary)]" ref={ref}>
+    <section id="news" className="py-24 bg-[#F5F7FA]" 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-[var(--color-tech-cyan)]/30 bg-[var(--color-tech-cyan)]/5 text-[var(--color-tech-cyan)] text-sm font-medium mb-4">
+          <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>
-          <h2 className="text-3xl sm:text-4xl lg:text-5xl font-bold text-gray-900 dark:text-white mb-6">
-            最新<span className="tech-gradient-text">资讯</span>
+          <h2 className="text-3xl sm:text-4xl lg:text-5xl font-bold text-[#1A1A2E] mb-6">
+            最新<span className="text-[#C41E3A]">资讯</span>
           </h2>
-          <p className="text-lg text-gray-600 dark:text-gray-400">
+          <p className="text-lg text-[#718096]">
             了解公司最新动态、行业资讯和技术分享
           </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">
+              <Card className="h-full flex flex-col group cursor-pointer border-[#E2E8F0] hover:border-[#005EB8]">
                 <CardHeader>
                   <div className="flex items-center gap-2 mb-3">
-                    <span className="inline-block px-2 py-0.5 rounded-full bg-[var(--color-tech-cyan)]/10 text-[var(--color-tech-cyan)] text-xs font-medium">
+                    <span className="inline-block px-2 py-0.5 rounded-full bg-[#E8F4FD] text-[#005EB8] text-xs font-medium">
                       {news.category}
                     </span>
-                    <span className="text-sm text-gray-500 dark:text-gray-500 flex items-center gap-1">
+                    <span className="text-sm text-[#718096] 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-[var(--color-tech-blue)] hover:text-[var(--color-tech-purple)] transition-colors group/link"
+                    className="inline-flex items-center text-sm font-medium text-[#005EB8] hover:text-[#C41E3A] transition-colors group/link"
                   >
                     阅读更多
                     <ArrowRight className="ml-1 w-4 h-4 transition-transform group-hover/link:translate-x-1" />
@@ -69,7 +69,6 @@ export function NewsSection() {
           ))}
         </div>
 
-        {/* 查看更多 */}
         <motion.div 
           initial={{ opacity: 0, y: 20 }}
           animate={isInView ? { opacity: 1, y: 0 } : {}}
@@ -80,7 +79,7 @@ export function NewsSection() {
             onClick={() => {
               alert('更多新闻功能开发中...');
             }}
-            className="inline-flex items-center text-sm font-medium text-[var(--color-tech-blue)] hover:text-[var(--color-tech-purple)] transition-colors bg-transparent border-none cursor-pointer group"
+            className="inline-flex items-center text-sm font-medium text-[#005EB8] 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" />