` 加粗文字强调重点
**禁止的正文HTML结构（不要这样做）：**
```html
```
**这样设计的好处：**
- 用户后续可以用富文本编辑器（类似微信公众号编辑器）自由添加、修改、删除正文内容
- 不需要懂代码就能更新公司介绍、添加新图片、调整文字、添加小标题
- 阅读体验舒适，类似看一篇精心排版的文章
- 内容扩展性强，想加多少内容都可以
- 正文区域的所有内容都是标准HTML标签，任何富文本编辑器都能识别和修改
#### ④ 产品/服务展示
- 用卡片形式展示产品或服务
- 每个卡片包含：图片、名称、简单说明
- 电脑上一行排3-4个，平板一行2个，手机一行1个
#### ⑤ 成功案例/作品展示
- 用图片网格展示案例
- 图片下方可配标题
- 响应式排列
#### ⑥ 合作伙伴/品牌（可选）
- 如果用户有合作品牌，用 Logo 墙形式展示
- 没有则跳过此部分
#### ⑦ 新闻动态（首页展示最新3-4条）
首页的新闻动态区块展示最新的3-4条内容，用卡片形式展示，每个卡片包含以下要素：
- **封面图**：卡片顶部图片，宽度100%，固定高度，不变形
- **发布时间**：图片下方或左上角，字体较小，用主题色
- **标题**：最多显示1行，超出部分用"..."省略
- **简介**：最多显示2行，超出部分用"..."省略
- 点击卡片跳转到详情页（如果有详情页）
- 卡片排列：电脑端一行3-4个，平板端一行2个，手机端一行1个
#### ⑧ 联系我们
- 地址、电话、营业时间
- 微信二维码（如果有）
- 地图位置（用图片占位即可）
#### ⑨ 底部页脚
- 公司名称、版权信息
- 联系方式简写
- 导航链接简写
- 所有页面的页脚代码完全相同
### 3.2.1 列表页设计规范（list.html，独立页面时）
当用户选择了列表页（新闻动态/产品中心/案例展示等）时，该页面的设计规范如下：
**页面结构：**
- 顶部导航栏（与其他页面完全一致）
- 页面横幅（Banner）：背景图 + 页面标题（如"新闻动态""产品中心"） + 一句副标题
- **列表内容区**：见下方详细规范
- 分页（可选，如果内容较多）
- 底部页脚（与其他页面完全一致）
**列表内容区设计规范：**
列表用卡片网格形式展示，每个卡片必须包含以下要素：
1. **封面图**：卡片顶部图片，宽度100%，固定高度（建议200-240px），用 `object-fit: cover` 保持比例不变形
2. **发布时间/分类标签**：图片下方，字体较小（12-13px），用主题色或次要文字色
3. **标题**：最多显示**1行**，超出部分用"..."省略，字体较大较粗（16-18px）
4. **简介**：最多显示**2行**，超出部分用"..."省略，字体较小（13-14px），颜色较浅
**卡片排列：**
- 电脑端（>1024px）：一行3个
- 平板端（768-1024px）：一行2个
- 手机端（<768px）：一行1个
**注意事项：**
- 所有卡片图片高度必须一致，不要有的高有的矮
- 标题和简介的行数限制必须用CSS强制实现（`-webkit-line-clamp`），不要靠手动截断文字
- 卡片点击可跳转到详情页
- 不要在卡片上添加多余的装饰元素（如标签角标、阅读量、分类图标等），保持简洁
### 3.2.2 详情页设计规范（detail.html，独立页面时）
当用户选择了详情页（新闻详情/产品详情/案例详情等）时，该页面的设计规范如下：
**页面结构：**
- 顶部导航栏（与其他页面完全一致）
- **文章内容区**：见下方详细规范
- 底部页脚（与其他页面完全一致）
**注意：详情页不要添加以下额外组件：**
- ❌ 不要有"上一篇/下一篇"导航
- ❌ 不要有"相关推荐"区块
- ❌ 不要有"分享到"按钮或分享标签
- ❌ 不要有侧边栏
- ❌ 不要有作者信息卡片
- ❌ 不要有评论区
- ❌ 不要有"全文完"等结束标记
详情页就是纯粹的文章阅读页面，只包含：面包屑（可选）+ 标题 + 时间（可选）+ 简介（可选）+ 正文（富文本）。
**文章内容区设计规范（重点）：**
详情页正文必须采用**富文本文章样式**设计，类似新闻详情/文章阅读页面，具体要求：
1. **面包屑导航**（可选）：页面顶部显示"首页 / 列表页 / 文章标题"，方便用户返回
2. **文章标题**：页面顶部大标题，字体大（24-32px），加粗，居中或左对齐
3. **发布时间/作者/分类**（可选）：标题下方，字体较小（13-14px），颜色较浅，居中或左对齐
4. **文章简介**（可选）：时间下方，一段简短的摘要，字体比正文稍大或用不同颜色区分
5. **正文内容区（富文本样式）**：与关于我们页面的正文设计规范完全一致，必须支持以下富文本元素，并且**不要有固定小标题和格式框**：
- **段落** ``：正常正文文字，行高宽松（1.8-2倍），段落间距适当
- **二级标题** `
```
> **⚠️ `{templatePath}` 尾斜杠未统一，必须实测后固定一种写法**：现有资料对该前缀本身是否已带尾斜杠 `/` 没有一致结论——若前缀已含 `/`，上面这种 `{templatePath}/css/...` 就会生成 `//` 双斜杠。**不要把双斜杠当作通用可接受行为。**
>
> 落地做法：在目标版本上先生成一次，查看生成页中实际的 `href` / `src`，确认前缀是否带尾斜杠，然后整份模板统一采用一种写法（例如确认前缀带 `/` 时统一写 `{templatePath}css/style.css`）。未实测前不得批量写入模板。
不要把本地开发机地址、临时 CDN 地址或 `localhost` 资源地址硬编码进最终模板。
---
### 9.3 栏目标签 `{siteColumn.*}`
后台帮助页：`/templateTag/column.do`
**正确命名空间是 `{siteColumn.*}`，不是 `{column.*}`。** 当前栏目帮助页列出的字段如下；但 `.taglist.html` 对列表页的适用性标为“不可用”，与其它资料冲突。
按**前置规则第 10 条**，下表字段名称只是候选语法：只有目标运行时帮助页或一次真实生成结果确认该字段及其页面上下文可用，AI 才能写入模板；冲突且无法确认时暂停，不得回退、混用或猜测。
| 标签 | 含义 | 类型/特殊说明 |
|---|---|---|
| `50664` | 栏目 ID | 整数 |
| `AI开发模版` | 栏目名称 | 字符串 |
| `ai-template.html` | 栏目链接地址 | URL |
| `7` | 栏目类型 | 整数；不要据此反推未说明枚举的含义 |
| `1` | 栏目是否启用/显示 | 整数 |
| `ai-template` | 栏目代码 | 字符串/字母 |
| `ai-template` | 当前栏目的父栏目代码 | 若当前栏目已经是顶级栏目，帮助页说明这里返回当前栏目代码 |
| `http://cdn.weiunity.com/res/glyph-icons/world.png` | 栏目图片/图标 | URL |
| `` | SEO 关键字 | 字符串 |
| `` | SEO 描述 | 字符串 |
#### 9.3.1 列表页中的栏目标签使用上下文
部分帮助页把栏目标签的适用范围标为**列表页**，但公开列表索引又标为“不可用”。只有目标运行时确认后，列表页才可以直接使用当前栏目的 `{siteColumn.*}` 属性，例如：
```html