# 官网首页品牌定位文案改造（方案 B）实现计划

> **面向 AI 代理的工作者：** 必需子技能：使用 superpowers:subagent-driven-development（推荐）或 superpowers:executing-plans 逐任务实现此计划。步骤使用复选框（`- [ ]`）语法来跟踪进度。

**目标：** 将 `web/index.html`（企业官网首页）的品牌定位话术从"AI 智慧家庭成长平台 / 一站式幸福提案"切换为已批准的新方向——slogan「一个人的主动，一家人的健康」+ 定位「家庭精准生活方式管理——从代谢到心理，帮一家人把身体和状态都调顺」，并把"代谢→心理"变成首页显性叙事主线。

**架构：** 纯静态 HTML 文案替换。只改 `web/index.html` 一个文件的文本节点与 `<meta>`/JSON-LD 内容，**不动**任何布局、class、CSS、SVG、脚本、图片引用。所有 old→new 字符串在本计划内给出精确全文，执行时逐条替换并逐条 grep 验证。

**技术栈：** 静态 HTML5 + 内联 SVG（nginx 直接服务，无构建步骤）。

**执行方式：** 内联执行（当前会话）。理由：单文件纯文案替换，全部精确字符串已在计划中，子代理交接无增益且有串改风险。

**Worktree 说明：** 本仓库 `web/` 为 nginx 直服的线上静态站点，前一 session 已建立直接在主工作树恢复该文件的模式，故不做 worktree 隔离。

---

## 变更总览（10 处替换 + 2 条 FAQ 新增 + JSON-LD 同步）

| # | 区域 | 行号（当前） | 变更 |
|---|------|------------|------|
| 1 | head meta/og/title | 6-16 | 定位话术替换 |
| 2 | head JSON-LD | 34, 40, 50 | SoftwareApplication/Organization/FAQ 首问 + 新增 2 问 |
| 3 | Hero badge | 119 | 定位词替换 |
| 4 | Hero 主标题 | 120-123 | slogan 落地 |
| 5 | Hero 描述 | 124-129 | 代谢→心理主线 |
| 6 | Hero CTA | 131 | 行动号召 |
| 7 | About desc + 使命 | 163-165, 173 | 主张式表达 |
| 8 | 概念区收尾 | 261 后 | 追加 slogan 收尾句 |
| 9 | 产品区 desc + 精准健康卡 | 273-278, 456 | 闭环主线 |
| 10 | 五维 subtitle + 身卡 | 501, 628 | 桥接语言 |
| 11 | FAQ 首答 + 新增 2 问 | 1155-1156, 1197 后 | 新定位 + slogan 出处 |

---

### 任务 1：head meta / og / title 定位替换（行 6-16）

**文件：** `web/index.html`

- [ ] **步骤 1：替换 meta description（行 6）**

old:
```html
  <meta name="description" content="浠艾福主动健康学院 — 浠艾福（Care Family）AI 智慧家庭成长平台，以五行智慧为根、AI 大模型为翼，围绕身·心·智·行·富五个维度，为每个家庭定制 AI 时代的全生命周期成长方案。">
```
new:
```html
  <meta name="description" content="浠艾福做的是家庭精准生活方式管理——从代谢到心理，帮一家人把身体和状态都调顺。一个人的主动，一家人的健康。">
```

- [ ] **步骤 2：替换 keywords（行 7）**

old:
```html
  <meta name="keywords" content="浠艾福,Care Family,AI家庭教育,家庭成长,五维能量,亲子成长,五行相生相克">
```
new:
```html
  <meta name="keywords" content="浠艾福,Care Family,家庭健康管理,精准生活方式管理,代谢健康,心理健康,五维能量,主动健康">
```

- [ ] **步骤 3：替换 og:title（行 8）**

old:
```html
  <meta property="og:title" content="浠艾福主动健康学院 — AI 智慧家庭成长平台">
```
new:
```html
  <meta property="og:title" content="浠艾福 · 一个人的主动，一家人的健康">
```

- [ ] **步骤 4：替换 og:description（行 9）**

old:
```html
  <meta property="og:description" content="给全家的一站式幸福提案 — AI + 身·心·智·行·富 五维全景幸福矩阵 · 五行相生相克">
```
new:
```html
  <meta property="og:description" content="家庭精准生活方式管理——从代谢到心理，帮一家人把身体和状态都调顺。">
```

- [ ] **步骤 5：替换 title（行 16）**

old:
```html
  <title>浠艾福主动健康学院 — 家庭幸福健康成长平台</title>
```
new:
```html
  <title>浠艾福 · 家庭精准生活方式管理平台</title>
```

- [ ] **步骤 6：验证本任务全部替换**

运行：`grep -c '一站式幸福提案\|五行智慧为根\|AI 智慧家庭成长平台\|家庭幸福健康成长平台' web/index.html`
预期：0（JSON-LD 行 40 Organization 描述含"智慧健康成长解决方案"，属任务 2 范围，先忽略）

---

### 任务 2：head JSON-LD 同步（行 34, 40, 50）

**文件：** `web/index.html`

- [ ] **步骤 1：替换 SoftwareApplication description（行 34）**

old:
```json
        "description": "倾力打造的 AI 智慧家庭成长平台，以五行智慧为根、AI 大模型为翼，围绕身·心·智·行·富五个维度，为每个家庭定制全生命周期成长方案。连接家庭客户、专业服务商与平台运营三方角色，整合菌群检测数据（纳入健康档案）、DAN测评数据（纳入成长档案）与家庭成员数据，以 AI 技术 + 专业人员指导为核心服务。"
```
new:
```json
        "description": "家庭精准生活方式管理平台——从代谢到心理，帮一家人把身体和状态都调顺。以主动健康为理念、AI 大模型为引擎，围绕身·智·富·行·心五个维度，为每个家庭定制全生命周期成长方案。连接家庭客户、专业服务商与平台运营三方角色，整合菌群检测数据（纳入健康档案）、DAN测评数据（纳入成长档案）与家庭成员数据，以 AI 技术 + 专业人员指导为核心服务。"
```

- [ ] **步骤 2：替换 Organization description（行 40）**

old:
```json
        "description": "以 AI 科技为引擎，以家庭为中心，致力于为中国家庭提供一站式智慧健康成长解决方案的科技企业。"
```
new:
```json
        "description": "以家庭为中心，致力于为中国家庭提供精准生活方式管理服务的科技企业——从代谢到心理，帮一家人把身体和状态都调顺。"
```

- [ ] **步骤 3：替换 FAQPage 首问答案（行 50）**

old:
```json
          {"@type":"Question","name":"浠艾福是什么平台？","acceptedAnswer":{"@type":"Answer","text":"浠艾福（Care Family）是以<strong>主动健康</strong>为理念、以家庭为单位的 AI 智慧成长平台。围绕身·智·富·行·心五大维度，连接家庭客户、专业服务商与平台运营三方角色，以五维能量体系驱动全家持续成长。不是单一的育儿工具，而是覆盖全生命周期的一站式幸福解决方案。"}},
```
new:
```json
          {"@type":"Question","name":"浠艾福是什么平台？","acceptedAnswer":{"@type":"Answer","text":"浠艾福（Care Family）是一家人的<strong>精准生活方式管理</strong>平台——从<strong>代谢</strong>到<strong>心理</strong>，帮一家人把身体和状态都调顺。以<strong>主动健康</strong>为理念，围绕身·智·富·行·心五大维度，连接家庭客户、专业服务商与平台运营三方角色，以 AI + 专业人员双轨驱动全家持续成长。"}},
```

- [ ] **步骤 4：新增 2 条 FAQ JSON-LD（行 50 之后、行 51 之前插入）**

插入内容（紧跟在行 50 首问条目 `}},` 之后）：
```json
          {"@type":"Question","name":"为什么说一个人的主动，一家人的健康？","acceptedAnswer":{"@type":"Answer","text":"家庭健康具有传导性：一个人先做出改变，饮食习惯、作息节奏、情绪氛围会自然影响其他成员。浠艾福让改变从一个人开始，让全家的身体和状态一起被调顺。"}},
          {"@type":"Question","name":"什么是从代谢到心理？","acceptedAnswer":{"@type":"Answer","text":"代谢是身体的地基——肠道菌群、营养、睡眠、运动；心理是生活的上层——情绪、关系、认知。浠艾福以五维体系覆盖两端：先调代谢，再调状态，身心一体、互相成就。"}},
```

- [ ] **步骤 5：验证 JSON-LD 仍是合法 JSON**

运行：
```bash
python3 -c "
import re,json
s=open('web/index.html',encoding='utf-8').read()
for m in re.findall(r'<script type=\"application/ld\+json\">(.*?)</script>',s,re.S):
    json.loads(m)
print('JSON-LD OK')
"
```
预期：`JSON-LD OK`

---

### 任务 3：Hero 区（行 119-133）

**文件：** `web/index.html`

- [ ] **步骤 1：替换 hero-badge（行 119）**

old: `<span class="hero-badge">家庭幸福健康成长平台</span>`
new: `<span class="hero-badge">家庭精准生活方式管理</span>`

- [ ] **步骤 2：替换 hero 主标题（行 120-123）**

old:
```html
        <h1 class="hero-title">
          给全家的<br>
          <span class="highlight">一站式幸福提案</span>
        </h1>
```
new:
```html
        <h1 class="hero-title">
          一个人的主动，<br>
          <span class="highlight">一家人的健康。</span>
        </h1>
```

- [ ] **步骤 3：替换 hero 描述（行 124-129）**

old:
```html
        <p class="hero-desc">
          以 <strong>主动健康</strong> 为核心理念，倾力打造——<strong>浠艾福（Care Family）</strong>家庭幸福健康成长俱乐部，
          以 <strong>五行智慧为根</strong>，以 <strong>AI 大模型为翼</strong>，
          围绕 <strong>身·智·富·行·心</strong> 五大核心领域，
          为每个家庭定制 AI 时代的全生命周期成长方案。
        </p>
```
new:
```html
        <p class="hero-desc">
          从 <strong>代谢</strong> 到 <strong>心理</strong>，帮一家人把 <strong>身体和状态</strong> 都调顺。
          浠艾福以 <strong>主动健康</strong> 为理念，围绕 <strong>身·智·富·行·心</strong> 五大维度，
          为每个家庭定制 <strong>精准的生活方式管理方案</strong>。
        </p>
```

- [ ] **步骤 4：替换 hero CTA（行 131）**

old: `<a href="#product" class="btn btn-primary">了解浠艾福</a>`
new: `<a href="#product" class="btn btn-primary">从一次主动开始</a>`

- [ ] **步骤 5：验证 Hero 区**

运行：`grep -c '给全家的\|一站式幸福提案\|五行智慧为根\|了解浠艾福' web/index.html`
预期：0

---

### 任务 4：About 区（行 163-165, 173）

**文件：** `web/index.html`

- [ ] **步骤 1：替换 section-desc（行 163-165）**

old:
```html
        <p class="section-desc">
          以 <strong>主动健康</strong> 为核心理念，以 AI 科技为引擎，以家庭为中心，致力于为中国家庭提供一站式智慧健康成长解决方案。
        </p>
```
new:
```html
        <p class="section-desc">
          我们相信，<strong>一个人的主动，能带动一家人的健康</strong>。浠艾福以 AI 精准分析为引擎，从代谢到心理，为每个家庭提供可落地的生活方式管理方案——让身体和状态，一起调顺。
        </p>
```

- [ ] **步骤 2：替换企业使命（行 173）**

old: `<p>用 AI 赋能每个家庭，让健康与幸福成为每个家庭的生活方式。</p>`
new: `<p>用精准生活方式管理，让一个人的主动，点亮一家人的健康。</p>`

- [ ] **步骤 3：验证 About 区**

运行：`grep -c '一站式智慧健康成长解决方案\|用 AI 赋能每个家庭' web/index.html`
预期：0

---

### 任务 5：概念区收尾追加 slogan 句（行 261 之后）

**文件：** `web/index.html`

- [ ] **步骤 1：定位概念区收尾段**

读取行 255-265 确认精确文本。当前预期结构：
```html
        <div class="feature-card">
          ...
        </div>
      </div>
      <!-- 概念收尾锚点:追加句 -->
    </div>
  </section>
```
在概念区内容容器（`</div>` + `</div>` 之间）追加：
```html
      <p class="section-tip">一个人的主动，一家人的健康——改变从你先开始。</p>
```
确认追加点前无遗漏（追加后应位于 `</section>` 之前、最后一个 feature-card 容器之后）。

- [ ] **步骤 2：验证**

运行：`grep -c '改变从你先开始' web/index.html`
预期：1

---

### 任务 6：产品区（行 273-278, 456）

**文件：** `web/index.html`

- [ ] **步骤 1：替换产品区 section-desc（行 273-278）**

old:
```html
        <p class="section-desc">
          面向中国家庭的全场景智慧生活服务生态 —— 以主动健康为核心理念，融合专业服务、智能分析、成长记录，
          为每个家庭构建完整的健康与成长闭环。
        </p>
```
new:
```html
        <p class="section-desc">
          面向中国家庭的精准生活方式管理生态 —— 以主动健康为核心理念，融合专业服务、智能分析、成长记录，
          从代谢到心理，为每个家庭构建完整的健康与成长闭环。
        </p>
```

- [ ] **步骤 2：替换精准健康管理卡 desc（行 456 附近）**

old: `<p class="feature-desc">基于权威肠道菌群检测数据，个性化精准评估代谢健康状态，科学指导生活方式调整。</p>`
new: `<p class="feature-desc">基于权威肠道菌群检测数据，个性化精准评估代谢健康状态，科学指导生活方式调整——代谢顺了，状态自然好。</p>`

- [ ] **步骤 3：验证**

运行：`grep -c '从代谢到心理，为每个家庭构建' web/index.html`
预期：1（仅产品区 1 处，Hero 区是独立文案）

---

### 任务 7：五维体系区（行 501, 628）

**文件：** `web/index.html`

- [ ] **步骤 1：替换五维 subtitle（行 501）**

old: `<p class="section-subtitle">身 · 智 · 富 · 行 · 心 —— 五行相生相克，五维互相成就</p>`
new: `<p class="section-subtitle">身 · 智 · 富 · 行 · 心 —— 代谢是地基，心理是上层，五维互相成就</p>`

- [ ] **步骤 2：替换"身"维度卡 desc（行 628）**

old: `<p class="dim-desc">通过系统化的饮食营养、运动与生活方式管理，让身体回到自然健康的状态。</p>`
new: `<p class="dim-desc">以精准的代谢管理为地基——从饮食营养、运动到生活方式，让身体回到自然健康的状态。</p>`

- [ ] **步骤 3：验证**

运行：`grep -c '五行相生相克\|代谢是地基，心理是上层' web/index.html`
预期：0 / 1

---

### 任务 8：FAQ 区（行 1155-1156, 1197 之后）

**文件：** `web/index.html`

- [ ] **步骤 1：替换 FAQ 首答（行 1155-1156）**

old:
```html
            <div class="faq-answer">
              <p>浠艾福（Care Family）是以<strong>主动健康</strong>为理念、以家庭为单位的 AI 智慧成长平台。围绕身·智·富·行·心五大维度，连接家庭客户、专业服务商与平台运营三方角色，以五维能量体系驱动全家持续成长。不是单一的育儿工具，而是覆盖全生命周期的一站式幸福解决方案。</p>
            </div>
```
new:
```html
            <div class="faq-answer">
              <p>浠艾福（Care Family）是一家人的<strong>精准生活方式管理</strong>平台——从<strong>代谢</strong>到<strong>心理</strong>，帮一家人把身体和状态都调顺。以<strong>主动健康</strong>为理念，围绕身·智·富·行·心五大维度，连接家庭客户、专业服务商与平台运营三方角色，以 AI + 专业人员双轨驱动全家持续成长。</p>
            </div>
```

- [ ] **步骤 2：新增第 10 条 FAQ（行 1197 `</div>` 之后、section 闭合前）**

读取行 1185-1205 确认插入点。插入内容（新 item）：
```html
            <div class="faq-item">
              <div class="faq-question">为什么说「一个人的主动，一家人的健康」？<span class="faq-icon">+</span></div>
              <div class="faq-answer">
                <p>家庭健康具有传导性：一个人先做出改变，饮食习惯、作息节奏、情绪氛围会自然影响其他成员。浠艾福让改变从一个人开始，让全家的身体和状态一起被调顺。</p>
              </div>
            </div>
            <div class="faq-item">
              <div class="faq-question">「从代谢到心理」是什么意思？<span class="faq-icon">+</span></div>
              <div class="faq-answer">
                <p>代谢是身体的地基——肠道菌群、营养、睡眠、运动；心理是生活的上层——情绪、关系、认知。浠艾福以五维体系覆盖两端：先调代谢，再调状态，身心一体、互相成就。</p>
              </div>
            </div>
```

- [ ] **步骤 3：验证**

运行：
```bash
grep -c 'faq-item' web/index.html
```
预期：HTML 中 12（10 条 + 至少 1 条模板引用，行 1043 附近可能有模板；以 grep 实际结果为准并人工核对）
运行：`grep -c '一站式幸福解决方案' web/index.html`
预期：0

---

### 任务 9：全站残留扫描与收尾验证

- [ ] **步骤 1：全量残留扫描**

```bash
for kw in '一站式幸福' 'AI 智慧家庭' '五行智慧为根' '五行相生相克' '给全家的' '了解浠艾福' '全生命周期成长方案' 'AI 时代的全生命周期' '用 AI 赋能每个家庭' '智慧成长'; do
  n=$(grep -c "$kw" web/index.html)
  echo "$n  $kw"
done
```
预期：除「全生命周期成长方案」（JSON-LD 任务 2 已改，正文行 123/273 已改）外全部为 0。若某行 >0，人工核对是误报（如 `AI 智慧家庭` 出现在历史/案例文案中则评估是否在本次范围，超出范围则记录不动）。

- [ ] **步骤 2：最终语法验证**

运行：
```bash
python3 -c "
import re
s=open('web/index.html',encoding='utf-8').read()
# 标签配对粗查
for t in ['section','div','h1','p']:
    o=len(re.findall(r'<%s[\s>]'%t,s)); c=len(re.findall(r'</%s>'%t,s))
    print(t,o,c)
# JSON-LD 合法性
import json
for m in re.findall(r'<script type=\"application/ld\+json\">(.*?)</script>',s,re.S):
    json.loads(m)
print('JSON-LD OK')
"
```
预期：div 开闭数允许不等（模板与注释干扰，人工判断），JSON-LD OK。

- [ ] **步骤 3：git 变更确认**

运行：`git -C /app/cfc status --porcelain -- web/index.html`
预期：` M web/index.html`（仅此文件）

---

## 备注与边界

- **不修改**：布局、class、CSS、SVG、脚本、图片、其他文件。
- **保留**：`主动健康` 核心理念（新文案中以理念形式保留）、五维体系（`身·智·富·行·心` 顺序保持原序）。
- **风险预案**：若某 old 字符串在文件中出现多次导致 edit 失败，先 `grep -n` 定位行号，用更长上下文精确定位后再替换；绝不使用 sed 全局替换。
- **验证基线**：本任务为纯文案替换，无构建/测试命令；验证=grep 计数 + JSON-LD 解析 + git diff 审阅。