锁定客户基准版并建立首页多版本预览

docs/final-audit/验收报告.md

@@ -0,0 +1,60 @@
+# WanderQ 官网全站最终验收报告
+
+日期：2026-08-12  
+环境：`http://127.0.0.1:5173/`  
+范围：首页、6 个主要栏目、线路/体验/美食/交通/酒店详情、咨询页、全屏菜单、站内搜索、中英文切换及移动端。
+
+## 验收结论
+
+当前版本已达到提交客户进行整站内容与视觉验收的条件。页面默认英文，中文切换正常；核心导航、详情页、咨询入口、图片加载与移动端布局均可用。生产构建、ESLint 与空白差异检查通过。
+
+仍不建议直接对外正式发布：客户尚需补齐酒店实景与授权、供应商和人员资质、正式合作背书、真实评价、实时价格与取消条款。这些属于业务真实性和交易条件，不应由开发侧推测或代填。
+
+## 验收步骤与健康度
+
+1. 页面覆盖与路由：通过。遍历 40 个内部路径，均存在主内容、页脚与英文页面状态。
+2. 视觉一致性：通过。首页、线路、体验、交通、酒店、咨询及代表详情页保持统一的低饱和绿色、编辑式排版和图片语言。
+3. 响应式布局：通过。桌面端与 390px 手机端无页面水平溢出；修复了移动端线路标题与主视觉层叠问题。
+4. 导航与链接：通过。主导航、全屏菜单和详情锚点可用；酒店菜单已由旧版酒店更新为客户确认的 8 家候选。
+5. 搜索与语言：通过。站内搜索可按中英文标题筛选线路、体验、酒店、美食等内容；中英文切换后页面语言属性同步，验收结束已恢复英文。
+6. 咨询表单：通过。姓名、联系方式与体验类型等必填项使用浏览器原生校验；本次未发送真实咨询数据。
+7. 图片与媒体：通过。可见图片均正常加载；批量检查中未发现完成加载后 `naturalWidth = 0` 的实际裂图。离屏懒加载图片不计为错误。
+8. 可访问性基础项：通过。页面使用主内容区、标题层级、对话框语义和可聚焦控件；全屏菜单打开后焦点进入关闭按钮，菜单与搜索可关闭并恢复触发点焦点。
+9. 工程检查：通过。TypeScript/Vite 生产构建、ESLint、`git diff --check` 均成功。当前仅有主 JavaScript 包超过 500 kB 的非阻断构建警告，后续可按页面拆包优化首屏性能。
+
+## 本轮修复
+
+- 修复线路详情标签在窄桌面宽度下越界。
+- 修复手机端线路页标题被主视觉遮罩覆盖。
+- 修复交通页、酒店页重复一级标题。
+- 将全屏菜单酒店入口更新为客户新版 8 家候选，并连接到对应页面卡片。
+- 为全屏菜单补充打开焦点、关闭后焦点恢复和 Escape 键处理。
+- 将搜索框由静态输入升级为可筛选的站内内容搜索，并增加无结果提示。
+- 补充搜索对话框标题关联和搜索输入类型。
+
+## 客户确认前必须补齐
+
+1. 8 家特色酒店的真实原图、拍摄主体与商业使用授权，以及图片与酒店/房型的准确对应。
+2. 酒店正式中英文名、经营和预订主体、准确地址、现行营业状态、境外客人登记方式、消防与重点安全信息。
+3. 户外与文化体验的具名运营方、老师/向导/领队资质、装备、保险、应急与撤离方案、当前可约日期。
+4. 合作机构、媒体推荐、行业会员或政府合作的正式文件和 Logo 使用授权；未提供前不展示暗示性背书。
+5. 可公开的真实英文评价，以及照片、国籍、人数、线路、原始评价和授权之间的对应关系。
+6. 当前价格、房态或活动名额、报价包含/不含、税费、预付、支付、取消、退款和变更条款。
+
+## 截图证据
+
+- `01-home.png`：桌面首页
+- `02-routes.png`：线路栏目
+- `03-experiences.png`：体验栏目
+- `04-transport.png`：交通栏目
+- `05-hotels.png`：特色酒店
+- `06-contact.png`：咨询页
+- `07-route-detail.png`：线路详情
+- `08-experience-detail.png`：体验详情
+- `09-contact-validation.png`：咨询表单校验
+- `10-mobile-home.png`：手机端首页
+- `11-mobile-routes.png`：手机端线路
+- `12-mobile-experience.png`：手机端体验详情
+- `13-mobile-contact.png`：手机端咨询
+- `14-menu.png`：全屏菜单与新版酒店入口
+- `15-search.png`：站内搜索结果