官网首页品牌定位文案改造（方案 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:

  <meta name="description" content="浠艾福主动健康学院 — 浠艾福（Care Family）AI 智慧家庭成长平台，以五行智慧为根、AI 大模型为翼，围绕身·心·智·行·富五个维度，为每个家庭定制 AI 时代的全生命周期成长方案。">

new:

  <meta name="description" content="浠艾福做的是家庭精准生活方式管理——从代谢到心理，帮一家人把身体和状态都调顺。一个人的主动，一家人的健康。">

步骤 2：替换 keywords（行 7）

old:

  <meta name="keywords" content="浠艾福,Care Family,AI家庭教育,家庭成长,五维能量,亲子成长,五行相生相克">

new:

  <meta name="keywords" content="浠艾福,Care Family,家庭健康管理,精准生活方式管理,代谢健康,心理健康,五维能量,主动健康">

步骤 3：替换 og:title（行 8）

old:

  <meta property="og:title" content="浠艾福主动健康学院 — AI 智慧家庭成长平台">

new:

  <meta property="og:title" content="浠艾福 · 一个人的主动，一家人的健康">

步骤 4：替换 og:description（行 9）

old:

  <meta property="og:description" content="给全家的一站式幸福提案 — AI + 身·心·智·行·富 五维全景幸福矩阵 · 五行相生相克">

new:

  <meta property="og:description" content="家庭精准生活方式管理——从代谢到心理，帮一家人把身体和状态都调顺。">

步骤 5：替换 title（行 16）

old:

  <title>浠艾福主动健康学院 — 家庭幸福健康成长平台</title>

new:

  <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:

        "description": "倾力打造的 AI 智慧家庭成长平台，以五行智慧为根、AI 大模型为翼，围绕身·心·智·行·富五个维度，为每个家庭定制全生命周期成长方案。连接家庭客户、专业服务商与平台运营三方角色，整合菌群检测数据（纳入健康档案）、DAN测评数据（纳入成长档案）与家庭成员数据，以 AI 技术 + 专业人员指导为核心服务。"

new:

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

步骤 2：替换 Organization description（行 40）

old:

        "description": "以 AI 科技为引擎，以家庭为中心，致力于为中国家庭提供一站式智慧健康成长解决方案的科技企业。"

new:

        "description": "以家庭为中心，致力于为中国家庭提供精准生活方式管理服务的科技企业——从代谢到心理，帮一家人把身体和状态都调顺。"

步骤 3：替换 FAQPage 首问答案（行 50）

old:

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

new:

          {"@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 首问条目 }}, 之后）：

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

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

运行：

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: 家庭幸福健康成长平台 new: 家庭精准生活方式管理

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

old:

        <h1 class="hero-title">
          给全家的<br>
          <span class="highlight">一站式幸福提案</span>
        </h1>

new:

        <h1 class="hero-title">
          一个人的主动，<br>
          <span class="highlight">一家人的健康。</span>
        </h1>

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

old:

        <p class="hero-desc">
          以 <strong>主动健康</strong> 为核心理念，倾力打造——<strong>浠艾福（Care Family）</strong>家庭幸福健康成长俱乐部，
          以 <strong>五行智慧为根</strong>，以 <strong>AI 大模型为翼</strong>，
          围绕 <strong>身·智·富·行·心</strong> 五大核心领域，
          为每个家庭定制 AI 时代的全生命周期成长方案。
        </p>

new:

        <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:

        <p class="section-desc">
          以 <strong>主动健康</strong> 为核心理念，以 AI 科技为引擎，以家庭为中心，致力于为中国家庭提供一站式智慧健康成长解决方案。
        </p>

new:

        <p class="section-desc">
          我们相信，<strong>一个人的主动，能带动一家人的健康</strong>。浠艾福以 AI 精准分析为引擎，从代谢到心理，为每个家庭提供可落地的生活方式管理方案——让身体和状态，一起调顺。
        </p>

步骤 2：替换企业使命（行 173）

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

步骤 3：验证 About 区

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

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

文件： web/index.html

步骤 1：定位概念区收尾段

读取行 255-265 确认精确文本。当前预期结构：

        <div class="feature-card">
          ...
        </div>
      </div>
      <!-- 概念收尾锚点:追加句 -->
    </div>
  </section>

在概念区内容容器（</div> + </div> 之间）追加：

      <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:

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

new:

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

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

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

步骤 3：验证

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

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

文件： web/index.html

步骤 1：替换五维 subtitle（行 501）

old: 身 · 智 · 富 · 行 · 心 —— 五行相生相克，五维互相成就 new: 身 · 智 · 富 · 行 · 心 —— 代谢是地基，心理是上层，五维互相成就

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

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

步骤 3：验证

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

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

文件： web/index.html

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

old:

            <div class="faq-answer">
              <p>浠艾福（Care Family）是以<strong>主动健康</strong>为理念、以家庭为单位的 AI 智慧成长平台。围绕身·智·富·行·心五大维度，连接家庭客户、专业服务商与平台运营三方角色，以五维能量体系驱动全家持续成长。不是单一的育儿工具，而是覆盖全生命周期的一站式幸福解决方案。</p>
            </div>

new:

            <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）：

            <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：验证

运行：

grep -c 'faq-item' web/index.html

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

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

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

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：最终语法验证

运行：

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 审阅。

2026-08-14-web-brand-direction.md 18 KB Permalink Riwayat Mentahan

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

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

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

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

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

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

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

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

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

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

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

备注与边界

2026-08-14-web-brand-direction.md 18 KB

Permalink Riwayat Mentahan