# 产品介绍页面 — 内容架构设计

## 目标

为浠艾福平台四大核心产品类目创建独立的"为什么要用、谁要用、怎么用"介绍页面，与选购指南和科普文章形成三层内容体系。

## 目录结构

```
web/
├── product-intro/           ← 新产品介绍目录
│   ├── kangen-water.html    ─ 还原水机
│   ├── turmeric.html        ─ 姜黄
│   ├── prebiotics.html      ─ 益生元
│   └── probiotics.html      ─ 益生菌
├── articles/                ← 原有科普文章 + 选购指南
│   ├── water-purifier-guide.html  (选购指南)
│   ├── prebiotics-guide.html      (选购指南)
│   ├── probiotics-guide.html      (选购指南)
│   └── ...
└── sales/                   ← 原销售文章
    └── index.html           → 新增「产品介绍」分类
```

## 内容规范

### 每个页面统一结构

```
Hero ── 产品名称 + 核心标语 + 一句话价值主张
  │
  ├── 为什么要用？  ── 科学原理 / 现代人痛点 / 缺失了什么
  ├── 谁要用？      ── 分人群描述（孩子/成人/老人/特定场景）
  ├── 怎么用？      ── 使用方法 / 搭配建议 / 注意事项
  ├── 为什么选浠艾福 ── 正品保障 / 专业服务 / 售后
  └── CTA / 联系方式  ── 扫码咨询二维码
```

### 各页面主题色

| 页面 | 色系 | Hero 渐变 |
|------|------|-----------|
| kangen-water | 深蓝绿 | `#0a1628 → #0d4f3c` |
| turmeric | 暖棕金 | `#2d1810 → #8B4513 → #b8860b` |
| prebiotics | 墨绿 | `#0a2e1a → #276749` |
| probiotics | 紫 | `#1a0a2e → #553c9a` |

### 与现有内容的区隔

- **产品介绍** (`product-intro/`): 决策导向，"该不该用 → 适合谁 → 怎么用"，目标读者是潜在消费者
- **科普文章** (`articles/`): 知识导向，深度原理解析，目标读者是研究型用户
- **选购指南** (`articles/xxx-guide.html`): 购买导向，产品对比、参数分析、选购要点
- **销售文章** (`sales/`): 转化导向，问题→方案→信任→CTA

## 影响范围

### 修改文件
- `web/sales/index.html`：新增"产品介绍"分类，添加4张卡片链接

### 新建文件
- `web/product-intro/kangen-water.html`
- `web/product-intro/turmeric.html`
- `web/product-intro/prebiotics.html`
- `web/product-intro/probiotics.html`

### 后续可补充
- 姜黄选购指南：`web/articles/turmeric-guide.html`（当前选购指南缺姜黄）
- 其他营养素产品介绍（如维生素D、Omega-3等）