ホーム エクスプローラ ヘルプ
サインイン
18307996893
/
openclaw-voc-skill
2
2
フォーク 0
ファイル 課題 0 プルリクエスト 0 Wiki
ブランチ: master
ブランチ タグ
openclaw-voc-sk...
/
demo
/
xiaohongshu
/
chapter-insights
/
chapter-insights.html

chapter-insights.html 20 KB
パーマリンク 履歴 Raw

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328 
  1. <!doctype html>
    2. 

  2. <html lang="zh-CN">
    3. 

  3. <head>
    4. 

  4. <meta charset="utf-8">
    5. 

  5. <meta name="viewport" content="width=device-width, initial-scale=1">
    6. 

  6. <title>冻干益生菌 Chapter Insights</title>
    7. 

  7. <style>
    8. 

  8. :root{--brand:#2D9C5D;--accent:#D4A574;--blue:#0085CA;--rose:#FF4D8D;--purple:#8B5CF6;--orange:#FF8C42;--bg:#07130F;--panel:rgba(255,255,255,0.075);--line:rgba(255,255,255,0.14);--text:#F5F7F2;--muted:#AEB8B0;font-family:Inter,"Microsoft YaHei",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--text);background:var(--bg)}
    9. 

  9. *{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 20% 10%,rgba(45,156,93,.24),transparent 28%),radial-gradient(circle at 80% 0,rgba(212,165,116,.2),transparent 24%),linear-gradient(135deg,#06100d,#0b1712 50%,#10120f);line-height:1.6}a{color:inherit;text-decoration:none}.top-nav{position:sticky;top:0;z-index:20;display:flex;justify-content:space-between;gap:24px;align-items:center;padding:12px 28px;border-bottom:1px solid var(--line);background:rgba(7,19,15,.76);backdrop-filter:blur(18px)}.top-nav div{display:flex;gap:12px;flex-wrap:wrap}.top-nav a{font-size:12px;color:var(--muted)}main{width:min(1180px,calc(100% - 36px));margin:0 auto}.slide{min-height:100vh;padding:96px 0 72px;display:flex;flex-direction:column;justify-content:center}.cover{align-items:center;text-align:center}.cover-inner{width:min(920px,100%);padding:64px;border:1px solid var(--line);border-radius:32px;background:linear-gradient(145deg,rgba(255,255,255,.11),rgba(255,255,255,.045));box-shadow:0 24px 90px rgba(0,0,0,.32)}.cover h1{font-size:clamp(42px,8vw,92px);line-height:1.02;margin:22px 0;background:linear-gradient(90deg,#fff,var(--accent));-webkit-background-clip:text;color:transparent}.cover-subtitle{font-size:clamp(18px,2.2vw,28px);color:var(--muted);margin:0}.cover-meta,.cover-stats{display:flex;justify-content:center;gap:16px;flex-wrap:wrap;margin-top:28px}.cover-meta span,.cover-stat{border:1px solid var(--line);background:rgba(255,255,255,.06);border-radius:999px;padding:8px 14px}.cover-stat{min-width:150px;border-radius:18px}.cover-stat strong{display:block;font-size:24px;color:var(--accent)}.cover-stat span{font-size:12px;color:var(--muted)}.section-head{max-width:880px;margin-bottom:28px}.eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--tone);font-weight:800;letter-spacing:.18em;text-transform:uppercase;font-size:12px}.section-head h2{font-size:clamp(34px,5vw,62px);line-height:1.08;margin:10px 0}.section-head p{font-size:18px;color:var(--muted);margin:0}.slide-body{width:100%}.badge{display:inline-flex;align-items:center;border:1px solid color-mix(in srgb,var(--tone) 62%,transparent);background:color-mix(in srgb,var(--tone) 18%,transparent);color:#fff;border-radius:999px;padding:5px 10px;font-size:12px;font-weight:700}.tag-list{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.metric-grid,.card-grid,.voc-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.voc-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.metric-card,.glass-card,.voc-card,.matrix-cell,.decision-item{border:1px solid var(--line);background:var(--panel);border-radius:24px;padding:22px;box-shadow:0 18px 60px rgba(0,0,0,.18);backdrop-filter:blur(18px)}.metric-value{font-size:36px;font-weight:900;color:var(--accent);line-height:1}.metric-label{font-weight:800;margin-top:10px}.metric-card p,.glass-card p,.matrix-cell p,.decision-item p{color:var(--muted);margin:.5em 0 0}.glass-card h3,.matrix-cell h3,.decision-item h3{margin:14px 0 0;font-size:20px}.voc-card blockquote{margin:0;font-size:18px;color:#fff}.voc-card footer{display:flex;gap:12px;flex-wrap:wrap;margin-top:14px;color:var(--muted);font-size:12px}.bar-chart{display:grid;gap:16px}.bar-label{display:flex;justify-content:space-between;gap:20px;font-weight:700}.bar-track{height:13px;border-radius:999px;background:rgba(255,255,255,.1);overflow:hidden;margin-top:8px}.bar-fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--tone),color-mix(in srgb,var(--tone) 45%,#fff));box-shadow:0 0 22px color-mix(in srgb,var(--tone) 50%,transparent)}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:24px;background:var(--panel)}table{width:100%;border-collapse:collapse;min-width:720px}th,td{padding:14px 16px;border-bottom:1px solid var(--line);text-align:left}th{color:var(--accent);font-size:13px}tr:last-child td{border-bottom:0}.matrix-wrap{position:relative;padding:28px 34px 34px}.matrix-2x2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.matrix-cell{min-height:180px;border-color:color-mix(in srgb,var(--tone) 38%,var(--line))}.axis{color:var(--muted);font-size:12px;text-align:center}.axis-y{position:absolute;left:0;top:50%;transform:translateY(-50%) rotate(-90deg)}.axis-x{margin-top:12px}.decision-list{display:grid;gap:14px}.decision-item{display:grid;grid-template-columns:auto 1fr;gap:16px;align-items:flex-start}.decision-rank{width:48px;height:48px;display:grid;place-items:center;border-radius:16px;background:linear-gradient(135deg,var(--brand),var(--accent));font-weight:900}.decision-item small{display:block;margin-top:8px;color:var(--accent)}@media (max-width:900px){.metric-grid,.card-grid,.voc-grid,.matrix-2x2{grid-template-columns:1fr}.top-nav{position:static;align-items:flex-start;flex-direction:column}.cover-inner{padding:36px}.slide{padding:64px 0}}
    10. 

  10. </style>
    11. 

  11. </head>
    12. 

  12. <body>
    13. 

  13. <nav class="top-nav"><strong>xiaohongshu-course-demo</strong><div><a href="#summary">摘要</a><a href="#evidence">证据</a><a href="#opportunity">机会</a><a href="#action">行动</a></div></nav>
    14. 

  14. <main>
    15. 

  15. 

  16.     <section class="slide cover" id="cover">
    17. 

  17.       <div class="cover-inner">
    18. 

  18.         <span class="badge" style="--tone:var(--accent)">HTML v2 · light</span>
    19. 

  19.         <h1>冻干益生菌 Chapter Insights</h1>
    20. 

  20.         <p class="cover-subtitle">基于 105 条 VOC 自动生成的证据驱动章节草稿</p>
    21. 

  21.         <div class="cover-meta">
    22. 

  22.           <span>xiaohongshu-course-demo</span>
    23. 

  23.           <span>2026-04-29</span>
    24. 

  24.           <span>chapter-insight-writer</span>
    25. 

  25.         </div>
    26. 

  26.         <div class="cover-stats">
    27. 

  27.     <div class="cover-stat">
    28. 

  28.       <strong>105</strong>
    29. 

  29.       <span>VOC 样本</span>
    30. 

  30.     </div>
    31. 

  31.   
    32. 

  32.     <div class="cover-stat">
    33. 

  33.       <strong>4</strong>
    34. 

  34.       <span>章节数</span>
    35. 

  35.     </div>
    36. 

  36.   
    37. 

  37.     <div class="cover-stat">
    38. 

  38.       <strong>20</strong>
    39. 

  39.       <span>证据卡</span>
    40. 

  40.     </div>
    41. 

  41.   
    42. 

  42.     <div class="cover-stat">
    43. 

  43.       <strong>0</strong>
    44. 

  44.       <span>警告数</span>
    45. 

  45.     </div>
    46. 

  46.   </div>
    47. 

  47.       </div>
    48. 

  48.     </section>
    49. 

  49.   
    50. 

  50. 

  51.     <section class="slide" id="summary" data-tone="green">
    52. 

  52.       
    53. 

  53.     <header class="section-head" style="--tone:var(--brand)">
    54. 

  54.       <div class="eyebrow">Chapter 01</div>
    55. 

  55.       <h2>执行摘要</h2>
    56. 

  56.       <p>用统一组件表达关键数字、核心洞察和报告结论。</p>
    57. 

  57.     </header>
    58. 

  58.   
    59. 

  59.       <div class="slide-body"><div class="metric-grid">
    60. 

  60.     <article class="metric-card">
    61. 

  61.       <div class="metric-value">105</div>
    62. 

  62.       <div class="metric-label">VOC 样本</div>
    63. 

  63.       <p>xiaohongshu</p>
    64. 

  64.     </article>
    65. 

  65.   
    66. 

  66.     <article class="metric-card">
    67. 

  67.       <div class="metric-value">4</div>
    68. 

  68.       <div class="metric-label">章节数</div>
    69. 

  69.       <p>light</p>
    70. 

  70.     </article>
    71. 

  71.   
    72. 

  72.     <article class="metric-card">
    73. 

  73.       <div class="metric-value">20</div>
    74. 

  74.       <div class="metric-label">证据卡</div>
    75. 

  75.       <p>去重 VOC 原声</p>
    76. 

  76.     </article>
    77. 

  77.   
    78. 

  78.     <article class="metric-card">
    79. 

  79.       <div class="metric-value">0</div>
    80. 

  80.       <div class="metric-label">警告数</div>
    81. 

  81.       <p>unsupported 0</p>
    82. 

  82.     </article>
    83. 

  83.   </div><div class="card-grid">
    84. 

  84.     <article class="glass-card">
    85. 

  85.       <span class="badge" style="--tone:var(--brand)">Ch1</span>
    86. 

  86.       <h3>结论先行</h3>
    87. 

  87.       <p>当前 105 条可追溯 VOC 显示，冻干益生菌 在「结论先行」中最稳定的信号集中在 反馈(14)、竞品(14)、信任(14)；主要由 儿童益生菌怎么选、益生菌腹胀便秘、冻干益生菌测评 等关键词触发。</p>
    88. 

  88.     </article>
    89. 

  89.   
    90. 

  90.     <article class="glass-card">
    91. 

  91.       <span class="badge" style="--tone:var(--blue)">Ch2</span>
    92. 

  92.       <h3>用户声音</h3>
    93. 

  93.       <p>当前 76 条可追溯 VOC 显示，冻干益生菌 在「用户声音」中最稳定的信号集中在 场景(13)、决策(13)、反馈(10)；主要由 儿童益生菌怎么选、益生菌腹胀便秘、冻干益生菌测评 等关键词触发。</p>
    94. 

  94.     </article>
    95. 

  95.   
    96. 

  96.     <article class="glass-card">
    97. 

  97.       <span class="badge" style="--tone:var(--accent)">Ch3</span>
    98. 

  98.       <h3>竞品/平台发现</h3>
    99. 

  99.       <p>当前 83 条可追溯 VOC 显示，冻干益生菌 在「竞品/平台发现」中最稳定的信号集中在 竞品(14)、信任(14)、价格(13)；主要由 儿童益生菌怎么选、冻干益生菌测评、益生菌腹胀便秘 等关键词触发。</p>
    100. 

  100.     </article>
    101. 

  101.   
    102. 

  102.     <article class="glass-card">
    103. 

  103.       <span class="badge" style="--tone:var(--purple)">Ch4</span>
    104. 

  104.       <h3>行动建议</h3>
    105. 

  105.       <p>当前 35 条可追溯 VOC 显示，冻干益生菌 在「行动建议」中最稳定的信号集中在 话术(12)、场景(4)、价格(4)；主要由 儿童益生菌怎么选、冻干益生菌测评、益生菌腹胀便秘 等关键词触发。</p>
    106. 

  106.     </article>
    107. 

  107.   </div></div>
    108. 

  108.     </section>
    109. 

  109.   
    110. 

  110. 

  111.     <section class="slide" id="evidence" data-tone="blue">
    112. 

  112.       
    113. 

  113.     <header class="section-head" style="--tone:var(--blue)">
    114. 

  114.       <div class="eyebrow">Chapter 02</div>
    115. 

  115.       <h2>VOC 证据</h2>
    116. 

  116.       <p>每个关键判断都应该能回到用户原声、平台、关键词和批次。</p>
    117. 

  117.     </header>
    118. 

  118.   
    119. 

  119.       <div class="slide-body"><div class="voc-grid">
    120. 

  120.     <article class="voc-card">
    121. 

  121.       <blockquote>每天成本超过8块我会犹豫，除非证据很清楚。</blockquote>
    122. 

  122.       <footer>
    123. 

  123.         <span>配料表先行</span>
    124. 

  124.         <span>xiaohongshu / 冻干益生菌测评 / P1 / xhs_demo_c_082</span>
    125. 

  125.         <span>97 赞</span>
    126. 

  126.       </footer>
    127. 

  127.       <div class="tag-list"><span class="badge" style="--tone:var(--brand)">H5</span><span class="badge" style="--tone:var(--brand)">H7</span></div>
    128. 

  128.     </article>
    129. 

  129.   
    130. 

  130.     <article class="voc-card">
    131. 

  131.       <blockquote>吃了三天没明显变化，但一周后排便时间稳定了一点。</blockquote>
    132. 

  132.       <footer>
    133. 

  133.         <span>打工人小周</span>
    134. 

  134.         <span>xiaohongshu / 儿童益生菌怎么选 / P0 / xhs_demo_c_013</span>
    135. 

  135.         <span>94 赞</span>
    136. 

  136.       </footer>
    137. 

  137.       <div class="tag-list"><span class="badge" style="--tone:var(--blue)">H3</span><span class="badge" style="--tone:var(--blue)">H7</span><span class="badge" style="--tone:var(--blue)">H4</span></div>
    138. 

  138.     </article>
    139. 

  139.   
    140. 

  140.     <article class="voc-card">
    141. 

  141.       <blockquote>详情页如果有适用人群表格，我会更容易判断。</blockquote>
    142. 

  142.       <footer>
    143. 

  143.         <span>小满妈妈</span>
    144. 

  144.         <span>xiaohongshu / 益生菌腹胀便秘 / P0 / xhs_demo_c_041</span>
    145. 

  145.         <span>98 赞</span>
    146. 

  146.       </footer>
    147. 

  147.       <div class="tag-list"><span class="badge" style="--tone:var(--accent)">H1</span><span class="badge" style="--tone:var(--accent)">H2</span><span class="badge" style="--tone:var(--accent)">H4</span><span class="badge" style="--tone:var(--accent)">H3</span></div>
    148. 

  148.     </article>
    149. 

  149.   
    150. 

  150.     <article class="voc-card">
    151. 

  151.       <blockquote>我会先看菌株编号和配料表，客服讲不清楚就不下单。</blockquote>
    152. 

  152.       <footer>
    153. 

  153.         <span>胃肠敏感星人</span>
    154. 

  154.         <span>xiaohongshu / 益生菌腹胀便秘 / P0 / xhs_demo_c_068</span>
    155. 

  155.         <span>95 赞</span>
    156. 

  156.       </footer>
    157. 

  157.       <div class="tag-list"><span class="badge" style="--tone:var(--purple)">H3</span><span class="badge" style="--tone:var(--purple)">H4</span><span class="badge" style="--tone:var(--purple)">H8</span></div>
    158. 

  158.     </article>
    159. 

  159.   
    160. 

  160.     <article class="voc-card">
    161. 

  161.       <blockquote>我喜欢7天观察卡这种内容，不像广告。</blockquote>
    162. 

  162.       <footer>
    163. 

  163.         <span>不想踩雷</span>
    164. 

  164.         <span>xiaohongshu / 儿童益生菌怎么选 / P0 / xhs_demo_c_026</span>
    165. 

  165.         <span>89 赞</span>
    166. 

  166.       </footer>
    167. 

  167.       <div class="tag-list"><span class="badge" style="--tone:var(--orange)">H2</span><span class="badge" style="--tone:var(--orange)">H3</span><span class="badge" style="--tone:var(--orange)">H7</span><span class="badge" style="--tone:var(--orange)">H8</span></div>
    168. 

  168.     </article>
    169. 

  169.   
    170. 

  170.     <article class="voc-card">
    171. 

  171.       <blockquote>过敏原、糖醇、香精这些最好直接标出来。</blockquote>
    172. 

  172.       <footer>
    173. 

  173.         <span>打工人小周</span>
    174. 

  174.         <span>xiaohongshu / 益生菌腹胀便秘 / P0 / xhs_demo_c_053</span>
    175. 

  175.         <span>86 赞</span>
    176. 

  176.       </footer>
    177. 

  177.       <div class="tag-list"><span class="badge" style="--tone:var(--rose)">H1</span><span class="badge" style="--tone:var(--rose)">H3</span><span class="badge" style="--tone:var(--rose)">H4</span><span class="badge" style="--tone:var(--rose)">H6</span></div>
    178. 

  178.     </article>
    179. 

  179.   </div>
    180. 

  180.     <div class="table-wrap">
    181. 

  181.       <table>
    182. 

  182.         <thead><tr><th>结论</th><th>证据</th><th>来源</th><th>置信度</th></tr></thead>
    183. 

  183.         <tbody><tr><td>结论先行</td><td>当前 105 条可追溯 VOC 显示，冻干益生菌 在「结论先行」中最稳定的信号集中在 反馈(14)、竞品(14)、信任(14)；主要由 儿童益生菌怎么选、益生菌腹胀便秘、冻干益生菌测评 等关键词触发。</td><td>105 条 VOC / 5 张证据卡</td><td>中</td></tr><tr><td>用户声音</td><td>当前 76 条可追溯 VOC 显示，冻干益生菌 在「用户声音」中最稳定的信号集中在 场景(13)、决策(13)、反馈(10)；主要由 儿童益生菌怎么选、益生菌腹胀便秘、冻干益生菌测评 等关键词触发。</td><td>76 条 VOC / 5 张证据卡</td><td>中</td></tr><tr><td>竞品/平台发现</td><td>当前 83 条可追溯 VOC 显示，冻干益生菌 在「竞品/平台发现」中最稳定的信号集中在 竞品(14)、信任(14)、价格(13)；主要由 儿童益生菌怎么选、冻干益生菌测评、益生菌腹胀便秘 等关键词触发。</td><td>83 条 VOC / 5 张证据卡</td><td>中</td></tr><tr><td>行动建议</td><td>当前 35 条可追溯 VOC 显示，冻干益生菌 在「行动建议」中最稳定的信号集中在 话术(12)、场景(4)、价格(4)；主要由 儿童益生菌怎么选、冻干益生菌测评、益生菌腹胀便秘 等关键词触发。</td><td>35 条 VOC / 5 张证据卡</td><td>中</td></tr></tbody>
    184. 

  184.       </table>
    185. 

  185.     </div>
    186. 

  186.   </div>
    187. 

  187.     </section>
    188. 

  188.   
    189. 

  189. 

  190.     <section class="slide" id="opportunity" data-tone="gold">
    191. 

  191.       
    192. 

  192.     <header class="section-head" style="--tone:var(--accent)">
    193. 

  193.       <div class="eyebrow">Chapter 03</div>
    194. 

  194.       <h2>机会判断</h2>
    195. 

  195.       <p>用矩阵、表格和条形图表达机会优先级。</p>
    196. 

  196.     </header>
    197. 

  197.   
    198. 

  198.       <div class="slide-body"><div class="bar-chart">
    199. 

  199.       <div class="bar-row">
    200. 

  200.         <div class="bar-label"><span>信任</span><strong>41</strong></div>
    201. 

  201.         <div class="bar-track"><div class="bar-fill" style="width:100%;--tone:var(--accent)"></div></div>
    202. 

  202.       </div>
    203. 

  203.     
    204. 

  204.       <div class="bar-row">
    205. 

  205.         <div class="bar-label"><span>竞品</span><strong>40</strong></div>
    206. 

  206.         <div class="bar-track"><div class="bar-fill" style="width:97.5609756097561%;--tone:var(--blue)"></div></div>
    207. 

  207.       </div>
    208. 

  208.     
    209. 

  209.       <div class="bar-row">
    210. 

  210.         <div class="bar-label"><span>场景</span><strong>39</strong></div>
    211. 

  211.         <div class="bar-track"><div class="bar-fill" style="width:95.1219512195122%;--tone:var(--purple)"></div></div>
    212. 

  212.       </div>
    213. 

  213.     
    214. 

  214.       <div class="bar-row">
    215. 

  215.         <div class="bar-label"><span>反馈</span><strong>37</strong></div>
    216. 

  216.         <div class="bar-track"><div class="bar-fill" style="width:90.2439024390244%;--tone:var(--brand)"></div></div>
    217. 

  217.       </div>
    218. 

  218.     
    219. 

  219.       <div class="bar-row">
    220. 

  220.         <div class="bar-label"><span>决策</span><strong>35</strong></div>
    221. 

  221.         <div class="bar-track"><div class="bar-fill" style="width:85.36585365853658%;--tone:var(--rose)"></div></div>
    222. 

  222.       </div>
    223. 

  223.     
    224. 

  224.       <div class="bar-row">
    225. 

  225.         <div class="bar-label"><span>价格</span><strong>30</strong></div>
    226. 

  226.         <div class="bar-track"><div class="bar-fill" style="width:73.17073170731707%;--tone:var(--orange)"></div></div>
    227. 

  227.       </div>
    228. 

  228.     
    229. 

  229.       <div class="bar-row">
    230. 

  230.         <div class="bar-label"><span>话术</span><strong>20</strong></div>
    231. 

  231.         <div class="bar-track"><div class="bar-fill" style="width:48.78048780487805%;--tone:var(--brand)"></div></div>
    232. 

  232.       </div>
    233. 

  233.     </div>
    234. 

  234.     <div class="matrix-wrap">
    235. 

  235.       <div class="axis axis-y">证据密度</div>
    236. 

  236.       <div class="matrix-2x2">
    237. 

  237.         
    238. 

  238.           <article class="matrix-cell" style="--tone:var(--brand)">
    239. 

  239.             <span class="badge" style="--tone:var(--brand)">Ch1</span>
    240. 

  240.             <h3>结论先行</h3>
    241. 

  241.             <p>保留本章结论作为报告开头判断，并在后续章节用证据卡展开。</p>
    242. 

  242.           </article>
    243. 

  243.         
    244. 

  244.           <article class="matrix-cell" style="--tone:var(--blue)">
    245. 

  245.             <span class="badge" style="--tone:var(--blue)">Ch2</span>
    246. 

  246.             <h3>用户声音</h3>
    247. 

  247.             <p>优先把高频痛点、场景和决策标准转成 VOC 证据卡，进入报告正文。</p>
    248. 

  248.           </article>
    249. 

  249.         
    250. 

  250.           <article class="matrix-cell" style="--tone:var(--accent)">
    251. 

  251.             <span class="badge" style="--tone:var(--accent)">Ch3</span>
    252. 

  252.             <h3>竞品/平台发现</h3>
    253. 

  253.             <p>把高赞评论中的用户原话转成内容标题、详情页 FAQ 或话术 AB 测试。</p>
    254. 

  254.           </article>
    255. 

  255.         
    256. 

  256.           <article class="matrix-cell" style="--tone:var(--purple)">
    257. 

  257.             <span class="badge" style="--tone:var(--purple)">Ch4</span>
    258. 

  258.             <h3>行动建议</h3>
    259. 

  259.             <p>把证据最高的 3 个用户表达转成 P0/P1/P2 行动，并为每条行动指定验证指标。</p>
    260. 

  260.           </article>
    261. 

  261.         
    262. 

  262.       </div>
    263. 

  263.       <div class="axis axis-x">章节优先级</div>
    264. 

  264.     </div>
    265. 

  265.   
    266. 

  266.     <div class="table-wrap">
    267. 

  267.       <table>
    268. 

  268.         <thead><tr><th>章节</th><th>假设</th><th>证据量</th><th>警告</th></tr></thead>
    269. 

  269.         <tbody><tr><td>Ch1 结论先行</td><td>H1, H2, H3, H4, H5, H6, H7, H8</td><td>105 / 5</td><td>0</td></tr><tr><td>Ch2 用户声音</td><td>H2, H3</td><td>76 / 5</td><td>0</td></tr><tr><td>Ch3 竞品/平台发现</td><td>H5, H6, H7</td><td>83 / 5</td><td>0</td></tr><tr><td>Ch4 行动建议</td><td>H8</td><td>35 / 5</td><td>0</td></tr></tbody>
    270. 

  270.       </table>
    271. 

  271.     </div>
    272. 

  272.   </div>
    273. 

  273.     </section>
    274. 

  274.   
    275. 

  275. 

  276.     <section class="slide" id="action" data-tone="orange">
    277. 

  277.       
    278. 

  278.     <header class="section-head" style="--tone:var(--orange)">
    279. 

  279.       <div class="eyebrow">Chapter 04</div>
    280. 

  280.       <h2>行动计划</h2>
    281. 

  281.       <p>把 VOC 发现转成 P0/P1/P2 的下一步验证动作。</p>
    282. 

  282.     </header>
    283. 

  283.   
    284. 

  284.       <div class="slide-body"><div class="decision-list">
    285. 

  285.     <article class="decision-item">
    286. 

  286.       <div class="decision-rank">Ch1</div>
    287. 

  287.       <div>
    288. 

  288.         <h3>结论先行</h3>
    289. 

  289.         <p>保留本章结论作为报告开头判断，并在后续章节用证据卡展开。</p>
    290. 

  290.         <small>H1, H2, H3, H4, H5, H6, H7, H8 · 5 张证据卡</small>
    291. 

  291.       </div>
    292. 

  292.     </article>
    293. 

  293.   
    294. 

  294.     <article class="decision-item">
    295. 

  295.       <div class="decision-rank">Ch2</div>
    296. 

  296.       <div>
    297. 

  297.         <h3>用户声音</h3>
    298. 

  298.         <p>优先把高频痛点、场景和决策标准转成 VOC 证据卡，进入报告正文。</p>
    299. 

  299.         <small>H2, H3 · 5 张证据卡</small>
    300. 

  300.       </div>
    301. 

  301.     </article>
    302. 

  302.   
    303. 

  303.     <article class="decision-item">
    304. 

  304.       <div class="decision-rank">Ch3</div>
    305. 

  305.       <div>
    306. 

  306.         <h3>竞品/平台发现</h3>
    307. 

  307.         <p>把高赞评论中的用户原话转成内容标题、详情页 FAQ 或话术 AB 测试。</p>
    308. 

  308.         <small>H5, H6, H7 · 5 张证据卡</small>
    309. 

  309.       </div>
    310. 

  310.     </article>
    311. 

  311.   
    312. 

  312.     <article class="decision-item">
    313. 

  313.       <div class="decision-rank">Ch4</div>
    314. 

  314.       <div>
    315. 

  315.         <h3>行动建议</h3>
    316. 

  316.         <p>把证据最高的 3 个用户表达转成 P0/P1/P2 行动，并为每条行动指定验证指标。</p>
    317. 

  317.         <small>H8 · 5 张证据卡</small>
    318. 

  318.       </div>
    319. 

  319.     </article>
    320. 

  320.   </div></div>
    321. 

  321.     </section>
    322. 

  322.   
    323. 

  323. </main>
    324. 

  324. <script>
    325. 

  325. document.querySelectorAll('a[href^="#"]').forEach(function(anchor){anchor.addEventListener('click',function(event){var target=document.querySelector(anchor.getAttribute('href'));if(target){event.preventDefault();target.scrollIntoView({behavior:'smooth'});}});});
    326. 

  326. </script>
    327. 

  327. </body>
    328. 

  328. </html>
    329.