hongcheng-insight-report-v2.html 59 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729
  1. <!DOCTYPE html>
  2. <html lang="zh-CN">
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6. <title>洪城到家 · VOC 深度洞察报告 v2</title>
  7. <style>
  8. :root {
  9. --bg-0: #ffffff; --bg-1: #f7f8fa; --bg-2: #eef0f4;
  10. --border: #e2e5ed; --text-1: #1a1d23; --text-2: #4a5568; --text-3: #8896a6;
  11. --font-sans: 'Inter', 'PingFang SC', 'Microsoft YaHei', sans-serif;
  12. --font-head: 'Inter', 'PingFang SC', 'Microsoft YaHei', sans-serif;
  13. --font-mono: 'JetBrains Mono', 'Fira Code', monospace;
  14. --radius-sm: 6px; --radius-md: 10px;
  15. }
  16. *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
  17. body { font-family: var(--font-sans); background: var(--bg-0); color: var(--text-1); font-size: 15px; line-height: 1.6; }
  18. .report-container { max-width: 1100px; margin: 0 auto; padding: 40px 24px; }
  19. .report-section { margin-bottom: 64px; scroll-margin-top: 24px; }
  20. .section-head { margin-bottom: 28px; padding-bottom: 18px; border-bottom: 2px solid var(--border); }
  21. .section-eyebrow { font-size: 0.72rem; font-weight: 700; letter-spacing: 0.18em; text-transform: uppercase; margin-bottom: 8px; }
  22. .text-h1 { font-size: 1.8rem; font-weight: 800; color: var(--text-1); margin-bottom: 6px; }
  23. .section-sub { color: var(--text-2); font-size: 0.95rem; }
  24. .text-mono { font-family: var(--font-mono); }
  25. .text-xs { font-size: 0.75rem; }
  26. .footer { text-align: center; padding: 40px 0 20px; color: var(--text-3); font-size: 0.8rem; border-top: 1px solid var(--border); margin-top: 60px; }
  27. @media (max-width: 768px) {
  28. .grid-2 { grid-template-columns: 1fr !important; }
  29. .grid-3 { grid-template-columns: 1fr !important; }
  30. .grid-4 { grid-template-columns: repeat(2, 1fr) !important; }
  31. }
  32. </style>
  33. </head>
  34. <body>
  35. <div class="report-container">
  36. <!-- 封面 -->
  37. <section class="report-section" style="text-align:center; padding:60px 20px; background:linear-gradient(135deg, #E6394608, #F4A26108); border-radius:16px; margin-bottom:48px; border:1px solid #E6394620;">
  38. <div style="font-size:0.75rem; font-weight:700; letter-spacing:0.2em; color:#E63946; margin-bottom:14px;">VOC 深度洞察报告 · v2</div>
  39. <h1 style="font-size:2.4rem; font-weight:900; color:var(--text-1); margin-bottom:10px;">洪城到家</h1>
  40. <p style="font-size:1.05rem; color:var(--text-2); margin-bottom:20px;">从 3000 单到 3万单 · 江西母婴服务市场增长策略</p>
  41. <div style="display:inline-flex; gap:10px; flex-wrap:wrap; justify-content:center; margin-bottom:20px;">
  42. <span style="padding:5px 14px; background:#1A1A1A; color:#fff; border-radius:20px; font-size:0.75rem; font-weight:600;">抖音</span>
  43. <span style="padding:5px 14px; background:#FF244215; color:#E63946; border-radius:20px; font-size:0.75rem; font-weight:600;">5,923 条真实评论</span>
  44. </div>
  45. <div style="color:var(--text-3); font-size:0.78rem;">采集日期:2026-04-21T13:46:22.623Z</div>
  46. </section>
  47. <!-- Ch1: 执行摘要 -->
  48. <section class="report-section" id="ch1">
  49. <div class="section-head">
  50. <div class="section-eyebrow" style="color:#E63946;">CHAPTER 01</div>
  51. <h2 class="text-h1">执行摘要</h2>
  52. <p class="section-sub">核心问题与机会分析</p>
  53. </div>
  54. <div style="display:grid; grid-template-columns:repeat(4, 1fr); gap:14px; margin-bottom:24px;" class="grid-4">
  55. <div style="text-align:center; padding:16px 12px; background:#E6394610; border:1px solid #E6394630; border-radius:var(--radius-md);">
  56. <div style="font-size:2rem; font-weight:800; color:#E63946; line-height:1.2;">5,089</div>
  57. <div style="color:var(--text-3); font-size:0.72rem; margin-top:6px;">VOC总量</div>
  58. </div>
  59. <div style="text-align:center; padding:16px 12px; background:#2D9C5D10; border:1px solid #2D9C5D30; border-radius:var(--radius-md);">
  60. <div style="font-size:2rem; font-weight:800; color:#2D9C5D; line-height:1.2;">5089/5923</div>
  61. <div style="color:var(--text-3); font-size:0.72rem; margin-top:6px;">高质量评论</div>
  62. </div>
  63. <div style="text-align:center; padding:16px 12px; background:#F4A26110; border:1px solid #F4A26130; border-radius:var(--radius-md);">
  64. <div style="font-size:2rem; font-weight:800; color:#F4A261; line-height:1.2;">10+</div>
  65. <div style="color:var(--text-3); font-size:0.72rem; margin-top:6px;">覆盖竞品</div>
  66. </div>
  67. <div style="text-align:center; padding:16px 12px; background:#89CFF010; border:1px solid #89CFF030; border-radius:var(--radius-md);">
  68. <div style="font-size:2rem; font-weight:800; color:#89CFF0; line-height:1.2;">9省</div>
  69. <div style="color:var(--text-3); font-size:0.72rem; margin-top:6px;">地理分布</div>
  70. </div>
  71. </div>
  72. <div style="display:grid; grid-template-columns:repeat(2, 1fr); gap:14px; margin-bottom:24px;" class="grid-2">
  73. <div style="text-align:center; padding:16px 12px; background:#2D9C5D10; border:1px solid #2D9C5D30; border-radius:var(--radius-md);">
  74. <div style="font-size:2rem; font-weight:800; color:#2D9C5D; line-height:1.2;">18%</div>
  75. <div style="color:var(--text-3); font-size:0.72rem; margin-top:6px;">正面评价率</div>
  76. </div>
  77. <div style="text-align:center; padding:16px 12px; background:#E6394610; border:1px solid #E6394630; border-radius:var(--radius-md);">
  78. <div style="font-size:2rem; font-weight:800; color:#E63946; line-height:1.2;">2.3%</div>
  79. <div style="color:var(--text-3); font-size:0.72rem; margin-top:6px;">负面评价率</div>
  80. </div>
  81. </div>
  82. <div style="padding:24px 28px; background:linear-gradient(135deg, #1D355708, #E6394604); border-left:4px solid #1D3557; border-radius:var(--radius-md); margin-bottom:24px;">
  83. <div class="text-mono text-xs" style="color:#1D3557; letter-spacing:0.18em; margin-bottom:12px; font-weight:700;">核心问题</div>
  84. <div style="font-size:1.1rem; font-weight:600; margin-bottom:8px;">现状:3000单/年 → 目标:3万单/年(10倍增长)</div>
  85. <div style="color:var(--text-2); font-size:0.9rem;">江西30万新生儿/年,洪诚到家目前市场渗透率仅1%,目标吃下10%市场</div>
  86. </div>
  87. <div style="padding:24px 28px; background:#E6394608; border:1px solid #E6394630; border-radius:var(--radius-md); margin-bottom:24px;">
  88. <div class="text-mono text-xs" style="color:#E63946; letter-spacing:0.18em; margin-bottom:14px; font-weight:700;">核心策略三句话</div>
  89. <div style="display:grid; grid-template-columns:repeat(3, 1fr); gap:16px;" class="grid-3">
  90. <div style="display:flex; gap:10px; align-items:flex-start;">
  91. <div style="flex-shrink:0; width:24px; height:24px; border-radius:50%; background:#E63946; color:#fff; font-size:0.75rem; font-weight:700; display:flex; align-items:center; justify-content:center;">1</div>
  92. <div style="font-size:0.88rem; line-height:1.6;">抄作业:学妈咪无忧小红书矩阵 + 学多喜娃医院地推 + 学好孕妈妈朋友圈投放 + 学天鹅到家标准化</div>
  93. </div>
  94. <div style="display:flex; gap:10px; align-items:flex-start;">
  95. <div style="flex-shrink:0; width:24px; height:24px; border-radius:50%; background:#F4A261; color:#fff; font-size:0.75rem; font-weight:700; display:flex; align-items:center; justify-content:center;">2</div>
  96. <div style="font-size:0.88rem; line-height:1.6;">短剧破圈:借南昌万亿短剧市场政策东风,低成本实现品牌曝光</div>
  97. </div>
  98. <div style="display:flex; gap:10px; align-items:flex-start;">
  99. <div style="flex-shrink:0; width:24px; height:24px; border-radius:50%; background:#2D9C5D; color:#fff; font-size:0.75rem; font-weight:700; display:flex; align-items:center; justify-content:center;">3</div>
  100. <div style="font-size:0.88rem; line-height:1.6;">VOC驱动:围绕专业度、价格透明度、服务保障三大痛点构建差异化</div>
  101. </div>
  102. </div>
  103. </div>
  104. <div style="padding:20px 24px; background:var(--bg-1); border:1px solid var(--border); border-radius:var(--radius-md);">
  105. <div class="text-mono text-xs" style="color:#1D3557; letter-spacing:0.15em; margin-bottom:12px; font-weight:700;">假设覆盖验证</div>
  106. <div style="padding:16px 20px; background:var(--bg-1); border:1px solid var(--border); border-radius:var(--radius-md);">
  107. <svg viewBox="0 0 800 384" style="width:100%; height:auto;" preserveAspectRatio="xMidYMid meet">
  108. <text x="112" y="37" text-anchor="end" font-size="13" fill="var(--text-2)">H1 医院地推是高效场景</text>
  109. <rect x="120" y="16" width="600" height="32" rx="4" fill="#E63946" opacity="0.85"/>
  110. <text x="728" y="37" font-size="13" font-weight="700" fill="#E63946" font-family="monospace">4184</text><text x="112" y="81" text-anchor="end" font-size="13" fill="var(--text-2)">H2 价格透明是转化关键</text>
  111. <rect x="120" y="60" width="249.66539196940727" height="32" rx="4" fill="#F4A261" opacity="0.85"/>
  112. <text x="377.66539196940727" y="81" font-size="13" font-weight="700" fill="#F4A261" font-family="monospace">1741</text><text x="112" y="125" text-anchor="end" font-size="13" fill="var(--text-2)">H3 短剧提升品牌认知</text>
  113. <rect x="120" y="104" width="20.36328871892925" height="32" rx="4" fill="#2D9C5D" opacity="0.85"/>
  114. <text x="148.36328871892925" y="125" font-size="13" font-weight="700" fill="#2D9C5D" font-family="monospace">142</text><text x="112" y="169" text-anchor="end" font-size="13" fill="var(--text-2)">H4 专业度信任需要证明</text>
  115. <rect x="120" y="148" width="520.9847036328872" height="32" rx="4" fill="#89CFF0" opacity="0.85"/>
  116. <text x="648.9847036328872" y="169" font-size="13" font-weight="700" fill="#89CFF0" font-family="monospace">3633</text><text x="112" y="213" text-anchor="end" font-size="13" fill="var(--text-2)">H5 社区店是主要威胁</text>
  117. <rect x="120" y="192" width="263.00191204588907" height="32" rx="4" fill="#8B5CF6" opacity="0.85"/>
  118. <text x="391.00191204588907" y="213" font-size="13" font-weight="700" fill="#8B5CF6" font-family="monospace">1834</text><text x="112" y="257" text-anchor="end" font-size="13" fill="var(--text-2)">H6 老带新是低成本渠道</text>
  119. <rect x="120" y="236" width="17.638623326959845" height="32" rx="4" fill="#FFB4C2" opacity="0.85"/>
  120. <text x="145.63862332695984" y="257" font-size="13" font-weight="700" fill="#FFB4C2" font-family="monospace">123</text><text x="112" y="301" text-anchor="end" font-size="13" fill="var(--text-2)">H7 美团小红书是搜索主力</text>
  121. <rect x="120" y="280" width="230.73613766730404" height="32" rx="4" fill="#FF8C42" opacity="0.85"/>
  122. <text x="358.73613766730404" y="301" font-size="13" font-weight="700" fill="#FF8C42" font-family="monospace">1609</text><text x="112" y="345" text-anchor="end" font-size="13" fill="var(--text-2)">H8 不满意能换是保障</text>
  123. <rect x="120" y="324" width="26.24282982791587" height="32" rx="4" fill="#6C757D" opacity="0.85"/>
  124. <text x="154.24282982791587" y="345" font-size="13" font-weight="700" fill="#6C757D" font-family="monospace">183</text>
  125. </svg>
  126. </div>
  127. </div>
  128. </section>
  129. <!-- Ch2: 竞品VOC分析 -->
  130. <section class="report-section" id="ch2">
  131. <div class="section-head">
  132. <div class="section-eyebrow" style="color:#F4A261;">CHAPTER 02</div>
  133. <h2 class="text-h1">竞品获客策略</h2>
  134. <p class="section-sub">头部品牌VOC拆解与可借鉴点</p>
  135. </div>
  136. <div style="overflow-x:auto; margin-bottom:24px;">
  137. <table style="width:100%; border-collapse:collapse; font-size:0.88rem;">
  138. <thead>
  139. <tr style="border-bottom:2px solid #F4A26133;">
  140. <th style="text-align:left; padding:10px 8px; color:#F4A261; font-weight:700;">品牌</th>
  141. <th style="text-align:center; padding:10px 8px; color:#F4A261; font-weight:700;">年营收</th>
  142. <th style="text-align:left; padding:10px 8px; color:#F4A261; font-weight:700;">核心优势</th>
  143. <th style="text-align:left; padding:10px 8px; color:#F4A261; font-weight:700;">洪诚可借鉴</th>
  144. </tr>
  145. </thead>
  146. <tbody>
  147. <tr style="border-bottom:1px solid var(--border); background:#fafafa">
  148. <td style="padding:10px 8px; font-weight:600;">天鹅到家</td>
  149. <td style="padding:10px 8px; text-align:center; font-family:var(--font-mono); color:#F4A261;">28-32亿</td>
  150. <td style="padding:10px 8px; color:var(--text-2);">全国第一/平台模式</td>
  151. <td style="padding:10px 8px; color:var(--text-2);">标准化体系</td>
  152. </tr><tr style="border-bottom:1px solid var(--border); ">
  153. <td style="padding:10px 8px; font-weight:600;">好孕妈妈</td>
  154. <td style="padding:10px 8px; text-align:center; font-family:var(--font-mono); color:#F4A261;">18-22亿</td>
  155. <td style="padding:10px 8px; color:var(--text-2);">医疗背景/医院合作强</td>
  156. <td style="padding:10px 8px; color:var(--text-2);">医院深度合作</td>
  157. </tr><tr style="border-bottom:1px solid var(--border); background:#fafafa">
  158. <td style="padding:10px 8px; font-weight:600;">宜尔宝</td>
  159. <td style="padding:10px 8px; text-align:center; font-family:var(--font-mono); color:#F4A261;">8-10亿</td>
  160. <td style="padding:10px 8px; color:var(--text-2);">华南龙头/员工制</td>
  161. <td style="padding:10px 8px; color:var(--text-2);">待分析</td>
  162. </tr><tr style="border-bottom:1px solid var(--border); ">
  163. <td style="padding:10px 8px; font-weight:600;">妈咪无忧</td>
  164. <td style="padding:10px 8px; text-align:center; font-family:var(--font-mono); color:#F4A261;">7-9亿</td>
  165. <td style="padding:10px 8px; color:var(--text-2);">上海第一/小红书KOS矩阵</td>
  166. <td style="padding:10px 8px; color:var(--text-2);">小红书KOS矩阵</td>
  167. </tr><tr style="border-bottom:1px solid var(--border); background:#fafafa">
  168. <td style="padding:10px 8px; font-weight:600;">爱侬家政</td>
  169. <td style="padding:10px 8px; text-align:center; font-family:var(--font-mono); color:#F4A261;">6-8亿</td>
  170. <td style="padding:10px 8px; color:var(--text-2);">北京老牌/新三板</td>
  171. <td style="padding:10px 8px; color:var(--text-2);">待分析</td>
  172. </tr><tr style="border-bottom:1px solid var(--border); ">
  173. <td style="padding:10px 8px; font-weight:600;">叮当找阿姨</td>
  174. <td style="padding:10px 8px; text-align:center; font-family:var(--font-mono); color:#F4A261;">5-7亿</td>
  175. <td style="padding:10px 8px; color:var(--text-2);">AI+医护模式</td>
  176. <td style="padding:10px 8px; color:var(--text-2);">待分析</td>
  177. </tr>
  178. </tbody>
  179. </table>
  180. </div>
  181. <div style="display:grid; grid-template-columns:repeat(2, 1fr); gap:14px; margin-bottom:24px;" class="grid-2">
  182. <div style="padding:18px 22px; background:#4A90D910; border:1px solid #4A90D930; border-radius:var(--radius-md);">
  183. <div style="font-weight:700; color:#4A90D9; margin-bottom:10px;">天鹅到家 · 竞品评论洞察</div>
  184. <div style="color:var(--text-2); font-size:0.85rem; line-height:1.7;">
  185. <div style="margin-bottom:8px;">✓ 全国覆盖广,平台模式</div>
  186. <div style="margin-bottom:8px;">✓ 多渠道组合打法成熟</div>
  187. <div style="margin-bottom:8px;">✓ AI驱动匹配效率</div>
  188. <div style="color:#E63946;">⚠ 本地化服务能力弱</div>
  189. </div>
  190. </div>
  191. <div style="padding:18px 22px; background:#52C41A10; border:1px solid #52C41A30; border-radius:var(--radius-md);">
  192. <div style="font-weight:700; color:#52C41A; margin-bottom:10px;">好孕妈妈 · 竞品评论洞察</div>
  193. <div style="color:var(--text-2); font-size:0.85rem; line-height:1.7;">
  194. <div style="margin-bottom:8px;">✓ 医院渠道是最高效场景</div>
  195. <div style="margin-bottom:8px;">✓ 医疗背景背书强</div>
  196. <div style="margin-bottom:8px;">✓ CRM精细化运营</div>
  197. <div style="color:#E63946;">⚠ 价格偏高</div>
  198. </div>
  199. </div>
  200. </div>
  201. <div style="padding:18px 22px; background:var(--bg-1); border:1px solid var(--border); border-radius:var(--radius-md);">
  202. <div class="text-mono text-xs" style="color:#F4A261; letter-spacing:0.15em; margin-bottom:14px; font-weight:700;">抖音竞品关键词覆盖(VOC条数)</div>
  203. <div style="padding:16px 20px; background:var(--bg-1); border:1px solid var(--border); border-radius:var(--radius-md);">
  204. <svg viewBox="0 0 800 296" style="width:100%; height:auto;" preserveAspectRatio="xMidYMid meet">
  205. <text x="112" y="37" text-anchor="end" font-size="13" fill="var(--text-2)">新手爸妈</text>
  206. <rect x="120" y="16" width="600" height="32" rx="4" fill="#F4A261" opacity="0.85"/>
  207. <text x="728" y="37" font-size="13" font-weight="700" fill="#F4A261" font-family="monospace">1184</text><text x="112" y="81" text-anchor="end" font-size="13" fill="var(--text-2)">好孕妈妈月嫂</text>
  208. <rect x="120" y="60" width="578.7162162162161" height="32" rx="4" fill="#52C41A" opacity="0.85"/>
  209. <text x="706.7162162162161" y="81" font-size="13" font-weight="700" fill="#52C41A" font-family="monospace">1142</text><text x="112" y="125" text-anchor="end" font-size="13" fill="var(--text-2)">坐月子注意事项</text>
  210. <rect x="120" y="104" width="489.02027027027026" height="32" rx="4" fill="#F4A261" opacity="0.85"/>
  211. <text x="617.0202702702702" y="125" font-size="13" font-weight="700" fill="#F4A261" font-family="monospace">965</text><text x="112" y="169" text-anchor="end" font-size="13" fill="var(--text-2)">新手爸妈找月嫂</text>
  212. <rect x="120" y="148" width="371.9594594594595" height="32" rx="4" fill="#F4A261" opacity="0.85"/>
  213. <text x="499.9594594594595" y="169" font-size="13" font-weight="700" fill="#F4A261" font-family="monospace">734</text><text x="112" y="213" text-anchor="end" font-size="13" fill="var(--text-2)">月嫂多少钱一个月</text>
  214. <rect x="120" y="192" width="206.75675675675674" height="32" rx="4" fill="#F4A261" opacity="0.85"/>
  215. <text x="334.7567567567568" y="213" font-size="13" font-weight="700" fill="#F4A261" font-family="monospace">408</text><text x="112" y="257" text-anchor="end" font-size="13" fill="var(--text-2)">天鹅到家月嫂</text>
  216. <rect x="120" y="236" width="67.9054054054054" height="32" rx="4" fill="#4A90D9" opacity="0.85"/>
  217. <text x="195.90540540540542" y="257" font-size="13" font-weight="700" fill="#4A90D9" font-family="monospace">134</text>
  218. </svg>
  219. </div>
  220. </div>
  221. </section>
  222. <!-- Ch3: 用户痛点VOC -->
  223. <section class="report-section" id="ch3">
  224. <div class="section-head">
  225. <div class="section-eyebrow" style="color:#E63946;">CHAPTER 03</div>
  226. <h2 class="text-h1">用户痛点VOC</h2>
  227. <p class="section-sub">选择月嫂的三大顾虑</p>
  228. </div>
  229. <div style="display:grid; grid-template-columns:repeat(3, 1fr); gap:16px; margin-bottom:24px;" class="grid-3">
  230. <div style="padding:20px 22px; background:#E6394610; border:1px solid #E6394630; border-radius:var(--radius-md);">
  231. <div style="font-size:1.6rem; margin-bottom:8px;">💰</div>
  232. <div style="font-weight:700; color:#E63946; margin-bottom:6px;">价格透明</div>
  233. <div style="color:var(--text-2); font-size:0.85rem;">"月嫂多少钱一个月"</div>
  234. <div style="color:var(--text-3); font-size:0.78rem; margin-top:8px;">408条相关讨论</div>
  235. </div>
  236. <div style="padding:20px 22px; background:#2D9C5D10; border:1px solid #2D9C5D30; border-radius:var(--radius-md);">
  237. <div style="font-size:1.6rem; margin-bottom:8px;">🏆</div>
  238. <div style="font-weight:700; color:#2D9C5D; margin-bottom:6px;">专业度信任</div>
  239. <div style="color:var(--text-2); font-size:0.85rem;">"怎么知道月嫂靠不靠谱"</div>
  240. <div style="color:var(--text-3); font-size:0.78rem; margin-top:8px;">4083条假设覆盖</div>
  241. </div>
  242. <div style="padding:20px 22px; background:#FF8C4210; border:1px solid #FF8C4230; border-radius:var(--radius-md);">
  243. <div style="font-size:1.6rem; margin-bottom:8px;">🛡️</div>
  244. <div style="font-weight:700; color:#FF8C42; margin-bottom:6px;">服务保障</div>
  245. <div style="color:var(--text-2); font-size:0.85rem;">"不满意能换吗"</div>
  246. <div style="color:var(--text-3); font-size:0.78rem; margin-top:8px;">213条相关讨论</div>
  247. </div>
  248. </div>
  249. <div style="margin-bottom:24px;">
  250. <div class="text-mono text-xs" style="color:#2D9C5D; letter-spacing:0.15em; margin-bottom:12px; font-weight:700;">▲ 正面评价样本(情感分析)</div>
  251. <div style="display:grid; grid-template-columns:repeat(2, 1fr); gap:14px;"><div style="background:var(--bg-1); border:1px solid var(--border); border-left:3px solid #2D9C5D; border-radius:var(--radius-sm); padding:14px 16px; margin-bottom:10px;">
  252. <div style="display:flex; justify-content:space-between; align-items:center; gap:8px; flex-wrap:wrap; margin-bottom:8px;">
  253. <div style="display:flex; align-items:center; gap:6px;">
  254. <span style="display:inline-flex; align-items:center; justify-content:center; width:20px; height:20px; border-radius:50%; background:#1A1A1A; color:#fff; font-size:0.6rem; font-weight:700;">抖</span>
  255. <span style="color:var(--text-1); font-size:0.8rem; font-weight:600;">陕西都市快报</span>
  256. </div>
  257. <div style="display:flex; align-items:center; gap:6px;">
  258. <span style="color:#2D9C5D; font-size:0.7rem; font-weight:600;">▲ positive</span>
  259. <span style="color:var(--text-3); font-size:0.68rem; font-family:var(--font-mono);">♥5.6k</span>
  260. </div>
  261. </div>
  262. <div style="color:var(--text-1); font-size:0.9rem; line-height:1.6;">"#月嫂宝妈维权 (1)带了俩月娃,一分钱没拿到。好孕妈妈西安北郊店突然闭店,300余名保姆血汗钱被拖欠。#快报帮在行动
  263. "</div>
  264. </div><div style="background:var(--bg-1); border:1px solid var(--border); border-left:3px solid #2D9C5D; border-radius:var(--radius-sm); padding:14px 16px; margin-bottom:10px;">
  265. <div style="display:flex; justify-content:space-between; align-items:center; gap:8px; flex-wrap:wrap; margin-bottom:8px;">
  266. <div style="display:flex; align-items:center; gap:6px;">
  267. <span style="display:inline-flex; align-items:center; justify-content:center; width:20px; height:20px; border-radius:50%; background:#1A1A1A; color:#fff; font-size:0.6rem; font-weight:700;">抖</span>
  268. <span style="color:var(--text-1); font-size:0.8rem; font-weight:600;">海峡网</span>
  269. </div>
  270. <div style="display:flex; align-items:center; gap:6px;">
  271. <span style="color:#2D9C5D; font-size:0.7rem; font-weight:600;">▲ positive</span>
  272. <span style="color:var(--text-3); font-size:0.68rem; font-family:var(--font-mono);">♥2.7k</span>
  273. </div>
  274. </div>
  275. <div style="color:var(--text-1); font-size:0.9rem; line-height:1.6;">"事发福州,育儿嫂是在“福州好孕妈妈”官方平台找的金牌月嫂。目前,涉事育儿嫂严重违反平台规范,已被拉黑,平台被约谈,警方已介入调查。"</div>
  276. </div><div style="background:var(--bg-1); border:1px solid var(--border); border-left:3px solid #2D9C5D; border-radius:var(--radius-sm); padding:14px 16px; margin-bottom:10px;">
  277. <div style="display:flex; justify-content:space-between; align-items:center; gap:8px; flex-wrap:wrap; margin-bottom:8px;">
  278. <div style="display:flex; align-items:center; gap:6px;">
  279. <span style="display:inline-flex; align-items:center; justify-content:center; width:20px; height:20px; border-radius:50%; background:#1A1A1A; color:#fff; font-size:0.6rem; font-weight:700;">抖</span>
  280. <span style="color:var(--text-1); font-size:0.8rem; font-weight:600;">大风视频</span>
  281. </div>
  282. <div style="display:flex; align-items:center; gap:6px;">
  283. <span style="color:#2D9C5D; font-size:0.7rem; font-weight:600;">▲ positive</span>
  284. <span style="color:var(--text-3); font-size:0.68rem; font-family:var(--font-mono);">♥1.5k</span>
  285. </div>
  286. </div>
  287. <div style="color:var(--text-1); font-size:0.9rem; line-height:1.6;">"#好孕妈妈家政西安北郊店欠薪让员工自救 门店负责人:建议员工走劳动仲裁 #拖欠工资#陕西dou知道"</div>
  288. </div><div style="background:var(--bg-1); border:1px solid var(--border); border-left:3px solid #2D9C5D; border-radius:var(--radius-sm); padding:14px 16px; margin-bottom:10px;">
  289. <div style="display:flex; justify-content:space-between; align-items:center; gap:8px; flex-wrap:wrap; margin-bottom:8px;">
  290. <div style="display:flex; align-items:center; gap:6px;">
  291. <span style="display:inline-flex; align-items:center; justify-content:center; width:20px; height:20px; border-radius:50%; background:#1A1A1A; color:#fff; font-size:0.6rem; font-weight:700;">抖</span>
  292. <span style="color:var(--text-1); font-size:0.8rem; font-weight:600;">大掌柜夫妇</span>
  293. <span style="color:var(--text-3); font-size:0.68rem;">· 广东</span>
  294. </div>
  295. <div style="display:flex; align-items:center; gap:6px;">
  296. <span style="color:#2D9C5D; font-size:0.7rem; font-weight:600;">▲ positive</span>
  297. <span style="color:var(--text-3); font-size:0.68rem; font-family:var(--font-mono);">♥1.3k</span>
  298. </div>
  299. </div>
  300. <div style="color:var(--text-1); font-size:0.9rem; line-height:1.6;">"下一期分享一个《第一次做爸爸》好不好?"</div>
  301. <div style="margin-top:8px; display:flex; flex-wrap:wrap; gap:4px;"><span style="padding:2px 6px; background:#2D9C5D15; color:#2D9C5D; border-radius:3px; font-size:0.64rem; font-weight:600;">新手爸妈</span></div>
  302. </div></div>
  303. </div>
  304. <div style="margin-bottom:24px;">
  305. <div class="text-mono text-xs" style="color:#E63946; letter-spacing:0.15em; margin-bottom:12px; font-weight:700;">▼ 负面评价样本(需关注)</div>
  306. <div style="display:grid; grid-template-columns:repeat(2, 1fr); gap:14px;"><div style="background:var(--bg-1); border:1px solid var(--border); border-left:3px solid #E63946; border-radius:var(--radius-sm); padding:14px 16px; margin-bottom:10px;">
  307. <div style="display:flex; justify-content:space-between; align-items:center; gap:8px; flex-wrap:wrap; margin-bottom:8px;">
  308. <div style="display:flex; align-items:center; gap:6px;">
  309. <span style="display:inline-flex; align-items:center; justify-content:center; width:20px; height:20px; border-radius:50%; background:#1A1A1A; color:#fff; font-size:0.6rem; font-weight:700;">抖</span>
  310. <span style="color:var(--text-1); font-size:0.8rem; font-weight:600;">小十六</span>
  311. </div>
  312. <div style="display:flex; align-items:center; gap:6px;">
  313. <span style="color:#E63946; font-size:0.7rem; font-weight:600;">▼ negative</span>
  314. <span style="color:var(--text-3); font-size:0.68rem; font-family:var(--font-mono);">♥103</span>
  315. </div>
  316. </div>
  317. <div style="color:var(--text-1); font-size:0.9rem; line-height:1.6;">"请月嫂前,怕踩坑,请月嫂后,后悔没早点请,这服务太香了~#坐月子#孕妇#宝妈分享#天鹅到家高端月嫂#合肥月嫂"</div>
  318. </div><div style="background:var(--bg-1); border:1px solid var(--border); border-left:3px solid #E63946; border-radius:var(--radius-sm); padding:14px 16px; margin-bottom:10px;">
  319. <div style="display:flex; justify-content:space-between; align-items:center; gap:8px; flex-wrap:wrap; margin-bottom:8px;">
  320. <div style="display:flex; align-items:center; gap:6px;">
  321. <span style="display:inline-flex; align-items:center; justify-content:center; width:20px; height:20px; border-radius:50%; background:#1A1A1A; color:#fff; font-size:0.6rem; font-weight:700;">抖</span>
  322. <span style="color:var(--text-1); font-size:0.8rem; font-weight:600;">春晓说孕产(夏天妈妈)</span>
  323. <span style="color:var(--text-3); font-size:0.68rem;">· 辽宁</span>
  324. </div>
  325. <div style="display:flex; align-items:center; gap:6px;">
  326. <span style="color:#E63946; font-size:0.7rem; font-weight:600;">▼ negative</span>
  327. <span style="color:var(--text-3); font-size:0.68rem; font-family:var(--font-mono);">♥86</span>
  328. </div>
  329. </div>
  330. <div style="color:var(--text-1); font-size:0.9rem; line-height:1.6;">"这条视频给大家讲坐月子注意事项 我看怎么引发了婆媳矛盾呢[捂脸][捂脸][捂脸] 姐妹们 坐月子荷尔蒙改变会失落哭泣 要降低对婆婆的期望 就不会有失望,你们说呢"</div>
  331. <div style="margin-top:8px; display:flex; flex-wrap:wrap; gap:4px;"><span style="padding:2px 6px; background:#E6394615; color:#E63946; border-radius:3px; font-size:0.64rem; font-weight:600;">婆媳关系</span></div>
  332. </div><div style="background:var(--bg-1); border:1px solid var(--border); border-left:3px solid #E63946; border-radius:var(--radius-sm); padding:14px 16px; margin-bottom:10px;">
  333. <div style="display:flex; justify-content:space-between; align-items:center; gap:8px; flex-wrap:wrap; margin-bottom:8px;">
  334. <div style="display:flex; align-items:center; gap:6px;">
  335. <span style="display:inline-flex; align-items:center; justify-content:center; width:20px; height:20px; border-radius:50%; background:#1A1A1A; color:#fff; font-size:0.6rem; font-weight:700;">抖</span>
  336. <span style="color:var(--text-1); font-size:0.8rem; font-weight:600;">未来可期@阳♥</span>
  337. <span style="color:var(--text-3); font-size:0.68rem;">· 陕西</span>
  338. </div>
  339. <div style="display:flex; align-items:center; gap:6px;">
  340. <span style="color:#E63946; font-size:0.7rem; font-weight:600;">▼ negative</span>
  341. <span style="color:var(--text-3); font-size:0.68rem; font-family:var(--font-mono);">♥24</span>
  342. </div>
  343. </div>
  344. <div style="color:var(--text-1); font-size:0.9rem; line-height:1.6;">"我被骗走了3000块的学费,还是手机里面借的钱,实在太可恨了!"</div>
  345. </div><div style="background:var(--bg-1); border:1px solid var(--border); border-left:3px solid #E63946; border-radius:var(--radius-sm); padding:14px 16px; margin-bottom:10px;">
  346. <div style="display:flex; justify-content:space-between; align-items:center; gap:8px; flex-wrap:wrap; margin-bottom:8px;">
  347. <div style="display:flex; align-items:center; gap:6px;">
  348. <span style="display:inline-flex; align-items:center; justify-content:center; width:20px; height:20px; border-radius:50%; background:#1A1A1A; color:#fff; font-size:0.6rem; font-weight:700;">抖</span>
  349. <span style="color:var(--text-1); font-size:0.8rem; font-weight:600;">时光倒流</span>
  350. </div>
  351. <div style="display:flex; align-items:center; gap:6px;">
  352. <span style="color:#E63946; font-size:0.7rem; font-weight:600;">▼ negative</span>
  353. <span style="color:var(--text-3); font-size:0.68rem; font-family:var(--font-mono);">♥9</span>
  354. </div>
  355. </div>
  356. <div style="color:var(--text-1); font-size:0.9rem; line-height:1.6;">"月嫂太牛逼了,只管26天,还死贵"</div>
  357. <div style="margin-top:8px; display:flex; flex-wrap:wrap; gap:4px;"><span style="padding:2px 6px; background:#E6394615; color:#E63946; border-radius:3px; font-size:0.64rem; font-weight:600;">价格敏感</span></div>
  358. </div></div>
  359. </div>
  360. </section>
  361. <!-- Ch4: 地理分布 -->
  362. <section class="report-section" id="ch4">
  363. <div class="section-head">
  364. <div class="section-eyebrow" style="color:#89CFF0;">CHAPTER 04</div>
  365. <h2 class="text-h1">用户地理分布</h2>
  366. <p class="section-sub">抖音评论IP定位分析</p>
  367. </div>
  368. <div style="display:grid; grid-template-columns:repeat(2, 1fr); gap:14px;" class="grid-2">
  369. <div style="padding:18px 22px; background:var(--bg-1); border:1px solid var(--border); border-radius:var(--radius-md);">
  370. <div class="text-mono text-xs" style="color:#89CFF0; letter-spacing:0.15em; margin-bottom:14px; font-weight:700;">TOP 9 省份分布</div>
  371. <div style="padding:16px 20px; background:var(--bg-1); border:1px solid var(--border); border-radius:var(--radius-md);">
  372. <svg viewBox="0 0 800 428" style="width:100%; height:auto;" preserveAspectRatio="xMidYMid meet">
  373. <text x="112" y="37" text-anchor="end" font-size="13" fill="var(--text-2)">广东</text>
  374. <rect x="120" y="16" width="600" height="32" rx="4" fill="#89CFF0" opacity="0.85"/>
  375. <text x="728" y="37" font-size="13" font-weight="700" fill="#89CFF0" font-family="monospace">451</text><text x="112" y="81" text-anchor="end" font-size="13" fill="var(--text-2)">江苏</text>
  376. <rect x="120" y="60" width="524.1685144124169" height="32" rx="4" fill="#89CFF0" opacity="0.85"/>
  377. <text x="652.1685144124169" y="81" font-size="13" font-weight="700" fill="#89CFF0" font-family="monospace">394</text><text x="112" y="125" text-anchor="end" font-size="13" fill="var(--text-2)">山东</text>
  378. <rect x="120" y="104" width="363.1929046563193" height="32" rx="4" fill="#89CFF0" opacity="0.85"/>
  379. <text x="491.1929046563193" y="125" font-size="13" font-weight="700" fill="#89CFF0" font-family="monospace">273</text><text x="112" y="169" text-anchor="end" font-size="13" fill="var(--text-2)">浙江</text>
  380. <rect x="120" y="148" width="325.94235033259423" height="32" rx="4" fill="#89CFF0" opacity="0.85"/>
  381. <text x="453.94235033259423" y="169" font-size="13" font-weight="700" fill="#89CFF0" font-family="monospace">245</text><text x="112" y="213" text-anchor="end" font-size="13" fill="var(--text-2)">湖南</text>
  382. <rect x="120" y="192" width="308.6474501108647" height="32" rx="4" fill="#89CFF0" opacity="0.85"/>
  383. <text x="436.6474501108647" y="213" font-size="13" font-weight="700" fill="#89CFF0" font-family="monospace">232</text><text x="112" y="257" text-anchor="end" font-size="13" fill="var(--text-2)">广西</text>
  384. <rect x="120" y="236" width="278.0487804878049" height="32" rx="4" fill="#89CFF0" opacity="0.85"/>
  385. <text x="406.0487804878049" y="257" font-size="13" font-weight="700" fill="#89CFF0" font-family="monospace">209</text><text x="112" y="301" text-anchor="end" font-size="13" fill="var(--text-2)">四川</text>
  386. <rect x="120" y="280" width="254.10199556541022" height="32" rx="4" fill="#89CFF0" opacity="0.85"/>
  387. <text x="382.1019955654102" y="301" font-size="13" font-weight="700" fill="#89CFF0" font-family="monospace">191</text><text x="112" y="345" text-anchor="end" font-size="13" fill="var(--text-2)">河南</text>
  388. <rect x="120" y="324" width="240.7982261640798" height="32" rx="4" fill="#89CFF0" opacity="0.85"/>
  389. <text x="368.7982261640798" y="345" font-size="13" font-weight="700" fill="#89CFF0" font-family="monospace">181</text><text x="112" y="389" text-anchor="end" font-size="13" fill="var(--text-2)">安徽</text>
  390. <rect x="120" y="368" width="216.85144124168514" height="32" rx="4" fill="#89CFF0" opacity="0.85"/>
  391. <text x="344.85144124168517" y="389" font-size="13" font-weight="700" fill="#89CFF0" font-family="monospace">163</text>
  392. </svg>
  393. </div>
  394. </div>
  395. <div style="padding:20px 22px; background:#89CFF010; border:1px solid #89CFF030; border-radius:var(--radius-md);">
  396. <div style="font-weight:700; color:#89CFF0; margin-bottom:14px;">关键发现</div>
  397. <div style="color:var(--text-2); font-size:0.88rem; line-height:1.8;">
  398. <div style="margin-bottom:10px;">✓ <b>广东(451条)</b> 是最大的评论来源省</div>
  399. <div style="margin-bottom:10px;">✓ <b>江苏(394条)</b> 其次,江浙沪经济发达区</div>
  400. <div style="margin-bottom:10px;">✓ <b>山东(273条)</b> 北方第一人口大省</div>
  401. <div style="margin-bottom:10px;">✓ 江西本省评论较少,需加强本地推广</div>
  402. <div style="color:#E63946; margin-top:12px;">→ 洪诚到家核心市场在江西,需加强本省IP用户采集</div>
  403. </div>
  404. </div>
  405. </div>
  406. </section>
  407. <!-- Ch5: KANO需求分析 -->
  408. <section class="report-section" id="ch5">
  409. <div class="section-head">
  410. <div class="section-eyebrow" style="color:#8B5CF6;">CHAPTER 05</div>
  411. <h2 class="text-h1">KANO × JTBD 需求分析</h2>
  412. <p class="section-sub">需求分类与价值分层</p>
  413. </div>
  414. <div style="display:grid; grid-template-columns:repeat(3, 1fr); gap:16px; margin-bottom:24px;" class="grid-3">
  415. <div style="padding:20px 22px; background:#E6394610; border:1px solid #E6394630; border-radius:var(--radius-md);">
  416. <div style="font-weight:700; color:#E63946; margin-bottom:10px;">必备型需求 (Must-be)</div>
  417. <div style="color:var(--text-2); font-size:0.85rem; line-height:1.7;">
  418. <div>• 专业月嫂资质证书</div>
  419. <div>• 基本护理技能保障</div>
  420. <div>• 合同服务保障</div>
  421. </div>
  422. </div>
  423. <div style="padding:20px 22px; background:#F4A26110; border:1px solid #F4A26130; border-radius:var(--radius-md);">
  424. <div style="font-weight:700; color:#F4A261; margin-bottom:10px;">期望型需求 (Performance)</div>
  425. <div style="color:var(--text-2); font-size:0.85rem; line-height:1.7;">
  426. <div>• 价格透明公开</div>
  427. <div>• 匹配效率高</div>
  428. <div>• 服务态度好</div>
  429. </div>
  430. </div>
  431. <div style="padding:20px 22px; background:#2D9C5D10; border:1px solid #2D9C5D30; border-radius:var(--radius-md);">
  432. <div style="font-weight:700; color:#2D9C5D; margin-bottom:10px;">兴奋型需求 (Attractive)</div>
  433. <div style="color:var(--text-2); font-size:0.85rem; line-height:1.7;">
  434. <div>• 短剧内容种草</div>
  435. <div>• 私人定制服务</div>
  436. <div>• 医院VIP通道</div>
  437. </div>
  438. </div>
  439. </div>
  440. <div style="padding:20px 24px; background:var(--bg-1); border:1px solid var(--border); border-radius:var(--radius-md);">
  441. <div class="text-mono text-xs" style="color:#8B5CF6; letter-spacing:0.15em; margin-bottom:14px; font-weight:700;">H1-H8 假设验证(全部假设覆盖条数)</div>
  442. <div style="padding:16px 20px; background:var(--bg-1); border:1px solid var(--border); border-radius:var(--radius-md);">
  443. <svg viewBox="0 0 800 384" style="width:100%; height:auto;" preserveAspectRatio="xMidYMid meet">
  444. <text x="112" y="37" text-anchor="end" font-size="13" fill="var(--text-2)">H1</text>
  445. <rect x="120" y="16" width="600" height="32" rx="4" fill="#E63946" opacity="0.85"/>
  446. <text x="728" y="37" font-size="13" font-weight="700" fill="#E63946" font-family="monospace">4184</text><text x="112" y="81" text-anchor="end" font-size="13" fill="var(--text-2)">H2</text>
  447. <rect x="120" y="60" width="249.66539196940727" height="32" rx="4" fill="#F4A261" opacity="0.85"/>
  448. <text x="377.66539196940727" y="81" font-size="13" font-weight="700" fill="#F4A261" font-family="monospace">1741</text><text x="112" y="125" text-anchor="end" font-size="13" fill="var(--text-2)">H3</text>
  449. <rect x="120" y="104" width="20.36328871892925" height="32" rx="4" fill="#2D9C5D" opacity="0.85"/>
  450. <text x="148.36328871892925" y="125" font-size="13" font-weight="700" fill="#2D9C5D" font-family="monospace">142</text><text x="112" y="169" text-anchor="end" font-size="13" fill="var(--text-2)">H4</text>
  451. <rect x="120" y="148" width="520.9847036328872" height="32" rx="4" fill="#89CFF0" opacity="0.85"/>
  452. <text x="648.9847036328872" y="169" font-size="13" font-weight="700" fill="#89CFF0" font-family="monospace">3633</text><text x="112" y="213" text-anchor="end" font-size="13" fill="var(--text-2)">H5</text>
  453. <rect x="120" y="192" width="263.00191204588907" height="32" rx="4" fill="#8B5CF6" opacity="0.85"/>
  454. <text x="391.00191204588907" y="213" font-size="13" font-weight="700" fill="#8B5CF6" font-family="monospace">1834</text><text x="112" y="257" text-anchor="end" font-size="13" fill="var(--text-2)">H6</text>
  455. <rect x="120" y="236" width="17.638623326959845" height="32" rx="4" fill="#FFB4C2" opacity="0.85"/>
  456. <text x="145.63862332695984" y="257" font-size="13" font-weight="700" fill="#FFB4C2" font-family="monospace">123</text><text x="112" y="301" text-anchor="end" font-size="13" fill="var(--text-2)">H7</text>
  457. <rect x="120" y="280" width="230.73613766730404" height="32" rx="4" fill="#FF8C42" opacity="0.85"/>
  458. <text x="358.73613766730404" y="301" font-size="13" font-weight="700" fill="#FF8C42" font-family="monospace">1609</text><text x="112" y="345" text-anchor="end" font-size="13" fill="var(--text-2)">H8</text>
  459. <rect x="120" y="324" width="26.24282982791587" height="32" rx="4" fill="#6C757D" opacity="0.85"/>
  460. <text x="154.24282982791587" y="345" font-size="13" font-weight="700" fill="#6C757D" font-family="monospace">183</text>
  461. </svg>
  462. </div>
  463. </div>
  464. </section>
  465. <!-- Ch6: 增长机会 -->
  466. <section class="report-section" id="ch6">
  467. <div class="section-head">
  468. <div class="section-eyebrow" style="color:#2D9C5D;">CHAPTER 06</div>
  469. <h2 class="text-h1">增长机会 × 新渠道</h2>
  470. <p class="section-sub">基于VOC发现的三大突破口</p>
  471. </div>
  472. <div style="display:grid; grid-template-columns:repeat(3, 1fr); gap:16px; margin-bottom:24px;" class="grid-3">
  473. <div style="padding:22px 24px; background:#2D9C5D10; border:1px solid #2D9C5D30; border-radius:var(--radius-md);">
  474. <div style="font-size:1.8rem; margin-bottom:10px;">🏥</div>
  475. <div style="font-weight:700; color:#2D9C5D; font-size:1rem; margin-bottom:8px;">医院地推</div>
  476. <div style="color:var(--text-2); font-size:0.85rem; line-height:1.6; margin-bottom:12px;">直接触达即将生产的精准用户,转化率远高于泛流量</div>
  477. <div style="display:flex; gap:12px;">
  478. <div style="text-align:center;"><div style="font-size:1.2rem; font-weight:700; color:#2D9C5D;">50-100元</div><div style="color:var(--text-3); font-size:0.7rem;">客资成本</div></div>
  479. <div style="text-align:center;"><div style="font-size:1.2rem; font-weight:700; color:#2D9C5D;">极高</div><div style="color:var(--text-3); font-size:0.7rem;">转化率</div></div>
  480. </div>
  481. <div style="margin-top:12px; padding:8px 10px; background:#2D9C5D15; border-radius:4px; font-size:0.78rem; color:#2D9C5D;">H1假设覆盖: 4184条</div>
  482. </div>
  483. <div style="padding:22px 24px; background:#F4A26110; border:1px solid #F4A26130; border-radius:var(--radius-md);">
  484. <div style="font-size:1.8rem; margin-bottom:10px;">🎬</div>
  485. <div style="font-weight:700; color:#F4A261; font-size:1rem; margin-bottom:8px;">短剧营销</div>
  486. <div style="color:var(--text-2); font-size:0.85rem; line-height:1.6; margin-bottom:12px;">借南昌万亿短剧政策红利,低成本品牌曝光</div>
  487. <div style="display:flex; gap:12px;">
  488. <div style="text-align:center;"><div style="font-size:1.2rem; font-weight:700; color:#F4A261;">3-5万</div><div style="color:var(--text-3); font-size:0.7rem;">冠名成本</div></div>
  489. <div style="text-align:center;"><div style="font-size:1.2rem; font-weight:700; color:#F4A261;">高</div><div style="color:var(--text-3); font-size:0.7rem;">曝光性价比</div></div>
  490. </div>
  491. <div style="margin-top:12px; padding:8px 10px; background:#F4A26115; border-radius:4px; font-size:0.78rem; color:#F4A261;">H3假设覆盖: 142条</div>
  492. </div>
  493. <div style="padding:22px 24px; background:#E6394610; border:1px solid #E6394630; border-radius:var(--radius-md);">
  494. <div style="font-size:1.8rem; margin-bottom:10px;">📱</div>
  495. <div style="font-weight:700; color:#E63946; font-size:1rem; margin-bottom:8px;">多渠道组合</div>
  496. <div style="color:var(--text-2); font-size:0.85rem; line-height:1.6; margin-bottom:12px;">抖音+小红书+美团+私域,老带新提升LTV</div>
  497. <div style="display:flex; gap:12px;">
  498. <div style="text-align:center;"><div style="font-size:1.2rem; font-weight:700; color:#E63946;">500元</div><div style="color:var(--text-3); font-size:0.7rem;">客资ROI</div></div>
  499. <div style="text-align:center;"><div style="font-size:1.2rem; font-weight:700; color:#E63946;">3-5个</div><div style="color:var(--text-3); font-size:0.7rem;">渠道组合</div></div>
  500. </div>
  501. <div style="margin-top:12px; padding:8px 10px; background:#E6394615; border-radius:4px; font-size:0.78rem; color:#E63946;">H7假设覆盖: 1609条</div>
  502. </div>
  503. </div>
  504. </section>
  505. <!-- Ch7: 4P配称蓝图 -->
  506. <section class="report-section" id="ch7">
  507. <div class="section-head">
  508. <div class="section-eyebrow" style="color:#1D3557;">CHAPTER 07</div>
  509. <h2 class="text-h1">4P 配称蓝图</h2>
  510. <p class="section-sub">落地执行计划</p>
  511. </div>
  512. <div style="display:grid; grid-template-columns:repeat(3, 1fr); gap:14px; margin-bottom:24px;" class="grid-3">
  513. <div style="padding:18px 22px; background:#1D355708; border:1px solid #1D355720; border-radius:var(--radius-md);">
  514. <div style="font-weight:700; color:#1D3557; margin-bottom:10px;">阶段一(1-3月)</div>
  515. <div style="color:var(--text-2); font-size:0.85rem; line-height:1.8;">
  516. <div>• 搭建抖音/小红书账号矩阵</div>
  517. <div>• 与南昌3-5家核心医院产科建立合作</div>
  518. <div>• 美团/大众点评店铺优化</div>
  519. <div>• 建立星级月嫂体系</div>
  520. </div>
  521. </div>
  522. <div style="padding:18px 22px; background:#F4A26108; border:1px solid #F4A26120; border-radius:var(--radius-md);">
  523. <div style="font-weight:700; color:#F4A261; margin-bottom:10px;">阶段二(3-6月)</div>
  524. <div style="color:var(--text-2); font-size:0.85rem; line-height:1.8;">
  525. <div>• 短视频日常运营(3-5条/周)</div>
  526. <div>• 首部合作短剧(3-5万)</div>
  527. <div>• 微信私域搭建+老带新</div>
  528. <div>• 小红书投流测试</div>
  529. </div>
  530. </div>
  531. <div style="padding:18px 22px; background:#2D9C5D08; border:1px solid #2D9C5D20; border-radius:var(--radius-md);">
  532. <div style="font-weight:700; color:#2D9C5D; margin-bottom:10px;">阶段三(6-12月)</div>
  533. <div style="color:var(--text-2); font-size:0.85rem; line-height:1.8;">
  534. <div>• 多渠道付费投放规模化</div>
  535. <div>• 短剧系列化(3-5部)</div>
  536. <div>• 覆盖南昌80%+核心医院</div>
  537. <div>• 品牌定制短剧(20-50万)</div>
  538. </div>
  539. </div>
  540. </div>
  541. </section>
  542. <!-- Ch8: VOC高赞精选 -->
  543. <section class="report-section" id="ch8">
  544. <div class="section-head">
  545. <div class="section-eyebrow" style="color:#E63946;">CHAPTER 08</div>
  546. <h2 class="text-h1">VOC 高赞精选</h2>
  547. <p class="section-sub">真实用户声音</p>
  548. </div>
  549. <div style="margin-bottom:24px;">
  550. <div class="text-mono text-xs" style="color:#E63946; letter-spacing:0.15em; margin-bottom:12px; font-weight:700;">▲ 正面评价(高赞TOP6)</div>
  551. <div style="display:grid; grid-template-columns:repeat(2, 1fr); gap:14px;"><div style="background:var(--bg-1); border:1px solid var(--border); border-left:3px solid #2D9C5D; border-radius:var(--radius-sm); padding:14px 16px; margin-bottom:10px;">
  552. <div style="display:flex; justify-content:space-between; align-items:center; gap:8px; flex-wrap:wrap; margin-bottom:8px;">
  553. <div style="display:flex; align-items:center; gap:6px;">
  554. <span style="display:inline-flex; align-items:center; justify-content:center; width:20px; height:20px; border-radius:50%; background:#1A1A1A; color:#fff; font-size:0.6rem; font-weight:700;">抖</span>
  555. <span style="color:var(--text-1); font-size:0.8rem; font-weight:600;">陕西都市快报</span>
  556. </div>
  557. <div style="display:flex; align-items:center; gap:6px;">
  558. <span style="color:#2D9C5D; font-size:0.7rem; font-weight:600;">▲ positive</span>
  559. <span style="color:var(--text-3); font-size:0.68rem; font-family:var(--font-mono);">♥5.6k</span>
  560. </div>
  561. </div>
  562. <div style="color:var(--text-1); font-size:0.9rem; line-height:1.6;">"#月嫂宝妈维权 (1)带了俩月娃,一分钱没拿到。好孕妈妈西安北郊店突然闭店,300余名保姆血汗钱被拖欠。#快报帮在行动
  563. "</div>
  564. </div><div style="background:var(--bg-1); border:1px solid var(--border); border-left:3px solid #2D9C5D; border-radius:var(--radius-sm); padding:14px 16px; margin-bottom:10px;">
  565. <div style="display:flex; justify-content:space-between; align-items:center; gap:8px; flex-wrap:wrap; margin-bottom:8px;">
  566. <div style="display:flex; align-items:center; gap:6px;">
  567. <span style="display:inline-flex; align-items:center; justify-content:center; width:20px; height:20px; border-radius:50%; background:#1A1A1A; color:#fff; font-size:0.6rem; font-weight:700;">抖</span>
  568. <span style="color:var(--text-1); font-size:0.8rem; font-weight:600;">海峡网</span>
  569. </div>
  570. <div style="display:flex; align-items:center; gap:6px;">
  571. <span style="color:#2D9C5D; font-size:0.7rem; font-weight:600;">▲ positive</span>
  572. <span style="color:var(--text-3); font-size:0.68rem; font-family:var(--font-mono);">♥2.7k</span>
  573. </div>
  574. </div>
  575. <div style="color:var(--text-1); font-size:0.9rem; line-height:1.6;">"事发福州,育儿嫂是在“福州好孕妈妈”官方平台找的金牌月嫂。目前,涉事育儿嫂严重违反平台规范,已被拉黑,平台被约谈,警方已介入调查。"</div>
  576. </div><div style="background:var(--bg-1); border:1px solid var(--border); border-left:3px solid #2D9C5D; border-radius:var(--radius-sm); padding:14px 16px; margin-bottom:10px;">
  577. <div style="display:flex; justify-content:space-between; align-items:center; gap:8px; flex-wrap:wrap; margin-bottom:8px;">
  578. <div style="display:flex; align-items:center; gap:6px;">
  579. <span style="display:inline-flex; align-items:center; justify-content:center; width:20px; height:20px; border-radius:50%; background:#1A1A1A; color:#fff; font-size:0.6rem; font-weight:700;">抖</span>
  580. <span style="color:var(--text-1); font-size:0.8rem; font-weight:600;">大风视频</span>
  581. </div>
  582. <div style="display:flex; align-items:center; gap:6px;">
  583. <span style="color:#2D9C5D; font-size:0.7rem; font-weight:600;">▲ positive</span>
  584. <span style="color:var(--text-3); font-size:0.68rem; font-family:var(--font-mono);">♥1.5k</span>
  585. </div>
  586. </div>
  587. <div style="color:var(--text-1); font-size:0.9rem; line-height:1.6;">"#好孕妈妈家政西安北郊店欠薪让员工自救 门店负责人:建议员工走劳动仲裁 #拖欠工资#陕西dou知道"</div>
  588. </div><div style="background:var(--bg-1); border:1px solid var(--border); border-left:3px solid #2D9C5D; border-radius:var(--radius-sm); padding:14px 16px; margin-bottom:10px;">
  589. <div style="display:flex; justify-content:space-between; align-items:center; gap:8px; flex-wrap:wrap; margin-bottom:8px;">
  590. <div style="display:flex; align-items:center; gap:6px;">
  591. <span style="display:inline-flex; align-items:center; justify-content:center; width:20px; height:20px; border-radius:50%; background:#1A1A1A; color:#fff; font-size:0.6rem; font-weight:700;">抖</span>
  592. <span style="color:var(--text-1); font-size:0.8rem; font-weight:600;">大掌柜夫妇</span>
  593. <span style="color:var(--text-3); font-size:0.68rem;">· 广东</span>
  594. </div>
  595. <div style="display:flex; align-items:center; gap:6px;">
  596. <span style="color:#2D9C5D; font-size:0.7rem; font-weight:600;">▲ positive</span>
  597. <span style="color:var(--text-3); font-size:0.68rem; font-family:var(--font-mono);">♥1.3k</span>
  598. </div>
  599. </div>
  600. <div style="color:var(--text-1); font-size:0.9rem; line-height:1.6;">"下一期分享一个《第一次做爸爸》好不好?"</div>
  601. <div style="margin-top:8px; display:flex; flex-wrap:wrap; gap:4px;"><span style="padding:2px 6px; background:#2D9C5D15; color:#2D9C5D; border-radius:3px; font-size:0.64rem; font-weight:600;">新手爸妈</span></div>
  602. </div></div>
  603. </div>
  604. <div style="margin-bottom:24px;">
  605. <div class="text-mono text-xs" style="color:#8896a6; letter-spacing:0.15em; margin-bottom:12px; font-weight:700;">● 中性评价(高赞TOP6)</div>
  606. <div style="display:grid; grid-template-columns:repeat(2, 1fr); gap:14px;"><div style="background:var(--bg-1); border:1px solid var(--border); border-left:3px solid #8896a6; border-radius:var(--radius-sm); padding:14px 16px; margin-bottom:10px;">
  607. <div style="display:flex; justify-content:space-between; align-items:center; gap:8px; flex-wrap:wrap; margin-bottom:8px;">
  608. <div style="display:flex; align-items:center; gap:6px;">
  609. <span style="display:inline-flex; align-items:center; justify-content:center; width:20px; height:20px; border-radius:50%; background:#1A1A1A; color:#fff; font-size:0.6rem; font-weight:700;">抖</span>
  610. <span style="color:var(--text-1); font-size:0.8rem; font-weight:600;">大掌柜夫妇</span>
  611. </div>
  612. <div style="display:flex; align-items:center; gap:6px;">
  613. <span style="color:#8896a6; font-size:0.7rem; font-weight:600;">● neutral</span>
  614. <span style="color:var(--text-3); font-size:0.68rem; font-family:var(--font-mono);">♥22.4w</span>
  615. </div>
  616. </div>
  617. <div style="color:var(--text-1); font-size:0.9rem; line-height:1.6;">"走孩子的路,让孩子无路可走!#第一次做妈妈你要学会 #新手爸妈和老手爸妈的区别 #我的90后爸妈#大掌柜夫妇 #掌柜夫妇"</div>
  618. <div style="margin-top:8px; display:flex; flex-wrap:wrap; gap:4px;"><span style="padding:2px 6px; background:#8896a615; color:#8896a6; border-radius:3px; font-size:0.64rem; font-weight:600;">新手爸妈</span></div>
  619. </div><div style="background:var(--bg-1); border:1px solid var(--border); border-left:3px solid #8896a6; border-radius:var(--radius-sm); padding:14px 16px; margin-bottom:10px;">
  620. <div style="display:flex; justify-content:space-between; align-items:center; gap:8px; flex-wrap:wrap; margin-bottom:8px;">
  621. <div style="display:flex; align-items:center; gap:6px;">
  622. <span style="display:inline-flex; align-items:center; justify-content:center; width:20px; height:20px; border-radius:50%; background:#1A1A1A; color:#fff; font-size:0.6rem; font-weight:700;">抖</span>
  623. <span style="color:var(--text-1); font-size:0.8rem; font-weight:600;">春晓说孕产(夏天妈妈)</span>
  624. </div>
  625. <div style="display:flex; align-items:center; gap:6px;">
  626. <span style="color:#8896a6; font-size:0.7rem; font-weight:600;">● neutral</span>
  627. <span style="color:var(--text-3); font-size:0.68rem; font-family:var(--font-mono);">♥9w</span>
  628. </div>
  629. </div>
  630. <div style="color:var(--text-1); font-size:0.9rem; line-height:1.6;">"#坐月子 是我们女孩子一辈子很重要的事情,一定要注意这八点,尤其第八点非常重要#孕晚期 #孕期#月子"</div>
  631. </div><div style="background:var(--bg-1); border:1px solid var(--border); border-left:3px solid #8896a6; border-radius:var(--radius-sm); padding:14px 16px; margin-bottom:10px;">
  632. <div style="display:flex; justify-content:space-between; align-items:center; gap:8px; flex-wrap:wrap; margin-bottom:8px;">
  633. <div style="display:flex; align-items:center; gap:6px;">
  634. <span style="display:inline-flex; align-items:center; justify-content:center; width:20px; height:20px; border-radius:50%; background:#1A1A1A; color:#fff; font-size:0.6rem; font-weight:700;">抖</span>
  635. <span style="color:var(--text-1); font-size:0.8rem; font-weight:600;">无敌小臭宝</span>
  636. </div>
  637. <div style="display:flex; align-items:center; gap:6px;">
  638. <span style="color:#8896a6; font-size:0.7rem; font-weight:600;">● neutral</span>
  639. <span style="color:var(--text-3); font-size:0.68rem; font-family:var(--font-mono);">♥4w</span>
  640. </div>
  641. </div>
  642. <div style="color:var(--text-1); font-size:0.9rem; line-height:1.6;">"新生儿小宝宝每个月早教重点,新手爸妈快快学起来#育儿经验分享 #晒出越养越上头的人类幼崽 #萌娃 #宝妈 #育婴知识"</div>
  643. <div style="margin-top:8px; display:flex; flex-wrap:wrap; gap:4px;"><span style="padding:2px 6px; background:#8896a615; color:#8896a6; border-radius:3px; font-size:0.64rem; font-weight:600;">新手爸妈</span></div>
  644. </div><div style="background:var(--bg-1); border:1px solid var(--border); border-left:3px solid #8896a6; border-radius:var(--radius-sm); padding:14px 16px; margin-bottom:10px;">
  645. <div style="display:flex; justify-content:space-between; align-items:center; gap:8px; flex-wrap:wrap; margin-bottom:8px;">
  646. <div style="display:flex; align-items:center; gap:6px;">
  647. <span style="display:inline-flex; align-items:center; justify-content:center; width:20px; height:20px; border-radius:50%; background:#1A1A1A; color:#fff; font-size:0.6rem; font-weight:700;">抖</span>
  648. <span style="color:var(--text-1); font-size:0.8rem; font-weight:600;">小赫妈会带娃</span>
  649. </div>
  650. <div style="display:flex; align-items:center; gap:6px;">
  651. <span style="color:#8896a6; font-size:0.7rem; font-weight:600;">● neutral</span>
  652. <span style="color:var(--text-3); font-size:0.68rem; font-family:var(--font-mono);">♥3w</span>
  653. </div>
  654. </div>
  655. <div style="color:var(--text-1); font-size:0.9rem; line-height:1.6;">"当妈后才知道的事!有娃之前以为是封建迷信,有娃以后才知道是传统文化!#带娃#育儿#传统文化#玄学#宝妈经验分享"</div>
  656. </div></div>
  657. </div>
  658. </section>
  659. <!-- 页脚 -->
  660. <div class="footer">
  661. <div>洪城到家 · VOC 深度洞察报告 v2</div>
  662. <div style="margin-top:8px;">数据来源:抖音评论采集 · 5,923 条真实VOC · Generated by OpenClaw</div>
  663. <div style="margin-top:4px;">2026/4/21</div>
  664. </div>
  665. </div>
  666. <script>
  667. document.querySelectorAll('.report-section').forEach((section, i) => {
  668. section.style.opacity = '0';
  669. section.style.transform = 'translateY(16px)';
  670. setTimeout(() => {
  671. section.style.transition = 'opacity 0.4s ease, transform 0.4s ease';
  672. section.style.opacity = '1';
  673. section.style.transform = 'translateY(0)';
  674. }, i * 60);
  675. });
  676. </script>
  677. </body>
  678. </html>