feat(theme): 暗黑模式 Phase 2 批次 1 — about/brand 浅色区块 token 化

将 about-content-v4（8 处）与 brand-content（6 处）的浅色 bg-white 全部迁
到 bg-bg-primary，浅色下值完全等价（#FFFFFF）→ 浅色视觉零差异；dark 模式
下随 token 自动反色为 #0A0E14，section 间 bg-bg-secondary 交替保留设计层
次（#0F1419）。

【变更】
- about-content-v4.tsx：Hero×2 + section×2 + 卡片×2 + min-h-screen wrapper×2
- brand-content.tsx：main wrapper + Hero + section×2 + 卡片×2 + hover:bg-white→hover:bg-bg-primary

【验证】
- type-check 0 / lint 0 errors（127 warnings 既有）
- jest 128 suites / 1623 passed
- 视觉回归 22 passed（含关于我们 /about 全页浅色快照零 diff）
- computed-style 一次性脚本验证（已删除）：
  - dark: /about 与 /about/brand 的 html/body/header 背景 → rgb(10,14,20) ✓
  - dark: sectionBgs = [#0A0E14, #0F1419, #0A0E14]（bg-primary/bg-secondary
    交替层次保留，dark 下 secondary → #0F1419 是设计意图）
  - light: 零深色残留，所有 section 在浅色范围内

【设计确认】
- about/brand 的第二个 section 使用 bg-bg-secondary（#F8FAFC 浅灰）是设计
  意图的层次交替，dark 下自动反色为 #0F1419（深一档），无需改动
- 一次性 computed-style 脚本对 'section 全部 #FFFFFF/#0A0E14' 的断言过严
  → 修正为'第一个 section 是预期主色 + 所有 section 不在反色范围'，覆盖
  真正的浅色→深色反色语义

【Phase 2 剩余批次】
- 批次 2：services-content-v3 + service-detail-content-v4 + solution-value
- 批次 3：product-detail-content-v3 + products/standalone + detail-hero
- 批次 4：admin 全量（login + media + roles + notifications + content + page）

src/app/(marketing)/about/brand/brand-content.tsx

@@ -66,9 +66,9 @@ const brandStats = [
 
 export default function BrandContent() {
   return (
-    <main className="min-h-screen bg-white overflow-x-hidden">
+    <main className="min-h-screen bg-bg-primary overflow-x-hidden">
       {/* ============ L1: Hero 品牌情感入口 ============ */}
-      <section className="relative min-h-[90vh] flex items-center overflow-hidden bg-white">
+      <section className="relative min-h-[90vh] flex items-center overflow-hidden bg-bg-primary">
         <div className="max-w-container mx-auto px-4 sm:px-6 lg:px-10 relative z-10 w-full py-28 sm:py-36 md:py-44 lg:py-56">
           <div className="max-w-4xl">
             {/* 眉标 */}
@@ -161,7 +161,7 @@ export default function BrandContent() {
           <div className="grid sm:grid-cols-2 lg:grid-cols-4 gap-6">
             {brandValues.map((item, i) => (
               <ScrollReveal key={item.title} delay={i * 0.1}>
-                <div className="group relative bg-white border border-border-primary p-8 h-full transition-all duration-300 hover:border-brand/20 hover:shadow-md">
+                <div className="group relative bg-bg-primary border border-border-primary p-8 h-full transition-all duration-300 hover:border-brand/20 hover:shadow-md">
                   <div className="absolute top-0 left-0 right-0 h-0.5 bg-brand scale-x-0 group-hover:scale-x-100 transition-transform duration-500 origin-left" />
                   <div className="w-12 h-12 flex items-center justify-center bg-brand/[0.06] text-brand mb-6 transition-colors duration-300 group-hover:bg-brand group-hover:text-white">
                     <item.icon className="w-5 h-5" />
@@ -176,7 +176,7 @@ export default function BrandContent() {
       </section>
 
       {/* 品牌使命与愿景 */}
-      <section className="relative py-24 sm:py-32 md:py-40 overflow-hidden bg-white">
+      <section className="relative py-24 sm:py-32 md:py-40 overflow-hidden bg-bg-primary">
         <div className="max-w-container mx-auto px-4 sm:px-6 lg:px-10 relative z-10">
           <div className="grid lg:grid-cols-2 gap-16 lg:gap-20">
             {/* 使命 */}
@@ -299,7 +299,7 @@ export default function BrandContent() {
       </section>
 
       {/* 品牌实力 */}
-      <section className="relative py-24 sm:py-32 md:py-40 overflow-hidden bg-white">
+      <section className="relative py-24 sm:py-32 md:py-40 overflow-hidden bg-bg-primary">
         <div className="max-w-container mx-auto px-4 sm:px-6 lg:px-10 relative z-10">
           <ScrollReveal className="max-w-3xl mb-16 sm:mb-20">
             <div className="flex items-center gap-3 mb-6">
@@ -322,7 +322,7 @@ export default function BrandContent() {
               { icon: Globe, title: '多行业场景', desc: '方法论适配制造、零售、医疗、金融、教育、物流等多行业场景' },
             ].map((item, i) => (
               <ScrollReveal key={item.title} delay={i * 0.1}>
-                <div className="group relative bg-bg-secondary border border-border-primary p-8 h-full transition-all duration-300 hover:border-brand/20 hover:bg-white hover:shadow-sm">
+                <div className="group relative bg-bg-secondary border border-border-primary p-8 h-full transition-all duration-300 hover:border-brand/20 hover:bg-bg-primary hover:shadow-sm">
                   <div className="w-12 h-12 flex items-center justify-center bg-brand/[0.06] text-brand mb-6 transition-colors duration-300 group-hover:bg-brand group-hover:text-white">
                     <item.icon className="w-5 h-5" />
                   </div>