feat(marketing): 重构营销页面与四层叙事组件体系

- 重构 About、Contact、Team 等静态营销页面
- 重构 News 新闻列表与详情页
- 重构 Products 产品目录、详情与独立产品页面
- 重构 Services 与 Solutions 服务/解决方案页面
- 重构 Detail 四层叙事组件 (Hero → Value → Trust → CTA)
- 重构 Sections 页面区块组件 (Hero, CTA, SocialProof, WhyUs 等)
- 新增 SectionHeader、ServiceCard、CaseCard 等可复用组件

src/components/sections/methodology-section.tsx

@@ -23,7 +23,7 @@ export function MethodologySection() {
           className="text-center max-w-3xl mx-auto mb-14"
         >
           <h2 id="methodology-heading" className="text-3xl sm:text-4xl font-semibold text-[var(--color-text-primary)] mb-4">
-            实施<span className="text-[var(--color-brand-primary)]">方法论</span>
+            实施<span className="text-[var(--color-brand)]">方法论</span>
           </h2>
           <p className="text-base text-[var(--color-text-muted)]">
             经过多年实践验证的四阶段模型，确保每个项目都能科学推进、高效落地
@@ -45,13 +45,13 @@ export function MethodologySection() {
                   <div className="p-6 md:p-8">
                     <div
                       className="w-10 h-10 rounded-full flex items-center justify-center mb-5 text-sm font-bold"
-                      style={{ backgroundColor: `rgba(var(--color-brand-primary-rgb), ${bgOpacity})`, color: 'var(--color-brand-primary)' }}
+                      style={{ backgroundColor: `rgba(var(--color-brand-rgb), ${bgOpacity})`, color: 'var(--color-brand)' }}
                     >
                       {phase.number}
                     </div>
 
                     <h3 className="text-lg font-semibold text-[var(--color-text-primary)] mb-1">{phase.title}</h3>
-                    <p className="text-xs text-[var(--color-brand-primary)] font-medium mb-3">{phase.subtitle}</p>
+                    <p className="text-xs text-[var(--color-brand)] font-medium mb-3">{phase.subtitle}</p>
                     <p className="text-sm text-[var(--color-text-muted)] leading-relaxed mb-5">{phase.description}</p>
 
                     <div className="mb-4">
@@ -59,7 +59,7 @@ export function MethodologySection() {
                       <ul className="space-y-1.5">
                         {phase.activities.map((activity, i) => (
                           <li key={i} className="flex items-start gap-2 text-xs text-[var(--color-text-muted)]">
-                            <CheckCircle2 className="w-3.5 h-3.5 text-[var(--color-brand-primary)] mt-0.5 shrink-0" />
+                            <CheckCircle2 className="w-3.5 h-3.5 text-[var(--color-brand)] mt-0.5 shrink-0" />
                             {activity}
                           </li>
                         ))}
@@ -71,7 +71,7 @@ export function MethodologySection() {
                       <ul className="space-y-1.5">
                         {phase.deliverables.map((deliverable, i) => (
                           <li key={i} className="flex items-start gap-2 text-xs text-[var(--color-text-subtle)]">
-                            <span className="w-1.5 h-1.5 bg-[var(--color-brand-primary)]/40 rounded-full mt-1.5 shrink-0" />
+                            <span className="w-1.5 h-1.5 bg-[var(--color-brand)]/40 rounded-full mt-1.5 shrink-0" />
                             {deliverable}
                           </li>
                         ))}