Task 11 (layout port finale): rebuild the five thin variant pages in the
sf-tp design language, informed by upstream industrial/automotive
1.3.0/1.4.0 information architecture.
- brand: page-hero (breadcrumb Home > Brands > name, cover bg, anchor
button) + related-product card grid (fields.brand == page title) +
brand profile body only when authored; derived placeholder summary
excluded, empty brands get an empty state, never fabricated intros.
- service: page-hero + 1.2/0.8 detail grid (article-body typography +
sticky CTA card with contact/back links); empty body collapses to a
centered solo column with the CTA card kept.
- faq: page-hero + article-body for the rich-text body (platform has no
faq content type; sanitize strips details/summary so the typography
layer carries it, block-driven details coexist via sf-canvas) +
dark contact-guidance card; empty body swaps to an empty state.
- search: adopts the same platform mechanism as all four upstream
themes (site-runtime.js ?q= client search over dist-root
search-index.json); #sf-search/#sf-search-results/#sf-search-count
hooks and .sf-search-page kept as JS contract, panel and injected
result cards restyled via scoped cms-token overrides.
- notfound: branded dark-band 404 (icon macro, giant 404 h1, English
copy, back-home + browse-products buttons); no end-cta.
CSS: Task 11 block appended to pro.css (new sf-tp-* classes only, own
900/620 media queries; shared hero/grid/typography responsive rules
come from existing 10a/10c/10d blocks; search overrides beat
factory.css by specificity without touching hooks).
Tests: test_trade_pro_variant_pages_structure covers brand fixture
(related filtering, empty forms), service/faq body-vs-empty, search
mechanism contract + noindex + index asset, 404 structure, v3 spot
checks (single h1, chrome, SVG arrows) and clean build report.
Co-Authored-By: Claude Code <noreply@anthropic.com>
浅念
391d22f1a8