hesu-JT/docs/superpowers/plans/2026-08-17-static-v2-sync-report.md

# 静态 v2 → 主题同步 变更对照报告（2026-08-17）

基线：分支 `wordpress-theme` @ `66288c5`。本报告由变更分析代理产出，是 v2 同步的实施依据。
用户决策：① footer-top 按正确闭合处理（不复刻嵌套）；② 两处原文疑似错误（"Four Core Businessesk"、"99% Awards Winner"）原样复刻。

---

## 〇、全局公共变更（10 页共有）

### Header — Business mega（inc/walker-mega.php + fallback）
- `.mega-left`：kicker/desc/cta 全部移除，只留 `<h3 class="mega-title">Four Core Businesses</h3>`。
- `.mega-right` 卡片重排（Auto Export → HESU PIPE → Global Logistics → After-sales），`mega-card-text` 只留 `<h4>`（无 p 描述），无 ph-label。

### Header — About mega
- `.mega-left` 完全清空（留空 div）。
- `.mega-right` 缩为 2 卡：Company Overview（about-us.html，ph-easterneurope）、Company History（development-history.html，ph-middleeast）。

### Footer（footer.php + walker-mega）
- `.footer-social`：4 个内联 SVG → `<img>`：TikTok.png/Facebook.png/Instagram.png/whatsapp.png（LinkedIn 被 Instagram 替换，aria-label 同步）。
- footer 按正确闭合处理（用户决策，不复刻旧 10 页的嵌套错误）。
- Business 栏 4 条指向真实业务页；About Us 栏 "Company Profile"→"Company Overview"；News 栏 4 条 → 新闻详情（139th Canton Fair / Dubai Branch Opens / West Africa Factory / Clients Visit HQ）。

## 一、逐页正文变更

### index.html
- bento 标题改全大写 "STRONG RESOURCES, RELIABLE DELIVERY"（CSS 另加 text-transform 兜底）。
- `.cell-banner`：kicker 注释掉；banner-title = "Four Core Businessesk"（原样复刻错字）；背景 image/home/Mask1.jpg（CSS）。
- 所有 `.ph-label` 删除。
- presence `.section-lead` 文案整段替换（无 strong）。
- network 卡 ph class → `ph-service1..4`。
- partner 特性 li 只留 `span.pf-ico > img`（strong 词删除）。
- news 卡：news-meta 注释掉；标题新文案；链接 → 详情页。

### about-us.html
- `#au-3` 新增 `div.au-zoom-mask`（JS 驱动 0→0.8）；`.au-logo-big img` → image/hs.png；**theme js/about-us.js 照抄根 v2**。
- `.au-gps__cards` 4 卡：div 占位 → `<img class="au-gps__card-img" src="image/about-us/Global1..4.jpg">`（元素类型变了）。
- `.au-gps__wide-img` → `<img src="image/about-us/about.jpg">`。
- 数据轮播 3 卡 → 4 卡（新首卡 Auto Export/ph-aboutlb1；HESU PIPE/Cross-Border Logistics/After-sales & Modification）。
- `.au-gps__feature` 重构：feature-overlay 删除 → `.au-gps__feature-copy` > `p.au-gps__feature-title`（"Core Strengths"）+ `div.au-gps__feature-list` > 4 个 p（Integration Strength / Operational Know-how / One-Stop Export / Digital Management）；feature-img 背景 image/about-us/right.jpg（CSS）。

### after-sales.html
- hero bg → image/After-sales/banner.jpg；`a.bp-hero__scroll` 删除。
- `.bp-cap__ico`：内联 SVG span → `<img src="image/After-sales/{...}.png">` ×4。
- intro 图 → image/After-sales/Business-Introduction.jpg。
- `.as-svc__ring`：内联 SVG → `<img src="image/After-sales/Service1..6.png">`（名称不变）。
- `.as-region__head` 文案替换。
- `.as-loc` ×3 大幅简化：body 全删，只剩 `div.as-loc__media > img` + `span.as-loc__title`（"Zhengzhou<br/>China" 格式）；图 After-sales/{Zhengzhou,Dhabi,ghana}.jpg。

### auto-export.html
- scroll 删除（hero 背景不变）。
- `.ae-models`：ul.ae-models__tags 整块删除；body 拆成两个 `p.ae-models__body`（无 bp-body），文案重写。
- `.ae-map`：5 个 ae-marker 与 ul.ae-map__legend 全删，只剩 `img.ae-map__img`。

### building-materials.html
- scroll 删除。
- `ul.bp-stats` → `ul.bp-caps`：`li.bp-cap` > `img.bp-cap__ico`（image/pipe/years|countries|parters|lines.png）+ 单个 `span.bp-cap__label`（"25+ Years"/"100+ Countries"/"1,000+ Partners"/"116 Lines"）。
- 产品卡 SVG → `<img src="image/pipe/Product1..5.png">`（名称不变）。

### contact.html
- hero bg → image/contact-us-bnner.jpg；`p.ct-hero__sub` 删除。
- `.ct-map` 完全重做：`div.container > div.ct-map__box` > [iframe.ct-map__frame + div.ct-map__veil + div.ct-map__info > h3.ct-map__info-title "Contact Information" + dl.ct-map__list > 3 × div.ct-map__item（img.ct-map__ico = tel.png/email.png/address.png + div.ct-map__item-text > dt+dd）]。数据：TEL/WhatsApp +8613526635577；Send Email @hesucar.com；Address Building 17-6, 279 Xisanhuan Road, Zhengzhou, Henan, China。背景 image/map-bg.png（CSS）。

### development-history.html / global-presence.html
- 前者正文无变化；后者仅 `.gp-hint`（span.mouse 滚动提示）注释掉。

### news.html
- hero bg → image/news/news-banner.jpg；`p.nw-hero__sub`、`a.nw-hero__scroll` 删除。
- 列表容器 DOM 未变（由 news.js 渲染）。

### news-detail.html（全新页，body.is-news）
```
main.nd-main
├ section.nw-hero（与列表页同款：bg=image/news/news-banner.jpg、title="NEWS"；无 sub/scroll）
└ div.nd-body
  ├ a.nd-back "← Back to News"
  ├ div.nd-meta > span.nd-meta__cat#ndCat（日期 span 被注释——不显示）
  ├ h1.nd-title#ndTitle
  ├ div.nd-article#ndArticle（3 个 <p> 与 2 个 figure.nd-figure>img 交替；图 image/news/detiles{1..4}-{01,02}.jpg）
  └ div.nd-nav#ndNav（a.nd-nav__item.nd-nav__prev/.nd-nav__next > span.nd-nav__label("Previous"/"Next") + span.nd-nav__title）
```
CSS: css/news-detail.css（113 行，.nd-* 全套：860px 版心、figure img 80% 宽居中、nd-nav 双列、680px 断点）。JS: js/news-detail.js（117 行，?id=N + 4 篇文章数据；**不迁移**——single-news.php 服务端渲染，reveal 由主题 main.js 扩展覆盖）。

## 二、CSS/JS 变更

- 主题 css/ 需照抄覆盖：style.css、business.css、about-us.css、after-sales.css、auto-export.css、building-materials.css、global-logistics.css、news.css（8 个）。
- contact.css：**合并**——根 v2 全文 + 重追加主题 CF7 桥接段（现 theme 版 L211-300，约 90 行，与 v2 无冲突）。
- 新建 css/news-detail.css；news-single.css 废弃删除（同步改 inc/assets.php）。
- js/about-us.js：照抄覆盖（+zoomMask 逻辑）。
- js/main.js、js/contact.js：根未改，主题版零动作。
- js/news.js：不迁移；但 archive-news.php 跟随——`.nw-row__more` 内 `<span class="arrow">→</span>` 删除、新增 `.nw-empty` 空态（"Coming soon — no {cat} yet."，空分类时隐藏分页）。
- style.css `.ph-*` 新映射：ph-materials→HESU-PIPE.jpg、ph-auto→Auto-Export.jpg、**ph-aftermarket→Global-Logistics.jpg、ph-logistics→After-sales.jpg（名字对图互换，照抄）**、ph-middleeast→Company-History.jpg、ph-easterneurope→Company-Overview.jpg、ph-fair/dubai/factory/visit→home/new1..4.png；新增 ph-aboutusright/ph-aboutlb1/ph-service1..4；保留 ph-centralasia/ph-africa（home/Service2/4.jpg）/ph-warehouse/ph-logistics2/ph-exportcars。

## 三、图片资产

新增（复制进 theme image/）：根目录散图（After-sales.jpg、Auto-Export.jpg、Company-History.jpg、Company-Overview.jpg、Global-Logistics.jpg、HESU-PIPE.jpg、Facebook.png、Instagram.png、TikTok.png、whatsapp.png、address.png、email.png、tel.png、hs.png、map-bg.png、contact-us-bnner.jpg）+ 目录（After-sales/、about-us/、global-logistics/、news/、pipe/Product1..5.png、home/Mask1.jpg+new1..4.png）。`image/history/development-history-bnner.jpg` 是孤儿文件（无引用，可跳过）。删除 image/aboutus2.jpg（主题侧载清单/markup/news-data 共 5 处引用需换新）。

## 四、差距总结（实施清单）

| 主题文件 | 动作 |
|---|---|
| theme css ×8 + news-detail.css | 照抄覆盖 / 新建 |
| theme css/contact.css | 合并（v2 + CF7 桥接段） |
| theme js/about-us.js | 照抄覆盖 |
| theme image/ | 复制新增 + 删 aboutus2.jpg |
| footer.php + inc/customizer.php | 社交 img 化 + linkedin→instagram 设置；新闻 hero 默认 → image/news/news-banner.jpg |
| inc/walker-mega.php | mega 重构（Business 只留 title；About 空 left + 2 卡；卡片无 p）+ fallback v2 |
| blocks/hero | block.json showScroll default → false |
| blocks/banner-cell | kicker 空则不输出 |
| blocks/partner | strong 词删除（或空不输出） |
| blocks/news-grid | news-meta 删除 |
| blocks/model-list | tags 删除；body 两段（p.ae-models__body ×2） |
| blocks/feature-cards | ae-marker 提取与 legend 输出删除 |
| blocks/feature-card | as-svc/gl-svc SVG→img；as-loc 重写（media + as-loc__title） |
| blocks/product-card | img 分支对齐 aria-hidden；seed 传 imgUrl |
| blocks/cap | 支持第二个 label（物流页双 label） |
| blocks/au-screen-2 | 加 .au-zoom-mask |
| blocks/au-gps | 重写（cards/wide img 化、4 数据卡、feature-copy） |
| blocks/gp-screen | gp-hint 可省略/删除 |
| blocks/contact-map | 完全重写（box/veil/info/dl） |
| archive-news.php | 去 hero sub/scroll；arrow span 删；nw-empty 空态 |
| single-news.php | 按 news-detail.html 重写（nd-*）；assets.php 换 news-detail.css |
| seed/markup.php | 全页更新（含 showScroll:false、新 phClass、caps、新结构属性） |
| seed/news-data.php | 重写：4 篇 v2 文章（p/figure 交替正文） |
| inc/seed.php | 侧载清单增删；页面 thumb 更新（after-sales/global-logistics/contact） |