# 拾声·河南 v1.0.22 · 内容增补与图像说明

本轮基于 v1.0.21 增量修改；版本目录、部署 ZIP、完整源码 ZIP 和加载的 CSS/JS 均标记 v1.0.22。旧版文件保留，没有向服务器自动发布。

## 三个重点章节

### 新声 · 今日河南

原来的声音索引扩展为四个可点选主题：算力与 AI、机器人、超硬材料、装备与轨道。每项都有缩略图、地域观察点、介绍文字、资料链接与声音线索。点击时背景继续使用双图交叉淡化，说明区柔和更新；快速连续选择会取消旧说明动画，最终落在新目标。

内容以实际公开资料为基础，不用空泛的科技口号替代事实。算力与 AI 联系中原科技城和郑州人工智能试验区；机器人联系郑州大学概念验证中心建设；超硬材料联系河南产业集群；装备与轨道联系硬岩隧道掘进等装备成果。公开采购/验收资料只作为中心建设的依据，不将其夸大为成熟商业化成果。

保留 2025 年 GDP 6.66 万亿元锚点，未重新加入排名轮播。科技资料核对时间与经济数据年份分别标注。

### 人间 · 中原

保留河南地图，在地图之后加入“中原粮仓”图文：麦田收获影像、冬小麦的秋播/春管/夏收过程、粮食与小麦产量。采用“全国重要粮食生产基地”表达，不写未经核实的全国唯一或全国第一。

2025 年全省粮食产量 6754.87 万吨，其中小麦 3749.64 万吨；两项数据同口径、同年份。农时说明属于概括展示，不作为农事指导。新按钮可聆听既有麦田声景。

### 文脉 · 千年回响

在既有石刻与材质体验之后加入清明上河园图文：宋韵虹桥缩略图、当代宋文化现场说明、市井声音入口，以及龙门石窟/殷墟的延伸阅读索引。明确清明上河园是当代主题园，不将生成图像视为景区实拍，也不混同为宋代原址遗存。

## 图像制作

采用内置 image_gen 生成三张独立概念图，没有调用付费 API CLI。生成原图已复制进项目，不依赖用户目录下的生成缓存路径。

| 网页文件 | 用途 | 原图 |
| --- | --- | --- |
| assets/images/v1.0.22/qingming-garden.webp | 文脉宋韵图文 | source-images/v1.0.22/qingming-garden.png |
| assets/images/v1.0.22/wheat-harvest.webp | 人间农业叙事 | source-images/v1.0.22/wheat-harvest.png |
| assets/images/v1.0.22/superhard-material.webp | 超硬材料缩略图及选中背景 | source-images/v1.0.22/superhard-material.png |

完整最终提示词保存在 `source-images/v1.0.22/prompts.json`。三个主题分别为：当代宋文化园林中的虹桥与水岸、初夏平原麦田机械收获、工业金刚石晶体与精密刀具。图片不带企业标识，不作为真实项目或实验的证据。网站用 960px WebP，原始 PNG 只留在完整源码包，既有计算设备、机器人、轨道照片继续复用。

## 交互与布局

- 新内容仍在原来的八个章节内，不增加弹窗、轮播库或滚轮劫持。
- 图片沿用按章节接近视区后加载；没有把新缩略图塞进入口请求。
- 真实按钮和链接具备 hover/focus 反馈，减少无意义的正文发光。手机按顺序自然纵向阅读，不强行挤进一屏。
- 测试中发现从别章直接点“市井声景”时，待执行的章节更新可能覆盖所选声音。已改为主动选声前先同步章节状态，并在测试中加入期望声源断言。
- 使用现有项目精修技能保持版式与技术栈一致；使用 GSAP Core 的可取消动画方式处理说明切换；图片生成技能用于补齐素材并保存原图、提示词和运行版资源。

## 资料来源（2026-09-14 核对）

1. [2025 年河南省国民经济和社会发展统计公报（河南日报刊载）](https://dzb.henandaily.cn/html5/2026-04/16/content_15_1789157.htm)：粮食、小麦与既有经济数据。
2. [河南省“十五五”规划纲要（河南人大网）](https://www.henanrd.gov.cn/2026/05-25/239944.html)：中原科技城、郑州人工智能试验区、超硬材料集群及装备成果。页面抓取曾返回 403，使用已返回的检索摘录核对上述限定事实，未推断未取得的细节。
3. [郑州大学具身智能与人形机器人概念验证中心采购项目](https://zfcg.henan.gov.cn/henan/content?channelCode=H600101&infoId=1818466)：采购及后续验收公告索引。
4. [清明上河园文化与科技场景介绍（河南省发改委）](https://fgw.henan.gov.cn/2025/03-24/3140197.html)：当代宋文化主题园的呈现方式。
5. [河南文旅文创融合观察（河南省政府网）](https://www.henan.gov.cn/2023/03-03/2699920.html)：龙门、殷墟与清明上河园等文化观察点。
6. [小麦抗旱与“一喷三防”技术指导（河南省农业农村厅）](https://nynct.henan.gov.cn/2025/04-25/3151908.html)、[河南省麦收基本结束](https://spzwxxj.henan.gov.cn/2025/06-10/3168045.html)：春管与机械化夏收背景。

## 验收证据与边界

五种视口：1920×1080、1440×900、1366×768、430×932、390×844。全站截图、三个内容区截图、切换与声音断言、录音/导出、资源加载与首屏预算结果位于完整源码包 `qa/`；本轮汇总为 `QA_SUMMARY_v1.0.22.json`。手机为 Chrome 模拟视口，录音为模拟麦克风，不冒充实体手机或实际听觉盲评。

部署包解压验证和首屏测试不等于线上已经更新。上传到宝塔后仍应核对版本、缓存、图片和声音资源；没有服务器发布连接，因此没有替用户上传或改动生产站点。


## 最终回归摘要

手机左上章标使用固定的深色阅读遮罩与短渐隐边缘，长正文经过其后方时不再串字。新声说明改为在桌面声音索引旁居中对齐，避免过低。

构建 CSS 49236 B，JS 98615 B。无缓存、80ms 网络延迟、CPU 4 倍降速，本地 30/6Mbps 模拟：

| 视口 | 带宽 | 非 HTML 传输 | 请求数 | loadEventEnd |
| --- | --- | --- | --- | --- |
| 1440×900 | 30Mbps | 495388 B | 6 | 1.969s |
| 1440×900 | 6Mbps | 495388 B | 6 | 2.734s |
| 390×844 | 30Mbps | 380314 B | 6 | 1.815s |
| 390×844 | 6Mbps | 380314 B | 6 | 2.618s |

上述是本地单次配置样本，不是线上秒开承诺，也不是 LCP 或设备 FPS。新增三张 WebP 合计 272482 B，按章节加载，不计入进入页首屏请求。所有本轮自动化断言通过；ZIP 解包后的根目录及子目录结果另见 outputs 下 DEPLOYMENT_CHECK_v1.0.22.json。


最终解包验证前已修复运行时版本号遗漏，并给性能测试、部署测试加入 `EchoesApp.version === "1.0.22"` 断言。最终代码、入口、VERSION.txt 与发布包统一为 v1.0.22。