价值链分析技能 — 钱流视角 + 价值流系统

> 本文件结构：核心方法论 + 分析流程 + HTML 报告规范 = 技能主体（执行时必读）
> 按需加载：
> - 波特基础理论 → references/porter-value-chain.md
> - 三链分析模板 → references/three-chain-template.md
> - 运营指标体系 → references/operation-metrics.md
> - 报告生成脚本 → scripts/vca_html_report.py / scripts/value_chain_report.py
>
> 避免重复：波特九大活动、四策略、四大陷阱、美的案例等已在 references/ 中集中维护，本文件只保留报告生成直接需要的版本（避免内容漂移）。

核心定位

价值链分析（波特，1985）——企业经营的 CT 机，将企业从"黑箱"拆解为相互关联的价值创造活动。

四大管理陷阱（详见 references/porter-value-chain.md）：局部最优≠全局最优 / 部门目标冲突 / 信息孤岛 / 责任稀释。根源：只见树木、不见森林。

核心三句话：①竞争优势藏在"关联"（Linkages）里；②成本优势与差异化优势源头不同；③价值链因产业而异，不可生搬硬套九宫格。

两种用途：分析用途（诊断卡点/漏损/机会点）→ "分析流程"；共创用途（团队工作坊）→ "五步绘制法"。

核心方法论

三链联动分析

从宏观到微观追踪钱的流动：行业链 → 公司链 → 运营链

行业链（钱在哪赚）  →  公司链（我们怎么赚）  →  运营链（钱卡在哪漏）
  波特五力分析            波特价值链九环节         关键指标漏斗
  利润区四层分布          健康度评分               卡点/漏损/机会

钱流分析四维度

分析流程

Step 0 — 破局：识别四大管理陷阱

经典案例：某30亿营收制造企业，效率+20%、成本-15%、销售+25%，年底利润率反降——局部优化全局未突破的典型。

30分钟诊断工作坊：①召集核心团队画公司价值链草图 ②每人三个关键词形容感受 ③投票选出最需优化的1-3个环节 ④对照四大陷阱检验。

Step 1 — 行业链分析（利润区定位）

• 产业链上中下游各环节利润率分布（高/中/薄/无利润区）
• 战略控制点识别（关键材料/渠道/品牌/技术） + 行业整合趋势
• 输出：波特五力分析 + 利润区分布图 + 战略控制点清单
• 详细模板 → references/three-chain-template.md

Step 2 — 公司链分析（波特九大活动）

> 详情见 references/porter-value-chain.md。此处仅列框架。

主要活动（5环节）：进货物流→生产运营→出货物流→市场营销→售后服务
支援活动（4环节）：企业基础设施→人力资源管理→技术开发→采购
利润（Margin）位于价值链最右侧，是链条产出结果。

波特竞争三问：①成本优势 — 以低于竞争者成本执行所有活动？②差异化 — 以竞争者无法复制的方式执行？③聚焦 — 在细分市场比竞争者更能创造价值？

战略关键环节四维度评估（详见 references/porter-value-chain.md）：成本贡献 / 差异化贡献 / 关联广度 / 竞争差异

Linkage分析："如果我把A活动做得更好，对B活动产生什么影响？"

四大优化策略（详见 references）：强化优势 / 弥补短板 / 重构关联 / 战略性外包

Step 3 — 运营链分析（钱卡在哪里）

识别三类运营问题：
- 卡点：哪个运营环节制约整体效率（根因5Why深挖）
- 漏损点：钱在哪个环节无声流失（量化百分比）
- 机会点：比值高但占比低的环节（边际改善空间大）

Step 4 — 战略建议

P0-P3 优先级：P0 立即（致命卡点突破）→ P1 90天（次级瓶颈）→ P2 6个月（系统性优化）→ P3 长期（护城河）

战略地图四层面（详见 references/porter-value-chain.md）：财务层（利润）→ 客户层（营销/服务）→ 内部流程层（主要活动）→ 学习成长层（人力/技术）

行动路线图：本月内（画价值链+团队共识）→ 本季度（试点突破+双周回顾会）→ 本年内（系统落地+内部教练）。P0 对应当月启动、P1 对应季度试点、P2/P3 对应年内建设。

五步绘制法 — 团队工作坊实操

> 把散落的环节串成一条"价值流"，从"部门视角"转向"整体价值流视角"。

第一步：准备

白纸中央画从左到右大箭头（输入→客户价值），准备两种颜色：基本活动色 + 支持活动色。

第二步：列出基本活动

沿箭头从左到右回答五问，贴在箭头下方：

> 真实写出你公司的关键环节，顺序即逻辑。

第三步：列出支持活动

在箭头上方，用另一种颜色写四类：①战略运营管理 ②人力资源 ③技术体系 ④采购与供应链。这些不直接创造客户价值，但没有它们基本活动会停滞。

第四步：连接与审视

用笔将上下两条线的活动关联连接，追问"人力资源如何支撑销售？""技术系统如何优化订单？""采购如何影响原料获取？"。此时公司不再是散落的部门，而是相互依赖的价值网络。

第五步：审视与优化

面对价值链，五个关键问题：

三种改进机会

强化协同：部门目标对齐，打通数据孤岛 | 优化成本结构：向上游优化根因（售后高→优化研发）| 构建差异化：资源投向优势环节

标杆案例：制造企业价值链重构（利润率 5%→18%）

一家制造企业利润连年下滑，价值链分析与同行几乎同质化。调研发现品牌商更缺：小批量快速交付、特殊材料研发支持、稳定品质（非最低价）。

四项重构：组建研发团队（材料联合开发）→ 改造产线（柔性制造）→ 与品牌联合开发（"供应商"→"联合开发伙伴"）→ 收缩低毛利产品线。

18个月内：利润率 5%→18%，客户黏性大增，打入高端市场。启示：找准客户真正在意的价值链环节，集中资源做差异化。

标杆案例：美的集团价值链重塑

背景（2011年前）：营收~1400亿，净利率<5%，库存周转>60天，SKU>10万。

四大重构：进料物流"T+3"拉式供应链（订单→备料→生产→发货 3天）→ 30+工厂 M.IoT 平台（成本-20%，交付周期-50%）→ 技术开发延伸至供应商协同+渠道可视化 → 渠道整合"美云销"（库存周转效率+40%）。

成果（2023年）：营收超3700亿，净利率~9%，库存周转<30天，SKU从10万+精简至~3万。

HTML 长图报告生成

输出文件：{公司名}_价值链分析_{YYYYMMDD}.html

页面结构（14 章节标准）

左侧固定导航 220px，主内容区 margin-left: 220px。章节依次：封面(#sec-1) → 破局 → 三链总览 → 行业链 → 公司链 → 战略评估 → 运营链(漏斗+四象限) → 漏斗深度解析 → 业绩实现价值链(公式分解树) → 三大卡点 → 四大漏损 → 战略行动P0-P3 → 核心洞察 → 行动路线+战略地图 → Q&A(#sec-14)

左侧导航栏（必须实现）

导航 HTML：

<nav class="left-nav">
  <div class="nav-title">📊 [公司简称]</div>
  <a href="#sec-1">1. 封面</a>
  <a href="#sec-2">2. 破局</a>
  <a href="#sec-3">3. 三链总览</a>
  <a href="#sec-4">4. 行业链</a>
  <a href="#sec-5">5. 公司链</a>
  <a href="#sec-6">6. 战略评估</a>
  <a href="#sec-7">7. 运营链</a>
  <a href="#sec-7b">7b. 漏斗解析</a>
  <a href="#sec-8">8. 业绩实现</a>
  <a href="#sec-9">9. 三大卡点</a>
  <a href="#sec-10">10. 四大漏损</a>
  <a href="#sec-11">11. 战略行动</a>
  <a href="#sec-12">12. 核心洞察</a>
  <a href="#sec-13">13. 行动路线</a>
  <a href="#sec-14">14. Q&A</a>
</nav>

导航 CSS：

.left-nav { position:fixed; top:0; left:0; bottom:0; width:220px; z-index:1000; background:rgba(15,15,26,.98); border-right:1px solid rgba(255,255,255,.08); display:flex; flex-direction:column; padding-top:24px; overflow-y:auto; }
.left-nav .nav-title { color:#f59e0b; font-size:14px; font-weight:700; padding:0 20px 16px; border-bottom:1px solid rgba(255,255,255,.08); margin-bottom:8px; }
.left-nav a { color:#94a3b8; text-decoration:none; padding:10px 20px; font-size:13px; font-weight:500; transition:color .2s,background .2s; border-left:3px solid transparent; }
.left-nav a:hover { color:#e2e8f0; background:rgba(255,255,255,.05); }
.left-nav a.active { color:#f59e0b; border-left-color:#f59e0b; background:rgba(245,158,11,.08); }
body { margin-left:220px; }

锚点滚动

JS：点击导航 → e.preventDefault(); target.scrollIntoView({behavior:'smooth',block:'start'})；滚动事件监听 sections 可见性 → 切换 .active 高亮。

深色主题配色（博商管理标准，强制规范）

:root {
  --bg: #0a0e14; --bg2: #11151c; --bg3: #1f2533;
  --text: #e0e4ea; --text-dim: #8b95a5;
  --accent: #f59e0b; --accent2: #3b82f6; --accent3: #10b981;
  --danger: #ef4444; --warning: #eab308;
  --border: #252b38; --border-light: #303848;
}
body { background:var(--bg); color:var(--text); font-family:-apple-system,"PingFang SC","Microsoft YaHei",sans-serif; margin:0; overflow-x:hidden; }
section { min-height:100vh; padding:60px 80px 60px 160px; display:flex; flex-direction:column; justify-content:center; border-bottom:1px solid var(--border); scroll-margin-top:0; }
section:last-child { border-bottom:none; }

封面与页面背景必须一致（纯色 var(--bg)，禁止额外渐变叠加）。

S7 运营链 — 排版与四象限

布局：横向漏斗（全宽上置，flex row，7步骤盒▸连接，色阶绿→橙→红）→ 洞察条（居中高亮）→ 四象限（全宽下置，4栏 grid）

横向漏斗 CSS：

.hf-flow { display:flex; flex-direction:row; align-items:stretch; gap:0; margin:16px 0; }
.hf-step-box { flex:1; display:flex; flex-direction:column; align-items:center; justify-content:center; padding:10px 4px; text-align:center; color:#fff; border-radius:8px; }
.hf-arr { display:flex; align-items:center; justify-content:center; flex-shrink:0; width:16px; color:#8b95a5; font-size:14px; }
@media (max-width:768px) { .hf-flow { flex-direction:column; } .hf-arr { display:none; } }

四象限卡片：每格带状态图标（🟢稳健/🟡关注/🟠预警/🔴危险），内容=营收公式→当前值→对标→结论；每格附策略标注行（浅色圆角条）；底部附评级图例。

漏斗深度解析 (S7b)

总览表：# | 漏斗步骤 | 通过率 | 关键动作 | 各动作·核心影响因素 | 紧迫度（7步骤×4动作=28关键动作，每个2-4因子）

详情卡：①关键动作（.action-item）②影响因素（.factor-tag）③详情卡（.factor-card，左权重/根因右建议）④优先级矩阵（.priority-matrix，四列：本季度→半年→一年→持续优化）

通过率颜色：绿=#10b981 / 黄=#eab308 / 红=#ef4444。红色=薄弱环节，表下附三色图例。

S8 业绩实现价值链 — 递归杜邦分析树 (v4.1)

定位：四维度（产品/市场/客户/渠道）各自作为独立的递归树状图呈现。标准 DuPont 范式：根节点 → 竖线 → 一级子节点（横向并排）→ 每个父节点包住自己的子树（递归），形成自上而下、竖线连接、同级并列、逐级拆解的价值链树状瀑布图。节点为简洁扁平方框（无渐变，border-left 3px彩色条区分维度），竖线 2px 粗 + 维度专属色，树可横向延展（overflow-x:auto）。

标题行结构（v4.1 新）：

.dupont-title-row (flex居中, 维度pill + 树标题并排一次展示)
  .dupont-dim-hdr-{p|m|c|h} (维度标签pill)
  .dupont-tree-title (树总标题 "关键价值链示例 · X维度")

递归杜邦树结构（每维度）：

.dupont-tree (overflow-x:auto, 无宽度限制)
  .dupont-title-row (标题行, 紧凑合并)
  .dupont-root > .dupont-root-box (根节点框, 紧接标题)
  .dupont-v-line-{p|m|c|h} (竖线, 2px×32px, 维度专属色)
  .dupont-tier (flex居中, gap:56px, 一级节点行, flex-wrap:nowrap)
    .dupont-nwrap (递归包装：节点+竖线+子树, flex-shrink:0)
      .dupont-node-{p|m|c|h} (节点框, min-width:130px, padding:14px 30px)
      .dupont-v-line-{p|m|c|h} (竖线)
      .dupont-stree (子树容器, flex居中, gap:32px)
        .dupont-tier (二级节点行)
          .dupont-nwrap (递归...)
    .dupont-op (运算符 +/×/÷, 24px金色, align-self:center)
    .dupont-nwrap (递归...)
  .dupont-acts (行动标签, flex居中)

递归结构说明：
- 每个 .dupont-nwrap 包住 一个节点 + 它的竖线 + 它的子树，实现"父节点包住子节点"
- 子树（.dupont-stree）在父节点正下方，自然形成"纵向瀑布递进"
- 同级多个节点在 .dupont-tier 中横向并排，运算符（.dupont-op）插入节点之间
- 竖线（.dupont-v-line, 2px 粗 + 维度色）放在父节点和子树之间，清晰可见

深度层级规范（拆至不可再拆，所有文字解释全部转化为树节点）：
递归结构无固定层级限制，实际拆解深度：
| 维度 | 最大深度 | 说明 |
|------|----------|------|
| 产品 | L4（2,000→硒鼓/碳粉/配件, 自有品牌→基础价×溢价） | 最深层：根→L1→L2→L3→L4 |
| 市场 | L4（省均产→耗材+配件+维保, 新增省→投标×中标率） | 根→L1→L2→L3→L4 |
| 客户 | L5（户年均→季均×4→笔数×金额） | 最深：根→L1→L2→L3→L4→L5 |
| 渠道 | L4（UV→SEO+Ads, 转化率→响应×报价） | 最深：根→L1→L2→L3→L4 |

核心设计原则：
- 四个维度各自独立拆解到同一总量，非相加关系
- 递归树状结构：每个父节点包住自己的子树（.dupont-nwrap），子树在父节点正下方
- 节点为扁平方框（border:1px solid var(--border-light), bg:var(--bg2)），无渐变，左侧3px彩色条区分维度
- 竖线 2px 粗 + 维度专属色（蓝/金/绿/紫），height:32px，清晰可见
- 同级子节点横向并排（.dupont-tier flex居中, gap:56px, nowrap），不换行不压缩
- 子树间距 gap:32px, flex-shrink:0 防止压缩
- 运算符（× + ÷）24px 金色，align-self:center 居中于兄弟节点之间
- 节点框 min-width:130px, padding:14px 30px，文字自然换行
- 节点数值 20px / 标签 13px / 副标签 12px
- 根节点 28px / 公式 12px / section R padding:20px（释放横向空间）
- 树可横向延展（.dupont-tree { overflow-x:auto }），超宽可滚动
- 诊断标签：.dupont-diag-weak(红) / .dupont-diag-opp(绿) / .dupont-diag-key(金)
- 区间分隔：<hr class="dupont-divider">（虚线，200px宽）

CSS 组件类名表：
- 标题行：.dupont-title-row
- 树容器：.dupont-tree/.dupont-tree-title/.dupont-dim-hdr-p/m/c/h
- 根节点：.dupont-root/.dupont-root-box/.dupont-root-num/.dupont-root-formula
- 竖线：.dupont-v-line/.dupont-v-line-p/m/c/h
- 层级行：.dupont-tier
- 递归包装：.dupont-nwrap/.dupont-nwrap-p/m/c/h
- 节点框：.dupont-node/.dupont-node-p/m/c/h/.dupont-node-num/.dupont-node-lbl/.dupont-node-sub/.dupont-node-num-up/warn/red
- 运算符：.dupont-op
- 子树：.dupont-stree/.dupont-stree-single
- 公式：.dupont-formula
- 诊断：.dupont-diag-weak/opp/key
- 行动：.dupont-acts/.dupont-act-p/m/c/h
- 分隔：.dupont-divider

文件规范

• 单文件 HTML，不引用外部资源；图片用 SVG 内联或 CSS 绘制
• 输出命名：{公司名}_价值链分析_{YYYYMMDD}.html

主题规范

• 深色主题 #0a0e14，与博商管理报告统一
• 封面与页面背景纯色一致，禁止额外渐变叠加

公司链 S5 — 双层结构（必须遵守）

支援活动（4个，蓝底蓝框 #93c5fd 文字）→ ▼ 箭头分隔 → 主要活动（5个，橙底橙框 #fcd34d 文字）→ 底部核心诊断

CSS 类名：.vc-diagram(容器) .vc-row(flex行) .vc-box(活动盒) .vc-support(蓝底) .vc-main(橙底) .vc-lbl(80px标签) .vc-arr(箭头)

业务适配：九大活动按公司实际重命名，但框架分组（主要5+支援4）不可变。下方双栏：竞争优势（绿tag）+ 薄弱环节（红tag）。

组件类名规范

章节锚点 + 数据可视化

• 每章 <section id="sec-{编号}">，导航 href="#sec-N"
• 通过率：绿=#10b981 / 黄=#eab308 / 红=#ef4444；红色=薄弱环节，表下附三色图例