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/product-matrix-section.tsx

@@ -25,12 +25,12 @@ export function ProductMatrixSection() {
               产品矩阵
             </h2>
             <p className="text-base text-[var(--color-text-muted)] max-w-lg">
-              6 款自研产品覆盖企业数字化全场景，目前全部<span className="text-[var(--color-brand-primary)] font-medium">研发中</span>，欢迎提前了解规划
+              6 款自研产品覆盖企业数字化全场景，目前全部<span className="text-[var(--color-brand)] font-medium">研发中</span>，欢迎提前了解规划
             </p>
           </div>
           <div className="flex items-center gap-2">
-            <span className="inline-flex items-center gap-1.5 px-3 py-1 rounded-full bg-[var(--color-brand-primary-bg)] text-[var(--color-brand-primary)] text-xs font-medium border border-[var(--color-brand-primary)]/10">
-              <span className="w-1.5 h-1.5 rounded-full bg-[var(--color-brand-primary)] animate-pulse" />
+            <span className="inline-flex items-center gap-1.5 px-3 py-1 rounded-full bg-[var(--color-brand-bg)] text-[var(--color-brand)] text-xs font-medium border border-[var(--color-brand)]/10">
+              <span className="w-1.5 h-1.5 rounded-full bg-[var(--color-brand)] animate-pulse" />
               研发中 · 即将上线
             </span>
             <span className="text-sm text-[var(--color-text-subtle)] font-mono tracking-wider hidden md:block">