feat(ui): 营销站 UI/UE/UX 治理 P0→P3 收官

复评（impeccable critique）全部 Priority Issues 与 Minor Observations 落地：
- P0 数字口径：MetricsBasisNote 单一真源 + metrics-basis.test fs 防线，接入
  products/solutions/services/home/about；纯渲染端加角注，不动 DB/seed 值
- P1 转化断头路：敬请期待态 + 404 语境出口 + services 空态双出口
- P1 首页并卡：TrustSection 早鸟横幅并入 CasesSection 单张深色共创卡
- P2 CTA 治理：CONSULT_CTA_ALLOWLIST 白名单 + 逐字符扫描器，/contact CTA 全归一
- P3 polish：footer 补 服务/公司列、contact 死三元/空槽/toast、GlobalErrorTracker 幂等日志
- 文档同源：PRODUCT/CONTEXT 动效带统一 180–280ms；DESIGN.md 立 The 10px Floor；
  font-floor.test 守卫禁止再引入 <10px（保留 10/11px 有意 Bain 微标签）

Gates: type-check 0 · jest 1581/132 · lint 0e/126w · contrast 7/7 · headings 10/10

CLAUDE.md

@@ -145,7 +145,7 @@ All visual tokens are defined as **CSS custom properties** in `src/app/globals.c
 - **Colors**: `--color-ink` (deep charcoal #0A0E14), `--color-brand` (vermilion #C41E3A), accent colors for service-coding (blue, teal, amber, purple), functional colors (success, warning, error, info), dark-section overrides
 - **Typography**: `--font-size-*`, `--line-height-*`, `--letter-spacing-*` all mapped to Tailwind's `fontSize`/`lineHeight`/`letterSpacing` scales
 - **Spacing, radius, shadows** all tokenized through CSS variables
-- **Transitions**: `--transition-fast/normal/slow`, `--ease-ink` (cubic-bezier), `--ease-sharp`, `--ease-spring-soft`
+- **Transitions**: `--transition-fast/normal/slow`, `--ease-ink` (cubic-bezier), `--ease-sharp`（`--ease-spring*` 死令牌已于 2026-09-19 polish 删除）
 - **Dark mode**: `data-theme="dark"` attribute (set via inline script before paint to prevent flash); flipped by the `[data-theme='dark']` override block in `globals.css`, which only re-maps CSS variables — components do not restyle per element
 
 ### Design DNA Framework
@@ -156,7 +156,7 @@ The site follows a three-dimensional design system (see `CONTEXT.md`):
 
 The **Consulting Professional** aesthetic (inspired by Accenture + Bain) is the primary skeleton. **Ink cultural elements** (水墨) are secondary decorations limited to ≤6 locations (logo, dividers, transition animations, footer texture).
 
-**Brand red (#C41E3A) usage rule**: Every page must have ≥3 brand-red touchpoints. It must never be used as paragraph text color, large backgrounds, or alongside accent colors in the same card. Area ≤10%.
+**Brand red (#C41E3A) usage rule**: Every page must have ≥3 brand-red touchpoints. It must never be used as paragraph text color, as a large background, or alongside accent colors in the same card. Area ≤10%. Exception: full-bleed dark-red statement/CTA blocks use the separate `crimson-veil` (#8B1530) token — see DESIGN.md「Crimson Veil」(rule clarified 2026-09-19 critique to resolve this apparent contradiction).
 
 **Motion design**: Animations are purposeful (not decorative), fast (150-300ms), use `ease-ink` [0.22, 1, 0.36, 1] as default easing, and stagger children by 30-60ms. No continuous looping animations except pulse-soft for skeletons. No spring easings for content entry. No animations >700ms.
 
@@ -182,7 +182,7 @@ The project has a backend layer for admin/auth/CMS functionality:
 ```
 src/components/
 ├── ui/              # Base: Button, Card, Input, Badge, ScrollReveal, AnimatedCounter, etc.
-├── layout/          # Header, Footer, MobileTabBar, Breadcrumb, MegaDropdown, MobileMenu
+├── layout/          # Header, Footer, MobileTabBar, Breadcrumb, MegaDropdown（MobileMenu 已删除，抽屉内置于 Header）
 ├── sections/        # Page section components: HeroSectionV2, ServiceGrid, CTASection, etc.
 ├── detail/          # Four-layer narrative: DetailHero, ProductValueSection, DetailTrustSection, etc.
 ├── seo/             # Structured data (OrganizationSchema, WebsiteSchema, etc.)