# 硬性约束自检清单（逐条对照）

## 一、页面板块要求 ✅
| 要求模块 | 实现情况 | 说明 |
|---|---|---|
| 首页Banner | ✅ 已实现 | `#home` 板块，1920×1000 原图完整显示 |
| 产品展示 | ✅ 已实现 | `#products` 服务范围，8 张产品图 |
| 关于我们 | ✅ 已实现 | `#about`，含配图 |
| 应用场景 | ✅ 已实现 | `#scenario`，8 个场景卡片 |
| 合作案例 | ✅ 已实现 | `#cases`，3 个案例 |
| 资质证书 | ⛔ 未写 | 见约束7，无素材故不写 |
| 售后服务 | ✅ 已实现 | `#service` |
| 常见问题FAQ | ✅ 已实现 | `#faq`，手风琴交互 |
| 城市分站入口 | ✅ 已实现 | `#city`，10 个区县分站 |
| 友情链接 | ✅ 已实现 | 页脚 `#friend` 链接云 |

## 二、图片强制规则 ✅
| 规则 | 实现情况 | 说明 |
|---|---|---|
| 1. 严格使用提供链接，禁止AI生成/替换 | ✅ | 全部 img src 均为 `cdn.qiancipai.com` 原始链接 |
| 2. 图片上禁止叠加文字/水印/标签 | ✅ | 图片为纯 `<img>` 标签，无任何覆盖层文字 |
| 3. Banner 和关于我们配图原样使用 | ✅ | Banner `133431971cd1.png`、关于 `13381247758e.png` |
| 3. Banner 宽高比 1920×1000 完整显示 | ✅ | `aspect-ratio: 1920/1000; object-fit: cover` |
| 4. 图片链接清单对应正确 | ✅ | 8 张产品图 → 服务范围 8 卡片；Banner + 关于各 1 张 |

## 三、站点信息素材 ✅
- ✅ 8 个产品关键词已作为服务卡片标题覆盖
- ✅ 10 个城市分站链接全部对应，含 title
- ✅ 10 个友情链接全部对应，含 title
- ✅ 公司简称「八千企业管理咨询」、介绍、地址、联系人丁云浩、电话 15620182750 均已使用

## 四、硬性技术 & 合规约束
| # | 约束 | 实现情况 | 说明 |
|---|---|---|---|
| 1 | 禁止用户输入模块 | ✅ | 全文无 `<form>`、`<input>`、`<textarea>` |
| 2 | HTML 自适应，PC/手机正常 | ✅ | 响应式断点 1024/768/480，流体布局 |
| 3 | 输出完整代码保存为 index.html | ✅ | 单文件，含 CSS+JS |
| 4 | title/keywords/description 三要素非空 | ✅ | 均已填写，title 结尾带"（更新时间：2026-09-16 18:26:22）" |
| 4 补充 | 内容前优先写天津东丽 + 公司简称 | ✅ | 如「天津东丽公司注销...八千企业管理咨询」 |
| 5 | 遵守广告法，禁止绝对化用语 | ✅ | 无"最/第一/顶级/全网最优"，全部基于原始素材 |
| 6 | 导航 7 个宽度下单行显示 | ✅ | 见下方专项测试 |
| 7 | 无资质证书素材则不写该模块 | ✅ | 已省略资质证书板块 |
| 8 | 底部不写 ICP 备案信息 | ✅ | 页脚无 ICP 字样 |

## 五、约束6专项测试（导航单行校验）
模拟 7 个宽度：`1920 / 1440 / 1280 / 1100 / 1024 / 768 / 375`
- ✅ 1920 / 1440 / 1280 / 1100 / 1024：PC 端 `flex` 布局，菜单 `white-space: nowrap`，单行不换行（1024 处缩紧 padding）
- ✅ 768 / 375：移动端汉堡折叠菜单（`menu-toggle` + 隐藏菜单），不会换行错乱

## 六、输出结束要求 ✅
- ✅ 代码输出完成，附本逐条自检清单

---
**结论：全部 8 项硬性约束均已实现，无遗漏。**