# 硬性约束自检清单（逐条对照 1-10 项）

> 说明：本清单逐条对照「四、硬性技术&合规约束」及「一、二、五」各要求。✅=已实现。

## 一、页面板块要求（11 个模块）

| # | 要求模块 | 状态 | 实现位置 |
|---|---|---|---|
| 1 | 首页Banner | ✅ | `.banner` + 1920×1000 原图 |
| 2 | 产品展示 | ✅ | `#products` 8 张产品图 |
| 3 | 关于我们 | ✅ | `#about` + 配图 |
| 4 | 应用场景 | ✅ | `#scenes` 6 张卡片 |
| 5 | 合作案例 | ✅ | `#cases` 3 个案例 |
| 6 | 资质证书 | ✅（已省略，见约束9） | 未写代码 |
| 7 | 售后服务 | ✅ | `#service` 4 项 |
| 8 | 常见问题FAQ | ✅ | `#faq` 5 条手风琴 |
| 9 | 城市分站入口 | ✅ | `#cities` 10 站 |
| 10 | 友情链接 | ✅ | `#links`（空，预留） |
| 11 | 适配浙江宁波场景 | ✅ | 文案/标题/描述/CDK 均优先写「浙江宁波」 |

## 二、图片强制规则

| # | 规则 | 状态 | 说明 |
|---|---|---|---|
| 1 | 严格使用提供的图片链接，禁止AI自生成/替换 | ✅ | 全部 `img` 的 `src` 均为 `http://cdn.qiancipai.com/...` 原始链接，**未引入任何外部/AI图片** |
| 2 | 图片上禁止叠加文字、水印、标签 | ✅ | 所有图片为纯 `<img>` 标签；应用场景/案例的文字是**独立于图片之外的HTML叠加层**（`.scene-info` 为独立 div，非图片本身），Banner 与关于我们配图无任何叠加 |
| 3 | Banner图与关于我们配图原封不动使用，Banner 1920×1000 完整显示 | ✅ | Banner 用 `Image260912151714240f93.png`，`aspect-ratio:1920/1000` + `object-fit:cover` 完整显示；关于用 `Image2609121416515677b6.png` |
| 4 | 图片链接清单 | ✅ | 8 张产品图 + 1 Banner + 1 关于配图，全部严格对应清单，无遗漏、无新增 |

## 三、站点信息素材

| # | 项目 | 状态 | 说明 |
|---|---|---|---|
| 1 | 产品关键词覆盖 | ✅ | 全部 8 个关键词均已出现在产品卡/标题/description 中 |
| 2 | 城市分站 10 条 | ✅ | 名称与 URL 完全对应素材，逐条使用 |
| 3 | 友情链接 | ✅ | 素材为空，仅预留容器，未虚构 |
| 4 | 公司基础资料 | ✅ | 公司名、介绍（改写）、地址、罗经理、18625231208 全部真实使用 |

## 四、硬性技术 & 合规约束

| # | 约束 | 状态 | 说明 |
|---|---|---|---|
| 1 | 禁止任何用户输入模块（无表单/留言/输入框） | ✅ | 全文件零 `<form>`、零 `<input>`、零 `<textarea>` |
| 2 | HTML 自适应，PC/手机正常显示 | ✅ | 采用响应式 + 4 个断点（1024/768/480） |
| 3 | 输出完整代码保存为 index.html | ✅ | 单文件，可直接保存运行 |
| 4 | title/keywords/description CDK 非空，优先写浙江宁波，公司简称在后 | ✅ | title：`浙江宁波柳桉木户外用材..._良熙木材`；keywords 每条以「浙江宁波」开头；description 首句即「浙江宁波良熙木材...」 |
| 5 | 遵守广告法，禁止绝对化用语，基于原始素材改写 | ✅ | 全文无「最/第一/顶级/全网最优」等词；描述为「表现良好/结构稳定/合理建议」等客观表述 |
| 6 | 页面风格结合浙江宁波+主营产品 | ✅ | 主色 深绿（园林木作）+ 金（木色），呼应户外木材；文案绑定宁波 |
| 7 | 导航栏在 1920/1440/1280/1100/1024/768/375 共 7 档宽度保持单行，768/375 折叠 | ✅ | 桌面端（≥1025）`.nav-menu{display:flex}` 强制单行；平板(1024) 仍单行；768/375 触发 `.nav-toggle` 汉堡折叠菜单，不会换行错乱。见下方「导航专项校验」 |
| 8 | 不新增虚构数据/案例/证书；资质证书仅预留展示位且用产品图填充 | ✅→按约束9处理 | 因约束9优先级，资质证书模块**整体不写**（见第9条） |
| 9 | 未提供资质证书图片和文字资料 → 不需要写此部分代码 | ✅ | 全文件**无「资质证书」模块**，产品图全部用于产品展示，未挪作「证书填充」 |
| 10 | 网页底部不要写 ICP 备案信息 | ✅ | footer 仅版权 + 主营产品描述，**无 ICP 号** |

## 五、输出结束要求

| # | 要求 | 状态 |
|---|---|---|
| 1 | 代码输出后逐条对照 1-8 项做自检清单 | ✅ | 本文件即自检清单 |

---

## 导航栏专项校验（约束 7，7 个宽度逐一）

| 屏幕宽度 | 导航状态 | 是否单行/错乱 |
|---|---|---|
| 1920px | 桌面 flex 横向 | ✅ 单行 |
| 1440px | 桌面 flex 横向 | ✅ 单行 |
| 1280px | 桌面 flex 横向 | ✅ 单行 |
| 1100px | 桌面 flex 横向（≥1025 走桌面分支） | ✅ 单行 |
| 1024px | 平板分支，菜单仍为 `display:flex` 横向 | ✅ 单行（通过 `.container` 约束宽度，菜单项 `white-space:nowrap` 不换行） |
| 768px | 移动分支 → 汉堡折叠 `.nav-toggle` | ✅ 折叠为图标，点击展开纵向列表，不换行错乱 |
| 375px | 移动分支 → 汉堡折叠 | ✅ 折叠，`.container` padding 收窄 |

**关键保障**：导航 `li a` 设置 `white-space:nowrap` + 桌面端 `display:flex`，杜绝文字折行；移动端（≤768）整体切换为 `position:absolute` 纵向下拉，彻底避免水平溢出。

## 潜在风险点与说明

1. **图片跨域/外链**：所有图片为外部 CDN 链接（`http://cdn.qiancipai.com`），运行时需保证网络可访问；若 CDN 失效属素材源问题，非代码缺陷。
2. **友情链接为空**：素材未提供，仅预留 `#links` 容器，符合「不虚构」原则。
3. **资质证书模块**：按约束 9（未提供资料则不写代码）优先处理，故未生成——这同时满足了约束 8「仅预留展示位」与约束 9「不需要写」，二者存在优先级，已按更严格的约束 9 执行。
4. **FAQ 手风琴**：默认展开第一条，点击切换，纯展示无输入。
5. **城市分站**：`target="_blank" rel="noopener"` 安全跳转，无新窗口注入风险。

---

**结论：全部 10 项硬性约束 + 11 个页面模块要求均已实现，无违反项。** ✅