# 五个首页：范围与复核记录

用户最新纠正：“只根据我提供的首页重构5个版本首页，多线程执行 互相不要参考视觉”。本批仅新增5个完整首页，旧A-D及全部业务内页保留。

## 独立性

每个设计代理使用无历史视觉上下文的独立线程，分别亲自查看用户原图；不得读取旧版本、已中断全站草稿或兄弟首页的视觉代码。共享官方AlignUI基础组件、字体、纯示例数据和既有AppProvider功能API。主代理只做路由接线、范围/质量复查和交付记录。

每套首页使用独立CSS命名空间 home-one 至 home-five；各自文件为 components/home-redesign/one 至 five 的 .tsx、.css、DESIGN-*.md。路由为 /home-1 至 /home-5。

## 本批复核范围

- 全部首页模块：导航、首屏、工作者、服务、PRO认证与平台数字、三步流程与五项优势、交易保障、评价与反馈、工作者招募、准备开始、帮助搜索、完整页脚。
- 只读源码核对：官方原子组件引用、样式命名空间、未越界互相引用、原有90份内页/共享源码SHA256。
- 工程校验：TypeScript、相对既有基线的ESLint、Next静态构建与本地字体/CSS。
- 浏览器实际复核：桌面、390手机、深色；职业分类、评价轮播、帮助搜索与本地提示。
- HTTP：新增首页、已有业务入口、截图索引及代表性静态资源。

本批实施与下述工程、浏览器、HTTP复核已完成。用户对五套视觉的最终选择尚未确认，不把浏览器检查等同于像素级一致或用户验收。

## 最终结果（2026-10-03）

统一入口：http://127.0.0.1:3017/ 。独立首页为 /home-1、/home-2、/home-3、/home-4、/home-5。截图索引为 /verification/home-redesign-screens/index.html。每个首页都从首屏一直做到帮助区和完整页脚，均覆盖原图12个模块。

| 模块 | 方案1 | 方案2 | 方案3 | 方案4 | 方案5 |
| --- | --- | --- | --- | --- | --- |
| 导航与账号入口 | 完整 | 完整 | 完整 | 完整 | 完整 |
| 首屏与寻找工作者 | 完整 | 完整 | 完整 | 完整 | 完整 |
| 工作者、职业分类、认证与评价 | 完整 | 完整 | 完整 | 完整 | 完整 |
| 服务、分类、封面与报价 | 完整 | 完整 | 完整 | 完整 | 完整 |
| PRO条与五项平台数字 | 完整 | 完整 | 完整 | 完整 | 完整 |
| 三步合作流程与五项优势 | 完整 | 完整 | 完整 | 完整 | 完整 |
| 深色交易保障与四项说明 | 完整 | 完整 | 完整 | 完整 | 完整 |
| 用户评价与反馈入口 | 完整 | 完整 | 完整 | 完整 | 完整 |
| 深色工作者招募 | 完整 | 完整 | 完整 | 完整 | 完整 |
| 准备开始与人物/地球插画 | 完整 | 完整 | 完整 | 完整 | 完整 |
| 帮助搜索与问题内容 | 完整 | 完整 | 完整 | 完整 | 完整 |
| 完整深色页脚 | 完整 | 完整 | 完整 | 完整 | 完整 |

### 工程与隔离

- 最终 pnpm build:checked 通过，记录时间2026-10-03T13:04:44.184Z；类型错误0、相对既有基线新增ESLint错误0、构建退出0。整个项目仍有24个既有lint错误、11个警告，不能称全仓库lint零错误。基线错误29个。
- scripts/audit-home-redesign-source.mjs 通过：五套TSX/CSS无兄弟首页/旧视觉引用，CSS全部位于各自命名空间，本地引用图片存在；原有versions、innhee、ui共90份源码SHA256全部保持。
- 独立只读审查代理再次核对当前源码与报告哈希、五个静态HTML及实际CSS字节，未发现新问题。
- 各套使用官方AlignUI Button、Input、Badge等原子组件；第2套使用SegmentedControl，第3套使用Accordion，部分使用Avatar/CompactButton。首页业务布局与音波/地球图形是各代理独立组合，不标称官方Pro整页模板。
- 主代理修正了第1/4套鹿鸣头像、第2/3套自身首页链接的访客参数，以及第4/5套手机客服图标的可访问名称。只涉及功能与数据一致性，没有在设计线程之间交换视觉。

### 浏览器实显

15组：5套×浅色桌面1440×900、浅色手机390×844、深色桌面1440×900。全部完整滚动并检查，保存原生完整JPEG截图；15组均无文档横向溢出、全部图片加载成功、本地字体状态loaded。

| 方案 | 桌面完整页高 | 手机完整页高 | 深色完整页高 | 手机首屏标题 |
| --- | ---: | ---: | ---: | --- |
| 1 | 7002 | 9158 | 7002 | 44.8px / 600 |
| 2 | 6534 | 9383 | 6534 | 44px / 600 |
| 3 | 7737 | 10097 | 7737 | 44px / 600 |
| 4 | 6413 | 9154 | 6413 | 47.97px / 600 |
| 5 | 6792 | 10225 | 6792 | 44px / 600 |

上表为DOM尺寸；原生JPEG在滚动条/子像素舍入上可能相差1px。标题h1/h2实测字重600，中文letter-spacing normal（默认零字距）。各套有自己的文字尺度；未使用其他版本的样式。

截图前真实滚动预热懒加载头像；未裁剪、拼接、改色、转码或用图片软件调整结果。完整截图为home-N-desktop.jpg、home-N-mobile.jpg、home-N-dark.jpg；另存手机首屏、五套反馈状态、手机菜单和登录弹层等原生截图。旧截图索引继续保留为历史记录，没有重标为新版本证据。

### 实际交互

五套均点击工作者“歌手”与服务“歌手”：工作者由4人筛到林予声1人，服务由2项筛到演唱录制1项。五套均点击下一条评价，文字、人物和序号实际变化。

| 方案 | 搜索匹配 | 无匹配提示 | 反馈实际状态 |
| --- | --- | --- | --- |
| 1 | 收费，展开收费说明 | 没有找到相关问题 | 暂不可用，内容未发送 |
| 2 | 价格，找到1条帮助内容 | 没有匹配的帮助内容 | 未发送，服务暂未接入 |
| 3 | 报价，展开报价说明 | 暂未找到相关问题 | 提交失败提示 |
| 4 | 收费，显示收费与服务说明 | 没有找到对应查询 | 暂未接入，消息尚未发送 |
| 5 | 收费，展开收费说明 | 暂未找到相关问题，可清空 | 原型未发送任何内容 |

另验证五套访客模式：155个跨业务或自身首页链接全部保留guest=1。第5套登录弹层打开正常；Escape关闭后弹层消失、焦点恢复“登录 / 注册”，没有填写或提交账号。第1套390手机导航展开/关闭正常。浏览器完成后已恢复浅色与默认视口。

本批没有新增/运行UI单元测试。上面是实际浏览器操作与DOM/截图证据，没有把源码存在视为点击成功，也没有执行真实登录、发送或支付。

### 本地交付

GET-only HTTP复核通过：58次请求，无失败；涵盖5个新首页、根入口、代表性/c业务页、新截图索引、历史文字层级索引、编译静态资源与头像。15张完整截图均HTTP200、有效JPEG，HTTP字节SHA256与本地原件相同。

当前静态预览由pnpm preview的Node进程86432服务127.0.0.1:3017，输出目录out。它不自动热更新；以后修改源码需要重新构建，再运行截图索引镜像脚本。没有提交、推送或部署。

## 文件关联

- components/home-redesign/BRIEF.md：最新范围与唯一原图合同。
- components/home-redesign/one.tsx至five.tsx、对应.css和DESIGN-*.md：五套独立实现、样式与每个线程的设计依据。
- app/home-1/page.tsx至app/home-5/page.tsx：独立路由与既有AppProvider接线；app/page.tsx为总入口。
- verification/home-redesign-reference.jpg：用户原图字节副本。SHA256为08C22F6C4880F840DC0F3BC633EA7DF28D6573E2B79D2515535C97797CE2857D。
- verification/home-redesign-preserved-files.json与home-redesign-source-audit.json：旧源码基线与结束时对照结果。
- verification/build-summary.json：最终类型/lint基线/构建记录。
- verification/home-redesign-browser.json：15组真实渲染指标、五套交互文本、访客链接与登录/菜单结果。
- verification/home-redesign-http.json：本地页面/资源/截图字节验证。
- verification/home-redesign-screens/index.html及.jpg：五套完整截图对照与原始截图。
- scripts/audit-home-redesign-source.mjs：只读源码/隔离/图片与保留文件审计。
- scripts/audit-home-redesign-http.mjs：GET-only交付审计。
- scripts/index-home-redesign.mjs：生成截图索引，按白名单原样镜像到out/verification。
- D:/inhe测试/2026-10-03-五个首页独立重构与文件关联.md：本次对话纠正、执行过程、文件用途及最终结果。

## 用户视觉验收待办

在统一入口逐一打开五个完整首页，比较首屏、卡片、文字层级、按钮与全部模块；手机实机体验与最终方案选择由用户确认。当前记录证明本地实现与列出的复核完成，未宣称与原图1:1或完整无障碍合规。

## 边界

卡片与营销数字为示例数据或原图文案。本批没有对接真实登录、客服、交易、资金托管、订单或反馈发送。首页导航沿用/c内页；原有登录和通知弹层为功能复用。未提交、推送或部署。