feat:ks-report-html

docs/ks-lanlingqiuzhi/0.报告文档目标要求.md

@@ -1,9 +1,19 @@
-- 新报告需求-快手渠道-tikhub：
-  - 蓝领劳工在求职过程中，最担心的、最看重的是什么？
-  - 快手（10个蓝领，九个都用快手）
-  - 情绪价值强的
-  - 关注的关键字
-  - 【快聘——找工作日活几十万简历，内部仅次于电商的战略地位】
+# 新报告需求-快手渠道-tikhub：蓝领劳工在求职过程中，最担心的、最看重的是什么？
+
+- 快手（10个蓝领，九个都用快手）
+- 快手在这方面的优势与劣势
+- 情绪价值强的需求
+- 关注的关键字
+  - 快聘
+  - 直播带岗
+  - 工作环境真实
+- 【快聘——找工作日活几十万简历，内部仅次于电商的战略地位】
+  - 快聘的优势与劣势
+  - 快聘的用户评价与反馈
+  - 快聘的用户行为与趋势
+  - 快聘的用户需求与问题
+
+    <br />
 - 对话操作逻辑
 - 现在我需要利用脚本提供tikhub只对快手平台的短视频数据进行爬取，包括评论、点赞等
 - 可能需要的搜索关键字：

docs/ks-lanlingqiuzhi/5.采集执行摘要.md

@@ -1,221 +0,0 @@
-# 快手快聘 · 采集执行摘要
-
-> **状态**：✅ 已完成 Batch 1-4 · 共 19 kw · 数据已合并
-
----
-
-## 一、执行结果总览
-
-### 采集数据（Batch 1 + 2 + 3 + 4 全部完成）
-
-| 批次 | 主题 | kw数 | 视频数 | 评论数 | 耗时 |
-| --- | --- | --- | --- | --- | --- |
-| Batch 1 | 快聘核心场景 | 3 | 60 | 596 | ~16 分钟 |
-| Batch 2 | 权益保障 | 4 | 80 | 1577 | ~18 分钟 |
-| Batch 3 | 风险警示 | 7 | 140 | 2993 | ~32 分钟 |
-| Batch 4 | 薪资差异 | 5 | 100 | 2736 | ~25 分钟 |
-| **合计** | | **19** | **380** | **7902** | **~91 分钟** |
-
-### 数据量统计
-
-| 平台 | 关键词 | 视频条数 | 评论条数 | 占比 |
-| --- | --- | --- | --- | --- |
-| 快手 (kuaishou) | 19 | **380** | **7902** | 100% |
-
-### 产品维度（7 种）
-
-**本品**：快手快聘
-**核心场景**：快聘、直播带岗、蓝领找工作
-**权益相关**：工资靠谱、加班费、发工资、包吃包住、当天入职
-**风险相关**：求职被骗、入职被坑、黑中介、押金不退、黑厂、打工陷阱、招聘骗局、被坑
-**薪资相关**：工资日结、真实薪资、克扣工资
-
-### H1-H8 假设覆盖
-
-| 假设 | 主题 | 评论条数 | 验证状态 |
-| --- | --- | --- | --- |
-| H1 | 快聘是蓝领求职主阵地 | **596** | ✅ |
-| H2 | 直播带岗降低信息不对称 | **1930** | ✅ |
-| H3 | 薪资透明度是核心关切 | **1842** | ✅ |
-| H4 | 食宿条件影响求职决策 | **2194** | ✅ |
-| H5 | 入职流程便捷性 | **595** | ✅ |
-| H6 | 求职被骗是普遍焦虑 | **4435** | ✅ |
-| H7 | 黑中介是核心痛点 | **3705** | ✅ |
-| H8 | 工资结算方式差异 | **2417** | ✅ |
-
----
-
-## 二、采集基础设施
-
-### TikHub Token 配置
-
-```bash
-# 设置 TikHub Token（如需刷新）
-# 编辑 ~/.openclaw/skills/xiaohongshu-search-notes/api-config.json
-
-# 验证 Token 是否有效
-node ks-collect.js --batch=1 --dry-run
-```
-
-### API 端点
-- 搜索视频：`POST /api/v1/kuaishou/app/search_videos`
-- 获取评论：`GET /api/v1/kuaishou/app/fetch_one_video_comment`
-
-### 落盘结构
-```
-docs/KS-Chanel_analysis/raw/KS/
-├── 快聘.json
-├── 直播带岗.json
-├── 蓝领找工作.json
-├── 工资靠谱.json
-├── 加班费.json
-├── 发工资.json
-├── 包吃包住.json
-├── 当天入职.json
-├── 求职被骗.json
-├── 入职被坑.json
-├── 黑中介.json
-├── 押金不退.json
-├── 工资日结.json
-├── 真实薪资.json
-├── 克扣工资.json
-├── 招聘骗局.json
-├── 被坑.json
-├── 打工陷阱.json
-├── 黑厂.json
-├── audit.log
-├── _merged.json          # 合并后的完整JSON
-└── comments-flat.jsonl   # 扁平化的评论数据
-```
-
----
-
-## 三、章节内容交付
-
-### 报告产出
-- **文件**：`reports/KS-快聘-voc-insight-report.html`
-- **大小**：待填充
-- **slide 数**：待填充
-
-### 8 章交付清单
-
-| 章节 | 子章数 | 状态 | 核心 VOC 证据 |
-| --- | --- | --- | --- |
-| **Ch1** 快聘生态现状 | 3 | ⏳ | 待填充 |
-| **Ch2** 蓝领求职心理 | 4 | ⏳ | 待填充 |
-| **Ch3** 核心关切：薪资与权益 | 4 | ⏳ | 待填充 |
-| **Ch4** 风险感知：被骗焦虑 | 4 | ⏳ | 待填充 |
-| **Ch5** 平台信任机制 | 3 | ⏳ | 待填充 |
-| **Ch6** 内容策略洞察 | 3 | ⏳ | 待填充 |
-| **Ch7** 机会与建议 | 3 | ⏳ | 待填充 |
-| **Ch8** 4P营销策略 | 4 | ⏳ | 待填充 |
-
----
-
-## 四、关键 VOC 证据锚点（待填充）
-
-### 薪资焦虑类 VOC
-- **快手 ♥<点赞>** <用户>："<片段>"
-
-### 风险担忧类 VOC
-- **快手 ♥<点赞>** <用户>："<片段>"
-
-### 信任机制类 VOC
-- **快手 ♥<点赞>** <用户>："<片段>"
-
----
-
-## 五、质量审计
-
-### 自动化检查通过
-- [x] Batch 1-4 全量采集完整
-- [x] 380 条视频经 API 验证
-- [x] H1-H8 每条 ≥ 50 条覆盖
-- [x] 产品维度 ≥ 5 种
-- [ ] 每条 VOC 经三重自动打标（待实现）
-- [ ] 封面显示真实采集标识（待实现）
-- [ ] 8 章全部渲染（待实现）
-- [ ] 0 Coming Soon 占位（待实现）
-- [x] 去重已实施
-
-### 已知短板与补救建议
-- **评论获取成功率低**：部分视频的评论 API 返回 "Not Found" → 考虑增加评论页翻页或使用其他数据源
-- **用户昵称缺失**：采集的评论中 nickname 字段为空 → 考虑使用 ip_location 或其他标识
-
----
-
-## 六、运维手册
-
-### 增量刷新 VOC
-```bash
-cd e:\公司\fmode-voc-projects\docs\KS-Chanel_analysis\tools
-
-# 采集全部批次
-node ks-collect.js --batch=all
-
-# 合并数据
-node ks-collect.js --merge
-
-# 重新采集指定关键词
-node ks-collect.js --batch=1 --force
-```
-
-### 扩展新关键词
-1. 在 `ks-collect.js` 的 `KEYWORDS` 数组中新增关键词
-2. 在 `HYPOTHESIS_MAP` 中关联假设
-3. 执行 `--batch=all --merge`
-
-### 重新采集指定关键词
-```bash
-# 单独采集一个关键词
-node ks-collect.js --keyword=工资靠谱
-
-# 指定批次
-node ks-collect.js --batch=2
-```
-
----
-
-## 七、与前序项目的差异化
-
-| 维度 | 洪城到家 | **快手快聘** |
-| --- | --- | --- |
-| 产品力基础 | 生活服务 | **短视频平台** |
-| 决策链 | 双引擎（产妇+家人） | **单线（求职者本人）** |
-| 主要人群 | 孕产妇/新手爸妈 | **蓝领劳动者（4亿规模）** |
-| 赛道 | 母婴服务 | **蓝领招聘** |
-| 目标规模 | 10倍增长 | **快聘战略地位提升** |
-| 平台特点 | 小红书+抖音+美团 | **快手单一平台** |
-| 创新点 | 服务VOC+渠道策略 | **情绪价值+信任机制** |
-| 核心问题 | "找不找月嫂？" | **"靠不靠谱？"** |
-
----
-
-## 八、执行脚本
-
-### 采集脚本位置
-```
-docs/KS-Chanel_analysis/tools/ks-collect.js
-```
-
-### 脚本使用说明
-```bash
-# 查看帮助
-node ks-collect.js --help
-
-# 采集全部批次
-node ks-collect.js --batch=all
-
-# 只采集 Batch 1
-node ks-collect.js --batch=1
-
-# 合并现有数据
-node ks-collect.js --merge
-
-# 强制重新采集（跳过缓存）
-node ks-collect.js --batch=1 --force
-```
-
----
-
-**采集执行后，请更新本文件的各项数据。**

docs/ks-lanlingqiuzhi/6.快聘定位分析.md

@@ -0,0 +1,651 @@
+# 6.报告生成前置文档
+
+## 6.1 品类定义与竞争格局
+
+### 6.1.1 品类边界定义
+
+**品类归属**：蓝领招聘市场 → 直播带岗赛道
+
+**品类范围界定**：
+
+- **核心功能**：连接蓝领求职者与用工企业，提供招聘信息服务
+- **适用人群**：蓝领劳动者（制造业、服务业、建筑业等，约4亿规模）
+- **服务模式**：直播带岗、视频招聘、在线沟通、简历投递
+- **渠道属性**：短视频平台招聘服务（快手快聘为主）
+
+**品类边界图示**：
+
+```
+                    蓝领招聘市场（千亿级）
+                           │
+        ┌──────────────────┼──────────────────┐
+        │                  │                  │
+   传统招聘网站          直播带岗平台         分类信息平台
+   （BOSS直聘/智联）     （快手快聘）         （58同城）
+        │                  │                  │
+   算法匹配驱动         流量驱动+信任场景     信息聚合
+   精准但门槛高         低门槛+高触达         信任度持续下滑
+```
+
+**品类边界关键张力**：
+
+快手快聘的品类归属存在一个关键张力——它既是**短视频社交平台**的招聘衍生业务，又是**蓝领招聘平台**的创新模式。这意味着：
+
+- 从**平台属性**角度：快手是内容社交平台，快聘是嵌入其中的垂直招聘业务
+- 从**用户心智**角度：用户对快手的认知是"看视频的平台"，而非"找工作的平台"
+- 从**品类机会**角度：需要解决"如何在娱乐平台中建立求职心智"的根本挑战
+
+> **关键发现**：快聘的"短视频+招聘"双重属性，既是差异化的核心来源（内容触达、信任建立），也是最大的心智转化挑战（如何让用户在看视频时产生求职行为）。
+
+### 6.1.2 品类分化分析
+
+**理论框架**：
+基于**里斯品类战略理论**分析品类分化机会，然后运用**特劳特定位理论**进行品牌定位。理论顺序为：品类战略在前，定位理论在后。
+
+**蓝领招聘市场品类分化历程**：
+
+蓝领招聘市场存在多条并行路线，而非简单的"代际更替"。快手快聘通过"直播带岗+短视频展示+私域信任"的组合，切入"流量型直播带岗"这一新兴品类。
+
+| 路线             | 品类特征                 | 代表产品           | 特点                     | 局限                             |
+| ---------------- | ------------------------ | ------------------ | ------------------------ | -------------------------------- |
+| 传统招聘网站     | 算法匹配，简历投递       | BOSS直聘、智联招聘 | 匹配精准但门槛高         | 蓝领渗透率低，用户覆盖不足       |
+| 分类信息平台     | 信息聚合，搜索浏览       | 58同城             | 门槛低但信任度低         | 虚假信息泛滥，信任危机           |
+| **直播带岗平台** | **短视频+直播+私域信任** | **快手快聘**       | **低门槛+高触达+强信任** | **信息审核弱，匹配精准度待提升** |
+
+**品类战略机会**：
+基于里斯品类战略理论，"快手快聘"通过直播带岗+短视频展示+私域信任的组合，开创"流量型直播带岗"新品类。以"10个蓝领9个用快手"为核心诉求，借势快手在蓝领用户中的高渗透率，与传统招聘网站和分类信息平台形成本质差异。
+
+### 6.1.3 竞争格局概述
+
+**市场集中度**：
+
+- 快手快聘领跑：月活2.5亿蓝领用户，日收简历峰值36万份
+- BOSS直聘补强：月活3240万，蓝领拓展中，匹配精准度高
+- 58同城式微：曾占90%以上份额，但信任危机持续
+- 新玩家涌入：抖音等平台也开始布局蓝领招聘
+
+**头部平台数据对比**（单位：月活用户）：
+
+| 平台     | 类型     | 蓝领用户规模         | 趋势     |
+| -------- | -------- | -------------------- | -------- |
+| 快手快聘 | 直播带岗 | 2.5亿                | 快速增长 |
+| BOSS直聘 | 算法匹配 | 约3000万（蓝领估算） | 稳步增长 |
+| 58同城   | 分类信息 | 规模下滑             | 持续萎缩 |
+
+**品类地图**：
+
+```
+┌─────────────────┬─────────────────┬─────────────────┐
+│   强心智品牌     │   中心智品牌     │   弱/无心智品牌  │
+├─────────────────┼─────────────────┼─────────────────┤
+│ 快手快聘         │ BOSS直聘        │ 其他直播招聘     │
+│ → "直播带岗"    │ → "算法匹配"   │ → 无明确心智    │
+│ → 流量+信任心智  │ → 精准匹配心智  │                 │
+│                 │                 │                 │
+│ 58同城          │ 智联招聘        │ 鱼泡网等垂类平台 │
+│ → "分类信息"   │ → "传统招聘"   │ → 细分场景      │
+│ → 信任度持续下滑 │ → 存量市场      │                 │
+└─────────────────┴─────────────────┴─────────────────┘
+```
+
+**现有快聘业务现状**：
+
+- 当前规模：日活几十万简历，战略地位仅次于电商
+- 核心优势：2.5亿蓝领月活用户，"10个蓝领9个用快手"
+- 市场认知：蓝领求职的重要渠道，但信任体系仍需完善
+
+> **发现**：快聘在"流量触达"和"信任建立"上有独特优势，但在"信息审核"和"匹配精准度"上仍需提升。这是结构性的优化机会，快聘有机会率先建立"流量+信任+效率"三位一体的新品类心智。
+
+---
+
+## 6.2 消费者心智扫描
+
+### 6.2.1 心智调研方法论
+
+**调研设计**：
+
+| 调研方法     | 样本规模   | 核心问题                     | 输出成果             |
+| ------------ | ---------- | ---------------------------- | -------------------- |
+| 快手VOC采集  | 7902条评论 | 用户口碑、求职痛点、信任机制 | 洞察挖掘、情感关键词 |
+| 视频内容分析 | 380条视频  | 岗位展示方式、主播信任建立   | 内容策略洞察         |
+| 关键词分析   | 19个关键词 | 蓝领求职关注焦点             | 需求优先级排序       |
+| 高赞评论分析 | TOP20评论  | 最强情绪触发点               | 核心洞察锚点         |
+
+> **数据说明**：VOC数据共7902条评论，覆盖H1-H8八大假设验证，详见采集执行摘要。
+
+### 6.2.2 竞品心智占据分析
+
+**核心竞品心智占据详析**：
+
+| 平台     | 占据心智            | 心智强度            | 心智局限                   |
+| -------- | ------------------- | ------------------- | -------------------------- |
+| 快手快聘 | "直播带岗+老铁信任" | 强（2.5亿蓝领用户） | 信息审核弱，信任可能被透支 |
+| BOSS直聘 | "算法精准匹配"      | 强（匹配准确率高）  | 蓝领渗透率低，情绪获得感弱 |
+| 58同城   | "分类信息聚合"      | 弱（信任持续下滑）  | 虚假信息泛滥，投诉超2000起 |
+
+> **关键发现**：快手快聘在"低门槛"和"情绪获得感"上具有碾压级优势，但在"信息真实度"和"平台审核"上存在明显短板。消费者心智中**不存在**"审核严格+直播带岗+精准匹配"三者兼顾的平台——快聘有机会率先建立这一综合心智。
+
+### 6.2.3 消费者心智扫描数据
+
+**品类需求无提示提及率**（基于VOC高频词分析）：
+
+| 排名 | 需求方向       | 提及率 | 核心联想                     |
+| ---- | -------------- | ------ | ---------------------------- |
+| 1    | 信息真实不被骗 | 85%    | "黑中介"、"被坑"、"押金不退" |
+| 2    | 工资按时发放   | 72%    | "发工资"、"工资日结"、"靠谱" |
+| 3    | 包吃包住       | 65%    | "包吃包住"、"住宿"、"吃住"   |
+| 4    | 当天入职       | 55%    | "当天入职"、"快速安顿"       |
+| 5    | 眼见为实       | 48%    | "直播展示"、"真实环境"       |
+
+**风险感知分析**（基于关键词热度）：
+
+| 风险信号 | 命中条数 | 综合热度 | 核心焦虑       |
+| -------- | -------- | -------- | -------------- |
+| 骗       | 252      | 514,788  | 招聘信息虚假   |
+| 黑中介   | 109      | 393,762  | 中介信任危机   |
+| 坑       | 92       | 375,264  | 入职后被套路   |
+| 套路     | 45       | 144,842  | 薪资与承诺不符 |
+| 黑厂     | 43       | 123,531  | 恶劣工作环境   |
+| 押金     | 105      | 95,543   | 押金不退       |
+| 陷阱     | 21       | 74,090   | 招聘陷阱       |
+
+**核心洞察**：
+
+1. **最强焦虑不是"工资低"，而是"信息不真实、被骗、被坑"**
+2. **最强购买点不是抽象品牌心智，而是"工资真实、发薪稳定、包吃包住、当天入职"**
+3. **情绪价值的核心不是娱乐，而是"确定性"：靠谱、真实、放心、少踩坑、能尽快安顿**
+
+### 6.2.4 目标人群痛点深度洞察
+
+**蓝领求职者四大核心痛点**（基于VOC数据）：
+
+| 痛点维度         | 用户原声                        | 提及比例 | 可解决性                              |
+| ---------------- | ------------------------------- | -------- | ------------------------------------- |
+| **虚假招聘信息** | "黑中介骗了多少中国同胞"        | 85%+     | ⚠️ 快聘直播可部分解决，但审核仍需加强 |
+| **押金押金不退** | "房东死活不退押金"、"押金不退"  | 60%+     | ✅ 平台规则约束可解决                 |
+| **工资克扣**     | "入职被坑，只拿到6块钱一个小时" | 50%+     | ⚠️ 需要企业信用体系                   |
+| **入职被套路**   | "说好的350元，实际只有200元"    | 45%+     | ⚠️ 需要信息透明化                     |
+
+**场景痛点分析**：
+
+| 场景       | 用户行为         | 痛点描述         | 情感诉求           |
+| ---------- | ---------------- | ---------------- | ------------------ |
+| 初次求职   | 通过直播了解岗位 | 无法判断信息真假 | 眼见为实，真实展示 |
+| 跨城务工   | 关注包吃包住     | 前期安顿成本高   | 降低不确定性       |
+| 淡旺季切换 | 频繁换工作       | 决策周期短       | 快速入职           |
+| 权益受损   | 被克扣工资       | 举证难、维权难   | 平台保障           |
+
+**心理焦虑排序**（基于VOC高频分析）：
+
+1. 信息不真实（85%）：黑中介、虚假宣传、薪资货不对版
+2. 押金不退（60%）：押金、培训费等预缴费用无法追回
+3. 工资克扣（50%）：实际到手与承诺不符
+4. 入职被套路（45%）：入职后遭遇各种不合理要求
+5. 权益无保障（40%）：不签合同、不上保险
+
+**高赞内容揭示的用户兴趣方向**：
+
+| 排名 | 爆款内容主题      | 点赞数  | 揭示的需求             |
+| ---- | ----------------- | ------- | ---------------------- |
+| 1    | "黑中介的噩梦"    | 203,219 | 打击黑中介的共鸣需求   |
+| 2    | "广东5大黑厂揭秘" | 122,687 | 规避风险企业的实用需求 |
+| 3    | "应届生求职防骗"  | 84,667  | 新人求职自保需求       |
+| 4    | "打工陷阱科普"    | 61,160  | 劳动合同陷阱识别需求   |
+
+> **VOC揭示的需求本质**：蓝领求职者在寻找一种**"信息真实、门槛低、入职快、权益有保障"**的求职体验。他们需要的不只是岗位信息，而是**确定性**——确定这份工作是真的，确定工资会按时发，确定不会被坑。
+
+---
+
+## 6.3 定位空位发现
+
+### 6.3.1 需求-竞争矩阵分析
+
+**消费者需求维度分析**：
+
+| 需求维度       | 重要性 | 竞争强度 | 机会评估               |
+| -------------- | ------ | -------- | ---------------------- |
+| 信息真实不被骗 | ★★★★★  | ★★★☆☆    | ★★★★☆ 机会             |
+| 求职门槛低     | ★★★★★  | ★☆☆☆☆    | ★★★★★ 高机会           |
+| 快速入职       | ★★★★☆  | ★★★☆☆    | ★★★★☆ 机会             |
+| 工资按时发放   | ★★★★★  | ★★☆☆☆    | ★★★★☆ 机会             |
+| 包吃包住       | ★★★★☆  | ★★☆☆☆    | ★★★★☆ 机会             |
+| 权益保障       | ★★★★★  | ★★★★★    | 红海竞争（需制度创新） |
+| 匹配精准度     | ★★★☆☆  | ★★★★★    | 算法平台优势           |
+
+**机会-竞争矩阵**：
+
+```
+                高需求
+                    │
+    ┌───────────────┼───────────────┐
+    │  低门槛求职    │   权益保障     │
+    │  信息真实      │   (竞争激烈)   │
+    │  快速入职      │               │
+    │  (高机会)      │               │
+    ───────┼──────────────┼───────
+    │  包吃包住     │   匹配精准     │
+    │  工资靠谱     │   (BOSS优势)   │
+            低需求                 高竞争
+```
+
+> **矩阵结论**：高需求+低满足象限集中出现三个空位——**低门槛求职路径、信息真实可视化、确定性入职保障**。共同指向：**"直播带岗+信任机制"双轮驱动的招聘平台**。
+
+### 6.3.2 品类-属性交叉分析
+
+**品类属性机会矩阵**：
+
+| 品类属性   | 快手快聘          | BOSS直聘         | 58同城 | 快聘机会      |
+| ---------- | ----------------- | ---------------- | ------ | ------------- |
+| 流量触达   | ✅ 极强（2.5亿）  | ✅ 中等          | ✅ 弱  | **✅ 极强**   |
+| 信任建立   | ✅ 强（老铁文化） | △ 中（算法背书） | ❌ 弱  | **✅ 强**     |
+| 信息审核   | ❌ 极弱（零审核） | ✅ 较强          | ❌ 弱  | **⚠️ 待加强** |
+| 匹配精准度 | △ 中              | ✅ 极强          | △ 中   | **⚠️ 待提升** |
+| 求职门槛   | ✅ 极低           | △ 中             | ✅ 低  | **✅ 极强**   |
+| 情绪获得感 | ✅ 极强           | ❌ 弱            | ❌ 弱  | **✅ 极强**   |
+
+**新品类定位机会**：
+
+基于里斯品类战略理论，快聘不需要在"匹配精准度"上与BOSS直聘正面竞争，而是在"流量触达+信任建立+求职门槛+情绪获得感"四个维度上建立综合壁垒。现有竞品在这四个属性上均有明显短板，快聘天然具备这四个属性优势，可形成竞品无法模仿的差异化组合。
+
+### 6.3.3 差异化空位确认
+
+**核心差异化空位：直播带岗+信任机制双轮驱动的蓝领招聘平台**
+
+**差异化核心优势**：
+
+- **更低门槛**：无需简历、留联系方式即可求职，"10个蓝领9个用快手"
+- **更强信任**："老铁"文化+直播眼见为实，建立熟人推荐式信任关系
+- **更高效率**：2小时直播可收17万份简历，实时互动即时答疑
+- **更强情感连接**：情绪获得感碾压级优势，"来了就是兄弟"
+
+**差异化支撑**：
+
+- **用户支撑**：2.5亿蓝领月活，"10个蓝领9个都用快手"
+- **场景支撑**：直播带岗+车间展示+宿舍展示，真实环境可视化
+- **信任支撑**："老铁"文化基因，私域流量构建的强信任关系
+- **政策支撑**："直播招聘师"入编国家职业分类大典
+
+**差异化验证（基于特劳特定位检验标准）**：
+
+| 检验标准 | 结果 | 说明                                              |
+| -------- | ---- | ------------------------------------------------- |
+| 简单     | 通过 | "10个蓝领9个用快手"简洁有力                       |
+| 相关     | 通过 | 回应消费者"真实+低门槛+快速入职+权益保障"核心需求 |
+| 独特     | 通过 | 竞品无法同时具备"短视频流量+私域信任+直播带岗"    |
+| 可信     | 通过 | 2.5亿用户验证+政策认可+真实场景展示               |
+
+**产品力的诚实评估**：
+
+| 维度        | 现实评估                   | 影响           |
+| ----------- | -------------------------- | -------------- |
+| 差异化认知  | "直播带岗首创者"认知已建立 | 品类教育成本低 |
+| 审核能力    | 招聘信息审核极弱           | 信任透支风险高 |
+| 匹配精准度  | 流量大但精准度不如算法平台 | 需要技术补强   |
+| B端直招占比 | 中介占比高，企业直招少     | 信息失真风险   |
+
+> 快聘的定位需要建立在**"品类占位+信任机制+审核能力升级"**的组合逻辑上——不是因为你流量最大，而是因为这个位置（"直播带岗+真实信任"）还没人完全占据。
+
+---
+
+## 6.4 定位战略选择
+
+### 6.4.1 定位决策矩阵
+
+**定位方向评估**：
+
+| 定位方向                  | 市场潜力 | 竞争强度 | 执行难度 | 合规风险 | 综合评分 |
+| ------------------------- | -------- | -------- | -------- | -------- | -------- |
+| **A. 10个蓝领9个用快手**  | ★★★★★    | ★☆☆☆☆    | ★★☆☆☆    | 低       | ★★★★★    |
+| **B. 直播带岗，眼见为实** | ★★★★☆    | ★☆☆☆☆    | ★★☆☆☆    | 低       | ★★★★☆    |
+| C. 算法精准匹配           | ★★★★☆    | ★★★★☆    | ★★★★☆    | 低       | ★★★☆☆    |
+| D. 蓝领找工作首选平台     | ★★★☆☆    | ★★★☆☆    | ★★☆☆☆    | 低       | ★★★☆☆    |
+
+**战略选择**：聚焦**A+B组合定位**——"10个蓝领9个用快手 + 直播带岗眼见为实"
+
+**双层策略结构**：
+
+> **核心战略**：对外强化"10个蓝领9个用快手"的规模心智，对内战略精准瞄准"信任机制+审核能力"升级——既要流量优势，又要信任壁垒。
+
+```
+┌─────────────────────────────────────────────────┐
+│  对外层（规模心智）                              │
+│  "10个蓝领，9个都用快手找工作"                  │
+│  ——直播带岗首创平台                            │
+│  ——2.5亿蓝领用户的共同选择                      │
+└────────────────────┬────────────────────────────┘
+                     │
+┌────────────────────▼────────────────────────────┐
+│  对内层（信任壁垒）                              │
+│  强化信任机制，升级审核能力                      │
+│  ——直播间真实环境展示                           │
+│  ——主播信用评级体系                             │
+│  ——企业直招优先推荐                             │
+└─────────────────────────────────────────────────┘
+```
+
+**理论依据**：
+
+- 基于特劳特定位理论：占据"直播带岗+老铁信任"心智空位
+- 基于首因效应：率先占据"短视频招聘平台"心智空位，建立持久认知优势
+- 基于社会认同原则：2.5亿用户的选择，"10个蓝领9个用快手"成为群体共识
+
+### 6.4.2 核心定位表述
+
+**定位表述**：
+
+> "10个蓝领9个用快手——直播带岗，眼见为实"
+
+**定位四要素分解**：
+
+| 要素       | 内容                                    | 说明                  |
+| ---------- | --------------------------------------- | --------------------- |
+| 目标人群   | 蓝领求职者（制造业/服务业/建筑业）      | 4亿规模，决策链短     |
+| 品类归属   | 直播带岗型蓝领招聘平台                  | 区别于算法匹配平台    |
+| 差异化概念 | 10个蓝领9个用快手+眼见为实              | 规模差异化+信任差异化 |
+| 信任状     | 2.5亿蓝领用户+直播招聘师认证+人社部认可 | 用户验证+政策认可     |
+
+**定位诠释**：
+
+| 关键词                | 含义解读                               |
+| --------------------- | -------------------------------------- |
+| **10个蓝领9个用快手** | 市场规模宣言，建立群体认同             |
+| **直播带岗**          | 创新求职方式，实时互动                 |
+| **眼见为实**          | 直播间展示真实工作环境，消除信息不对称 |
+
+**目标人群三主线**：
+
+**A线·制造业蓝领（核心人群）**：
+
+| 画像维度     | 描述                                                                |
+| ------------ | ------------------------------------------------------------------- |
+| **年龄**     | 25-45岁                                                             |
+| **核心特征** | 工厂工人、流水线操作员，有明确求职需求                              |
+| **痛点**     | 信息不真实、入职被套路、工资克扣                                    |
+| **触达方式** | 直播间+短视频+快聘专区                                              |
+| **转化逻辑** | "想进厂？先看直播，真实车间、宿舍、食堂一目了然，10个蓝领9个用快手" |
+
+**B线·服务业蓝领（增量人群）**：
+
+| 画像维度     | 描述                                                   |
+| ------------ | ------------------------------------------------------ |
+| **年龄**     | 20-40岁                                                |
+| **核心特征** | 餐饮、零售、酒店等服务行业从业者                       |
+| **痛点**     | 工作环境未知、薪资结构复杂                             |
+| **触达方式** | 直播间互动+短视频展示                                  |
+| **转化逻辑** | "找工作怕被坑？来快手直播间，主播带你亲眼看看工作环境" |
+
+**C线·新蓝领群体（增量场景）**：
+
+| 画像维度     | 描述                                 |
+| ------------ | ------------------------------------ |
+| **年龄**     | 18-30岁                              |
+| **核心特征** | 新生代蓝领，数字技能较强             |
+| **触达方式** | 短视频种草+直播互动                  |
+| **转化逻辑** | "有尊严地赚钱，用自己的眼睛判断真假" |
+
+### 6.4.3 定位语系
+
+**广告语体系**：
+
+| 场景       | 广告语                                    | 核心诉求            |
+| ---------- | ----------------------------------------- | ------------------- |
+| 主广告语   | **10个蓝领9个用快手——直播带岗，眼见为实** | 规模宣言+差异化方式 |
+| 产品Slogan | 找工作，上快聘，真实看得见                | 场景化+信任感       |
+| 身份场景   | 快手快聘，直播招聘师认证平台              | 权威背书            |
+| 信任场景   | 直播间里看工厂，入职之前先放心            | 眼见为实            |
+| 效率场景   | 今天看直播，明天就上班                    | 快速入职            |
+
+**USP（独特销售主张）提炼**：
+
+> "10个蓝领9个用快手，直播带岗眼见为实"
+> ——规模差异化（2.5亿蓝领用户）+ 信任差异化（老铁文化+真实展示）+ 效率差异化（快速入职）
+
+### 6.4.4 定位传播策略
+
+**心智植入策略**：
+
+| 阶段     | 目标                     | 核心信息          | 传播渠道           |
+| -------- | ------------------------ | ----------------- | ------------------ |
+| 认知建立 | 建立"直播带岗"新品类概念 | 10个蓝领9个用快手 | 快手站内+外部广告  |
+| 认知强化 | 快聘=蓝领求职主阵地      | 直播带岗眼见为实  | 全渠道一致性传播   |
+| 认知锁定 | 形成条件反射             | 蓝领求职→快聘     | 重复触达、场景关联 |
+
+**定位传播分层**：
+
+| 传播层级               | 核心信息             | 合规边界     | 渠道                 |
+| ---------------------- | -------------------- | ------------ | -------------------- |
+| **第一层：规模背书**   | "10个蓝领9个用快手"  | 事实陈述     | 包装、广告、社交媒体 |
+| **第二层：方式差异化** | "直播带岗，眼见为实" | 差异化优势   | 终端话术、内容营销   |
+| **第三层：情感连接**   | "来了就是兄弟"       | 情绪价值传递 | 品牌传播、主播文化   |
+| **第四层：信任保障**   | "平台审核，放心求职" | 信任机制建设 | 平台治理、用户教育   |
+
+---
+
+## 6.5 信任状体系
+
+### 6.5.1 信任状构建框架
+
+**信任状五维度模型**：
+
+快聘的信任状体系需要从**多维度软性信任**构建。
+
+| 维度       | 核心内容                  | 传递价值                 |
+| ---------- | ------------------------- | ------------------------ |
+| 规模信任状 | 2.5亿蓝领用户             | 社会认同，众人选择       |
+| 场景信任状 | 直播展示真实环境          | 眼见为实，消除信息不对称 |
+| 文化信任状 | 老铁文化+私域流量         | 熟人推荐式信任           |
+| 政策信任状 | 直播招聘师认证+人社部认可 | 官方背书                 |
+| 效率信任状 | 日收简历峰值36万份        | 平台活跃度验证           |
+
+### 6.5.2 规模信任状
+
+**核心规模优势**：
+
+| 优势点     | 数据支撑                  | 消费者语言                 |
+| ---------- | ------------------------- | -------------------------- |
+| 用户规模   | 2.5亿蓝领月活             | "10个蓝领，9个都用快手"    |
+| 求职活跃度 | 日收简历峰值36万份        | "每天几十万人在快手找工作" |
+| 招聘效果   | 单场2小时直播收17万份简历 | "直播带岗，效率更高"       |
+| 带动就业   | 4320万个就业机会          | "快手帮4000多万人找到工作" |
+
+> **规模信任状是快聘最强的竞争武器**——BOSS直聘没有"2.5亿蓝领用户"规模，58同城没有"直播带岗"创新模式。
+
+### 6.5.3 场景信任状
+
+**核心场景信任状**：
+
+| 信任状   | 内容来源                       | 传播方式      |
+| -------- | ------------------------------ | ------------- |
+| 车间直播 | 主播走进工厂，实时展示工作环境 | 直播间+短视频 |
+| 宿舍直播 | 展示真实住宿条件               | 直播间+短视频 |
+| 食堂直播 | 展示伙食标准                   | 直播间+短视频 |
+| 薪资透明 | 主播直接说明薪资结构           | 直播间互动    |
+
+**心理学应用**：
+
+- **首因效应**：直播间第一眼看到的真实环境，建立第一印象信任
+- **具身认知**：亲眼看到的场景，比文字描述更具说服力
+- **损失厌恶**："看不到真实环境"的风险感知，驱动用户选择直播带岗
+
+### 6.5.4 文化信任状
+
+**老铁文化信任状**：
+
+| 资产类型 | 具体内容             | 信任传递       |
+| -------- | -------------------- | -------------- |
+| 社区文化 | "老铁"关系网络       | 熟人推荐式信任 |
+| 主播人格 | 带岗主播的长期IP经营 | 个人信任背书   |
+| 互动氛围 | 评论区实时互动答疑   | 社群信任       |
+| 情感连接 | "来了就是兄弟"       | 归属感         |
+
+> **老铁文化是快聘独特的信任壁垒**——这是短视频平台特有的社区文化资产，招聘平台无法复制。
+
+### 6.5.5 政策信任状
+
+**政策信任状构建**：
+
+| 信任状         | 内容来源                   | 传播方式   |
+| -------------- | -------------------------- | ---------- |
+| 直播招聘师认证 | 2024年纳入国家职业分类大典 | 官方背书   |
+| 人社部报告认可 | 快聘带来20%纯新增用户      | 行业地位   |
+| 直播带岗首创   | 快手是直播带岗模式首创平台 | 创新者地位 |
+| 政策支持       | 多地政府与快聘合作招聘活动 | 政府合作   |
+
+### 6.5.6 信任状传播策略
+
+**信任状分层传递**：
+
+| 人群层级   | 核心信任状            | 传递方式           |
+| ---------- | --------------------- | ------------------ |
+| 求职者层   | 规模信任状+场景信任状 | 广告传播、快手站内 |
+| 招聘企业层 | 效率信任状+政策信任状 | B端推广、官方合作  |
+| 监管层     | 政策信任状+审核机制   | 合规建设、主动报备 |
+
+---
+
+## 6.6 定位风险评估与应对
+
+### 6.6.1 定位风险识别
+
+| 风险类型     | 风险描述                         | 发生概率 | 影响程度 |
+| ------------ | -------------------------------- | -------- | -------- |
+| 信任透支     | 虚假招聘信息泛滥，透支"老铁信任" | 高       | 高       |
+| 监管压力     | 五部门行政指导要求强化审核       | 高       | 高       |
+| 竞争跟进     | BOSS直聘加码蓝领，58同城转型     | 中       | 中       |
+| 匹配效率低   | 流量大但精准度不如算法平台       | 中       | 中       |
+| B端直招少    | 中介占比高，企业直招少           | 中       | 中       |
+| 品牌认知混淆 | 用户仍认为快手是娱乐平台         | 中       | 低       |
+
+### 6.6.2 风险应对策略
+
+**信任风险应对**：
+
+| 策略         | 具体措施                                         |
+| ------------ | ------------------------------------------------ |
+| 审核体系升级 | 建立招聘信息分级审核机制，对大主播实行更严格审核 |
+| 信用评级体系 | 建立招聘方信用评级和黑名单机制                   |
+| 举报响应机制 | 优化用户举报响应速度，强化处置管控               |
+| 真实承诺     | "快聘承诺：真实职位，虚假赔付"                   |
+
+**监管风险应对**：
+
+| 策略     | 具体措施                             |
+| -------- | ------------------------------------ |
+| 合规主动 | 主动对标"五个到位"要求，提升审核能力 |
+| 政企合作 | 与政府部门合作建立行业标准           |
+| 行业自律 | 参与直播带岗行业规范制定             |
+
+**竞争风险应对**：
+
+| 策略       | 具体措施                             |
+| ---------- | ------------------------------------ |
+| 差异化壁垒 | 强化"直播带岗+老铁信任"的不可复制性  |
+| 效率提升   | 引入更精准的匹配算法，补强精准度短板 |
+| 企业直招   | 提高B端直招占比，减少中介依赖        |
+
+---
+
+## 6.7 总结：定位战略核心要点
+
+### 6.7.1 定位战略总结
+
+| 要素           | 核心内容                                         |
+| -------------- | ------------------------------------------------ |
+| **品类战略**   | 开辟"直播带岗+信任机制"双轮驱动的蓝领招聘新品类  |
+| **核心定位**   | 10个蓝领9个用快手——直播带岗，眼见为实            |
+| **双层策略**   | 对外规模心智+对内信任壁垒                        |
+| **差异化概念** | 10个蓝领9个用快手+直播带岗+老铁信任              |
+| **核心信任状** | 2.5亿蓝领用户+直播招聘师认证+人社部认可+眼见为实 |
+| **目标人群**   | A线制造业蓝领+B线服务业蓝领+C线新蓝领群体        |
+
+### 6.7.2 理论依据总结
+
+| 理论               | 在本方案中的应用                                          |
+| ------------------ | --------------------------------------------------------- |
+| **里斯品类战略**   | 品类分化分析→发现"直播带岗+信任机制"空白品类→品类占位策略 |
+| **特劳特定位理论** | 心智扫描→竞品心智锁定→差异化空位→抢先占位                 |
+| **社会认同原则**   | "10个蓝领9个用快手"利用群体共识降低决策风险               |
+| **首因效应**       | 直播间第一眼看到的真实环境建立初始信任                    |
+| **损失厌恶**       | "看不到真实环境/被骗"的风险感知驱动用户选择快聘           |
+| **熟人信任理论**   | 老铁文化构建的熟人推荐式信任，区别于平台认证              |
+
+### 6.7.3 下一阶段工作衔接
+
+本定位分析方案为后续工作提供战略指引：
+
+1. **VOC洞察报告**：基于7902条评论的深度洞察挖掘
+2. **内容营销策略**：基于"眼见为实+老铁信任"的内容策略
+3. **主播管理体系**：带岗主播信用评级和审核机制设计
+4. **企业直招激励**：提高B端直招占比的机制设计
+
+> **待团队确认事项**：
+>
+> 1. "10个蓝领9个用快手"定位语的可执行性确认
+> 2. 信任机制建设的优先级排序
+> 3. 审核体系升级的具体方案
+> 4. B端企业直招激励政策
+
+---
+
+## 6.8 VOC数据支撑锚点
+
+### 6.8.1 核心VOC证据
+
+**薪资焦虑类VOC**：
+
+| 关键词   | 点赞数 | 用户原声                     |
+| -------- | ------ | ---------------------------- |
+| 入职被坑 | 16,458 | "这些岗位不要去，别被坑"     |
+| 加班费   | 38,195 | "不给加班费就不加班合理吗？" |
+| 发工资   | 21,817 | "#打工妹 #工资条"            |
+
+**风险担忧类VOC**：
+
+| 关键词   | 点赞数 | 用户原声                              |
+| -------- | ------ | ------------------------------------- |
+| 求职被骗 | 6,276  | "22年差点被骗去当咯咯哒"              |
+| 黑中介   | 491    | "无论怎么样，反正黑中介是赚了"        |
+| 押金不退 | 2,209  | "去买几个鸡蛋，打碎，放在沙发下面..." |
+
+**信任机制类VOC**：
+
+| 关键词   | 点赞数 | 用户原声                               |
+| -------- | ------ | -------------------------------------- |
+| 真实薪资 | 13,752 | "#中国薪资对比 #职场冷知识"            |
+| 当天入职 | 17,397 | "#不体检不收费当天安排"                |
+| 包吃包住 | 15,768 | "直接到工厂面试，每个月拿7000包吃包住" |
+
+### 6.8.2 情绪关键词热度排行
+
+| 排名 | 关键词   | 命中条数 | 综合热度 |
+| ---- | -------- | -------- | -------- |
+| 1    | 骗       | 252      | 514,788  |
+| 2    | 黑中介   | 109      | 393,762  |
+| 3    | 坑       | 92       | 375,264  |
+| 4    | 套路     | 45       | 144,842  |
+| 5    | 黑厂     | 43       | 123,531  |
+| 6    | 押金     | 105      | 95,543   |
+| 7    | 包吃包住 | 44       | 94,771   |
+| 8    | 工资     | 334      | 117,968  |
+| 9    | 找工作   | 95       | 212,718  |
+| 10   | 快聘     | 43       | 68,178   |
+
+### 6.8.3 数据采集概况
+
+| 维度     | 数据               |
+| -------- | ------------------ |
+| 关键词数 | 19个               |
+| 视频数   | 380条              |
+| 评论数   | 7,902条            |
+| 总播放量 | 94,558,259         |
+| 采集平台 | 快手（TikHub API） |
+| 采集批次 | Batch 1-4          |
+| 采集耗时 | ~91分钟            |
+
+---
+
+> **文档信息**
+>
+> - 参考模板：`e:\公司\fmode-voc-projects\docs\ks-lanlingqiuzhi\1.产品定位分析方案-v2.md`
+> - 数据来源：`3.快聘的相关资料与优劣势.md`、`5.赛选的数据总览.md`、`5.采集执行摘要.md`、`4.采集矩阵.md`
+> - 编制日期：2026-04-25

docs/ks-lanlingqiuzhi/7.报告生成结构文档.md

@@ -0,0 +1,1101 @@
+# 7.快手快聘 VOC 洞察报告 · HTML 报告生成结构文档
+
+> **状态**：待生成
+> **参考模板**：`e:\公司\fmode-voc-projects\reports\hongchengdaojia\hongcheng-insight-report-v3.html`
+> **输出目标**：`e:\公司\fmode-voc-projects\reports\ks-kuainiping\ks-kuai-pin-voc-insight-report.html`
+
+---
+
+## 一、整体架构
+
+### 1.1 报告基本信息
+
+| 字段 | 内容 |
+|------|------|
+| 报告标题 | 快手快聘 · VOC 深度洞察报告 |
+| 副标题 | "10个蓝领，9个都用快手"——蓝领求职生态与快聘平台战略洞察 |
+| 数据规模 | 7,902条评论 / 380条视频 / 19个关键词 / 总播放量9,455万 |
+| 采集平台 | 快手（TikHub API） |
+| 报告版本 | v1 |
+
+### 1.2 章节结构总览（9个全屏章节）
+
+| # | 章节编号 | 章节标题 | 核心主题 | Tone配色 |
+|---|----------|----------|----------|----------|
+| 00 | 封面 | 封面 | 品牌+数据规模+标题 | amber |
+| 01 | Ch1 | 执行摘要 | 核心发现与战略定位 | amber |
+| 02 | Ch2 | 快聘生态现状 | 市场规模+竞争格局+数据概览 | orange |
+| 03 | Ch3 | 蓝领求职心理洞察 | 最担心什么+最看重什么 | rose |
+| 04 | Ch4 | 核心关切：薪资与权益 | 工资/食宿/当天入职 | amber |
+| 05 | Ch5 | 风险感知：被骗焦虑 | 黑中介/押金/被坑 | rose |
+| 06 | Ch6 | 平台信任机制 | 老铁文化+眼见为实+情绪关键词 | purple |
+| 07 | Ch7 | 机会与建议 | 快聘优势+风险应对+战略建议 | green |
+| 08 | Ch8 | 快聘4P营销策略 | 产品/价格/渠道/促销策略 | blue |
+
+### 1.3 UI组件清单
+
+| 组件名称 | 用途 | 所在模板位置 |
+|----------|------|--------------|
+| `cover-hero` | 封面大屏 | HTML L428-447 |
+| `section.report-section` | 全屏章节容器 | HTML L82-113 |
+| `section-eyebrow` | 章节标签（CHAPTER XX） | HTML L121-127 |
+| `text-h1/h2/h3` | 标题文字 | HTML L69-74 |
+| `metric` | 数据指标卡片 | HTML L153-164 |
+| `card` | 内容卡片 | HTML L135-151 |
+| `voice-card` | 用户原声卡片 | HTML L264-282 |
+| `insight-banner` | 洞察横幅 | HTML L303-325 |
+| `theme-poster` | 主题海报（pain/bright/scene） | HTML L284-301 |
+| `data-tbl` | 数据表格 | HTML L327-338 |
+| `grid.grid-2/3/4` | 栅格布局 | HTML L130-133 |
+| `tag` | 标签徽章 | HTML L166-176 |
+| `fade-up/rise-in` | 滚动动画 | HTML L340-346 |
+| `nav-rail` | 左侧导航点 | HTML L220-242 |
+| `slide-counter` | 底部页码 | HTML L348-363 |
+| `progress-line` | 顶部进度条 | HTML L253-256 |
+
+### 1.4 配色体系
+
+| Tone | 主色变量 | 用途场景 |
+|------|----------|----------|
+| `amber` | `#F5A623` | 执行摘要、封面、薪资章节 |
+| `rose` | `#FF4D8D` | 痛点章节、风险章节 |
+| `orange` | `#F97316` | 快聘生态章节 |
+| `green` | `#00DC82` | 机会建议章节 |
+| `purple` | `#8B5CF6` | 信任机制章节 |
+| `blue` | `#3B82F6` | 4P策略章节 |
+
+---
+
+## 二、逐章节内容规划
+
+---
+
+### 【封面】Cover Hero
+
+**文件位置**：HTML L428-447（参考 `cover-hero` 样式）
+
+**内容要素**：
+
+```
+快手快聘 · VOC 深度洞察报告
+
+副标题：10个蓝领，9个都用快手——蓝领求职生态与快聘平台战略洞察
+
+封面四大数据指标：
+┌──────────────┬──────────────┬──────────────┬──────────────┐
+│ 7,902        │ 380          │ 19           │ 9,455万      │
+│ VOC总量      │ 视频数       │ 关键词数     │ 总播放量     │
+└──────────────┴──────────────┴──────────────┴──────────────┘
+```
+
+**数据来源**：5.赛选的数据总览.md（L16-20）
+
+---
+
+### 【Ch1】执行摘要
+
+**文件位置**：HTML L450-511（参考 Ch1 执行摘要结构）
+
+**数据Tone**：`amber`
+
+**内容模块**：
+
+**模块1-1：章节标题**
+```
+CHAPTER 01
+执行摘要
+核心问题与机会分析
+```
+
+**模块1-2：四大核心指标卡片**
+```html
+<div class="grid grid-4">
+  <div class="metric">
+    <div class="metric-label">VOC总量</div>
+    <div class="metric-value">7,902</div>
+    <div class="metric-sub">高质量评论</div>
+  </div>
+  <div class="metric">
+    <div class="metric-label">视频覆盖</div>
+    <div class="metric-value" style="color:var(--green);">380</div>
+    <div class="metric-sub">条视频内容</div>
+  </div>
+  <div class="metric">
+    <div class="metric-label">情绪方向</div>
+    <div class="metric-value" style="color:var(--rose);">负向主导</div>
+    <div class="metric-sub">风险焦虑最强</div>
+  </div>
+  <div class="metric">
+    <div class="metric-label">核心关键词</div>
+    <div class="metric-value" style="color:var(--amber);">骗/坑/黑中介</div>
+    <div class="metric-sub">热度最高</div>
+  </div>
+</div>
+```
+
+**模块1-3：核心问题洞察横幅**
+```html
+<div class="insight-banner" data-num="01">
+  <h3>蓝领求职者的核心焦虑不是<span>工资低</span>，而是<span>怕被骗</span></h3>
+  <p class="insight-body">
+    在7,902条VOC中，"骗/黑中介/坑"相关风险词热度突破100万；
+    最强诉求是"确定性"：工资真实、包吃包住、当天入职、能快速安顿下来。
+  </p>
+  <div class="insight-data">
+    <div class="dp"><div class="num">514,788</div><div class="lbl">"骗"综合热度</div></div>
+    <div class="dp"><div class="num">393,762</div><div class="lbl">"黑中介"热度</div></div>
+    <div class="dp"><div class="num">85%+</div><div class="lbl">担心信息不真实</div></div>
+  </div>
+</div>
+```
+
+**模块1-4：三大核心洞察卡片（grid-3）**
+```
+┌────────────────┬────────────────┬────────────────┐
+│ 1              │ 2              │ 3              │
+│ 最强焦虑：被骗  │ 最强诉求：确定性 │ 情绪核心：低门槛 │
+│ 黑中介/虚假信息 │ 工资真实/当天入职 │ 老铁信任/眼见为实│
+└────────────────┴────────────────┴────────────────┘
+```
+
+**模块1-5：三句话总结快聘战略定位**
+```html
+<div class="card card-glow" style="border-left:3px solid var(--amber);">
+  <div class="text-xs" style="color:var(--amber); letter-spacing:0.18em; margin-bottom:12px; font-weight:700;">快聘战略定位</div>
+  <div class="text-h3" style="margin-bottom:8px;">
+    "10个蓝领9个用快手——直播带岗，眼见为实"
+  </div>
+  <p class="text-sm">
+    快聘日活几十万简历，内部仅次于电商；2.5亿蓝领月活是最大壁垒；
+    但信息审核弱是最大短板，一旦信任被透支将面临严峻挑战。
+  </p>
+</div>
+```
+
+**VOC证据锚点**（来源：5.赛选的数据总览.md）：
+- 快手 ♥6,276："22年差点被骗去当咯咯哒 说什么模特走台下面的人送花就有提成"（TOP1）
+- 快手 ♥491："无论怎么样，反正黑中介是赚了"
+- 快手 ♥219："全中国中介最黑"
+
+---
+
+### 【Ch2】快聘生态现状
+
+**文件位置**：参考 HTML L513-753（竞品分析章节结构）
+
+**数据Tone**：`orange`
+
+**内容模块**：
+
+**模块2-1：章节标题**
+```
+CHAPTER 02
+快聘生态现状
+市场规模、竞争格局与战略位势
+```
+
+**模块2-2：快聘核心数据指标（grid-4）**
+| 指标 | 数据 | 说明 |
+|------|------|------|
+| 月度服务求职者 | 超2.5亿人次 | 截至2024年底 |
+| 平台蓝领用户规模 | 约2.5亿人 | 2024年快聘峰会公布 |
+| 全年直播带岗场次 | 超500万场 | 2024年全年 |
+| 日收简历峰值 | 突破5万份 | 2025年2月 |
+| 带动就业机会 | 4,320万个 | 截至2024年底 |
+
+来源：3.快聘的相关资料与优劣势.md（L9-20）
+
+**模块2-3：快手 vs 竞品平台对比表格**
+```html
+<div class="table-wrap">
+  <table class="data-tbl">
+    <thead>
+      <tr>
+        <th>对比维度</th>
+        <th>快手快聘</th>
+        <th>BOSS直聘</th>
+        <th>58同城</th>
+      </tr>
+    </thead>
+    <tbody>
+      <tr>
+        <td><strong>核心模式</strong></td>
+        <td>直播带岗（流量驱动）</td>
+        <td>算法匹配（数据驱动）</td>
+        <td>分类信息聚合</td>
+      </tr>
+      <tr>
+        <td><strong>蓝领用户规模</strong></td>
+        <td style="color:var(--green);">2.5亿</td>
+        <td>约3000万</td>
+        <td>规模下滑</td>
+      </tr>
+      <tr>
+        <td><strong>求职门槛</strong></td>
+        <td style="color:var(--green);">极低（留联系方式即可）</td>
+        <td>较低</td>
+        <td>低</td>
+      </tr>
+      <tr>
+        <td><strong>匹配效率</strong></td>
+        <td>高（2小时17万份简历）</td>
+        <td>中等</td>
+        <td>中等</td>
+      </tr>
+      <tr>
+        <td><strong>信息审核</strong></td>
+        <td style="color:var(--rose);">极弱（零审核）</td>
+        <td style="color:var(--green);">较强</td>
+        <td>存在但执行不力</td>
+      </tr>
+      <tr>
+        <td><strong>情绪获得感</strong></td>
+        <td style="color:var(--green);">★★★★★</td>
+        <td>★★☆☆☆</td>
+        <td>★☆☆☆☆</td>
+      </tr>
+    </tbody>
+  </table>
+</div>
+```
+
+来源：3.快聘的相关资料与优劣势.md（L71-98）
+
+**模块2-4：快聘四大核心优势卡片（grid-2）**
+```
+┌─────────────────────────────┬─────────────────────────────┐
+│ 优势一：不可替代的用户渗透率   │ 优势二：信任场景的天然构建能力 │
+│ "10个蓝领9个用快手"         │ 老铁文化+私域流量+熟人推荐式信任│
+├─────────────────────────────┼─────────────────────────────┤
+│ 优势三：求职门槛极低          │ 优势四：政策先发优势           │
+│ 无需简历，留联系方式即可求职   │ 直播招聘师入编国家职业分类大典 │
+└─────────────────────────────┴─────────────────────────────┘
+```
+
+**模块2-5：快聘三大劣势风险卡片**
+```
+┌─────────────────────────────┬─────────────────────────────┐
+│ 劣势一：信息审核能力不足       │ 劣势二：B端直招占比低，中介依赖度高│
+│ 零审核问题，职位真实性存疑     │ 直播间以劳务中介为主          │
+├─────────────────────────────┼─────────────────────────────┤
+│ 劣势三：匹配准确率不如算法平台  │ 劣势四：监管风险加剧          │
+│ 流量大但精准度待提升          │ 五部门行政指导，审核压力增大   │
+└─────────────────────────────┴─────────────────────────────┘
+```
+
+来源：3.快聘的相关资料与优劣势.md（L104-122）
+
+**模块2-6：快聘雷达图评估（10维度定性评分）**
+| 评估维度 | 快手 | BOSS直聘 | 58同城 |
+|----------|------|----------|--------|
+| 信息真实度 | ★★★☆☆ | ★★★★☆ | ★★☆☆☆ |
+| 薪资透明度 | ★★★★☆ | ★★★★☆ | ★★☆☆☆ |
+| 权益保障 | ★★☆☆☆ | ★★★☆☆ | ★★☆☆☆ |
+| 匹配准确率 | ★★★☆☆ | ★★★★★ | ★★★☆☆ |
+| 求职低门槛 | ★★★★★ | ★★★★☆ | ★★★☆☆ |
+| 沟通即时性 | ★★★★★ | ★★★★☆ | ★★☆☆☆ |
+| 信任建立 | ★★★★☆ | ★★★☆☆ | ★★☆☆☆ |
+| 职业发展 | ★★☆☆☆ | ★★★☆☆ | ★★☆☆☆ |
+| 平台审核 | ★★☆☆☆ | ★★★★☆ | ★★★☆☆ |
+| 情绪获得感 | ★★★★★ | ★★☆☆☆ | ★☆☆☆☆ |
+
+来源：3.快聘的相关资料与优劣势.md（L187-198）
+
+---
+
+### 【Ch3】蓝领求职心理洞察
+
+**文件位置**：参考 HTML L755-794（用户痛点VOC章节）
+
+**数据Tone**：`rose`
+
+**内容模块**：
+
+**模块3-1：章节标题**
+```
+CHAPTER 03
+蓝领求职心理洞察
+最担心什么？最看重什么？
+```
+
+**模块3-2：最担心的问题——三大核心焦虑卡片（grid-3）**
+```
+┌─────────────────────┬─────────────────────┬─────────────────────┐
+│ 💰 焦虑1             │ 🔐 焦虑2             │ 🛡 焦虑3             │
+│ 信息虚假/货不对版     │ 押金陷阱/诈骗风险     │ 权益保障缺失         │
+│ 热度:514,788         │ 热度:393,762(黑中介) │ 热度:74,090(陷阱)   │
+│ 命中:252条           │ 命中:109条           │ 命中:21条           │
+└─────────────────────┴─────────────────────┴─────────────────────┘
+```
+
+来源：5.赛选的数据总览.md（L28-41）
+
+**模块3-3：最看重什么——四大核心诉求卡片（grid-4）**
+```
+┌──────────┬──────────┬──────────┬──────────┐
+│ 包吃包住 │ 工资真实  │ 当天入职  │ 低门槛   │
+│ 89,190   │ 89,081   │ 19,264   │ 极高     │
+│ 31命中   │ 186命中  │ 7命中    │ 零门槛   │
+└──────────┴──────────┴──────────┴──────────┘
+```
+
+来源：5.赛选的数据总览.md（L59-71）
+
+**模块3-4：洞察横幅**
+```html
+<div class="insight-banner" data-num="02">
+  <h3>蓝领求职者最需要的是<span>确定性</span>——确定工作是真的、
+  <span>工资会发</span>、<span>不会被坑</span>、能快速安顿下来</h3>
+  <p class="insight-body">
+    情绪价值的核心不是娱乐，而是"确定性"：靠谱、真实、放心、少踩坑。
+    最强购买点不是抽象品牌心智，而是"工资真实、发薪稳定、包吃包住、当天入职"。
+  </p>
+  <div class="insight-data">
+    <div class="dp"><div class="num">72%</div><div class="lbl">关注工资按时发放</div></div>
+    <div class="dp"><div class="num">65%</div><div class="lbl">关注包吃包住</div></div>
+    <div class="dp"><div class="num">55%</div><div class="lbl">关注当天入职</div></div>
+  </div>
+</div>
+```
+
+来源：5.赛选的数据总览.md（L148-152）和 2.蓝领求职的担心点侧重点.md
+
+**模块3-5：用户原声卡片（voice-card）——TOP3高赞焦虑**
+```
+voice-card #1（border-left:3px solid var(--rose);）
+内容："22年差点被骗去当咯咯哒 说什么模特走台下面的人送花就有提成"
+标签：求职被骗 | ♥6,276
+
+voice-card #2（border-left:3px solid var(--rose);）
+内容："无论怎么样，反正黑中介是赚了"
+标签：黑中介 | ♥491
+
+voice-card #3（border-left:3px solid var(--rose);）
+内容："我说老实话，我没工作也不找中介，全中国中介最黑"
+标签：黑中介 | ♥219
+```
+
+来源：5.赛选的数据总览.md（L218-241）
+
+**模块3-6：心理焦虑排序（KANO-like）**
+```
+1. 信息不真实（85%）：黑中介、虚假宣传、薪资货不对版
+2. 押金不退（60%）：押金、培训费等预缴费用无法追回
+3. 工资克扣（50%）：实际到手与承诺不符
+4. 入职被套路（45%）：入职后遭遇各种不合理要求
+5. 权益无保障（40%）：不签合同、不上保险
+```
+
+来源：2.蓝领求职的担心点侧重点.md（L6-17）
+
+---
+
+### 【Ch4】核心关切：薪资与权益
+
+**文件位置**：参考 HTML L796-853（地理分布+数据章节结构）
+
+**数据Tone**：`amber`
+
+**内容模块**：
+
+**模块4-1：章节标题**
+```
+CHAPTER 04
+核心关切：薪资与权益
+工资、食宿、入职便捷性
+```
+
+**模块4-2：薪资权益类关键词热度排行**
+```html
+<div class="table-wrap" style="margin-bottom:28px;">
+  <table class="data-tbl">
+    <thead>
+      <tr>
+        <th>关键词</th>
+        <th>命中条数</th>
+        <th>综合热度</th>
+        <th>说明</th>
+      </tr>
+    </thead>
+    <tbody>
+      <tr><td><strong>工资</strong></td><td class="tb-num">186</td><td>89,081</td><td>最核心诉求</td></tr>
+      <tr><td><strong>包吃包住</strong></td><td class="tb-num">31</td><td>89,190</td><td>降低生活成本</td></tr>
+      <tr><td><strong>加班费</strong></td><td class="tb-num">20</td><td>43,986</td><td>薪资结构敏感</td></tr>
+      <tr><td><strong>吃住</strong></td><td class="tb-num">21</td><td>34,060</td><td>基础保障</td></tr>
+      <tr><td><strong>当天入职</strong></td><td class="tb-num">7</td><td>19,264</td><td>决策周期极短</td></tr>
+      <tr><td><strong>日结</strong></td><td class="tb-num">30</td><td>12,651</td><td>即时回报偏好</td></tr>
+      <tr><td><strong>发工资</strong></td><td class="tb-num">29</td><td>4,773</td><td>按时发放焦虑</td></tr>
+    </tbody>
+  </table>
+</div>
+```
+
+来源：5.赛选的数据总览.md（L59-71）
+
+**模块4-3：薪资类VOC原声卡片（grid-2）**
+```
+voice-card（border-left:3px solid var(--amber);）
+内容："不给加班费就不加班合理吗？"
+标签：加班费 | ♥38,195
+
+voice-card（border-left:3px solid var(--amber);）
+内容："#打工妹 #工资条 #打工妹的日常生活"
+标签：发工资 | ♥21,817
+
+voice-card（border-left:3px solid var(--amber);）
+内容："确实是像你这样说的，跑外卖只要多劳多得，工资不会少发。
+      我坚持了两个月，第3个月的时候我已经摆烂了"
+标签：工资靠谱 | ♥51
+```
+
+来源：5.赛选的数据总览.md（L73-81）
+
+**模块4-4：食宿条件类VOC原声卡片（grid-2）**
+```
+voice-card（border-left:3px solid var(--green);）
+内容："我年前就是在洗碗又累又脏，基本上10个小时没得休息，
+      只有吃销10多分钟，我都不想干了"
+标签：包吃包住 | ♥84
+
+voice-card（border-left:3px solid var(--green);）
+内容："#不体检不收费当天安排 #当天来当天入职安排住宿
+      #岗位轻松干活不累想工作就来 #包吃包住当天安排住宿"
+标签：当天入职 | ♥17,397
+```
+
+来源：5.赛选的数据总览.md（L73-81）
+
+**模块4-5：洞察横幅**
+```html
+<div class="insight-banner" data-num="03">
+  <h3>薪资透明度是<span>核心关切</span>，但最核心的购买点
+  是"确定性"——<span>包吃包住+当天入职+不发愁</span></h3>
+  <p class="insight-body">
+    蓝领求职者决策链极短，追求"今天看、明天就上班"。
+    快聘能快速集结大批求职者，春节高峰期效果尤为显著。
+  </p>
+  <div class="insight-data">
+    <div class="dp"><div class="num">186条</div><div class="lbl">工资相关讨论</div></div>
+    <div class="dp"><div class="num">7条</div><div class="lbl">"当天入职"讨论</div></div>
+    <div class="dp"><div class="num">30条</div><div class="lbl">"日结"讨论</div></div>
+  </div>
+</div>
+```
+
+---
+
+### 【Ch5】风险感知：被骗焦虑
+
+**文件位置**：参考 HTML L755-794（用户痛点VOC章节结构）
+
+**数据Tone**：`rose`
+
+**内容模块**：
+
+**模块5-1：章节标题**
+```
+CHAPTER 05
+风险感知：被骗焦虑
+黑中介、押金陷阱、入职被套路
+```
+
+**模块5-2：风险关键词热度排行榜**
+```html
+<div class="table-wrap" style="margin-bottom:28px;">
+  <table class="data-tbl">
+    <thead>
+      <tr>
+        <th>风险信号</th>
+        <th>命中条数</th>
+        <th>综合热度</th>
+        <th>核心焦虑</th>
+      </tr>
+    </thead>
+    <tbody>
+      <tr style="background:rgba(255,77,141,0.05);">
+        <td><strong style="color:var(--rose);">骗</strong></td>
+        <td class="tb-num" style="color:var(--rose);">252</td>
+        <td class="tb-num">514,788</td>
+        <td>招聘信息虚假</td>
+      </tr>
+      <tr>
+        <td><strong>黑中介</strong></td>
+        <td class="tb-num">109</td>
+        <td class="tb-num">393,762</td>
+        <td>中介信任危机</td>
+      </tr>
+      <tr>
+        <td><strong>坑</strong></td>
+        <td class="tb-num">92</td>
+        <td class="tb-num">375,264</td>
+        <td>入职后被套路</td>
+      </tr>
+      <tr>
+        <td><strong>套路</strong></td>
+        <td class="tb-num">45</td>
+        <td class="tb-num">144,842</td>
+        <td>薪资与承诺不符</td>
+      </tr>
+      <tr>
+        <td><strong>黑厂</strong></td>
+        <td class="tb-num">43</td>
+        <td class="tb-num">123,531</td>
+        <td>恶劣工作环境</td>
+      </tr>
+      <tr>
+        <td><strong>押金</strong></td>
+        <td class="tb-num">105</td>
+        <td class="tb-num">95,543</td>
+        <td>押金不退</td>
+      </tr>
+      <tr>
+        <td><strong>陷阱</strong></td>
+        <td class="tb-num">21</td>
+        <td class="tb-num">74,090</td>
+        <td>招聘陷阱</td>
+      </tr>
+    </tbody>
+  </table>
+</div>
+```
+
+来源：5.赛选的数据总览.md（L28-41）
+
+**模块5-3：三大风险主题海报（theme-poster）**
+```html
+<!-- 风险主题1: 黑中介 -->
+<div class="theme-poster pain">
+  <h4>黑中介 · 最强风险信号</h4>
+  <div class="count">热度 <span class="num">393,762</span> · 109条命中</div>
+  <ul class="examples">
+    <li>"万恶之源 #黑中介的噩梦，只要我不努力，你就过不上你想要的生活" 热度203,219</li>
+    <li>"#维护法律尊严和正义 #严厉打击黑中介 #黑中介骗了多少中国同胞" 热度61,984</li>
+    <li>"第一次进厂是通过直播，就是黑中介..." ♥226</li>
+  </ul>
+</div>
+
+<!-- 风险主题2: 押金不退 -->
+<div class="theme-poster pain">
+  <h4>押金陷阱 · 高频次焦虑</h4>
+  <div class="count">热度 <span class="num">95,543</span> · 105条命中</div>
+  <ul class="examples">
+    <li>"不退租客押金你是心高气傲，被租客报复你是生死难料" 热度55,223</li>
+    <li>"去买几个鸡蛋，打碎，放在沙发下面..." ♥2,209（TOP2高赞）</li>
+    <li>"我在广西就遇到过房东死活不退押金" ♥808</li>
+  </ul>
+</div>
+
+<!-- 风险主题3: 入职被坑 -->
+<div class="theme-poster pain">
+  <h4>入职被坑 · 薪资货不对版</h4>
+  <div class="count">热度 <span class="num">375,264</span> · 92条命中</div>
+  <ul class="examples">
+    <li>"刚开始签18块钱一个小时，就算做满了工时也不会给你18块钱，
+        现在干了一个多月只拿到了6块钱一个小时" 热度42,121</li>
+    <li>"只要收身份证的都是，正常的面试只需要填表就行" ♥228</li>
+    <li>"地铁安检我知道，找中介还不如直接去地铁口问招不招人" ♥224</li>
+  </ul>
+</div>
+```
+
+来源：5.赛选的数据总览.md（L43-51）
+
+**模块5-4：高赞VOC原声卡片（TOP10列表）**
+```
+voice-card #1 hot（border-color:rgba(245,166,35,0.3);）
+内容："22年差点被骗去当咯咯哒 说什么模特走台下面的人送花就有提成"
+标签：入职被坑 | ♥6,276
+
+voice-card #2 hot
+内容："去买几个鸡蛋，打碎，放在沙发下面..."
+标签：押金不退 | ♥2,209
+
+voice-card #3
+内容："我在广西就遇到过房东死活不退押金，走的时候还在房间里盯着我"
+标签：押金不退 | ♥808
+
+voice-card #4
+内容："做的不错，就该那样！有些房东太不像话了！押金不退，还有理由了！"
+标签：押金不退 | ♥533
+
+voice-card #5
+内容："无论怎么样，反正黑中介是赚了"
+标签：黑中介 | ♥491
+```
+
+来源：5.赛选的数据总览.md（L218-241）
+
+---
+
+### 【Ch6】平台信任机制
+
+**文件位置**：参考 HTML L857-969（KANO分析章节结构）
+
+**数据Tone**：`purple`
+
+**内容模块**：
+
+**模块6-1：章节标题**
+```
+CHAPTER 06
+平台信任机制
+老铁文化、直播带岗、情绪关键词体系
+```
+
+**模块6-2：快聘信任体系框架图（grid-2）**
+```
+┌─────────────────────────────┬─────────────────────────────┐
+│ 老铁信任体系                  │ 直播带岗信任机制             │
+│                             │                             │
+│ • 熟人推荐式信任              │ • 车间直播展示              │
+│ • 主播与粉丝长期关系积累       │ • 宿舍直播展示              │
+│ • 评论区实时互动答疑          │ • 食堂直播展示              │
+│ • "来了就是兄弟"文化         │ • 眼见为实消除信息不对称     │
+└─────────────────────────────┴─────────────────────────────┘
+```
+
+来源：3.快聘的相关资料与优劣势.md（L158-161）
+
+**模块6-3：情绪关键词体系**
+```html
+<div class="grid grid-3" style="margin-bottom:32px;">
+  <div class="card" style="border-top:3px solid var(--amber);">
+    <div style="font-size:2rem; margin-bottom:12px;">👁️</div>
+    <div class="text-h3" style="color:var(--amber); margin-bottom:8px;">"眼见为实"</div>
+    <p class="text-sm">消解信息不对称带来的不安全感</p>
+  </div>
+  <div class="card" style="border-top:3px solid var(--green);">
+    <div style="font-size:2rem; margin-bottom:12px;">🤝</div>
+    <div class="text-h3" style="color:var(--green); margin-bottom:8px;">"老铁推荐"</div>
+    <p class="text-sm">以熟人身份降低求职者心理防备</p>
+  </div>
+  <div class="card" style="border-top:3px solid var(--purple);">
+    <div style="font-size:2rem; margin-bottom:12px;">🏠</div>
+    <div class="text-h3" style="color:var(--purple); margin-bottom:8px;">"来了就是兄弟"</div>
+    <p class="text-sm">强调归属感和人情味</p>
+  </div>
+</div>
+```
+
+来源：3.快聘的相关资料与优劣势.md（L164-173）
+
+**模块6-4：情绪关键词扩展体系（grid-3）**
+```
+┌────────────────┬────────────────┬────────────────┐
+│ "有尊严地赚钱" │ "不骗人、不套路" │ "独门绝技"      │
+│ 身份焦虑回应   │ 针对虚假宣传    │ 放大专业技能价值 │
+└────────────────┴────────────────┴────────────────┘
+```
+
+**模块6-5：情绪价值传播标杆案例**
+```html
+<div class="card" style="border-left:3px solid var(--purple); margin-bottom:28px;">
+  <div class="text-xs" style="color:var(--purple); letter-spacing:0.18em; margin-bottom:12px; font-weight:700;">
+    标杆案例 · 快手《来活了老铁！》
+  </div>
+  <div class="text-h3" style="margin-bottom:8px;">
+    快手联合山东卫视推出的首档蓝领求职综艺IP
+  </div>
+  <p class="text-sm">
+    25个热搜榜单（微博主榜6个），最高总榜TOP21，完成度625%。
+    站外曝光量原定2.5亿，实际完成3.26亿，完成度130%。
+    围绕"技能向+娱乐向+社会向"三个维度展开。
+  </p>
+  <div style="margin-top:14px; display:flex; gap:10px;">
+    <span class="tag purple">技能向</span>
+    <span class="tag purple">娱乐向</span>
+    <span class="tag purple">社会向</span>
+  </div>
+</div>
+```
+
+来源：3.快聘的相关资料与优劣势.md（L175-177）
+
+**模块6-6：情绪价值双刃剑警示**
+```html
+<div class="insight-banner" data-num="06">
+  <h3>情绪价值是<span>双刃剑</span>——真实故事获得关注，
+  但<span>虚假摆拍</span>正在侵蚀信任基础</h3>
+  <p class="insight-body">
+    外卖骑手、快递小哥、网约车司机因"接地气""高共鸣"属性，
+    成为短视频平台虚假摆拍重灾区。平台算法无差别推荐，
+    使虚假内容获得杠杆式传播。
+  </p>
+  <div class="insight-data">
+    <div class="dp"><div class="num">★★★★★</div><div class="lbl">情绪获得感优势</div></div>
+    <div class="dp"><div class="num">⚠️高风险</div><div class="lbl">虚假摆拍泛滥</div></div>
+    <div class="dp"><div class="num">五部门</div><div class="lbl">行政指导监管</div></div>
+  </div>
+</div>
+```
+
+来源：3.快聘的相关资料与优劣势.md（L179-181）
+
+---
+
+### 【Ch7】机会与建议
+
+**文件位置**：参考 HTML L971-999（增长机会总览章节结构）
+
+**数据Tone**：`green`
+
+**内容模块**：
+
+**模块7-1：章节标题**
+```
+CHAPTER 07
+机会与建议
+快聘优势强化、风险应对、战略方向
+```
+
+**模块7-2：快聘战略建议总览（grid-3）**
+```
+┌──────────────────────┬──────────────────────┬──────────────────────┐
+│ 建议1                 │ 建议2                 │ 建议3                 │
+│ 建立分级审核体系       │ 强化"信任基建"投入     │ 深化企业直招占比      │
+│ 对大主播实行更严格审核 │ 招聘方信用评级+黑名单   │ 减少中介依赖          │
+│ 来源:3.快聘优劣势.md  │ 来源:3.快聘优劣势.md  │ 来源:3.快聘优劣势.md  │
+└──────────────────────┴──────────────────────┴──────────────────────┘
+┌──────────────────────┬──────────────────────┐
+│ 建议4                 │ 建议5                 │
+│ 放大"眼见为实"差异化  │ 差异化提升情绪价值     │
+│ 标准化直播带岗流程     │ 情绪价值→用户留存壁垒  │
+└──────────────────────┴──────────────────────┘
+```
+
+来源：3.快聘的相关资料与优劣势.md（L225-235）
+
+**模块7-3：快聘四大核心竞争优势（grid-2）**
+```
+┌─────────────────────────────────┬─────────────────────────────────┐
+│ 优势1:不可替代的用户渗透率        │ 优势2:信任场景的天然构建能力    │
+│ "10个蓝领，9个都用快手"          │ 老铁文化基因天然适配蓝领社交习惯 │
+│ 2.5亿蓝领月活用户                 │ 熟人推荐式信任关系               │
+├─────────────────────────────────┼─────────────────────────────────┤
+│ 优势3:求职门槛极低               │ 优势4:政策先发优势               │
+│ 无需简历，留联系方式即可求职       │ 直播招聘师入编国家职业分类大典   │
+│ 数字技能薄弱的蓝领群体难以拒绝     │ 人社部报告认定20%纯新增用户      │
+└─────────────────────────────────┴─────────────────────────────────┘
+```
+
+**模块7-4：风险矩阵**
+```html
+<div class="table-wrap" style="margin-bottom:28px;">
+  <table class="data-tbl">
+    <thead>
+      <tr>
+        <th>风险类型</th>
+        <th>风险描述</th>
+        <th>概率</th>
+        <th>影响</th>
+        <th>应对策略</th>
+      </tr>
+    </thead>
+    <tbody>
+      <tr style="background:rgba(255,77,141,0.06);">
+        <td><strong style="color:var(--rose);">信任透支</strong></td>
+        <td>虚假招聘信息泛滥，透支"老铁信任"</td>
+        <td style="color:var(--rose);">高</td>
+        <td style="color:var(--rose);">高</td>
+        <td>审核体系升级+信用评级</td>
+      </tr>
+      <tr style="background:rgba(255,77,141,0.04);">
+        <td><strong style="color:var(--rose);">监管压力</strong></td>
+        <td>五部门行政指导要求强化审核</td>
+        <td style="color:var(--rose);">高</td>
+        <td style="color:var(--rose);">高</td>
+        <td>主动对标"五个到位"</td>
+      </tr>
+      <tr>
+        <td><strong>竞争跟进</strong></td>
+        <td>BOSS直聘加码蓝领，58同城转型</td>
+        <td style="color:var(--amber);">中</td>
+        <td style="color:var(--amber);">中</td>
+        <td>差异化壁垒+效率提升</td>
+      </tr>
+      <tr>
+        <td><strong>匹配效率低</strong></td>
+        <td>流量大但精准度不如算法平台</td>
+        <td style="color:var(--amber);">中</td>
+        <td style="color:var(--amber);">中</td>
+        <td>引入精准匹配算法</td>
+      </tr>
+    </tbody>
+  </table>
+</div>
+```
+
+来源：3.快聘的相关资料与优劣势.md（L219-223）
+
+**模块7-5：监管政策要点**
+```
+五部门行政指导要求"五个到位"：
+  ① 资质审核到位
+  ② 信息明示到位
+  ③ 内容审核到位
+  ④ 风险防范到位
+  ⑤ 处置管控到位
+
+来源:3.快聘的相关资料与优劣势.md（L46-50）
+```
+
+---
+
+### 【Ch8】快聘4P营销策略
+
+**文件位置**：参考 HTML L1002-1175（6.1医院地推子章节结构）
+
+**数据Tone**：`blue`
+
+**内容模块**：
+
+**模块8-1：章节标题**
+```
+CHAPTER 08
+快聘 4P 营销策略
+产品/价格/渠道/促销
+```
+
+**模块8-2：4P框架总览（grid-4）**
+```
+┌──────────┬──────────┬──────────┬──────────┐
+│ 产品策略  │ 价格策略  │ 渠道策略  │ 促销策略  │
+│Product   │ Price    │ Place    │ Promotion │
+└──────────┴──────────┴──────────┴──────────┘
+```
+
+**模块8-3：产品策略（Product）**
+```html
+<div class="card" style="border-top:3px solid var(--blue); margin-bottom:16px;">
+  <div class="text-h3" style="color:var(--blue); margin-bottom:12px;">
+    产品策略：直播带岗 × 信任基建
+  </div>
+  <div class="text-sm" style="line-height:1.8;">
+    <div style="margin-bottom:8px;">
+      <strong>核心产品</strong>：快手快聘直播带岗服务
+    </div>
+    <div style="margin-bottom:8px;">
+      <strong>差异化卖点</strong>：
+      <span class="tag blue">眼见为实</span>
+      <span class="tag blue">老铁信任</span>
+      <span class="tag blue">零门槛求职</span>
+    </div>
+    <div>
+      <strong>产品升级方向</strong>：
+      标准化直播带岗流程（车间+宿舍+食堂三景展示）
+    </div>
+  </div>
+</div>
+```
+
+**模块8-4：价格策略（Price）**
+```
+核心逻辑：不收求职者费用，靠企业端投放和招聘服务费盈利
+
+定价策略：
+  • 求职者端：完全免费（零门槛核心优势）
+  • 企业端：按效果付费（CPM/CPC/简历投递量）
+  • 主播端：带岗主播抽佣机制
+
+竞争优势：对比BOSS直聘/58同城，快聘对求职者完全免费
+```
+
+**模块8-5：渠道策略（Place）**
+```html
+<div class="grid grid-2" style="margin-bottom:16px;">
+  <div class="card" style="border-top:3px solid var(--blue);">
+    <div class="text-h3" style="color:var(--blue); margin-bottom:12px;">B端渠道</div>
+    <div class="text-sm" style="line-height:1.8;">
+      <div>• 24万家入驻用人单位</div>
+      <div>• 提高企业直招占比，减少中介依赖</div>
+      <div>• 知名企业合作（创维/顺丰/伯恩光学）</div>
+      <div>• 2026年4月"东迁西归"云端招聘季</div>
+    </div>
+  </div>
+  <div class="card" style="border-top:3px solid var(--green);">
+    <div class="text-h3" style="color:var(--green); margin-bottom:12px;">C端触达</div>
+    <div class="text-sm" style="line-height:1.8;">
+      <div>• 2.5亿蓝领月活用户自然覆盖</div>
+      <div>• 40万+专职带岗主播</div>
+      <div>• 私域流量+老铁信任转化</div>
+      <div>• 直播间即时互动+联系方式留资</div>
+    </div>
+  </div>
+</div>
+```
+
+来源：3.快聘的相关资料与优劣势.md（L9-20）
+
+**模块8-6：促销策略（Promotion）**
+```html
+<div class="card" style="border-top:3px solid var(--amber);">
+  <div class="text-h3" style="color:var(--amber); margin-bottom:12px;">
+    促销策略：情绪价值 × 信任传播
+  </div>
+  <div class="text-sm" style="line-height:1.8;">
+    <div style="margin-bottom:12px;">
+      <strong>品牌传播</strong>：
+      <span class="tag">"10个蓝领9个用快手"</span>
+      <span class="tag">"直播带岗，眼见为实"</span>
+    </div>
+    <div style="margin-bottom:12px;">
+      <strong>内容营销</strong>：《来活了老铁！》综艺IP+短剧营销
+    </div>
+    <div style="margin-bottom:12px;">
+      <strong>政策背书</strong>：直播招聘师认证+人社部认可
+    </div>
+    <div>
+      <strong>老铁文化</strong>："来了就是兄弟"+"有尊严地赚钱"
+    </div>
+  </div>
+</div>
+```
+
+**模块8-7：VOC驱动的内容策略建议**
+```html
+<div class="insight-banner" data-num="08">
+  <h3>基于VOC的内容策略：围绕<span>"确定性"</span>构建传播矩阵</h3>
+  <p class="insight-body">
+    最强购买点：工资真实、发薪稳定、包吃包住、当天入职。
+    最强焦虑：被骗、被坑、黑中介、押金不退。
+    内容方向应围绕"真实岗位展示+主播真实推荐+快速入职承诺"。
+  </p>
+  <div class="insight-data">
+    <div class="dp"><div class="num">20+</div><div class="lbl">情绪关键词体系</div></div>
+    <div class="dp"><div class="num">3</div><div class="lbl">核心传播维度</div></div>
+    <div class="dp"><div class="num">1个</div><div class="lbl">综艺IP标杆</div></div>
+  </div>
+</div>
+```
+
+---
+
+### 【Footer】报告尾部
+
+**文件位置**：参考 HTML L398-403
+
+**内容要素**：
+```html
+<footer class="report-footer">
+  <div>快手快聘 · VOC 深度洞察报告</div>
+  <div class="meta">
+    数据来源：TikHub API 快手评论采集 | VOC 7,902条 | 视频380条 | 19个关键词
+  </div>
+  <div class="meta">
+    数据截至：2026年4月 | 报告版本：v1
+  </div>
+</footer>
+```
+
+---
+
+## 三、HTML生成技术规范
+
+### 3.1 文件输出路径
+
+```
+输出文件：e:\公司\fmode-voc-projects\reports\ks-kuaiiping\ks-kuai-pin-voc-insight-report.html
+```
+
+### 3.2 关键CSS变量（直接复用）
+
+```css
+:root {
+  --bg-0: #0A0A0A;
+  --bg-1: #111111;
+  --bg-2: #1A1A1A;
+  --amber: #F5A623;
+  --green: #00DC82;
+  --rose: #FF4D8D;
+  --blue: #3B82F6;
+  --purple: #8B5CF6;
+  --orange: #F97316;
+  --font-head: 'Inter','Noto Sans SC',sans-serif;
+  --max-w: 1280px;
+}
+```
+
+### 3.3 章节容器模板
+
+```html
+<section class="report-section" data-slide-num="03" data-tone="rose" id="ch3">
+  <div class="section-inner">
+    <!-- 章节头部 -->
+    <div class="section-head">
+      <div class="section-eyebrow" style="color:var(--rose);">CHAPTER 03</div>
+      <h2 class="text-h1">蓝领求职心理洞察</h2>
+      <p class="section-sub">最担心什么？最看重什么？</p>
+    </div>
+    <!-- 内容模块 -->
+    ...
+  </div>
+</section>
+```
+
+### 3.4 数据可视化组件
+
+**风险关键词热度条形图**（SVG）：
+- 使用 `<rect>` 绘制水平条形图
+- 按热度从高到低排列
+- 颜色使用对应Tone配色
+
+**洞察横幅**（insight-banner）：
+- data-num属性显示背景大号数字
+- 三列数据展示（dp）
+
+**VOC原声卡片**（voice-card）：
+- border-left颜色对应Tone
+- .hot类增加高亮边框
+- 底部显示平台标识+点赞数
+
+---
+
+## 四、VOC证据锚点速查表
+
+### 4.1 薪资焦虑类
+| 点赞 | 内容摘要 | 关键词 | 章节 |
+|------|---------|--------|------|
+| ♥38,195 | "不给加班费就不加班合理吗？" | 加班费 | Ch4 |
+| ♥21,817 | "#打工妹 #工资条" | 发工资 | Ch4 |
+| ♥51 | "跑外卖只要多劳多得，工资不会少发" | 工资靠谱 | Ch4 |
+
+### 4.2 风险担忧类
+| 点赞 | 内容摘要 | 关键词 | 章节 |
+|------|---------|--------|------|
+| ♥6,276 | "22年差点被骗去当咯咯哒" | 入职被坑 | Ch5 |
+| ♥2,209 | "去买几个鸡蛋，打碎..." | 押金不退 | Ch5 |
+| ♥808 | "房东死活不退押金" | 押金不退 | Ch5 |
+| ♥491 | "无论怎么样，反正黑中介是赚了" | 黑中介 | Ch5 |
+| ♥422 | "那暑假工能做什么啊" | 入职被坑 | Ch5 |
+| ♥228 | "只要收身份证的都是..." | 黑中介 | Ch5 |
+
+### 4.3 信任机制类
+| 点赞 | 内容摘要 | 关键词 | 章节 |
+|------|---------|--------|------|
+| ♥17,397 | "#不体检不收费当天安排" | 当天入职 | Ch4 |
+| ♥15,768 | "每个月拿7000包吃包住" | 包吃包住 | Ch4 |
+
+---
+
+## 五、待确认事项
+
+| # | 待确认 | 优先级 | 备注 |
+|---|--------|--------|------|
+| 1 | HTML报告生成脚本是否复用洪城模板 | 高 | 需确认工具链 |
+| 2 | VOC原声是否全部使用真实采集数据 | 高 | 需从comments-flat.jsonl提取 |
+| 3 | SVG条形图是否用脚本自动生成 | 中 | 或直接硬编码 |
+| 4 | 章节数量是否从9章缩减 | 中 | 可参考洪城8章结构 |
+| 5 | 是否需要地理分布章节 | 低 | 快手VOC暂无IP定位数据 |
+
+---
+
+> **文档信息**
+> - 参考模板：`e:\公司\fmode-voc-projects\reports\hongchengdaojia\hongcheng-insight-report-v3.html`
+> - 数据来源：
+>   - `3.快聘的相关资料与优劣势.md`
+>   - `5.赛选的数据总览.md`
+>   - `5.采集执行摘要.md`
+>   - `4.采集矩阵.md`
+>   - `2.蓝领求职的担心点侧重点.md`
+>   - `1初步调研报告.md`
+> - 编制日期：2026-04-25

reports/ks-lanlingqiuzhi/ks-voc-insight-report-v7.html

@@ -0,0 +1,1177 @@
+<!DOCTYPE html>
+<html lang="zh-CN">
+<head>
+<meta charset="UTF-8">
+<meta name="viewport" content="width=device-width,initial-scale=1.0">
+<title>快手快聘 · VOC 深度洞察报告 v7</title>
+<style>
+:root{--bg-0:#0A0A0A;--bg-1:#111111;--bg-2:#1A1A1A;--bg-3:#252525;--border:rgba(255,255,255,0.08);--border-strong:rgba(255,255,255,0.16);--text-1:#F5F5F5;--text-2:#A8A8A8;--text-3:#6B6B6B;--amber:#F5A623;--amber-glow:rgba(245,166,35,0.15);--green:#00DC82;--purple:#8B5CF6;--rose:#FF4D8D;--blue:#3B82F6;--red:#EF4444;--orange:#F97316;--font-head:'Inter','Noto Sans SC','PingFang SC','Microsoft YaHei',sans-serif;--font-body:'Noto Sans SC','Inter','PingFang SC','Microsoft YaHei',sans-serif;--font-mono:'JetBrains Mono','SF Mono','Fira Code',monospace;--max-w:1280px;--radius-sm:8px;--radius-md:12px;--radius-lg:20px;}
+*{margin:0;padding:0;box-sizing:border-box}
+html{scroll-behavior:smooth;font-size:16px;scroll-snap-type:y proximity;}
+body{font-family:var(--font-body);background:var(--bg-0);color:var(--text-1);line-height:1.65;-webkit-font-smoothing:antialiased;overflow-x:hidden}
+body::before{content:'';position:fixed;inset:0;pointer-events:none;z-index:0;background:radial-gradient(ellipse 900px 700px at var(--amb-x,20%) var(--amb-y,25%),rgba(245,166,35,0.10),transparent 60%),radial-gradient(ellipse 800px 600px at calc(100% - var(--amb-x,20%)) calc(100% - var(--amb-y,25%)),rgba(139,92,246,0.07),transparent 60%);transition:background 1.4s cubic-bezier(.2,.7,.2,1);}
+body::after{content:'';position:fixed;inset:0;pointer-events:none;z-index:0;background-image:linear-gradient(rgba(255,255,255,0.015) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,0.015) 1px,transparent 1px);background-size:80px 80px;mask-image:radial-gradient(ellipse 90% 95% at 50% 50%,black 0%,transparent 85%);-webkit-mask-image:radial-gradient(ellipse 90% 95% at 50% 50%,black 0%,transparent 85%);}
+main.deck{position:relative;z-index:1}
+::selection{background:var(--amber);color:#000}
+.text-hero{font-family:var(--font-head);font-weight:900;letter-spacing:-0.04em;line-height:0.95;font-size:clamp(4rem,12vw,10rem)}
+.text-poster{font-family:var(--font-head);font-weight:800;letter-spacing:-0.03em;line-height:1.05;font-size:clamp(2.5rem,6vw,5rem)}
+.text-h1{font-family:var(--font-head);font-weight:700;letter-spacing:-0.02em;line-height:1.1;font-size:clamp(2rem,4vw,3.5rem)}
+.text-h2{font-family:var(--font-head);font-weight:700;letter-spacing:-0.015em;line-height:1.2;font-size:clamp(1.4rem,2.5vw,2rem)}
+.text-h3{font-weight:600;font-size:clamp(1.05rem,1.6vw,1.3rem);letter-spacing:-0.01em}
+.text-body{font-size:clamp(0.92rem,1.1vw,1rem);line-height:1.75;color:var(--text-2)}
+.text-sm{font-size:0.85rem;color:var(--text-2)}
+.text-xs{font-size:0.72rem;color:var(--text-3);letter-spacing:0.02em}
+.text-mono{font-family:var(--font-mono)}
+.text-amber{color:var(--amber)}.text-green{color:var(--green)}.text-purple{color:var(--purple)}.text-rose{color:var(--rose)}.text-blue{color:var(--blue)}.text-red{color:var(--red)}.text-orange{color:var(--orange)}
+section.report-section{min-height:100vh;padding:clamp(60px,10vh,120px) clamp(24px,6vw,80px);position:relative;border-bottom:1px solid var(--border);display:flex;flex-direction:column;justify-content:center;scroll-snap-align:start;scroll-snap-stop:always;overflow:hidden;isolation:isolate}
+section.report-section::before{content:attr(data-slide-num);position:absolute;top:clamp(20px,3vh,36px);right:clamp(24px,4vw,60px);font-family:var(--font-mono);font-weight:600;font-size:clamp(0.68rem,0.75vw,0.78rem);letter-spacing:0.25em;color:var(--text-3);z-index:4;pointer-events:none}
+section.report-section::after{content:'';position:absolute;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(ellipse 70% 60% at 85% 15%,var(--slide-glow-1,rgba(245,166,35,0.06)),transparent 55%),radial-gradient(ellipse 60% 50% at 15% 85%,var(--slide-glow-2,rgba(139,92,246,0.04)),transparent 55%);opacity:0;transition:opacity 1s cubic-bezier(.2,.7,.2,1)}
+section.report-section.in-view::after{opacity:1}
+section.report-section[data-tone="amber"]{--slide-glow-1:rgba(245,166,35,0.10);--slide-glow-2:rgba(245,166,35,0.04)}
+section.report-section[data-tone="rose"]{--slide-glow-1:rgba(255,77,141,0.09);--slide-glow-2:rgba(255,77,141,0.04)}
+section.report-section[data-tone="green"]{--slide-glow-1:rgba(0,220,130,0.08);--slide-glow-2:rgba(0,220,130,0.03)}
+section.report-section[data-tone="purple"]{--slide-glow-1:rgba(139,92,246,0.10);--slide-glow-2:rgba(139,92,246,0.04)}
+section.report-section[data-tone="blue"]{--slide-glow-1:rgba(59,130,246,0.08);--slide-glow-2:rgba(59,130,246,0.03)}
+section.report-section[data-tone="orange"]{--slide-glow-1:rgba(249,115,22,0.10);--slide-glow-2:rgba(249,115,22,0.04)}
+.cover-hero{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;padding:clamp(40px,8vh,100px) clamp(24px,6vw,80px);background:radial-gradient(ellipse 60% 80% at 30% 30%,rgba(245,166,35,0.08) 0%,transparent 70%),radial-gradient(ellipse 40% 60% at 80% 70%,rgba(139,92,246,0.05) 0%,transparent 70%),var(--bg-0)}
+.cover-grid-bg{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,0.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,0.025) 1px,transparent 1px);background-size:60px 60px;mask-image:radial-gradient(ellipse 80% 80% at 50% 50%,black 0%,transparent 70%);-webkit-mask-image:radial-gradient(ellipse 80% 80% at 50% 50%,black 0%,transparent 70%)}
+.cover-content{position:relative;z-index:2;max-width:var(--max-w)}
+.cover-meta{display:flex;align-items:center;gap:16px;font-family:var(--font-mono);font-size:0.78rem;color:var(--text-3);letter-spacing:0.18em;text-transform:uppercase;margin-bottom:32px}
+.cover-meta::before{content:'';width:32px;height:2px;background:var(--amber)}
+.cover-title-stack{display:flex;flex-direction:column;gap:4px}
+.cover-title{font-family:var(--font-head);font-weight:900;letter-spacing:-0.04em;line-height:0.92;font-size:clamp(3.5rem,11vw,9rem);color:#fff;background:linear-gradient(135deg,#fff 30%,rgba(245,166,35,0.9) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
+.cover-sub{font-size:clamp(1rem,1.6vw,1.4rem);color:var(--text-2);max-width:780px;margin-top:32px;line-height:1.7}
+.cover-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(12px,2vw,28px);margin-top:clamp(48px,8vh,96px);padding-top:clamp(24px,4vh,48px);border-top:1px solid var(--border);max-width:900px}
+.cover-stat .num{font-family:var(--font-head);font-weight:800;font-size:clamp(1.6rem,2.8vw,2.4rem);letter-spacing:-0.02em;color:var(--amber)}
+.cover-stat .lbl{font-size:0.78rem;color:var(--text-3);margin-top:4px;font-family:var(--font-mono);letter-spacing:0.05em;text-transform:uppercase}
+@media(max-width:720px){.cover-stats{grid-template-columns:repeat(2,1fr)}}
+.nav-rail{position:fixed;left:clamp(16px,2vw,32px);top:50%;transform:translateY(-50%);z-index:100;display:flex;flex-direction:column;gap:12px}
+.nav-dot{width:32px;height:3px;border-radius:2px;background:rgba(255,255,255,0.14);cursor:pointer;transition:all 0.5s cubic-bezier(.2,.7,.2,1);position:relative;display:flex;align-items:center}
+.nav-dot.active{background:var(--amber);width:48px;box-shadow:0 0 12px rgba(245,166,35,0.4)}
+.nav-dot:hover{background:rgba(255,255,255,0.3)}
+.nav-dot::after{content:attr(data-tip);position:absolute;left:calc(100% + 16px);top:50%;transform:translateY(-50%) translateX(-6px);background:rgba(20,20,20,0.92);backdrop-filter:blur(8px);border:1px solid var(--border);padding:6px 12px;border-radius:6px;font-size:0.72rem;color:var(--text-1);white-space:nowrap;opacity:0;pointer-events:none;transition:opacity 0.25s ease,transform 0.25s ease;font-family:var(--font-mono);letter-spacing:0.04em}
+.nav-dot:hover::after,.nav-dot.active::after{opacity:1;transform:translateY(-50%) translateX(0)}
+.progress-line{position:fixed;top:0;left:0;height:2px;background:linear-gradient(90deg,var(--amber),var(--rose));z-index:1000;width:0%;transition:width 0.3s ease}
+.top-bar{position:fixed;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:18px clamp(24px,4vw,48px);z-index:99;pointer-events:none;background:linear-gradient(180deg,rgba(10,10,10,0.85) 0%,transparent 100%)}
+.brand-logo{font-family:var(--font-head);font-weight:900;font-size:0.88rem;letter-spacing:0.2em}
+.brand-logo .dot{color:var(--amber)}
+.slide-counter{position:fixed;left:clamp(16px,2vw,28px);bottom:clamp(16px,2vh,28px);z-index:100;display:flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;background:rgba(20,20,20,0.85);backdrop-filter:blur(16px);border:1px solid var(--border-strong);font-family:var(--font-mono);font-size:0.74rem;letter-spacing:0.1em;color:var(--text-2)}
+.slide-counter .now{color:var(--amber);font-weight:700}
+.slide-counter .bar{width:60px;height:2px;background:rgba(255,255,255,0.1);border-radius:2px;overflow:hidden}
+.slide-counter .bar::after{content:'';display:block;height:100%;width:var(--pct,0%);background:linear-gradient(90deg,var(--amber),var(--rose));transition:width 0.6s cubic-bezier(.2,.7,.2,1)}
+.kbd-hint{position:fixed;right:clamp(16px,2vw,28px);bottom:clamp(16px,2vh,28px);z-index:100;display:flex;align-items:center;gap:10px;padding:10px 16px;border-radius:999px;background:rgba(20,20,20,0.85);backdrop-filter:blur(16px);border:1px solid var(--border-strong);font-family:var(--font-mono);font-size:0.72rem;color:var(--text-2);letter-spacing:0.04em;transition:opacity 0.6s ease,transform 0.6s ease}
+.kbd-hint.fade{opacity:0;transform:translateY(12px);pointer-events:none}
+.kbd-hint kbd{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 6px;background:var(--bg-3);border:1px solid var(--border-strong);border-radius:4px;font-size:0.7rem;font-family:var(--font-mono);color:var(--text-1);box-shadow:0 1px 0 rgba(0,0,0,0.4)}
+.section-inner{width:100%;max-width:var(--max-w);margin:0 auto;position:relative}
+.section-head{margin-bottom:clamp(32px,5vh,64px)}
+.section-eyebrow{display:inline-flex;align-items:center;gap:10px;font-family:var(--font-mono);font-size:0.72rem;letter-spacing:0.18em;text-transform:uppercase;color:var(--amber);font-weight:500;margin-bottom:18px}
+.section-eyebrow::before{content:'';display:inline-block;width:24px;height:1px;background:var(--amber)}
+.section-sub{color:var(--text-2);font-size:1.05rem;max-width:720px;margin-top:14px;line-height:1.8}
+.grid{display:grid;gap:clamp(14px,1.6vw,22px)}
+.grid-2{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}
+.grid-3{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}
+.grid-4{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}
+.card{background:linear-gradient(180deg,rgba(255,255,255,0.025) 0%,rgba(255,255,255,0.008) 100%),var(--bg-1);border:1px solid var(--border);border-radius:var(--radius-md);padding:clamp(20px,2.2vw,32px);position:relative;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:transform 0.4s cubic-bezier(.2,.7,.2,1),border-color 0.3s ease,box-shadow 0.4s ease}
+.card:hover{border-color:var(--border-strong);transform:translateY(-3px);box-shadow:0 12px 40px rgba(0,0,0,0.35),0 0 0 1px rgba(245,166,35,0.08)}
+.voice-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,0,0,0.3);border-color:var(--border-strong);}
+.card.card-glow{box-shadow:0 0 60px rgba(245,166,35,0.12),0 0 120px rgba(245,166,35,0.06)}
+.card.card-glow-green{box-shadow:0 0 60px rgba(0,220,130,0.12),0 0 120px rgba(0,220,130,0.06)}
+.card.card-glow-rose{box-shadow:0 0 60px rgba(255,77,141,0.12),0 0 120px rgba(255,77,141,0.06)}
+.card-accent{border-left:3px solid var(--amber);border-top:1px solid var(--border);border-right:1px solid var(--border);border-bottom:1px solid var(--border)}
+.metric{background:var(--bg-1);border:1px solid var(--border);border-radius:var(--radius-md);padding:clamp(24px,2.5vw,36px);position:relative;overflow:hidden}
+.metric::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--amber),transparent);opacity:0.6}
+.metric .metric-label{font-family:var(--font-mono);font-size:0.7rem;letter-spacing:0.15em;text-transform:uppercase;color:var(--text-3);margin-bottom:10px}
+.metric .metric-value{font-family:var(--font-head);font-weight:800;font-size:clamp(2.2rem,4vw,3.5rem);letter-spacing:-0.03em;line-height:1;color:var(--text-1);margin-bottom:8px}
+.metric .metric-unit{font-family:var(--font-mono);font-size:0.85rem;color:var(--amber);font-weight:500}
+.metric .metric-sub{margin-top:14px;font-size:0.82rem;color:var(--text-2);line-height:1.5}
+.voice-card{background:var(--bg-1);border:1px solid var(--border);border-radius:var(--radius-md);padding:20px 24px;margin-bottom:14px;transition:all 0.3s ease;position:relative;overflow:visible}
+.voice-card::before{content:'';position:absolute;top:0;bottom:0;left:0;width:3px;height:auto;background:var(--rose);opacity:0.6;transition:opacity 0.3s;border-radius:var(--radius-md) 0 0 var(--radius-md);}
+.voice-card.hot{border-color:rgba(245,166,35,0.3)}
+.voice-card.hot::before{opacity:1;background:var(--amber)}
+.voice-card:hover{border-color:var(--border-strong);transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,0,0,0.3)}
+.voice-card .voice-content{font-size:0.96rem;line-height:1.7;color:var(--text-1);margin:12px 0;font-weight:400}
+.voice-card .voice-meta{display:flex;gap:8px;flex-wrap:wrap}
+.voice-tag{display:inline-flex;padding:3px 10px;background:rgba(255,77,141,0.1);color:var(--rose);border-radius:4px;font-size:0.72rem;font-weight:500}
+.voice-card.hot .voice-tag{background:rgba(245,166,35,0.1);color:var(--amber)}
+.tag{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:4px;font-size:0.72rem;font-weight:500;letter-spacing:0.02em;font-family:var(--font-head);background:rgba(245,166,35,0.1);color:var(--amber);border:1px solid rgba(245,166,35,0.22)}
+.tag.green{background:rgba(0,220,130,0.08);color:var(--green);border-color:rgba(0,220,130,0.2)}
+.tag.purple{background:rgba(139,92,246,0.08);color:var(--purple);border-color:rgba(139,92,246,0.2)}
+.tag.rose{background:rgba(255,77,141,0.08);color:var(--rose);border-color:rgba(255,77,141,0.2)}
+.tag.blue{background:rgba(59,130,246,0.08);color:var(--blue);border-color:rgba(59,130,246,0.2)}
+.tag.orange{background:rgba(249,115,22,0.08);color:var(--orange);border-color:rgba(249,115,22,0.2)}
+.tag.red{background:rgba(239,68,68,0.08);color:var(--red);border-color:rgba(239,68,68,0.2)}
+.cover-hero .aurora{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:1}
+.cover-hero .aurora span{position:absolute;border-radius:50%;filter:blur(80px);opacity:0.5}
+.cover-hero .aurora span:nth-child(1){width:500px;height:500px;background:rgba(245,166,35,0.35);top:-10%;left:10%;animation:aurora-drift-1 18s ease-in-out infinite alternate}
+.cover-hero .aurora span:nth-child(2){width:420px;height:420px;background:rgba(139,92,246,0.30);bottom:-8%;right:10%;animation:aurora-drift-2 22s ease-in-out infinite alternate}
+.cover-hero .aurora span:nth-child(3){width:300px;height:300px;background:rgba(0,220,130,0.22);top:40%;left:55%;animation:aurora-drift-3 26s ease-in-out infinite alternate}
+@keyframes aurora-drift-1{from{transform:translate(0,0) scale(1)}to{transform:translate(60px,80px) scale(1.2)}}
+@keyframes aurora-drift-2{from{transform:translate(0,0) scale(1)}to{transform:translate(-80px,-60px) scale(1.15)}}
+@keyframes aurora-drift-3{from{transform:translate(0,0) scale(1)}to{transform:translate(-100px,40px) scale(1.3)}}
+@media(prefers-reduced-motion:reduce){.cover-hero .aurora span{animation:none}}
+.insight-banner{min-height:260px;background:var(--bg-1);border:1px solid var(--border);border-radius:var(--radius-md);padding:clamp(32px,4vw,56px);display:flex;flex-direction:column;justify-content:space-between;gap:32px;position:relative;overflow:hidden;margin-bottom:28px}
+.insight-banner::before{content:attr(data-num);position:absolute;top:16px;right:24px;font-family:var(--font-head);font-weight:900;font-size:clamp(4rem,9vw,7rem);line-height:1;color:var(--bg-3);letter-spacing:-0.05em;pointer-events:none}
+.insight-banner h3{font-family:var(--font-head);font-weight:800;font-size:clamp(1.5rem,2.8vw,2.2rem);letter-spacing:-0.02em;line-height:1.25;color:var(--text-1);max-width:85%}
+.insight-banner h3 strong,.insight-banner h3 span{color:var(--amber);font-weight:900}
+.insight-banner .insight-body{color:var(--text-2);font-size:1rem;line-height:1.75;max-width:85%}
+.insight-banner .insight-data{display:flex;gap:24px;margin-top:16px;padding-top:20px;border-top:1px solid var(--border)}
+.insight-banner .insight-data .dp{display:flex;flex-direction:column;gap:2px}
+.insight-banner .insight-data .num{font-family:var(--font-mono);font-size:1.3rem;font-weight:700;color:var(--amber)}
+.insight-banner .insight-data .lbl{font-size:0.72rem;color:var(--text-3);text-transform:uppercase;letter-spacing:0.1em}
+.data-tbl{width:100%;border-collapse:collapse;font-size:0.88rem}
+.data-tbl thead th{text-align:left;padding:14px 16px;background:var(--bg-1);border-bottom:1px solid var(--border);font-family:var(--font-mono);font-weight:500;font-size:0.72rem;letter-spacing:0.08em;text-transform:uppercase;color:var(--text-3)}
+.data-tbl tbody td{padding:14px 16px;border-bottom:1px solid var(--border);color:var(--text-1);vertical-align:middle}
+.data-tbl tbody tr:last-child td{border-bottom:none}
+.data-tbl tbody tr:hover{background:rgba(255,255,255,0.02)}
+.data-tbl .tb-num{font-family:var(--font-mono);font-weight:600;color:var(--amber)}
+.table-wrap{overflow-x:auto;border-radius:var(--radius-md);border:1px solid var(--border)}
+.theme-poster{background:var(--bg-1);border:1px solid var(--border);border-radius:var(--radius-md);padding:28px;position:relative;overflow:hidden}
+.theme-poster.pain{border-top:3px solid var(--rose)}
+.theme-poster.bright{border-top:3px solid var(--green)}
+.theme-poster.scene{border-top:3px solid var(--blue)}
+.theme-poster h4{font-family:var(--font-head);font-weight:700;font-size:1.3rem;margin-bottom:8px}
+.theme-poster .count{font-family:var(--font-mono);font-size:0.78rem;color:var(--text-3);margin-bottom:16px}
+.theme-poster .count .num{font-size:1.4rem;font-weight:700;color:var(--text-1);margin-right:4px}
+.theme-poster .examples{list-style:none;display:flex;flex-direction:column;gap:10px;margin-top:12px}
+.theme-poster .examples li{padding:10px 14px;background:var(--bg-2);border-left:2px solid var(--border-strong);border-radius:4px;font-size:0.85rem;line-height:1.55;color:var(--text-2)}
+.theme-poster.pain .examples li{border-left-color:var(--rose)}
+.theme-poster.bright .examples li{border-left-color:var(--green)}
+.theme-poster.scene .examples li{border-left-color:var(--blue)}
+.fade-up{opacity:1;transform:none;transition:opacity 0.9s cubic-bezier(.16,.84,.33,1),transform 0.9s cubic-bezier(.16,.84,.33,1)}
+html.js .fade-up{opacity:0;transform:translateY(32px);will-change:opacity,transform}
+html.js .fade-up.is-visible{opacity:1;transform:translateY(0)}
+footer{text-align:center;padding:48px clamp(24px,6vw,80px);border-top:1px solid var(--border);color:var(--text-3);font-size:0.8rem;background:var(--bg-0)}
+footer .meta{font-family:var(--font-mono);letter-spacing:0.12em;text-transform:uppercase;margin-top:8px;font-size:0.7rem}
+@media(max-width:900px){.nav-rail{display:none}}
+</style>
+</head>
+<body>
+<div class="progress-line" id="progressLine"></div>
+<header class="top-bar"><div class="brand-logo">快手快聘<span class="dot">·</span>VOC</div></header>
+<nav class="nav-rail" id="navRail"></nav>
+<div class="slide-counter"><span class="now" id="slideNow">01</span><div class="bar"><div id="slideBar"></div></div><span id="slideTotal">09</span></div>
+<div class="kbd-hint"><kbd>↓</kbd><kbd>↑</kbd> 滚动切换</div>
+<main class="deck">
+
+<!-- 封面 -->
+<section class="report-section cover-hero" data-tone="amber" style="min-height:100vh;">
+    <div class="cover-grid-bg"></div>
+    <div class="aurora"><span></span><span></span><span></span></div>
+    <div class="cover-content">
+        <div class="cover-meta">VOC 深度洞察报告 · v7</div>
+        <div class="cover-title-stack">
+            <div class="cover-title">快手快聘</div>
+        </div>
+        <p class="cover-sub">"10个蓝领，9个都用快手"——蓝领求职生态与快聘战略洞察</p>
+        <div class="cover-stats">
+            <div class="cover-stat"><div class="num">7,902</div><div class="lbl">VOC总量</div></div><div class="cover-stat"><div class="num">380</div><div class="lbl">视频数</div></div><div class="cover-stat"><div class="num">19</div><div class="lbl">关键词数</div></div><div class="cover-stat"><div class="num">9,455万</div><div class="lbl">总播放量</div></div>
+        </div>
+    </div>
+</section>
+
+<!-- Ch1: 执行摘要 -->
+<section class="report-section" data-slide-num="01" data-tone="amber" id="ch1">
+    <div class="section-inner">
+        <div class="section-head">
+            <div class="section-eyebrow">CHAPTER 01</div>
+            <h2 class="text-h1">执行摘要</h2>
+            <p class="section-sub">核心问题与机会分析</p>
+        </div>
+        <div class="grid grid-4" style="margin-bottom:32px;">
+            <div class="metric"><div class="metric-label">VOC总量</div><div class="metric-value" style="color:var(--amber);">7,902</div><div class="metric-sub">高质量评论</div></div><div class="metric"><div class="metric-label">视频覆盖</div><div class="metric-value" style="color:var(--green);">380</div><div class="metric-sub">条视频内容</div></div><div class="metric"><div class="metric-label">情绪方向</div><div class="metric-value" style="color:var(--rose);">负向主导</div><div class="metric-sub">风险焦虑最强</div></div><div class="metric"><div class="metric-label">核心关键词</div><div class="metric-value" style="color:var(--amber);">骗/坑/黑中介</div><div class="metric-sub">热度最高</div></div>
+        </div>
+        <div class="card card-glow card-accent" style="margin-bottom:28px;padding:28px 32px;">
+            <div style="font-family:var(--font-mono);font-size:0.72rem;letter-spacing:0.15em;color:var(--amber);margin-bottom:14px;font-weight:600;">核心洞察</div>
+            <div class="text-h2" style="margin-bottom:12px;">蓝领求职最担心什么？最看重什么？</div>
+            <p class="text-body">最强焦虑不是"工资低"，而是"怕被骗"——信息不真实、被坑、黑中介、押金不退、工资被克扣</p>
+        </div>
+        <div class="grid grid-3">
+            <div class="card" style="border-left:3px solid var(--rose);">
+                <div style="font-size:1.6rem;margin-bottom:12px;">🛡️</div>
+                <div style="font-weight:700;margin-bottom:8px;">最强焦虑：被骗</div>
+                <p class="text-sm">"骗/黑中介/坑"相关风险词热度突破100万，VOC占比最高</p>
+            </div>
+            <div class="card" style="border-left:3px solid var(--green);">
+                <div style="font-size:1.6rem;margin-bottom:12px;">💰</div>
+                <div style="font-weight:700;margin-bottom:8px;">最强诉求：确定性</div>
+                <p class="text-sm">工资真实、发薪稳定、包吃包住、当天入职、能快速安顿</p>
+            </div>
+            <div class="card" style="border-left:3px solid var(--purple);">
+                <div style="font-size:1.6rem;margin-bottom:12px;">🤝</div>
+                <div style="font-weight:700;margin-bottom:8px;">情绪核心：信任</div>
+                <p class="text-sm">"老铁文化"+"眼见为实"是快聘最难被竞品复制的竞争壁垒</p>
+            </div>
+        </div>
+    </div>
+</section>
+
+<!-- Ch2: 快聘生态现状 -->
+<section class="report-section" data-slide-num="02" data-tone="orange" id="ch2">
+    <div class="section-inner">
+        <div class="section-head">
+            <div class="section-eyebrow" style="color:var(--orange);">CHAPTER 02</div>
+            <h2 class="text-h1">快聘生态现状</h2>
+            <p class="section-sub">市场规模、竞争格局与战略位势</p>
+        </div>
+        <div class="grid grid-4" style="margin-bottom:32px;">
+            <div class="metric"><div class="metric-label">月度服务求职者</div><div class="metric-value" style="color:var(--green);">超2.5亿人次</div><div class="metric-sub">截至2024年底</div></div><div class="metric"><div class="metric-label">平台蓝领用户规模</div><div class="metric-value" style="color:var(--green);">约2.5亿人</div><div class="metric-sub">2024年快聘峰会</div></div><div class="metric"><div class="metric-label">全年直播带岗场次</div><div class="metric-value" style="color:var(--green);">超500万场</div><div class="metric-sub">2024年全年</div></div><div class="metric"><div class="metric-label">日收简历峰值</div><div class="metric-value" style="color:var(--green);">突破5万份</div><div class="metric-sub">2025年2月</div></div><div class="metric"><div class="metric-label">带动就业机会</div><div class="metric-value" style="color:var(--green);">4,320万个</div><div class="metric-sub">截至2024年底</div></div>
+        </div>
+        <div class="card card-glow" style="border-left:3px solid var(--green);margin-bottom:28px;padding:28px 32px;">
+            <div style="font-family:var(--font-mono);font-size:0.72rem;letter-spacing:0.15em;color:var(--green);margin-bottom:14px;font-weight:600;">战略定位</div>
+            <div class="text-h2" style="margin-bottom:12px;">"10个蓝领9个用快手——直播带岗，眼见为实"</div>
+            <p class="text-body">快聘日活几十万简历，内部仅次于电商；2.5亿蓝领月活是最大壁垒；但信息审核弱是最大短板</p>
+        </div>
+        <div class="grid grid-3" style="margin-bottom:24px;">
+            
+            <div class="card" style="border-top:3px solid var(--green);">
+                <div style="font-weight:700;color:var(--green);margin-bottom:10px;">快手快聘</div>
+                <div style="font-size:0.82rem;color:var(--text-2);line-height:1.7;">
+                    <div style="margin-bottom:6px;"><span style="color:var(--green);">✓</span> 用户渗透率极高</div>
+                    <div style="margin-bottom:6px;"><span style="color:var(--green);">✓</span> 用户：2.5亿 · 直播带岗</div>
+                    <div><span style="color:var(--rose);">⚠</span> 信息审核薄弱</div>
+                </div>
+            </div>
+            <div class="card" style="border-top:3px solid var(--blue);">
+                <div style="font-weight:700;color:var(--blue);margin-bottom:10px;">BOSS直聘</div>
+                <div style="font-size:0.82rem;color:var(--text-2);line-height:1.7;">
+                    <div style="margin-bottom:6px;"><span style="color:var(--green);">✓</span> 匹配准确率高</div>
+                    <div style="margin-bottom:6px;"><span style="color:var(--green);">✓</span> 用户：约3000万 · 算法匹配</div>
+                    <div><span style="color:var(--rose);">⚠</span> 情绪获得感弱</div>
+                </div>
+            </div>
+            <div class="card" style="border-top:3px solid var(--text-3);">
+                <div style="font-weight:700;color:var(--text-3);margin-bottom:10px;">58同城</div>
+                <div style="font-size:0.82rem;color:var(--text-2);line-height:1.7;">
+                    <div style="margin-bottom:6px;"><span style="color:var(--green);">✓</span> 传统市场份额</div>
+                    <div style="margin-bottom:6px;"><span style="color:var(--green);">✓</span> 用户：规模下滑 · 分类信息</div>
+                    <div><span style="color:var(--rose);">⚠</span> 虚假信息泛滥</div>
+                </div>
+            </div>
+        </div>
+        <div class="fade-up">
+            <div style="font-family:var(--font-mono);font-size:0.72rem;letter-spacing:0.15em;color:var(--orange);margin-bottom:14px;font-weight:600;">📊 平台竞争要素雷达图</div>
+            <div style="background:var(--bg-1);border:1px solid var(--border);border-radius:var(--radius-md);padding:20px;">
+        <svg viewBox="0 0 400 380" style="width:100%;height:auto;">
+            <circle cx="200" cy="190" r="130" fill="none" stroke="var(--border)" stroke-width="1"/>
+            <path d="M200,60L276.4120827980215,84.82779073125683L323.63734711837,149.82779073125684L323.63734711837,230.17220926874316L276.4120827980215,295.1722092687432ZM200,125L238.20604139901076,137.4138953656284L261.81867355918496,169.91389536562843L261.81867355918496,210.08610463437157L238.20604139901076,242.5861046343716ZM200,157.5L219.10302069950538,163.70694768281422L230.90933677959248,179.95694768281422L230.90933677959248,200.04305231718578L219.10302069950538,216.29305231718578Z" fill="none" stroke="var(--border)" stroke-width="0.5" opacity="0.5"/>
+            <path d="M200,138L230.5648331192086,147.93111629250274L249.454938847348,173.93111629250274L274.182408271022,214.1033255612459L245.84724967881291,253.1033255612459L200,216L184.7175834403957,211.03444185374863L175.272530576326,198.03444185374863L125.81759172897802,165.8966744387541L200,190Z" fill="rgba(107,107,107,0.15)" stroke="#6B6B6B" stroke-width="2"/>
+            <path d="M200,86L261.1296662384172,105.86223258500547L274.182408271022,165.8966744387541L323.63734711837,230.17220926874316L261.1296662384172,274.1377674149945L200,294L154.1527503211871,253.1033255612459L125.81759172897803,214.1033255612459L101.09012230530402,157.86223258500547L169.4351668807914,147.93111629250274Z" fill="rgba(59,130,246,0.15)" stroke="#3B82F6" stroke-width="2"/>
+            <path d="M200,112L261.1296662384172,105.86223258500547L249.454938847348,173.93111629250274L274.182408271022,214.1033255612459L276.4120827980215,295.1722092687432L200,320L138.8703337615828,274.1377674149945L150.545061152652,206.06888370749726L150.545061152652,173.93111629250274L123.58791720197848,84.82779073125684Z" fill="rgba(0,220,130,0.2)" stroke="#00DC82" stroke-width="2.5"/>
+            <text x="200" y="40.5" text-anchor="middle" dominant-baseline="middle" font-size="10" fill="var(--text-2)">信息真实度</text><text x="287.87389521772474" y="69.05195934094536" text-anchor="middle" dominant-baseline="middle" font-size="10" fill="var(--text-2)">薪资透明度</text><text x="342.1829491861255" y="143.80195934094536" text-anchor="middle" dominant-baseline="middle" font-size="10" fill="var(--text-2)">权益保障</text><text x="342.1829491861255" y="236.19804065905464" text-anchor="middle" dominant-baseline="middle" font-size="10" fill="var(--text-2)">匹配准确率</text><text x="287.87389521772474" y="310.94804065905464" text-anchor="middle" dominant-baseline="middle" font-size="10" fill="var(--text-2)">求职低门槛</text><text x="200" y="339.5" text-anchor="middle" dominant-baseline="middle" font-size="10" fill="var(--text-2)">沟通即时性</text><text x="112.12610478227528" y="310.94804065905464" text-anchor="middle" dominant-baseline="middle" font-size="10" fill="var(--text-2)">信任建立</text><text x="57.817050813874545" y="236.19804065905464" text-anchor="middle" dominant-baseline="middle" font-size="10" fill="var(--text-2)">职业发展</text><text x="57.817050813874516" y="143.8019593409454" text-anchor="middle" dominant-baseline="middle" font-size="10" fill="var(--text-2)">平台审核</text><text x="112.12610478227525" y="69.05195934094537" text-anchor="middle" dominant-baseline="middle" font-size="10" fill="var(--text-2)">情绪获得感</text>
+            <g transform="translate(350, 20)">
+                <rect x="0" y="0" width="12" height="12" fill="#00DC82"/><text x="18" y="10" font-size="11" fill="var(--text-2)">快手</text>
+                <rect x="0" y="25" width="12" height="12" fill="#3B82F6"/><text x="18" y="35" font-size="11" fill="var(--text-2)">BOSS直聘</text>
+                <rect x="0" y="50" width="12" height="12" fill="#6B6B6B"/><text x="18" y="60" font-size="11" fill="var(--text-2)">58同城</text>
+            </g>
+        </svg>
+    </div>
+        </div>
+    </div>
+</section>
+
+<!-- Ch3: 蓝领求职心理洞察 -->
+<section class="report-section" data-slide-num="03" data-tone="rose" id="ch3">
+    <div class="section-inner">
+        <div class="section-head">
+            <div class="section-eyebrow" style="color:var(--rose);">CHAPTER 03</div>
+            <h2 class="text-h1">蓝领求职心理洞察</h2>
+            <p class="section-sub">最担心什么？最看重什么？</p>
+        </div>
+        <div class="grid grid-2" style="margin-bottom:28px;">
+            <div>
+                <div style="font-family:var(--font-mono);font-size:0.72rem;letter-spacing:0.15em;color:var(--rose);margin-bottom:16px;font-weight:600;">TOP 焦虑来源（按热度）</div>
+                <div style="background:var(--bg-1);border:1px solid var(--border);border-radius:var(--radius-md);padding:20px 24px;margin-bottom:24px;">
+        <svg viewBox="0 0 900 332" style="width:100%;height:auto;" preserveAspectRatio="xMidYMid meet">
+            <text x="110" y="39" text-anchor="end" font-size="13" fill="var(--text-2)">骗</text>
+                <rect x="120" y="16" width="660" height="36" rx="4" fill="var(--rose)" opacity="0.85"/>
+                <text x="790" y="39" font-size="13" font-weight="700" fill="var(--rose)" font-family="monospace">514,788</text><text x="110" y="89" text-anchor="end" font-size="13" fill="var(--text-2)">黑中介</text>
+                <rect x="120" y="66" width="504.83484463507307" height="36" rx="4" fill="var(--rose)" opacity="0.85"/>
+                <text x="634.8348446350731" y="89" font-size="13" font-weight="700" fill="var(--rose)" font-family="monospace">393,762</text><text x="110" y="139" text-anchor="end" font-size="13" fill="var(--text-2)">坑</text>
+                <rect x="120" y="116" width="481.11890720063406" height="36" rx="4" fill="var(--rose)" opacity="0.85"/>
+                <text x="611.1189072006341" y="139" font-size="13" font-weight="700" fill="var(--rose)" font-family="monospace">375,264</text><text x="110" y="189" text-anchor="end" font-size="13" fill="var(--text-2)">套路</text>
+                <rect x="120" y="166" width="185.69920044756287" height="36" rx="4" fill="var(--orange)" opacity="0.85"/>
+                <text x="315.6992004475629" y="189" font-size="13" font-weight="700" fill="var(--orange)" font-family="monospace">144,842</text><text x="110" y="239" text-anchor="end" font-size="13" fill="var(--text-2)">黑厂</text>
+                <rect x="120" y="216" width="158.37676868924683" height="36" rx="4" fill="var(--rose)" opacity="0.85"/>
+                <text x="288.37676868924683" y="239" font-size="13" font-weight="700" fill="var(--rose)" font-family="monospace">123,531</text><text x="110" y="289" text-anchor="end" font-size="13" fill="var(--text-2)">押金</text>
+                <rect x="120" y="266" width="122.49388097624653" height="36" rx="4" fill="var(--amber)" opacity="0.85"/>
+                <text x="252.49388097624654" y="289" font-size="13" font-weight="700" fill="var(--amber)" font-family="monospace">95,543</text>
+        </svg>
+    </div>
+            </div>
+            <div>
+                <div style="font-family:var(--font-mono);font-size:0.72rem;letter-spacing:0.15em;color:var(--green);margin-bottom:16px;font-weight:600;">TOP 诉求来源（按热度）</div>
+                <div style="background:var(--bg-1);border:1px solid var(--border);border-radius:var(--radius-md);padding:20px 24px;margin-bottom:24px;">
+        <svg viewBox="0 0 900 332" style="width:100%;height:auto;" preserveAspectRatio="xMidYMid meet">
+            <text x="110" y="39" text-anchor="end" font-size="13" fill="var(--text-2)">包吃包住</text>
+                <rect x="120" y="16" width="660" height="36" rx="4" fill="var(--green)" opacity="0.85"/>
+                <text x="790" y="39" font-size="13" font-weight="700" fill="var(--green)" font-family="monospace">89,190</text><text x="110" y="89" text-anchor="end" font-size="13" fill="var(--text-2)">工资</text>
+                <rect x="120" y="66" width="659.1934073326606" height="36" rx="4" fill="var(--green)" opacity="0.85"/>
+                <text x="789.1934073326606" y="89" font-size="13" font-weight="700" fill="var(--green)" font-family="monospace">89,081</text><text x="110" y="139" text-anchor="end" font-size="13" fill="var(--text-2)">加班费</text>
+                <rect x="120" y="116" width="325.49344096871846" height="36" rx="4" fill="var(--blue)" opacity="0.85"/>
+                <text x="455.49344096871846" y="139" font-size="13" font-weight="700" fill="var(--blue)" font-family="monospace">43,986</text><text x="110" y="189" text-anchor="end" font-size="13" fill="var(--text-2)">吃住</text>
+                <rect x="120" y="166" width="252.041708711739" height="36" rx="4" fill="var(--green)" opacity="0.85"/>
+                <text x="382.04170871173903" y="189" font-size="13" font-weight="700" fill="var(--green)" font-family="monospace">34,060</text><text x="110" y="239" text-anchor="end" font-size="13" fill="var(--text-2)">住宿</text>
+                <rect x="120" y="216" width="186.6559031281534" height="36" rx="4" fill="var(--blue)" opacity="0.85"/>
+                <text x="316.6559031281534" y="239" font-size="13" font-weight="700" fill="var(--blue)" font-family="monospace">25,224</text><text x="110" y="289" text-anchor="end" font-size="13" fill="var(--text-2)">当天入职</text>
+                <rect x="120" y="266" width="142.55230406996301" height="36" rx="4" fill="var(--purple)" opacity="0.85"/>
+                <text x="272.55230406996304" y="289" font-size="13" font-weight="700" fill="var(--purple)" font-family="monospace">19,264</text>
+        </svg>
+    </div>
+            </div>
+        </div>
+        <div class="insight-banner" data-num="01">
+        <h3>蓝领求职者最需要的是<strong>确定性</strong>——确定工作是真的、<strong>工资会发</strong>、<strong>不会被坑</strong>、能快速安顿下来</h3>
+        <p class="insight-body">情绪价值的核心不是娱乐，而是"确定性"：靠谱、真实、放心、少踩坑。</p>
+        <div class="insight-data"><div class="dp"><div class="num">85%</div><div class="lbl">担心信息不真实</div></div><div class="dp"><div class="num">72%</div><div class="lbl">关注工资按时发放</div></div><div class="dp"><div class="num">65%</div><div class="lbl">关注包吃包住</div></div></div>
+    </div>
+        <div class="grid grid-3">
+            <div class="card" style="border-left:3px solid var(--rose);">
+                <div style="font-size:1.6rem;margin-bottom:12px;">🛡️</div>
+                <div style="font-weight:700;color:var(--rose);margin-bottom:8px;">焦虑1：信息虚假</div>
+                <p class="text-sm">承诺月薪近万，实际到手4000多；薪资货不对版是头号痛点</p>
+            </div>
+            <div class="card" style="border-left:3px solid var(--amber);">
+                <div style="font-size:1.6rem;margin-bottom:12px;">💰</div>
+                <div style="font-weight:700;color:var(--amber);margin-bottom:8px;">焦虑2：押金陷阱</div>
+                <p class="text-sm">预缴押金/培训费后失联，押金不退是高频次焦虑</p>
+            </div>
+            <div class="card" style="border-left:3px solid var(--purple);">
+                <div style="font-size:1.6rem;margin-bottom:12px;">🤝</div>
+                <div style="font-weight:700;color:var(--purple);margin-bottom:8px;">焦虑3：权益保障</div>
+                <p class="text-sm">不签合同、不上保险，维权举证难、责任界定难</p>
+            </div>
+        </div>
+    </div>
+</section>
+
+<!-- Ch4: 核心关切：薪资与权益 -->
+<section class="report-section" data-slide-num="04" data-tone="amber" id="ch4">
+    <div class="section-inner">
+        <div class="section-head">
+            <div class="section-eyebrow">CHAPTER 04</div>
+            <h2 class="text-h1">核心关切：薪资与权益</h2>
+            <p class="section-sub">工资、食宿、入职便捷性</p>
+        </div>
+        <div class="grid grid-2" style="margin-bottom:28px;">
+            <div>
+                <div style="font-family:var(--font-mono);font-size:0.72rem;letter-spacing:0.15em;color:var(--amber);margin-bottom:14px;font-weight:600;">薪资权益关键词热度</div>
+                <div style="background:var(--bg-1);border:1px solid var(--border);border-radius:var(--radius-md);padding:20px 24px;margin-bottom:24px;">
+        <svg viewBox="0 0 900 432" style="width:100%;height:auto;" preserveAspectRatio="xMidYMid meet">
+            <text x="110" y="39" text-anchor="end" font-size="13" fill="var(--text-2)">包吃包住</text>
+                <rect x="120" y="16" width="660" height="36" rx="4" fill="var(--green)" opacity="0.85"/>
+                <text x="790" y="39" font-size="13" font-weight="700" fill="var(--green)" font-family="monospace">89,190</text><text x="110" y="89" text-anchor="end" font-size="13" fill="var(--text-2)">工资</text>
+                <rect x="120" y="66" width="659.1934073326606" height="36" rx="4" fill="var(--green)" opacity="0.85"/>
+                <text x="789.1934073326606" y="89" font-size="13" font-weight="700" fill="var(--green)" font-family="monospace">89,081</text><text x="110" y="139" text-anchor="end" font-size="13" fill="var(--text-2)">加班费</text>
+                <rect x="120" y="116" width="325.49344096871846" height="36" rx="4" fill="var(--blue)" opacity="0.85"/>
+                <text x="455.49344096871846" y="139" font-size="13" font-weight="700" fill="var(--blue)" font-family="monospace">43,986</text><text x="110" y="189" text-anchor="end" font-size="13" fill="var(--text-2)">吃住</text>
+                <rect x="120" y="166" width="252.041708711739" height="36" rx="4" fill="var(--green)" opacity="0.85"/>
+                <text x="382.04170871173903" y="189" font-size="13" font-weight="700" fill="var(--green)" font-family="monospace">34,060</text><text x="110" y="239" text-anchor="end" font-size="13" fill="var(--text-2)">住宿</text>
+                <rect x="120" y="216" width="186.6559031281534" height="36" rx="4" fill="var(--blue)" opacity="0.85"/>
+                <text x="316.6559031281534" y="239" font-size="13" font-weight="700" fill="var(--blue)" font-family="monospace">25,224</text><text x="110" y="289" text-anchor="end" font-size="13" fill="var(--text-2)">当天入职</text>
+                <rect x="120" y="266" width="142.55230406996301" height="36" rx="4" fill="var(--purple)" opacity="0.85"/>
+                <text x="272.55230406996304" y="289" font-size="13" font-weight="700" fill="var(--purple)" font-family="monospace">19,264</text><text x="110" y="339" text-anchor="end" font-size="13" fill="var(--text-2)">日结</text>
+                <rect x="120" y="316" width="93.61654894046417" height="36" rx="4" fill="var(--purple)" opacity="0.85"/>
+                <text x="223.61654894046416" y="339" font-size="13" font-weight="700" fill="var(--purple)" font-family="monospace">12,651</text><text x="110" y="389" text-anchor="end" font-size="13" fill="var(--text-2)">发工资</text>
+                <rect x="120" y="366" width="35.319878910191726" height="36" rx="4" fill="var(--amber)" opacity="0.85"/>
+                <text x="165.31987891019173" y="389" font-size="13" font-weight="700" fill="var(--amber)" font-family="monospace">4,773</text>
+        </svg>
+    </div>
+            </div>
+            <div>
+                <div style="font-family:var(--font-mono);font-size:0.72rem;letter-spacing:0.15em;color:var(--green);margin-bottom:14px;font-weight:600;">高赞薪资VOC</div>
+                <div class="voice-card " style="border-left:3px solid var(--rose);">
+        <div style="display:flex;align-items:center;gap:8px;margin-bottom:8px;">
+            <span style="width:22px;height:22px;border-radius:50%;background:var(--bg-2);color:var(--text-1);font-size:0.6rem;font-weight:700;display:flex;align-items:center;justify-content:center;">快</span>
+            <span style="font-size:0.8rem;color:var(--text-3);">快手用户</span>
+            <span style="margin-left:auto;font-size:0.78rem;font-weight:600;color:var(--rose);">♥ 3.8w</span>
+        </div>
+        <div class="voice-content">"不给加班费就不加班合理吗？#记录餐饮人生活每一天 #餐饮创业 #现场实拍"</div>
+        <div class="voice-meta">
+            <span class="voice-tag" style="background:rgba(255,77,141,0.1);color:var(--rose);">加班费</span>
+        </div>
+    </div>
+
+<div class="voice-card " style="border-left:3px solid var(--rose);">
+        <div style="display:flex;align-items:center;gap:8px;margin-bottom:8px;">
+            <span style="width:22px;height:22px;border-radius:50%;background:var(--bg-2);color:var(--text-1);font-size:0.6rem;font-weight:700;display:flex;align-items:center;justify-content:center;">快</span>
+            <span style="font-size:0.8rem;color:var(--text-3);">快手用户</span>
+            <span style="margin-left:auto;font-size:0.78rem;font-weight:600;color:var(--rose);">♥ 2.2w</span>
+        </div>
+        <div class="voice-content">"#打工妹 #工资条 #打工妹的日常生活 #电子厂"</div>
+        <div class="voice-meta">
+            <span class="voice-tag" style="background:rgba(255,77,141,0.1);color:var(--rose);">发工资</span>
+        </div>
+    </div>
+
+<div class="voice-card " style="border-left:3px solid var(--rose);">
+        <div style="display:flex;align-items:center;gap:8px;margin-bottom:8px;">
+            <span style="width:22px;height:22px;border-radius:50%;background:var(--bg-2);color:var(--text-1);font-size:0.6rem;font-weight:700;display:flex;align-items:center;justify-content:center;">快</span>
+            <span style="font-size:0.8rem;color:var(--text-3);">快手用户</span>
+            <span style="margin-left:auto;font-size:0.78rem;font-weight:600;color:var(--rose);">♥ 51</span>
+        </div>
+        <div class="voice-content">"确实是像你这样说的，跑外卖只要多劳多得，工资不会少发。我坚持了两个月，第3个月的时候我已经摆烂了"</div>
+        <div class="voice-meta">
+            <span class="voice-tag" style="background:rgba(255,77,141,0.1);color:var(--rose);">工资靠谱</span>
+        </div>
+    </div>
+
+            </div>
+        </div>
+        <div class="insight-banner" data-num="02">
+        <h3>薪资透明度是<strong>核心关切</strong>，但最核心的购买点是"确定性"——<strong>包吃包住+当天入职+不发愁</strong></h3>
+        <p class="insight-body">蓝领求职者决策链极短，追求"今天看、明天就上班"。快聘能快速集结大批求职者，春节高峰期效果尤为显著。</p>
+        <div class="insight-data"><div class="dp"><div class="num">89,190</div><div class="lbl">&quot;包吃包住&quot;热度</div></div><div class="dp"><div class="num">89,081</div><div class="lbl">&quot;工资&quot;热度</div></div><div class="dp"><div class="num">19,264</div><div class="lbl">&quot;当天入职&quot;热度</div></div></div>
+    </div>
+        <div class="grid grid-2">
+            <div>
+                <div style="font-family:var(--font-mono);font-size:0.72rem;letter-spacing:0.15em;color:var(--green);margin-bottom:14px;font-weight:600;">食宿条件VOC</div>
+                <div class="voice-card " style="border-left:3px solid var(--rose);">
+        <div style="display:flex;align-items:center;gap:8px;margin-bottom:8px;">
+            <span style="width:22px;height:22px;border-radius:50%;background:var(--bg-2);color:var(--text-1);font-size:0.6rem;font-weight:700;display:flex;align-items:center;justify-content:center;">快</span>
+            <span style="font-size:0.8rem;color:var(--text-3);">快手用户</span>
+            <span style="margin-left:auto;font-size:0.78rem;font-weight:600;color:var(--rose);">♥ 84</span>
+        </div>
+        <div class="voice-content">"我年前就是在洗碗又累又脏，基本上10个小时没得休息，只有吃销10多分钟，我都不想干了"</div>
+        <div class="voice-meta">
+            <span class="voice-tag" style="background:rgba(255,77,141,0.1);color:var(--rose);">包吃包住</span>
+        </div>
+    </div>
+
+<div class="voice-card " style="border-left:3px solid var(--rose);">
+        <div style="display:flex;align-items:center;gap:8px;margin-bottom:8px;">
+            <span style="width:22px;height:22px;border-radius:50%;background:var(--bg-2);color:var(--text-1);font-size:0.6rem;font-weight:700;display:flex;align-items:center;justify-content:center;">快</span>
+            <span style="font-size:0.8rem;color:var(--text-3);">快手用户</span>
+            <span style="margin-left:auto;font-size:0.78rem;font-weight:600;color:var(--rose);">♥ 1.7w</span>
+        </div>
+        <div class="voice-content">"#不体检不收费当天安排 #当天来当天入职安排住宿 #岗位轻松干活不累想工作就来 #包吃包住当天安排住宿"</div>
+        <div class="voice-meta">
+            <span class="voice-tag" style="background:rgba(255,77,141,0.1);color:var(--rose);">当天入职</span>
+        </div>
+    </div>
+
+<div class="voice-card " style="border-left:3px solid var(--rose);">
+        <div style="display:flex;align-items:center;gap:8px;margin-bottom:8px;">
+            <span style="width:22px;height:22px;border-radius:50%;background:var(--bg-2);color:var(--text-1);font-size:0.6rem;font-weight:700;display:flex;align-items:center;justify-content:center;">快</span>
+            <span style="font-size:0.8rem;color:var(--text-3);">快手用户</span>
+            <span style="margin-left:auto;font-size:0.78rem;font-weight:600;color:var(--rose);">♥ 1.6w</span>
+        </div>
+        <div class="voice-content">"距你0.9km #找工作 #包吃包住 #勤杂工 #大龄工"</div>
+        <div class="voice-meta">
+            <span class="voice-tag" style="background:rgba(255,77,141,0.1);color:var(--rose);">包吃包住</span>
+        </div>
+    </div>
+
+            </div>
+            <div>
+                <div style="font-family:var(--font-mono);font-size:0.72rem;letter-spacing:0.15em;color:var(--rose);margin-bottom:14px;font-weight:600;">TOP10 高赞评论</div>
+                <div class="voice-card hot" style="border-left:3px solid var(--amber);">
+        <div style="display:flex;align-items:center;gap:8px;margin-bottom:8px;">
+            <span style="width:22px;height:22px;border-radius:50%;background:var(--bg-2);color:var(--text-1);font-size:0.6rem;font-weight:700;display:flex;align-items:center;justify-content:center;">快</span>
+            <span style="font-size:0.8rem;color:var(--text-3);">快手用户</span>
+            <span style="margin-left:auto;font-size:0.78rem;font-weight:600;color:var(--amber);">♥ 6.3k</span>
+        </div>
+        <div class="voice-content">"22年差点被骗去当咯咯哒 说什么模特走台下面的人送花就有提成"</div>
+        <div class="voice-meta">
+            <span class="voice-tag" style="background:rgba(245,166,35,0.1);color:var(--amber);">入职被坑</span>
+        </div>
+    </div>
+
+<div class="voice-card hot" style="border-left:3px solid var(--amber);">
+        <div style="display:flex;align-items:center;gap:8px;margin-bottom:8px;">
+            <span style="width:22px;height:22px;border-radius:50%;background:var(--bg-2);color:var(--text-1);font-size:0.6rem;font-weight:700;display:flex;align-items:center;justify-content:center;">快</span>
+            <span style="font-size:0.8rem;color:var(--text-3);">快手用户</span>
+            <span style="margin-left:auto;font-size:0.78rem;font-weight:600;color:var(--amber);">♥ 2.2k</span>
+        </div>
+        <div class="voice-content">"去买几个鸡蛋，打碎，放在沙发下面..."</div>
+        <div class="voice-meta">
+            <span class="voice-tag" style="background:rgba(245,166,35,0.1);color:var(--amber);">押金不退</span>
+        </div>
+    </div>
+
+<div class="voice-card " style="border-left:3px solid var(--rose);">
+        <div style="display:flex;align-items:center;gap:8px;margin-bottom:8px;">
+            <span style="width:22px;height:22px;border-radius:50%;background:var(--bg-2);color:var(--text-1);font-size:0.6rem;font-weight:700;display:flex;align-items:center;justify-content:center;">快</span>
+            <span style="font-size:0.8rem;color:var(--text-3);">快手用户</span>
+            <span style="margin-left:auto;font-size:0.78rem;font-weight:600;color:var(--rose);">♥ 808</span>
+        </div>
+        <div class="voice-content">"我在广西就遇到过房东死活不退押金..."</div>
+        <div class="voice-meta">
+            <span class="voice-tag" style="background:rgba(255,77,141,0.1);color:var(--rose);">押金不退</span>
+        </div>
+    </div>
+
+<div class="voice-card " style="border-left:3px solid var(--rose);">
+        <div style="display:flex;align-items:center;gap:8px;margin-bottom:8px;">
+            <span style="width:22px;height:22px;border-radius:50%;background:var(--bg-2);color:var(--text-1);font-size:0.6rem;font-weight:700;display:flex;align-items:center;justify-content:center;">快</span>
+            <span style="font-size:0.8rem;color:var(--text-3);">快手用户</span>
+            <span style="margin-left:auto;font-size:0.78rem;font-weight:600;color:var(--rose);">♥ 533</span>
+        </div>
+        <div class="voice-content">"做的不错，就该那样！有些房东太不像话了！押金不退，还有理由了！"</div>
+        <div class="voice-meta">
+            <span class="voice-tag" style="background:rgba(255,77,141,0.1);color:var(--rose);">押金不退</span>
+        </div>
+    </div>
+
+<div class="voice-card " style="border-left:3px solid var(--rose);">
+        <div style="display:flex;align-items:center;gap:8px;margin-bottom:8px;">
+            <span style="width:22px;height:22px;border-radius:50%;background:var(--bg-2);color:var(--text-1);font-size:0.6rem;font-weight:700;display:flex;align-items:center;justify-content:center;">快</span>
+            <span style="font-size:0.8rem;color:var(--text-3);">快手用户</span>
+            <span style="margin-left:auto;font-size:0.78rem;font-weight:600;color:var(--rose);">♥ 491</span>
+        </div>
+        <div class="voice-content">"无论怎么样，反正黑中介是赚了"</div>
+        <div class="voice-meta">
+            <span class="voice-tag" style="background:rgba(255,77,141,0.1);color:var(--rose);">黑中介</span>
+        </div>
+    </div>
+
+            </div>
+        </div>
+    </div>
+</section>
+
+<!-- Ch5: 风险感知：被骗焦虑 -->
+<section class="report-section" data-slide-num="05" data-tone="rose" id="ch5">
+    <div class="section-inner">
+        <div class="section-head">
+            <div class="section-eyebrow" style="color:var(--rose);">CHAPTER 05</div>
+            <h2 class="text-h1">风险感知：被骗焦虑</h2>
+            <p class="section-sub">黑中介、押金陷阱、入职被套路</p>
+        </div>
+        <div class="grid grid-3" style="margin-bottom:28px;">
+            <div class="theme-poster pain">
+                <h4>黑中介 · 最强风险信号</h4>
+                <div class="count">热度 <span class="num">393,762</span> · 109条命中</div>
+                <ul class="examples">
+                    <li>"万恶之源 #黑中介的噩梦，只要我不努力，你就过不上你想要的生活" 热度203,219</li>
+                    <li>"#严厉打击黑中介 #黑中介骗了多少中国同胞" 热度61,984</li>
+                    <li>"第一次进厂是通过直播，就是黑中介..." ♥226</li>
+                </ul>
+            </div>
+            <div class="theme-poster pain">
+                <h4>押金陷阱 · 高频次焦虑</h4>
+                <div class="count">热度 <span class="num">95,543</span> · 105条命中</div>
+                <ul class="examples">
+                    <li>"不退租客押金你是心高气傲，被租客报复你是生死难料" 热度55,223</li>
+                    <li>"去买几个鸡蛋，打碎，放在沙发下面..." ♥2,209（TOP2高赞）</li>
+                    <li>"我在广西就遇到过房东死活不退押金" ♥808</li>
+                </ul>
+            </div>
+            <div class="theme-poster pain">
+                <h4>入职被坑 · 薪资货不对版</h4>
+                <div class="count">热度 <span class="num">375,264</span> · 92条命中</div>
+                <ul class="examples">
+                    <li>"刚开始签18块/时，干了1个月只拿6块/时，只拿了1200" 热度42,121</li>
+                    <li>"只要收身份证的都是，正常的面试只需要填表就行" ♥228</li>
+                    <li>"地铁安检我知道，找中介还不如直接去地铁口问" ♥224</li>
+                </ul>
+            </div>
+        </div>
+        <div class="grid grid-2">
+            <div>
+                <div style="font-family:var(--font-mono);font-size:0.72rem;letter-spacing:0.15em;color:var(--rose);margin-bottom:14px;font-weight:600;">TOP10 高赞风险评论</div>
+                <div class="voice-card hot" style="border-left:3px solid var(--amber);">
+        <div style="display:flex;align-items:center;gap:8px;margin-bottom:8px;">
+            <span style="width:22px;height:22px;border-radius:50%;background:var(--bg-2);color:var(--text-1);font-size:0.6rem;font-weight:700;display:flex;align-items:center;justify-content:center;">快</span>
+            <span style="font-size:0.8rem;color:var(--text-3);">快手用户</span>
+            <span style="margin-left:auto;font-size:0.78rem;font-weight:600;color:var(--amber);">♥ 6.3k</span>
+        </div>
+        <div class="voice-content">"22年差点被骗去当咯咯哒 说什么模特走台下面的人送花就有提成"</div>
+        <div class="voice-meta">
+            <span class="voice-tag" style="background:rgba(245,166,35,0.1);color:var(--amber);">入职被坑</span>
+        </div>
+    </div>
+
+<div class="voice-card hot" style="border-left:3px solid var(--amber);">
+        <div style="display:flex;align-items:center;gap:8px;margin-bottom:8px;">
+            <span style="width:22px;height:22px;border-radius:50%;background:var(--bg-2);color:var(--text-1);font-size:0.6rem;font-weight:700;display:flex;align-items:center;justify-content:center;">快</span>
+            <span style="font-size:0.8rem;color:var(--text-3);">快手用户</span>
+            <span style="margin-left:auto;font-size:0.78rem;font-weight:600;color:var(--amber);">♥ 2.2k</span>
+        </div>
+        <div class="voice-content">"去买几个鸡蛋，打碎，放在沙发下面..."</div>
+        <div class="voice-meta">
+            <span class="voice-tag" style="background:rgba(245,166,35,0.1);color:var(--amber);">押金不退</span>
+        </div>
+    </div>
+
+<div class="voice-card " style="border-left:3px solid var(--rose);">
+        <div style="display:flex;align-items:center;gap:8px;margin-bottom:8px;">
+            <span style="width:22px;height:22px;border-radius:50%;background:var(--bg-2);color:var(--text-1);font-size:0.6rem;font-weight:700;display:flex;align-items:center;justify-content:center;">快</span>
+            <span style="font-size:0.8rem;color:var(--text-3);">快手用户</span>
+            <span style="margin-left:auto;font-size:0.78rem;font-weight:600;color:var(--rose);">♥ 808</span>
+        </div>
+        <div class="voice-content">"我在广西就遇到过房东死活不退押金..."</div>
+        <div class="voice-meta">
+            <span class="voice-tag" style="background:rgba(255,77,141,0.1);color:var(--rose);">押金不退</span>
+        </div>
+    </div>
+
+<div class="voice-card " style="border-left:3px solid var(--rose);">
+        <div style="display:flex;align-items:center;gap:8px;margin-bottom:8px;">
+            <span style="width:22px;height:22px;border-radius:50%;background:var(--bg-2);color:var(--text-1);font-size:0.6rem;font-weight:700;display:flex;align-items:center;justify-content:center;">快</span>
+            <span style="font-size:0.8rem;color:var(--text-3);">快手用户</span>
+            <span style="margin-left:auto;font-size:0.78rem;font-weight:600;color:var(--rose);">♥ 533</span>
+        </div>
+        <div class="voice-content">"做的不错，就该那样！有些房东太不像话了！押金不退，还有理由了！"</div>
+        <div class="voice-meta">
+            <span class="voice-tag" style="background:rgba(255,77,141,0.1);color:var(--rose);">押金不退</span>
+        </div>
+    </div>
+
+<div class="voice-card " style="border-left:3px solid var(--rose);">
+        <div style="display:flex;align-items:center;gap:8px;margin-bottom:8px;">
+            <span style="width:22px;height:22px;border-radius:50%;background:var(--bg-2);color:var(--text-1);font-size:0.6rem;font-weight:700;display:flex;align-items:center;justify-content:center;">快</span>
+            <span style="font-size:0.8rem;color:var(--text-3);">快手用户</span>
+            <span style="margin-left:auto;font-size:0.78rem;font-weight:600;color:var(--rose);">♥ 491</span>
+        </div>
+        <div class="voice-content">"无论怎么样，反正黑中介是赚了"</div>
+        <div class="voice-meta">
+            <span class="voice-tag" style="background:rgba(255,77,141,0.1);color:var(--rose);">黑中介</span>
+        </div>
+    </div>
+
+<div class="voice-card " style="border-left:3px solid var(--rose);">
+        <div style="display:flex;align-items:center;gap:8px;margin-bottom:8px;">
+            <span style="width:22px;height:22px;border-radius:50%;background:var(--bg-2);color:var(--text-1);font-size:0.6rem;font-weight:700;display:flex;align-items:center;justify-content:center;">快</span>
+            <span style="font-size:0.8rem;color:var(--text-3);">快手用户</span>
+            <span style="margin-left:auto;font-size:0.78rem;font-weight:600;color:var(--rose);">♥ 422</span>
+        </div>
+        <div class="voice-content">"那暑假工能做什么啊"</div>
+        <div class="voice-meta">
+            <span class="voice-tag" style="background:rgba(255,77,141,0.1);color:var(--rose);">入职被坑</span>
+        </div>
+    </div>
+
+<div class="voice-card " style="border-left:3px solid var(--rose);">
+        <div style="display:flex;align-items:center;gap:8px;margin-bottom:8px;">
+            <span style="width:22px;height:22px;border-radius:50%;background:var(--bg-2);color:var(--text-1);font-size:0.6rem;font-weight:700;display:flex;align-items:center;justify-content:center;">快</span>
+            <span style="font-size:0.8rem;color:var(--text-3);">快手用户</span>
+            <span style="margin-left:auto;font-size:0.78rem;font-weight:600;color:var(--rose);">♥ 403</span>
+        </div>
+        <div class="voice-content">"干的漂亮，支持小伙子不应该判刑..."</div>
+        <div class="voice-meta">
+            <span class="voice-tag" style="background:rgba(255,77,141,0.1);color:var(--rose);">黑中介</span>
+        </div>
+    </div>
+
+<div class="voice-card " style="border-left:3px solid var(--rose);">
+        <div style="display:flex;align-items:center;gap:8px;margin-bottom:8px;">
+            <span style="width:22px;height:22px;border-radius:50%;background:var(--bg-2);color:var(--text-1);font-size:0.6rem;font-weight:700;display:flex;align-items:center;justify-content:center;">快</span>
+            <span style="font-size:0.8rem;color:var(--text-3);">快手用户</span>
+            <span style="margin-left:auto;font-size:0.78rem;font-weight:600;color:var(--rose);">♥ 312</span>
+        </div>
+        <div class="voice-content">"都绑起来了,都投降了,那人还要去喷那个喷雾"</div>
+        <div class="voice-meta">
+            <span class="voice-tag" style="background:rgba(255,77,141,0.1);color:var(--rose);">黑中介</span>
+        </div>
+    </div>
+
+<div class="voice-card " style="border-left:3px solid var(--rose);">
+        <div style="display:flex;align-items:center;gap:8px;margin-bottom:8px;">
+            <span style="width:22px;height:22px;border-radius:50%;background:var(--bg-2);color:var(--text-1);font-size:0.6rem;font-weight:700;display:flex;align-items:center;justify-content:center;">快</span>
+            <span style="font-size:0.8rem;color:var(--text-3);">快手用户</span>
+            <span style="margin-left:auto;font-size:0.78rem;font-weight:600;color:var(--rose);">♥ 311</span>
+        </div>
+        <div class="voice-content">"为什么南方的房东都不退押金"</div>
+        <div class="voice-meta">
+            <span class="voice-tag" style="background:rgba(255,77,141,0.1);color:var(--rose);">押金不退</span>
+        </div>
+    </div>
+
+<div class="voice-card " style="border-left:3px solid var(--rose);">
+        <div style="display:flex;align-items:center;gap:8px;margin-bottom:8px;">
+            <span style="width:22px;height:22px;border-radius:50%;background:var(--bg-2);color:var(--text-1);font-size:0.6rem;font-weight:700;display:flex;align-items:center;justify-content:center;">快</span>
+            <span style="font-size:0.8rem;color:var(--text-3);">快手用户</span>
+            <span style="margin-left:auto;font-size:0.78rem;font-weight:600;color:var(--rose);">♥ 228</span>
+        </div>
+        <div class="voice-content">"只要收身份证的都是，正常的面试只需要填表就行"</div>
+        <div class="voice-meta">
+            <span class="voice-tag" style="background:rgba(255,77,141,0.1);color:var(--rose);">黑中介</span>
+        </div>
+    </div>
+
+            </div>
+            <div>
+                <div style="font-family:var(--font-mono);font-size:0.72rem;letter-spacing:0.15em;color:var(--rose);margin-bottom:14px;font-weight:600;">风险关键词完整排行</div>
+                <div style="background:var(--bg-1);border:1px solid var(--border);border-radius:var(--radius-md);padding:20px 24px;margin-bottom:24px;">
+        <svg viewBox="0 0 900 432" style="width:100%;height:auto;" preserveAspectRatio="xMidYMid meet">
+            <text x="110" y="39" text-anchor="end" font-size="13" fill="var(--text-2)">骗</text>
+                <rect x="120" y="16" width="660" height="36" rx="4" fill="var(--rose)" opacity="0.85"/>
+                <text x="790" y="39" font-size="13" font-weight="700" fill="var(--rose)" font-family="monospace">514,788</text><text x="110" y="89" text-anchor="end" font-size="13" fill="var(--text-2)">黑中介</text>
+                <rect x="120" y="66" width="504.83484463507307" height="36" rx="4" fill="var(--rose)" opacity="0.85"/>
+                <text x="634.8348446350731" y="89" font-size="13" font-weight="700" fill="var(--rose)" font-family="monospace">393,762</text><text x="110" y="139" text-anchor="end" font-size="13" fill="var(--text-2)">坑</text>
+                <rect x="120" y="116" width="481.11890720063406" height="36" rx="4" fill="var(--rose)" opacity="0.85"/>
+                <text x="611.1189072006341" y="139" font-size="13" font-weight="700" fill="var(--rose)" font-family="monospace">375,264</text><text x="110" y="189" text-anchor="end" font-size="13" fill="var(--text-2)">套路</text>
+                <rect x="120" y="166" width="185.69920044756287" height="36" rx="4" fill="var(--orange)" opacity="0.85"/>
+                <text x="315.6992004475629" y="189" font-size="13" font-weight="700" fill="var(--orange)" font-family="monospace">144,842</text><text x="110" y="239" text-anchor="end" font-size="13" fill="var(--text-2)">黑厂</text>
+                <rect x="120" y="216" width="158.37676868924683" height="36" rx="4" fill="var(--rose)" opacity="0.85"/>
+                <text x="288.37676868924683" y="239" font-size="13" font-weight="700" fill="var(--rose)" font-family="monospace">123,531</text><text x="110" y="289" text-anchor="end" font-size="13" fill="var(--text-2)">押金</text>
+                <rect x="120" y="266" width="122.49388097624653" height="36" rx="4" fill="var(--amber)" opacity="0.85"/>
+                <text x="252.49388097624654" y="289" font-size="13" font-weight="700" fill="var(--amber)" font-family="monospace">95,543</text><text x="110" y="339" text-anchor="end" font-size="13" fill="var(--text-2)">不退</text>
+                <rect x="120" y="316" width="107.83071866477073" height="36" rx="4" fill="var(--amber)" opacity="0.85"/>
+                <text x="237.83071866477073" y="339" font-size="13" font-weight="700" fill="var(--amber)" font-family="monospace">84,106</text><text x="110" y="389" text-anchor="end" font-size="13" fill="var(--text-2)">陷阱</text>
+                <rect x="120" y="366" width="94.98939369216066" height="36" rx="4" fill="var(--orange)" opacity="0.85"/>
+                <text x="224.98939369216066" y="389" font-size="13" font-weight="700" fill="var(--orange)" font-family="monospace">74,090</text>
+        </svg>
+    </div>
+            </div>
+        </div>
+    </div>
+</section>
+
+<!-- Ch6: 平台信任机制 -->
+<section class="report-section" data-slide-num="06" data-tone="purple" id="ch6">
+    <div class="section-inner">
+        <div class="section-head">
+            <div class="section-eyebrow" style="color:var(--purple);">CHAPTER 06</div>
+            <h2 class="text-h1">平台信任机制</h2>
+            <p class="section-sub">老铁文化、直播带岗、情绪关键词体系</p>
+        </div>
+        <div class="grid grid-3" style="margin-bottom:32px;">
+            
+            <div class="card" style="border-top:3px solid var(--amber);">
+                <div style="font-size:2rem;margin-bottom:12px;">👁️</div>
+                <div class="text-h3" style="color:var(--amber);margin-bottom:8px;">&quot;眼见为实&quot;</div>
+                <p class="text-sm">消解信息不对称带来的不安全感</p>
+            </div>
+            <div class="card" style="border-top:3px solid var(--green);">
+                <div style="font-size:2rem;margin-bottom:12px;">🤝</div>
+                <div class="text-h3" style="color:var(--green);margin-bottom:8px;">&quot;老铁推荐&quot;</div>
+                <p class="text-sm">以熟人身份降低求职者心理防备</p>
+            </div>
+            <div class="card" style="border-top:3px solid var(--purple);">
+                <div style="font-size:2rem;margin-bottom:12px;">🏠</div>
+                <div class="text-h3" style="color:var(--purple);margin-bottom:8px;">&quot;来了就是兄弟&quot;</div>
+                <p class="text-sm">强调归属感和人情味</p>
+            </div>
+            <div class="card" style="border-top:3px solid var(--blue);">
+                <div style="font-size:2rem;margin-bottom:12px;">💪</div>
+                <div class="text-h3" style="color:var(--blue);margin-bottom:8px;">&quot;有尊严地赚钱&quot;</div>
+                <p class="text-sm">回应蓝领的身份焦虑与社会认同诉求</p>
+            </div>
+            <div class="card" style="border-top:3px solid var(--rose);">
+                <div style="font-size:2rem;margin-bottom:12px;">🛡️</div>
+                <div class="text-h3" style="color:var(--rose);margin-bottom:8px;">&quot;不骗人、不套路&quot;</div>
+                <p class="text-sm">针对虚假宣传痛点</p>
+            </div>
+            <div class="card" style="border-top:3px solid var(--orange);">
+                <div style="font-size:2rem;margin-bottom:12px;">⚡</div>
+                <div class="text-h3" style="color:var(--orange);margin-bottom:8px;">&quot;独门绝技&quot;</div>
+                <p class="text-sm">放大蓝领专业技能价值</p>
+            </div>
+        </div>
+        <div class="insight-banner" data-num="06">
+        <h3>情绪价值是<strong>双刃剑</strong>——真实故事获得关注，但<strong>虚假摆拍</strong>正在侵蚀信任基础</h3>
+        <p class="insight-body">外卖骑手、快递小哥、网约车司机因"接地气""高共鸣"属性，成为短视频平台虚假摆拍重灾区。平台算法无差别推荐，使虚假内容获得杠杆式传播。</p>
+        <div class="insight-data"><div class="dp"><div class="num">★★★★★</div><div class="lbl">情绪获得感优势</div></div><div class="dp"><div class="num">⚠️高风险</div><div class="lbl">虚假摆拍泛滥</div></div><div class="dp"><div class="num">五部门</div><div class="lbl">行政指导监管</div></div></div>
+    </div>
+        <div class="card card-glow" style="border-left:3px solid var(--purple);padding:28px 32px;margin-bottom:28px;">
+            <div style="font-family:var(--font-mono);font-size:0.72rem;letter-spacing:0.15em;color:var(--purple);margin-bottom:14px;font-weight:600;">标杆案例 · 快手《来活了老铁！》</div>
+            <div class="text-h2" style="margin-bottom:12px;">快手联合山东卫视推出的首档蓝领求职综艺IP</div>
+            <p class="text-body">25个热搜榜单（微博主榜6个），最高总榜TOP21，完成度625%。站外曝光量原定2.5亿，实际完成3.26亿，完成度130%。围绕"技能向+娱乐向+社会向"三个维度展开。</p>
+            <div style="margin-top:14px;display:flex;gap:10px;">
+                <span class="tag purple">技能向</span>
+                <span class="tag purple">娱乐向</span>
+                <span class="tag purple">社会向</span>
+            </div>
+        </div>
+        <div class="grid grid-2">
+            <div class="card" style="border-top:3px solid var(--green);">
+                <div style="font-weight:700;color:var(--green);margin-bottom:14px;">老铁信任体系</div>
+                <div style="font-size:0.85rem;color:var(--text-2);line-height:1.8;">
+                    <div style="margin-bottom:8px;">• 熟人推荐式信任</div>
+                    <div style="margin-bottom:8px;">• 主播与粉丝长期关系积累</div>
+                    <div style="margin-bottom:8px;">• 评论区实时互动答疑</div>
+                    <div>• "来了就是兄弟"文化</div>
+                </div>
+            </div>
+            <div class="card" style="border-top:3px solid var(--blue);">
+                <div style="font-weight:700;color:var(--blue);margin-bottom:14px;">直播带岗信任机制</div>
+                <div style="font-size:0.85rem;color:var(--text-2);line-height:1.8;">
+                    <div style="margin-bottom:8px;">• 车间直播展示</div>
+                    <div style="margin-bottom:8px;">• 宿舍直播展示</div>
+                    <div style="margin-bottom:8px;">• 食堂直播展示</div>
+                    <div>• 眼见为实消除信息不对称</div>
+                </div>
+            </div>
+        </div>
+    </div>
+</section>
+
+<!-- Ch7: 机会与建议 -->
+<section class="report-section" data-slide-num="07" data-tone="green" id="ch7">
+    <div class="section-inner">
+        <div class="section-head">
+            <div class="section-eyebrow" style="color:var(--green);">CHAPTER 07</div>
+            <h2 class="text-h1">机会与建议</h2>
+            <p class="section-sub">快聘优势强化、风险应对、战略方向</p>
+        </div>
+        <div class="grid grid-2" style="margin-bottom:28px;">
+            
+            <div class="card" style="border-top:3px solid var(--amber);">
+                <div style="display:flex;align-items:center;gap:12px;margin-bottom:14px;">
+                    <div style="width:32px;height:32px;border-radius:50%;background:var(--amber);color:#000;font-weight:800;display:flex;align-items:center;justify-content:center;font-size:0.9rem;">1</div>
+                    <div class="text-h3">建立分级审核体系</div>
+                </div>
+                <p class="text-sm">对招聘主播实行分级管理，对粉丝量级大的头部主播实行更审慎的审核标准</p>
+            </div>
+            <div class="card" style="border-top:3px solid var(--green);">
+                <div style="display:flex;align-items:center;gap:12px;margin-bottom:14px;">
+                    <div style="width:32px;height:32px;border-radius:50%;background:var(--green);color:#000;font-weight:800;display:flex;align-items:center;justify-content:center;font-size:0.9rem;">2</div>
+                    <div class="text-h3">强化&quot;信任基建&quot;投入</div>
+                </div>
+                <p class="text-sm">将信息审核能力作为快聘业务的核心基建来建设，建立招聘方信用评级和黑名单机制</p>
+            </div>
+            <div class="card" style="border-top:3px solid var(--blue);">
+                <div style="display:flex;align-items:center;gap:12px;margin-bottom:14px;">
+                    <div style="width:32px;height:32px;border-radius:50%;background:var(--blue);color:#000;font-weight:800;display:flex;align-items:center;justify-content:center;font-size:0.9rem;">3</div>
+                    <div class="text-h3">深化企业直招占比</div>
+                </div>
+                <p class="text-sm">减少对中介端的依赖，提高B端企业直招占比，从根本上降低信息失真风险</p>
+            </div>
+            <div class="card" style="border-top:3px solid var(--purple);">
+                <div style="display:flex;align-items:center;gap:12px;margin-bottom:14px;">
+                    <div style="width:32px;height:32px;border-radius:50%;background:var(--purple);color:#000;font-weight:800;display:flex;align-items:center;justify-content:center;font-size:0.9rem;">4</div>
+                    <div class="text-h3">放大&quot;眼见为实&quot;差异化优势</div>
+                </div>
+                <p class="text-sm">继续强化直播展示真实工作环境的核心卖点，将车间、宿舍、食堂直播打造为标准化招聘流程</p>
+            </div>
+        </div>
+        <div class="card" style="border-top:3px solid var(--rose);margin-bottom:28px;">
+            <div style="font-family:var(--font-mono);font-size:0.72rem;letter-spacing:0.15em;color:var(--rose);margin-bottom:14px;font-weight:600;">⚠️ 风险矩阵</div>
+            <div class="table-wrap">
+                <table class="data-tbl">
+                    <thead><tr><th>风险类型</th><th>描述</th><th>概率</th><th>影响</th><th>应对策略</th></tr></thead>
+                    <tbody>
+                        <tr style="background:var(--rose)11;">
+                            <td><strong style="color:var(--rose);">信任透支</strong></td>
+                            <td style="color:var(--text-2);font-size:0.85rem;">虚假招聘信息泛滥，透支&quot;老铁信任&quot;</td>
+                            <td style="color:var(--rose);font-weight:600;">高</td>
+                            <td style="color:var(--rose);font-weight:600;">高</td>
+                            <td style="color:var(--text-2);font-size:0.82rem;">审核体系升级+信用评级</td>
+                        </tr><tr style="background:var(--rose)11;">
+                            <td><strong style="color:var(--rose);">监管压力</strong></td>
+                            <td style="color:var(--text-2);font-size:0.85rem;">五部门行政指导要求强化审核</td>
+                            <td style="color:var(--rose);font-weight:600;">高</td>
+                            <td style="color:var(--rose);font-weight:600;">高</td>
+                            <td style="color:var(--text-2);font-size:0.82rem;">主动对标&quot;五个到位&quot;</td>
+                        </tr><tr style="background:var(--amber)11;">
+                            <td><strong style="color:var(--amber);">竞争跟进</strong></td>
+                            <td style="color:var(--text-2);font-size:0.85rem;">BOSS直聘加码蓝领，58同城转型</td>
+                            <td style="color:var(--amber);font-weight:600;">中</td>
+                            <td style="color:var(--amber);font-weight:600;">中</td>
+                            <td style="color:var(--text-2);font-size:0.82rem;">差异化壁垒+效率提升</td>
+                        </tr><tr style="background:var(--amber)11;">
+                            <td><strong style="color:var(--amber);">匹配效率低</strong></td>
+                            <td style="color:var(--text-2);font-size:0.85rem;">流量大但精准度不如算法平台</td>
+                            <td style="color:var(--amber);font-weight:600;">中</td>
+                            <td style="color:var(--amber);font-weight:600;">中</td>
+                            <td style="color:var(--text-2);font-size:0.82rem;">引入精准匹配算法</td>
+                        </tr>
+                    </tbody>
+                </table>
+            </div>
+        </div>
+        <div class="card" style="border-top:3px solid var(--green);padding:28px 32px;">
+            <div style="font-family:var(--font-mono);font-size:0.72rem;letter-spacing:0.15em;color:var(--green);margin-bottom:14px;font-weight:600;">📋 五部门行政指导要求</div>
+            <div class="grid grid-2">
+                <div style="font-size:0.85rem;color:var(--text-2);line-height:1.8;">
+                    <div style="margin-bottom:8px;">① <strong style="color:var(--text-1);">资质审核到位</strong> — 对招聘方资质进行核验</div>
+                    <div style="margin-bottom:8px;">② <strong style="color:var(--text-1);">信息明示到位</strong> — 招聘信息完整透明</div>
+                    <div>③ <strong style="color:var(--text-1);">内容审核到位</strong> — 虚假信息严格过滤</div>
+                </div>
+                <div style="font-size:0.85rem;color:var(--text-2);line-height:1.8;">
+                    <div style="margin-bottom:8px;">④ <strong style="color:var(--text-1);">风险防范到位</strong> — 建立风险预警机制</div>
+                    <div>⑤ <strong style="color:var(--text-1);">处置管控到位</strong> — 违规内容快速处置</div>
+                </div>
+            </div>
+        </div>
+    </div>
+</section>
+
+<!-- Ch8: 快聘4P营销策略 -->
+<section class="report-section" data-slide-num="08" data-tone="blue" id="ch8">
+    <div class="section-inner">
+        <div class="section-head">
+            <div class="section-eyebrow" style="color:var(--blue);">CHAPTER 08</div>
+            <h2 class="text-h1">快聘 4P 营销策略</h2>
+            <p class="section-sub">产品 / 价格 / 渠道 / 促销</p>
+        </div>
+        <div class="grid grid-2">
+        <div class="card" style="border-top:3px solid var(--blue);">
+            <div class="text-h3" style="color:var(--blue);margin-bottom:14px;">产品策略：直播带岗 × 信任基建</div>
+            <div style="font-size:0.85rem;color:var(--text-2);line-height:1.8;margin-bottom:14px;">
+                <div style="margin-bottom:6px;">• 核心产品：快手快聘直播带岗服务</div><div style="margin-bottom:6px;">• 差异化卖点：眼见为实 / 老铁信任 / 零门槛求职</div><div style="margin-bottom:6px;">• 产品升级方向：标准化直播带岗流程（车间+宿舍+食堂三景展示）</div>
+            </div>
+            <div style="display:flex;gap:8px;flex-wrap:wrap;">
+                <span class="tag" style="background:var(--blue)22;color:var(--blue);border-color:var(--blue)44;">直播带岗</span><span class="tag" style="background:var(--blue)22;color:var(--blue);border-color:var(--blue)44;">老铁信任</span><span class="tag" style="background:var(--blue)22;color:var(--blue);border-color:var(--blue)44;">零门槛求职</span>
+            </div>
+        </div>
+        <div class="card" style="border-top:3px solid var(--green);">
+            <div class="text-h3" style="color:var(--green);margin-bottom:14px;">价格策略：求职者免费 × 企业端付费</div>
+            <div style="font-size:0.85rem;color:var(--text-2);line-height:1.8;margin-bottom:14px;">
+                <div style="margin-bottom:6px;">• 求职者端：完全免费（零门槛核心优势）</div><div style="margin-bottom:6px;">• 企业端：按效果付费（CPM/CPC/简历投递量）</div><div style="margin-bottom:6px;">• 主播端：带岗主播抽佣机制</div>
+            </div>
+            <div style="display:flex;gap:8px;flex-wrap:wrap;">
+                <span class="tag" style="background:var(--green)22;color:var(--green);border-color:var(--green)44;">零门槛</span><span class="tag" style="background:var(--green)22;color:var(--green);border-color:var(--green)44;">效果付费</span><span class="tag" style="background:var(--green)22;color:var(--green);border-color:var(--green)44;">C端免费</span>
+            </div>
+        </div>
+        <div class="card" style="border-top:3px solid var(--amber);">
+            <div class="text-h3" style="color:var(--amber);margin-bottom:14px;">渠道策略：B端入驻 + C端自然渗透</div>
+            <div style="font-size:0.85rem;color:var(--text-2);line-height:1.8;margin-bottom:14px;">
+                <div style="margin-bottom:6px;">• B端：24万家入驻用人单位，提高企业直招占比</div><div style="margin-bottom:6px;">• 知名企业合作（创维/顺丰/伯恩光学）</div><div style="margin-bottom:6px;">• C端：2.5亿蓝领月活用户自然覆盖</div><div style="margin-bottom:6px;">• 40万+专职带岗主播</div>
+            </div>
+            <div style="display:flex;gap:8px;flex-wrap:wrap;">
+                <span class="tag" style="background:var(--amber)22;color:var(--amber);border-color:var(--amber)44;">24万企业</span><span class="tag" style="background:var(--amber)22;color:var(--amber);border-color:var(--amber)44;">2.5亿用户</span><span class="tag" style="background:var(--amber)22;color:var(--amber);border-color:var(--amber)44;">40万主播</span>
+            </div>
+        </div>
+        <div class="card" style="border-top:3px solid var(--purple);">
+            <div class="text-h3" style="color:var(--purple);margin-bottom:14px;">促销策略：情绪价值 × 信任传播</div>
+            <div style="font-size:0.85rem;color:var(--text-2);line-height:1.8;margin-bottom:14px;">
+                <div style="margin-bottom:6px;">• 品牌传播：&quot;10个蓝领9个用快手&quot; / &quot;直播带岗，眼见为实&quot;</div><div style="margin-bottom:6px;">• 内容营销：《来活了老铁！》综艺IP+短剧营销</div><div style="margin-bottom:6px;">• 政策背书：直播招聘师认证+人社部认可</div><div style="margin-bottom:6px;">• 老铁文化：&quot;来了就是兄弟&quot;+&quot;有尊严地赚钱&quot;</div>
+            </div>
+            <div style="display:flex;gap:8px;flex-wrap:wrap;">
+                <span class="tag" style="background:var(--purple)22;color:var(--purple);border-color:var(--purple)44;">综艺IP</span><span class="tag" style="background:var(--purple)22;color:var(--purple);border-color:var(--purple)44;">老铁文化</span><span class="tag" style="background:var(--purple)22;color:var(--purple);border-color:var(--purple)44;">政策背书</span>
+            </div>
+        </div></div>
+        <div class="insight-banner" data-num="08">
+        <h3>基于VOC的内容策略：围绕<strong>"确定性"</strong>构建传播矩阵</h3>
+        <p class="insight-body">最强购买点：工资真实、发薪稳定、包吃包住，当天入职。最强焦虑：被骗、被坑、黑中介、押金不退。内容方向应围绕"真实岗位展示+主播真实推荐+快速入职承诺"。</p>
+        <div class="insight-data"><div class="dp"><div class="num">20+</div><div class="lbl">情绪关键词体系</div></div><div class="dp"><div class="num">3</div><div class="lbl">核心传播维度</div></div><div class="dp"><div class="num">1个</div><div class="lbl">综艺IP标杆</div></div></div>
+    </div>
+        <div style="font-family:var(--font-mono);font-size:0.72rem;letter-spacing:0.15em;color:var(--blue);margin-bottom:14px;font-weight:600;">📊 H1-H8 假设验证</div>
+        <div style="background:var(--bg-1);border:1px solid var(--border);border-radius:var(--radius-md);padding:20px 24px;">
+        <div style="min-width:520px;">
+        <svg viewBox="0 0 800 352" style="width:100%;height:auto;" preserveAspectRatio="xMidYMid meet">
+            <text x="90" y="35" text-anchor="end" font-size="11" fill="var(--text-2)">H1</text>
+                <rect x="100" y="16" width="80.63134160090192" height="28" rx="4" fill="#F5A623" opacity="0.85"/>
+                <text x="188.63134160090192" y="35" font-size="11" font-weight="700" fill="#F5A623">596</text><text x="90" y="75" text-anchor="end" font-size="11" fill="var(--text-2)">H2</text>
+                <rect x="100" y="56" width="261.10484780157833" height="28" rx="4" fill="#00DC82" opacity="0.85"/>
+                <text x="369.10484780157833" y="75" font-size="11" font-weight="700" fill="#00DC82">1,930</text><text x="90" y="115" text-anchor="end" font-size="11" fill="var(--text-2)">H3</text>
+                <rect x="100" y="96" width="249.19954904171365" height="28" rx="4" fill="#8B5CF6" opacity="0.85"/>
+                <text x="357.1995490417137" y="115" font-size="11" font-weight="700" fill="#8B5CF6">1,842</text><text x="90" y="155" text-anchor="end" font-size="11" fill="var(--text-2)">H4</text>
+                <rect x="100" y="136" width="296.8207440811725" height="28" rx="4" fill="#FF4D8D" opacity="0.85"/>
+                <text x="404.8207440811725" y="155" font-size="11" font-weight="700" fill="#FF4D8D">2,194</text><text x="90" y="195" text-anchor="end" font-size="11" fill="var(--text-2)">H5</text>
+                <rect x="100" y="176" width="80.49605411499437" height="28" rx="4" fill="#3B82F6" opacity="0.85"/>
+                <text x="188.49605411499437" y="195" font-size="11" font-weight="700" fill="#3B82F6">595</text><text x="90" y="235" text-anchor="end" font-size="11" fill="var(--text-2)">H6</text>
+                <rect x="100" y="216" width="600" height="28" rx="4" fill="#EF4444" opacity="0.85"/>
+                <text x="708" y="235" font-size="11" font-weight="700" fill="#EF4444">4,435</text><text x="90" y="275" text-anchor="end" font-size="11" fill="var(--text-2)">H7</text>
+                <rect x="100" y="256" width="501.2401352874859" height="28" rx="4" fill="#F97316" opacity="0.85"/>
+                <text x="609.2401352874858" y="275" font-size="11" font-weight="700" fill="#F97316">3,705</text><text x="90" y="315" text-anchor="end" font-size="11" fill="var(--text-2)">H8</text>
+                <rect x="100" y="296" width="326.9898534385569" height="28" rx="4" fill="#6B6B6B" opacity="0.85"/>
+                <text x="434.9898534385569" y="315" font-size="11" font-weight="700" fill="#6B6B6B">2,417</text>
+        </svg>
+        </div>
+    </div>
+    </div>
+</section>
+
+<!-- Ch9: VOC证据锚点 -->
+<section class="report-section" data-slide-num="09" data-tone="amber" id="ch9">
+    <div class="section-inner">
+        <div class="section-head">
+            <div class="section-eyebrow">CHAPTER 09</div>
+            <h2 class="text-h1">VOC 证据锚点</h2>
+            <p class="section-sub">可直接引用的用户原声</p>
+        </div>
+        <div class="grid grid-2">
+            <div>
+                <div style="font-family:var(--font-mono);font-size:0.72rem;letter-spacing:0.15em;color:var(--rose);margin-bottom:14px;font-weight:600;">🔥 薪资焦虑类高赞VOC</div>
+                <div class="voice-card " style="border-left:3px solid var(--rose);">
+        <div style="display:flex;align-items:center;gap:8px;margin-bottom:8px;">
+            <span style="width:22px;height:22px;border-radius:50%;background:var(--bg-2);color:var(--text-1);font-size:0.6rem;font-weight:700;display:flex;align-items:center;justify-content:center;">快</span>
+            <span style="font-size:0.8rem;color:var(--text-3);">快手用户</span>
+            <span style="margin-left:auto;font-size:0.78rem;font-weight:600;color:var(--rose);">♥ 3.8w</span>
+        </div>
+        <div class="voice-content">"不给加班费就不加班合理吗？#记录餐饮人生活每一天 #餐饮创业 #现场实拍"</div>
+        <div class="voice-meta">
+            <span class="voice-tag" style="background:rgba(255,77,141,0.1);color:var(--rose);">加班费</span>
+        </div>
+    </div>
+
+<div class="voice-card " style="border-left:3px solid var(--rose);">
+        <div style="display:flex;align-items:center;gap:8px;margin-bottom:8px;">
+            <span style="width:22px;height:22px;border-radius:50%;background:var(--bg-2);color:var(--text-1);font-size:0.6rem;font-weight:700;display:flex;align-items:center;justify-content:center;">快</span>
+            <span style="font-size:0.8rem;color:var(--text-3);">快手用户</span>
+            <span style="margin-left:auto;font-size:0.78rem;font-weight:600;color:var(--rose);">♥ 2.2w</span>
+        </div>
+        <div class="voice-content">"#打工妹 #工资条 #打工妹的日常生活 #电子厂"</div>
+        <div class="voice-meta">
+            <span class="voice-tag" style="background:rgba(255,77,141,0.1);color:var(--rose);">发工资</span>
+        </div>
+    </div>
+
+<div class="voice-card " style="border-left:3px solid var(--rose);">
+        <div style="display:flex;align-items:center;gap:8px;margin-bottom:8px;">
+            <span style="width:22px;height:22px;border-radius:50%;background:var(--bg-2);color:var(--text-1);font-size:0.6rem;font-weight:700;display:flex;align-items:center;justify-content:center;">快</span>
+            <span style="font-size:0.8rem;color:var(--text-3);">快手用户</span>
+            <span style="margin-left:auto;font-size:0.78rem;font-weight:600;color:var(--rose);">♥ 51</span>
+        </div>
+        <div class="voice-content">"确实是像你这样说的，跑外卖只要多劳多得，工资不会少发。我坚持了两个月，第3个月的时候我已经摆烂了"</div>
+        <div class="voice-meta">
+            <span class="voice-tag" style="background:rgba(255,77,141,0.1);color:var(--rose);">工资靠谱</span>
+        </div>
+    </div>
+
+            </div>
+            <div>
+                <div style="font-family:var(--font-mono);font-size:0.72rem;letter-spacing:0.15em;color:var(--rose);margin-bottom:14px;font-weight:600;">🔥 风险担忧类高赞VOC TOP10</div>
+                <div class="voice-card hot" style="border-left:3px solid var(--amber);">
+        <div style="display:flex;align-items:center;gap:8px;margin-bottom:8px;">
+            <span style="width:22px;height:22px;border-radius:50%;background:var(--bg-2);color:var(--text-1);font-size:0.6rem;font-weight:700;display:flex;align-items:center;justify-content:center;">快</span>
+            <span style="font-size:0.8rem;color:var(--text-3);">快手用户</span>
+            <span style="margin-left:auto;font-size:0.78rem;font-weight:600;color:var(--amber);">♥ 6.3k</span>
+        </div>
+        <div class="voice-content">"22年差点被骗去当咯咯哒 说什么模特走台下面的人送花就有提成"</div>
+        <div class="voice-meta">
+            <span class="voice-tag" style="background:rgba(245,166,35,0.1);color:var(--amber);">入职被坑</span>
+        </div>
+    </div>
+
+<div class="voice-card hot" style="border-left:3px solid var(--amber);">
+        <div style="display:flex;align-items:center;gap:8px;margin-bottom:8px;">
+            <span style="width:22px;height:22px;border-radius:50%;background:var(--bg-2);color:var(--text-1);font-size:0.6rem;font-weight:700;display:flex;align-items:center;justify-content:center;">快</span>
+            <span style="font-size:0.8rem;color:var(--text-3);">快手用户</span>
+            <span style="margin-left:auto;font-size:0.78rem;font-weight:600;color:var(--amber);">♥ 2.2k</span>
+        </div>
+        <div class="voice-content">"去买几个鸡蛋，打碎，放在沙发下面..."</div>
+        <div class="voice-meta">
+            <span class="voice-tag" style="background:rgba(245,166,35,0.1);color:var(--amber);">押金不退</span>
+        </div>
+    </div>
+
+<div class="voice-card " style="border-left:3px solid var(--rose);">
+        <div style="display:flex;align-items:center;gap:8px;margin-bottom:8px;">
+            <span style="width:22px;height:22px;border-radius:50%;background:var(--bg-2);color:var(--text-1);font-size:0.6rem;font-weight:700;display:flex;align-items:center;justify-content:center;">快</span>
+            <span style="font-size:0.8rem;color:var(--text-3);">快手用户</span>
+            <span style="margin-left:auto;font-size:0.78rem;font-weight:600;color:var(--rose);">♥ 808</span>
+        </div>
+        <div class="voice-content">"我在广西就遇到过房东死活不退押金..."</div>
+        <div class="voice-meta">
+            <span class="voice-tag" style="background:rgba(255,77,141,0.1);color:var(--rose);">押金不退</span>
+        </div>
+    </div>
+
+<div class="voice-card " style="border-left:3px solid var(--rose);">
+        <div style="display:flex;align-items:center;gap:8px;margin-bottom:8px;">
+            <span style="width:22px;height:22px;border-radius:50%;background:var(--bg-2);color:var(--text-1);font-size:0.6rem;font-weight:700;display:flex;align-items:center;justify-content:center;">快</span>
+            <span style="font-size:0.8rem;color:var(--text-3);">快手用户</span>
+            <span style="margin-left:auto;font-size:0.78rem;font-weight:600;color:var(--rose);">♥ 533</span>
+        </div>
+        <div class="voice-content">"做的不错，就该那样！有些房东太不像话了！押金不退，还有理由了！"</div>
+        <div class="voice-meta">
+            <span class="voice-tag" style="background:rgba(255,77,141,0.1);color:var(--rose);">押金不退</span>
+        </div>
+    </div>
+
+<div class="voice-card " style="border-left:3px solid var(--rose);">
+        <div style="display:flex;align-items:center;gap:8px;margin-bottom:8px;">
+            <span style="width:22px;height:22px;border-radius:50%;background:var(--bg-2);color:var(--text-1);font-size:0.6rem;font-weight:700;display:flex;align-items:center;justify-content:center;">快</span>
+            <span style="font-size:0.8rem;color:var(--text-3);">快手用户</span>
+            <span style="margin-left:auto;font-size:0.78rem;font-weight:600;color:var(--rose);">♥ 491</span>
+        </div>
+        <div class="voice-content">"无论怎么样，反正黑中介是赚了"</div>
+        <div class="voice-meta">
+            <span class="voice-tag" style="background:rgba(255,77,141,0.1);color:var(--rose);">黑中介</span>
+        </div>
+    </div>
+
+<div class="voice-card " style="border-left:3px solid var(--rose);">
+        <div style="display:flex;align-items:center;gap:8px;margin-bottom:8px;">
+            <span style="width:22px;height:22px;border-radius:50%;background:var(--bg-2);color:var(--text-1);font-size:0.6rem;font-weight:700;display:flex;align-items:center;justify-content:center;">快</span>
+            <span style="font-size:0.8rem;color:var(--text-3);">快手用户</span>
+            <span style="margin-left:auto;font-size:0.78rem;font-weight:600;color:var(--rose);">♥ 422</span>
+        </div>
+        <div class="voice-content">"那暑假工能做什么啊"</div>
+        <div class="voice-meta">
+            <span class="voice-tag" style="background:rgba(255,77,141,0.1);color:var(--rose);">入职被坑</span>
+        </div>
+    </div>
+
+<div class="voice-card " style="border-left:3px solid var(--rose);">
+        <div style="display:flex;align-items:center;gap:8px;margin-bottom:8px;">
+            <span style="width:22px;height:22px;border-radius:50%;background:var(--bg-2);color:var(--text-1);font-size:0.6rem;font-weight:700;display:flex;align-items:center;justify-content:center;">快</span>
+            <span style="font-size:0.8rem;color:var(--text-3);">快手用户</span>
+            <span style="margin-left:auto;font-size:0.78rem;font-weight:600;color:var(--rose);">♥ 403</span>
+        </div>
+        <div class="voice-content">"干的漂亮，支持小伙子不应该判刑..."</div>
+        <div class="voice-meta">
+            <span class="voice-tag" style="background:rgba(255,77,141,0.1);color:var(--rose);">黑中介</span>
+        </div>
+    </div>
+
+<div class="voice-card " style="border-left:3px solid var(--rose);">
+        <div style="display:flex;align-items:center;gap:8px;margin-bottom:8px;">
+            <span style="width:22px;height:22px;border-radius:50%;background:var(--bg-2);color:var(--text-1);font-size:0.6rem;font-weight:700;display:flex;align-items:center;justify-content:center;">快</span>
+            <span style="font-size:0.8rem;color:var(--text-3);">快手用户</span>
+            <span style="margin-left:auto;font-size:0.78rem;font-weight:600;color:var(--rose);">♥ 312</span>
+        </div>
+        <div class="voice-content">"都绑起来了,都投降了,那人还要去喷那个喷雾"</div>
+        <div class="voice-meta">
+            <span class="voice-tag" style="background:rgba(255,77,141,0.1);color:var(--rose);">黑中介</span>
+        </div>
+    </div>
+
+<div class="voice-card " style="border-left:3px solid var(--rose);">
+        <div style="display:flex;align-items:center;gap:8px;margin-bottom:8px;">
+            <span style="width:22px;height:22px;border-radius:50%;background:var(--bg-2);color:var(--text-1);font-size:0.6rem;font-weight:700;display:flex;align-items:center;justify-content:center;">快</span>
+            <span style="font-size:0.8rem;color:var(--text-3);">快手用户</span>
+            <span style="margin-left:auto;font-size:0.78rem;font-weight:600;color:var(--rose);">♥ 311</span>
+        </div>
+        <div class="voice-content">"为什么南方的房东都不退押金"</div>
+        <div class="voice-meta">
+            <span class="voice-tag" style="background:rgba(255,77,141,0.1);color:var(--rose);">押金不退</span>
+        </div>
+    </div>
+
+<div class="voice-card " style="border-left:3px solid var(--rose);">
+        <div style="display:flex;align-items:center;gap:8px;margin-bottom:8px;">
+            <span style="width:22px;height:22px;border-radius:50%;background:var(--bg-2);color:var(--text-1);font-size:0.6rem;font-weight:700;display:flex;align-items:center;justify-content:center;">快</span>
+            <span style="font-size:0.8rem;color:var(--text-3);">快手用户</span>
+            <span style="margin-left:auto;font-size:0.78rem;font-weight:600;color:var(--rose);">♥ 228</span>
+        </div>
+        <div class="voice-content">"只要收身份证的都是，正常的面试只需要填表就行"</div>
+        <div class="voice-meta">
+            <span class="voice-tag" style="background:rgba(255,77,141,0.1);color:var(--rose);">黑中介</span>
+        </div>
+    </div>
+
+            </div>
+        </div>
+        <div class="card card-glow" style="border-left:3px solid var(--green);margin-top:28px;padding:28px 32px;">
+            <div style="font-family:var(--font-mono);font-size:0.72rem;letter-spacing:0.15em;color:var(--green);margin-bottom:14px;font-weight:600;">💡 核心洞察</div>
+            <div class="text-h3" style="margin-bottom:12px;">情绪价值的核心不是娱乐，而是"确定性"</div>
+            <p class="text-body">快手在蓝领求职场景中的优势，来自内容触达、直播解释、即时互动和高频决策场景的天然匹配。需求高频、风险敏感、决策链短、转化诉求强。</p>
+        </div>
+    </div>
+</section>
+
+</main>
+<footer>
+    <div>快手快聘 · VOC 深度洞察报告</div>
+    <div class="meta">数据来源：TikHub API 快手评论采集 | VOC 7,902条 | 视频380条 | 19个关键词 | 播放量9,455万</div>
+    <div class="meta">数据截至：2026年4月 | 报告版本：v7</div>
+</footer>
+<script>
+(function(){
+    const slides=document.querySelectorAll('.report-section');
+    const nav=document.getElementById('navRail');
+    const now=document.getElementById('slideNow');
+    const bar=document.getElementById('slideBar');
+    const total=document.getElementById('slideTotal');
+    const progress=document.getElementById('progressLine');
+    const tips=['封面','执行摘要','快聘生态','心理洞察','薪资权益','风险焦虑','信任机制','机会建议','4P策略','VOC锚点'];
+    let current=0;
+    tips.forEach((t,i)=>{const d=document.createElement('div');d.className='nav-dot';d.setAttribute('data-tip',t);d.addEventListener('click',()=>slides[i]&&slides[i].scrollIntoView({behavior:'smooth'}));nav.appendChild(d);});
+    const update=()=>{const idx=Math.round(window.scrollY/window.innerHeight);current=Math.max(0,Math.min(idx,slides.length-1));now.textContent=String(current+1).padStart(2,'0');bar.style.setProperty('--pct',((current+1)/slides.length*100)+'%');progress.style.width=((current+1)/slides.length*100)+'%';document.querySelectorAll('.nav-dot').forEach((d,i)=>{d.classList.toggle('active',i===current);});};
+    window.addEventListener('scroll',update,{passive:true});
+    document.addEventListener('keydown',e=>{if(e.key==='ArrowDown'||e.key==='PageDown'){e.preventDefault();slides[current+1]&&slides[current+1].scrollIntoView({behavior:'smooth'});}else if(e.key==='ArrowUp'||e.key==='PageUp'){e.preventDefault();slides[current-1]&&slides[current-1].scrollIntoView({behavior:'smooth'});}});
+    document.querySelectorAll('.kbd-hint')[0]&&document.querySelectorAll('.kbd-hint')[0].classList.add('fade');
+    window.addEventListener('scroll',()=>{document.querySelectorAll('.kbd-hint')[0]&&document.querySelectorAll('.kbd-hint')[0].classList.add('fade');},{passive:true});
+    total.textContent=String(slides.length).padStart(2,'0');
+    update();
+    document.documentElement.classList.add('js');
+    const observer=new IntersectionObserver(entries=>{entries.forEach(e=>{if(e.isIntersecting){e.target.classList.add('in-view');const fadeups=e.target.querySelectorAll('.fade-up');fadeups.forEach((el,i)=>setTimeout(()=>el.classList.add('is-visible'),i*100));}}});slides.forEach(s=>observer.observe(s));
+})();
+</script>
+</body>
+</html>

reports/ks-lanlingqiuzhi/ks-voc-insight-report-v8.html

@@ -0,0 +1,2652 @@
+<!DOCTYPE html>
+<html lang="zh-CN">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width,initial-scale=1.0">
+    <title>快手快聘 · VOC 深度洞察报告 v8</title>
+    <style>
+        :root {
+            --bg-0: #0A0A0A;
+            --bg-1: #111111;
+            --bg-2: #1A1A1A;
+            --bg-3: #252525;
+            --border: rgba(255, 255, 255, 0.08);
+            --border-strong: rgba(255, 255, 255, 0.16);
+            --text-1: #F5F5F5;
+            --text-2: #A8A8A8;
+            --text-3: #6B6B6B;
+            --amber: #F5A623;
+            --amber-glow: rgba(245, 166, 35, 0.15);
+            --green: #00DC82;
+            --purple: #8B5CF6;
+            --rose: #FF4D8D;
+            --blue: #3B82F6;
+            --red: #EF4444;
+            --orange: #F97316;
+            --cyan: #06B6D4;
+            --font-head: 'Inter', 'Noto Sans SC', 'PingFang SC', 'Microsoft YaHei', sans-serif;
+            --font-body: 'Noto Sans SC', 'Inter', 'PingFang SC', 'Microsoft YaHei', sans-serif;
+            --font-mono: 'JetBrains Mono', 'SF Mono', 'Fira Code', monospace;
+            --max-w: 1280px;
+            --radius-sm: 8px;
+            --radius-md: 12px;
+            --radius-lg: 20px;
+        }
+
+        * {
+            margin: 0;
+            padding: 0;
+            box-sizing: border-box;
+        }
+
+        html {
+            scroll-behavior: smooth;
+            font-size: 16px;
+            scroll-snap-type: y proximity;
+        }
+
+        body {
+            font-family: var(--font-body);
+            background: var(--bg-0);
+            color: var(--text-1);
+            line-height: 1.65;
+            -webkit-font-smoothing: antialiased;
+            overflow-x: hidden;
+        }
+
+        body::before {
+            content: '';
+            position: fixed;
+            inset: 0;
+            pointer-events: none;
+            z-index: 0;
+            background:
+                radial-gradient(ellipse 900px 700px at var(--amb-x, 20%) var(--amb-y, 25%), rgba(245, 166, 35, 0.10), transparent 60%),
+                radial-gradient(ellipse 800px 600px at calc(100% - var(--amb-x, 20%)) calc(100% - var(--amb-y, 25%)), rgba(139, 92, 246, 0.07), transparent 60%);
+            transition: background 1.4s cubic-bezier(.2, .7, .2, 1);
+        }
+
+        body::after {
+            content: '';
+            position: fixed;
+            inset: 0;
+            pointer-events: none;
+            z-index: 0;
+            background-image:
+                linear-gradient(rgba(255, 255, 255, 0.015) 1px, transparent 1px),
+                linear-gradient(90deg, rgba(255, 255, 255, 0.015) 1px, transparent 1px);
+            background-size: 80px 80px;
+            mask-image: radial-gradient(ellipse 90% 95% at 50% 50%, black 0%, transparent 85%);
+            -webkit-mask-image: radial-gradient(ellipse 90% 95% at 50% 50%, black 0%, transparent 85%);
+        }
+
+        main.deck {
+            position: relative;
+            z-index: 1;
+        }
+
+        ::selection {
+            background: var(--amber);
+            color: #000;
+        }
+
+        .text-hero {
+            font-family: var(--font-head);
+            font-weight: 900;
+            letter-spacing: -0.04em;
+            line-height: 0.95;
+            font-size: clamp(4rem, 12vw, 10rem);
+        }
+
+        .text-poster {
+            font-family: var(--font-head);
+            font-weight: 800;
+            letter-spacing: -0.03em;
+            line-height: 1.05;
+            font-size: clamp(2.5rem, 6vw, 5rem);
+        }
+
+        .text-h1 {
+            font-family: var(--font-head);
+            font-weight: 700;
+            letter-spacing: -0.02em;
+            line-height: 1.1;
+            font-size: clamp(2rem, 4vw, 3.5rem);
+        }
+
+        .text-h2 {
+            font-family: var(--font-head);
+            font-weight: 700;
+            letter-spacing: -0.015em;
+            line-height: 1.2;
+            font-size: clamp(1.4rem, 2.5vw, 2rem);
+        }
+
+        .text-h3 {
+            font-weight: 600;
+            font-size: clamp(1.05rem, 1.6vw, 1.3rem);
+            letter-spacing: -0.01em;
+        }
+
+        .text-body {
+            font-size: clamp(0.92rem, 1.1vw, 1rem);
+            line-height: 1.75;
+            color: var(--text-2);
+        }
+
+        .text-sm {
+            font-size: 0.85rem;
+            color: var(--text-2);
+        }
+
+        .text-xs {
+            font-size: 0.72rem;
+            color: var(--text-3);
+        }
+
+        .text-mono {
+            font-family: var(--font-mono);
+        }
+
+        .text-amber {
+            color: var(--amber);
+        }
+
+        .text-green {
+            color: var(--green);
+        }
+
+        .text-purple {
+            color: var(--purple);
+        }
+
+        .text-rose {
+            color: var(--rose);
+        }
+
+        .text-blue {
+            color: var(--blue);
+        }
+
+        .text-red {
+            color: var(--red);
+        }
+
+        .text-orange {
+            color: var(--orange);
+        }
+
+        section.report-section {
+            min-height: 100vh;
+            padding: clamp(60px, 10vh, 120px) clamp(24px, 6vw, 80px);
+            position: relative;
+            border-bottom: 1px solid var(--border);
+            display: flex;
+            flex-direction: column;
+            justify-content: center;
+            scroll-snap-align: start;
+            scroll-snap-stop: always;
+            overflow: hidden;
+            isolation: isolate;
+        }
+
+        section.report-section::before {
+            content: attr(data-slide-num);
+            position: absolute;
+            top: clamp(20px, 3vh, 36px);
+            right: clamp(24px, 4vw, 60px);
+            font-family: var(--font-mono);
+            font-weight: 600;
+            font-size: clamp(0.68rem, 0.75vw, 0.78rem);
+            letter-spacing: 0.25em;
+            color: var(--text-3);
+            z-index: 4;
+            pointer-events: none;
+        }
+
+        section.report-section::after {
+            content: '';
+            position: absolute;
+            inset: 0;
+            pointer-events: none;
+            z-index: -1;
+            background:
+                radial-gradient(ellipse 70% 60% at 85% 15%, var(--slide-glow-1, rgba(245, 166, 35, 0.06)), transparent 55%),
+                radial-gradient(ellipse 60% 50% at 15% 85%, var(--slide-glow-2, rgba(139, 92, 246, 0.04)), transparent 55%);
+            opacity: 0;
+            transition: opacity 1s cubic-bezier(.2, .7, .2, 1);
+        }
+
+        section.report-section.in-view::after {
+            opacity: 1;
+        }
+
+        section[data-tone="amber"] {
+            --slide-glow-1: rgba(245, 166, 35, 0.10);
+            --slide-glow-2: rgba(245, 166, 35, 0.04);
+        }
+
+        section[data-tone="rose"] {
+            --slide-glow-1: rgba(255, 77, 141, 0.09);
+            --slide-glow-2: rgba(255, 77, 141, 0.04);
+        }
+
+        section[data-tone="green"] {
+            --slide-glow-1: rgba(0, 220, 130, 0.08);
+            --slide-glow-2: rgba(0, 220, 130, 0.03);
+        }
+
+        section[data-tone="purple"] {
+            --slide-glow-1: rgba(139, 92, 246, 0.10);
+            --slide-glow-2: rgba(139, 92, 246, 0.04);
+        }
+
+        section[data-tone="blue"] {
+            --slide-glow-1: rgba(59, 130, 246, 0.08);
+            --slide-glow-2: rgba(59, 130, 246, 0.03);
+        }
+
+        section[data-tone="orange"] {
+            --slide-glow-1: rgba(249, 115, 22, 0.10);
+            --slide-glow-2: rgba(249, 115, 22, 0.04);
+        }
+
+        .cover-hero {
+            position: absolute;
+            inset: 0;
+            display: flex;
+            flex-direction: column;
+            justify-content: center;
+            padding: clamp(40px, 8vh, 100px) clamp(24px, 6vw, 80px);
+            background:
+                radial-gradient(ellipse 60% 80% at 30% 30%, rgba(245, 166, 35, 0.08) 0%, transparent 70%),
+                radial-gradient(ellipse 40% 60% at 80% 70%, rgba(139, 92, 246, 0.05) 0%, transparent 70%),
+                var(--bg-0);
+        }
+
+        .cover-grid-bg {
+            position: absolute;
+            inset: 0;
+            background-image:
+                linear-gradient(rgba(255, 255, 255, 0.025) 1px, transparent 1px),
+                linear-gradient(90deg, rgba(255, 255, 255, 0.025) 1px, transparent 1px);
+            background-size: 60px 60px;
+            mask-image: radial-gradient(ellipse 80% 80% at 50% 50%, black 0%, transparent 70%);
+            -webkit-mask-image: radial-gradient(ellipse 80% 80% at 50% 50%, black 0%, transparent 70%);
+        }
+
+        .cover-content {
+            position: relative;
+            z-index: 2;
+            max-width: var(--max-w);
+        }
+
+        .cover-meta {
+            display: flex;
+            align-items: center;
+            gap: 16px;
+            font-family: var(--font-mono);
+            font-size: 0.78rem;
+            color: var(--text-3);
+            letter-spacing: 0.18em;
+            text-transform: uppercase;
+            margin-bottom: 32px;
+        }
+
+        .cover-meta::before {
+            content: '';
+            width: 32px;
+            height: 2px;
+            background: var(--amber);
+        }
+
+        .cover-title {
+            font-family: var(--font-head);
+            font-weight: 900;
+            letter-spacing: -0.04em;
+            line-height: 0.92;
+            font-size: clamp(3.5rem, 11vw, 9rem);
+            color: #fff;
+            background: linear-gradient(135deg, #fff 30%, rgba(245, 166, 35, 0.9) 100%);
+            -webkit-background-clip: text;
+            background-clip: text;
+            -webkit-text-fill-color: transparent;
+        }
+
+        .cover-sub {
+            font-size: clamp(1rem, 1.6vw, 1.4rem);
+            color: var(--text-2);
+            max-width: 780px;
+            margin-top: 32px;
+            line-height: 1.7;
+        }
+
+        .cover-stats {
+            display: grid;
+            grid-template-columns: repeat(4, 1fr);
+            gap: clamp(12px, 2vw, 28px);
+            margin-top: clamp(48px, 8vh, 96px);
+            padding-top: clamp(24px, 4vh, 48px);
+            border-top: 1px solid var(--border);
+            max-width: 900px;
+        }
+
+        .cover-stat .num {
+            font-family: var(--font-head);
+            font-weight: 800;
+            font-size: clamp(1.6rem, 2.8vw, 2.4rem);
+            letter-spacing: -0.02em;
+            color: var(--amber);
+        }
+
+        .cover-stat .lbl {
+            font-size: 0.78rem;
+            color: var(--text-3);
+            margin-top: 4px;
+            font-family: var(--font-mono);
+            letter-spacing: 0.05em;
+            text-transform: uppercase;
+        }
+
+        @media(max-width:720px) {
+            .cover-stats {
+                grid-template-columns: repeat(2, 1fr);
+            }
+        }
+
+        .nav-rail {
+            position: fixed;
+            left: clamp(16px, 2vw, 32px);
+            top: 50%;
+            transform: translateY(-50%);
+            z-index: 100;
+            display: flex;
+            flex-direction: column;
+            gap: 12px;
+        }
+
+        .nav-dot {
+            width: 32px;
+            height: 3px;
+            border-radius: 2px;
+            background: rgba(255, 255, 255, 0.14);
+            cursor: pointer;
+            transition: all 0.5s cubic-bezier(.2, .7, .2, 1);
+            position: relative;
+            display: flex;
+            align-items: center;
+        }
+
+        .nav-dot.active {
+            background: var(--amber);
+            width: 48px;
+            box-shadow: 0 0 12px rgba(245, 166, 35, 0.4);
+        }
+
+        .nav-dot:hover {
+            background: rgba(255, 255, 255, 0.3);
+        }
+
+        .nav-dot::after {
+            content: attr(data-tip);
+            position: absolute;
+            left: calc(100% + 16px);
+            top: 50%;
+            transform: translateY(-50%) translateX(-6px);
+            background: rgba(20, 20, 20, 0.92);
+            backdrop-filter: blur(8px);
+            border: 1px solid var(--border);
+            padding: 6px 12px;
+            border-radius: 6px;
+            font-size: 0.72rem;
+            color: var(--text-1);
+            white-space: nowrap;
+            opacity: 0;
+            pointer-events: none;
+            transition: opacity 0.25s ease, transform 0.25s ease;
+            font-family: var(--font-mono);
+            letter-spacing: 0.04em;
+        }
+
+        .nav-dot:hover::after,
+        .nav-dot.active::after {
+            opacity: 1;
+            transform: translateY(-50%) translateX(0);
+        }
+
+        .progress-line {
+            position: fixed;
+            top: 0;
+            left: 0;
+            height: 2px;
+            background: linear-gradient(90deg, var(--amber), var(--rose));
+            z-index: 1000;
+            width: 0%;
+            transition: width 0.3s ease;
+        }
+
+        .top-bar {
+            position: fixed;
+            top: 0;
+            left: 0;
+            right: 0;
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+            padding: 18px clamp(24px, 4vw, 48px);
+            z-index: 99;
+            pointer-events: none;
+            background: linear-gradient(180deg, rgba(10, 10, 10, 0.85) 0%, transparent 100%);
+        }
+
+        .brand-logo {
+            font-family: var(--font-head);
+            font-weight: 900;
+            font-size: 0.88rem;
+            letter-spacing: 0.2em;
+        }
+
+        .brand-logo .dot {
+            color: var(--amber);
+        }
+
+        .slide-counter {
+            position: fixed;
+            left: clamp(16px, 2vw, 28px);
+            bottom: clamp(16px, 2vh, 28px);
+            z-index: 100;
+            display: flex;
+            align-items: center;
+            gap: 8px;
+            padding: 8px 14px;
+            border-radius: 999px;
+            background: rgba(20, 20, 20, 0.85);
+            backdrop-filter: blur(16px);
+            border: 1px solid var(--border-strong);
+            font-family: var(--font-mono);
+            font-size: 0.74rem;
+            letter-spacing: 0.1em;
+            color: var(--text-2);
+        }
+
+        .slide-counter .now {
+            color: var(--amber);
+            font-weight: 700;
+        }
+
+        .slide-counter .bar {
+            width: 60px;
+            height: 2px;
+            background: rgba(255, 255, 255, 0.1);
+            border-radius: 2px;
+            overflow: hidden;
+        }
+
+        .slide-counter .bar::after {
+            content: '';
+            display: block;
+            height: 100%;
+            width: var(--pct, 0%);
+            background: linear-gradient(90deg, var(--amber), var(--rose));
+            transition: width 0.6s cubic-bezier(.2, .7, .2, 1);
+        }
+
+        .kbd-hint {
+            position: fixed;
+            right: clamp(16px, 2vw, 28px);
+            bottom: clamp(16px, 2vh, 28px);
+            z-index: 100;
+            display: flex;
+            align-items: center;
+            gap: 10px;
+            padding: 10px 16px;
+            border-radius: 999px;
+            background: rgba(20, 20, 20, 0.85);
+            backdrop-filter: blur(16px);
+            border: 1px solid var(--border-strong);
+            font-family: var(--font-mono);
+            font-size: 0.72rem;
+            color: var(--text-2);
+            letter-spacing: 0.04em;
+            transition: opacity 0.6s ease, transform 0.6s ease;
+        }
+
+        .kbd-hint.fade {
+            opacity: 0;
+            transform: translateY(12px);
+            pointer-events: none;
+        }
+
+        .kbd-hint kbd {
+            display: inline-flex;
+            align-items: center;
+            justify-content: center;
+            min-width: 22px;
+            height: 22px;
+            padding: 0 6px;
+            background: var(--bg-3);
+            border: 1px solid var(--border-strong);
+            border-radius: 4px;
+            font-size: 0.7rem;
+            font-family: var(--font-mono);
+            color: var(--text-1);
+            box-shadow: 0 1px 0 rgba(0, 0, 0, 0.4);
+        }
+
+        .section-inner {
+            width: 100%;
+            max-width: var(--max-w);
+            margin: 0 auto;
+            position: relative;
+        }
+
+        .section-head {
+            margin-bottom: clamp(32px, 5vh, 64px);
+        }
+
+        .section-eyebrow {
+            display: inline-flex;
+            align-items: center;
+            gap: 10px;
+            font-family: var(--font-mono);
+            font-size: 0.72rem;
+            letter-spacing: 0.18em;
+            text-transform: uppercase;
+            color: var(--amber);
+            font-weight: 500;
+            margin-bottom: 18px;
+        }
+
+        .section-eyebrow::before {
+            content: '';
+            display: inline-block;
+            width: 24px;
+            height: 1px;
+            background: var(--amber);
+        }
+
+        .section-sub {
+            color: var(--text-2);
+            font-size: 1.05rem;
+            max-width: 720px;
+            margin-top: 14px;
+            line-height: 1.8;
+        }
+
+        .grid {
+            display: grid;
+            gap: clamp(14px, 1.6vw, 22px);
+        }
+
+        .grid-2 {
+            grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
+        }
+
+        .grid-3 {
+            grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
+        }
+
+        .grid-4 {
+            grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
+        }
+
+        .card {
+            background: linear-gradient(180deg, rgba(255, 255, 255, 0.025) 0%, rgba(255, 255, 255, 0.008) 100%), var(--bg-1);
+            border: 1px solid var(--border);
+            border-radius: var(--radius-md);
+            padding: clamp(20px, 2.2vw, 32px);
+            position: relative;
+            backdrop-filter: blur(8px);
+            -webkit-backdrop-filter: blur(8px);
+            transition: transform 0.4s cubic-bezier(.2, .7, .2, 1), border-color 0.3s ease, box-shadow 0.4s ease;
+        }
+
+        .card:hover {
+            border-color: var(--border-strong);
+            transform: translateY(-3px);
+            box-shadow: 0 12px 40px rgba(0, 0, 0, 0.35), 0 0 0 1px rgba(245, 166, 35, 0.08);
+        }
+
+        .card.card-glow {
+            box-shadow: 0 0 60px rgba(245, 166, 35, 0.12), 0 0 120px rgba(245, 166, 35, 0.06);
+        }
+
+        .card.card-glow-green {
+            box-shadow: 0 0 60px rgba(0, 220, 130, 0.12), 0 0 120px rgba(0, 220, 130, 0.06);
+        }
+
+        .card.card-glow-rose {
+            box-shadow: 0 0 60px rgba(255, 77, 141, 0.12), 0 0 120px rgba(255, 77, 141, 0.06);
+        }
+
+        .card-accent {
+            border-left: 3px solid var(--amber);
+            border-top: 1px solid var(--border);
+            border-right: 1px solid var(--border);
+            border-bottom: 1px solid var(--border);
+        }
+
+        .metric {
+            background: var(--bg-1);
+            border: 1px solid var(--border);
+            border-radius: var(--radius-md);
+            padding: clamp(24px, 2.5vw, 36px);
+            position: relative;
+            overflow: hidden;
+        }
+
+        .metric::before {
+            content: '';
+            position: absolute;
+            top: 0;
+            left: 0;
+            right: 0;
+            height: 2px;
+            background: linear-gradient(90deg, var(--amber), transparent);
+            opacity: 0.6;
+        }
+
+        .metric .metric-label {
+            font-family: var(--font-mono);
+            font-size: 0.7rem;
+            letter-spacing: 0.15em;
+            text-transform: uppercase;
+            color: var(--text-3);
+            margin-bottom: 10px;
+        }
+
+        .metric .metric-value {
+            font-family: var(--font-head);
+            font-weight: 800;
+            font-size: clamp(2.2rem, 4vw, 3.5rem);
+            letter-spacing: -0.03em;
+            line-height: 1;
+            color: var(--text-1);
+            margin-bottom: 8px;
+        }
+
+        .metric .metric-unit {
+            font-family: var(--font-mono);
+            font-size: 0.85rem;
+            color: var(--amber);
+            font-weight: 500;
+        }
+
+        .metric .metric-sub {
+            margin-top: 14px;
+            font-size: 0.82rem;
+            color: var(--text-2);
+            line-height: 1.5;
+        }
+
+        .voice-card {
+            background: var(--bg-1);
+            border: 1px solid var(--border);
+            border-radius: var(--radius-md);
+            padding: 20px 24px;
+            margin-bottom: 14px;
+            transition: all 0.3s ease;
+            position: relative;
+            overflow: visible;
+        }
+
+        .voice-card::before {
+            content: '';
+            position: absolute;
+            top: 0;
+            bottom: 0;
+            left: 0;
+            width: 3px;
+            height: auto;
+            background: var(--rose);
+            opacity: 0.6;
+            transition: opacity 0.3s;
+            border-radius: var(--radius-md) 0 0 var(--radius-md);
+        }
+
+        .voice-card.hot {
+            border-color: rgba(245, 166, 35, 0.3);
+        }
+
+        .voice-card.hot::before {
+            opacity: 1;
+            background: var(--amber);
+        }
+
+        .voice-card:hover {
+            transform: translateY(-2px);
+            box-shadow: 0 8px 24px rgba(0, 0, 0, 0.3);
+            border-color: var(--border-strong);
+        }
+
+        .voice-card .voice-content {
+            font-size: 0.96rem;
+            line-height: 1.7;
+            color: var(--text-1);
+            margin: 12px 0;
+            font-weight: 400;
+        }
+
+        .voice-card .voice-meta {
+            display: flex;
+            gap: 8px;
+            flex-wrap: wrap;
+        }
+
+        .voice-tag {
+            display: inline-flex;
+            padding: 3px 10px;
+            background: rgba(255, 77, 141, 0.1);
+            color: var(--rose);
+            border-radius: 4px;
+            font-size: 0.72rem;
+            font-weight: 500;
+        }
+
+        .voice-card.hot .voice-tag {
+            background: rgba(245, 166, 35, 0.1);
+            color: var(--amber);
+        }
+
+        .tag {
+            display: inline-flex;
+            align-items: center;
+            gap: 6px;
+            padding: 4px 10px;
+            border-radius: 4px;
+            font-size: 0.72rem;
+            font-weight: 500;
+            letter-spacing: 0.02em;
+            font-family: var(--font-head);
+            background: rgba(245, 166, 35, 0.1);
+            color: var(--amber);
+            border: 1px solid rgba(245, 166, 35, 0.22);
+        }
+
+        .tag.green {
+            background: rgba(0, 220, 130, 0.08);
+            color: var(--green);
+            border-color: rgba(0, 220, 130, 0.2);
+        }
+
+        .tag.purple {
+            background: rgba(139, 92, 246, 0.08);
+            color: var(--purple);
+            border-color: rgba(139, 92, 246, 0.2);
+        }
+
+        .tag.rose {
+            background: rgba(255, 77, 141, 0.08);
+            color: var(--rose);
+            border-color: rgba(255, 77, 141, 0.2);
+        }
+
+        .tag.blue {
+            background: rgba(59, 130, 246, 0.08);
+            color: var(--blue);
+            border-color: rgba(59, 130, 246, 0.2);
+        }
+
+        .tag.orange {
+            background: rgba(249, 115, 22, 0.08);
+            color: var(--orange);
+            border-color: rgba(249, 115, 22, 0.2);
+        }
+
+        .tag.red {
+            background: rgba(239, 68, 68, 0.08);
+            color: var(--red);
+            border-color: rgba(239, 68, 68, 0.2);
+        }
+
+        .insight-strip {
+            display: grid;
+            grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
+            gap: 14px;
+        }
+
+        .insight-pill {
+            padding: 16px 18px;
+            border-radius: 12px;
+            background: rgba(255, 255, 255, 0.03);
+            border: 1px solid var(--border);
+        }
+
+        .stack-list {
+            display: grid;
+            gap: 12px;
+        }
+
+        .stack-item {
+            display: flex;
+            gap: 12px;
+            align-items: flex-start;
+            padding: 14px 16px;
+            border-radius: 12px;
+            background: rgba(255, 255, 255, 0.02);
+            border: 1px solid var(--border);
+        }
+
+        .stack-dot {
+            width: 10px;
+            height: 10px;
+            border-radius: 50%;
+            margin-top: 8px;
+            flex: 0 0 auto;
+        }
+
+        .table-card {
+            overflow: auto;
+        }
+
+        table.clean {
+            width: 100%;
+            border-collapse: collapse;
+            font-size: 0.9rem;
+        }
+
+        table.clean th,
+        table.clean td {
+            padding: 12px 10px;
+            border-bottom: 1px solid var(--border);
+            text-align: left;
+            vertical-align: top;
+        }
+
+        table.clean th {
+            font-family: var(--font-mono);
+            font-size: 0.72rem;
+            letter-spacing: 0.1em;
+            text-transform: uppercase;
+            color: var(--text-3);
+            background: var(--bg-1);
+        }
+
+        table.clean td {
+            color: var(--text-1);
+        }
+
+        table.data-tbl {
+            width: 100%;
+            border-collapse: collapse;
+            font-size: 0.88rem;
+        }
+
+        .data-tbl thead th {
+            text-align: left;
+            padding: 14px 16px;
+            background: var(--bg-1);
+            border-bottom: 1px solid var(--border);
+            font-family: var(--font-mono);
+            font-size: 0.72rem;
+            letter-spacing: 0.08em;
+            text-transform: uppercase;
+            color: var(--text-3);
+        }
+
+        .data-tbl tbody td {
+            padding: 14px 16px;
+            border-bottom: 1px solid var(--border);
+            color: var(--text-1);
+            vertical-align: middle;
+        }
+
+        .data-tbl tbody tr:last-child td {
+            border-bottom: none;
+        }
+
+        .data-tbl tbody tr:hover {
+            background: rgba(255, 255, 255, 0.02);
+        }
+
+        .data-tbl .tb-num {
+            font-family: var(--font-mono);
+            font-weight: 600;
+            color: var(--amber);
+        }
+
+        .table-wrap {
+            overflow-x: auto;
+            border-radius: var(--radius-md);
+            border: 1px solid var(--border);
+        }
+
+        .quote-card {
+            background: var(--bg-1);
+            border: 1px solid var(--border);
+            border-radius: var(--radius-md);
+            padding: 20px 24px;
+            transition: all 0.3s ease;
+        }
+
+        .quote-card:hover {
+            border-color: var(--border-strong);
+            transform: translateY(-2px);
+            box-shadow: 0 8px 24px rgba(0, 0, 0, 0.3);
+        }
+
+        .quote-text {
+            font-size: 0.95rem;
+            line-height: 1.7;
+            color: var(--text-1);
+            font-weight: 400;
+        }
+
+        .cover-hero .aurora {
+            position: absolute;
+            inset: 0;
+            pointer-events: none;
+            overflow: hidden;
+            z-index: 1;
+        }
+
+        .cover-hero .aurora span {
+            position: absolute;
+            border-radius: 50%;
+            filter: blur(80px);
+            opacity: 0.5;
+        }
+
+        .cover-hero .aurora span:nth-child(1) {
+            width: 500px;
+            height: 500px;
+            background: rgba(245, 166, 35, 0.35);
+            top: -10%;
+            left: 10%;
+            animation: aurora-drift-1 18s ease-in-out infinite alternate;
+        }
+
+        .cover-hero .aurora span:nth-child(2) {
+            width: 420px;
+            height: 420px;
+            background: rgba(139, 92, 246, 0.30);
+            bottom: -8%;
+            right: 10%;
+            animation: aurora-drift-2 22s ease-in-out infinite alternate;
+        }
+
+        .cover-hero .aurora span:nth-child(3) {
+            width: 300px;
+            height: 300px;
+            background: rgba(0, 220, 130, 0.22);
+            top: 40%;
+            left: 55%;
+            animation: aurora-drift-3 26s ease-in-out infinite alternate;
+        }
+
+        @keyframes aurora-drift-1 {
+            from {
+                transform: translate(0, 0) scale(1);
+            }
+
+            to {
+                transform: translate(60px, 80px) scale(1.2);
+            }
+        }
+
+        @keyframes aurora-drift-2 {
+            from {
+                transform: translate(0, 0) scale(1);
+            }
+
+            to {
+                transform: translate(-80px, -60px) scale(1.15);
+            }
+        }
+
+        @keyframes aurora-drift-3 {
+            from {
+                transform: translate(0, 0) scale(1);
+            }
+
+            to {
+                transform: translate(-100px, 40px) scale(1.3);
+            }
+        }
+
+        @media(prefers-reduced-motion:reduce) {
+            .cover-hero .aurora span {
+                animation: none;
+            }
+        }
+
+        .insight-banner {
+            min-height: 260px;
+            background: var(--bg-1);
+            border: 1px solid var(--border);
+            border-radius: var(--radius-md);
+            padding: clamp(32px, 4vw, 56px);
+            display: flex;
+            flex-direction: column;
+            justify-content: space-between;
+            gap: 32px;
+            position: relative;
+            overflow: hidden;
+            margin-bottom: 28px;
+        }
+
+        .insight-banner::before {
+            content: attr(data-num);
+            position: absolute;
+            top: 16px;
+            right: 24px;
+            font-family: var(--font-head);
+            font-weight: 900;
+            font-size: clamp(4rem, 9vw, 7rem);
+            line-height: 1;
+            color: var(--bg-3);
+            letter-spacing: -0.05em;
+            pointer-events: none;
+        }
+
+        .insight-banner h3 {
+            font-family: var(--font-head);
+            font-weight: 800;
+            font-size: clamp(1.5rem, 2.8vw, 2.2rem);
+            letter-spacing: -0.02em;
+            line-height: 1.25;
+            color: var(--text-1);
+            max-width: 85%;
+        }
+
+        .insight-banner h3 strong,
+        .insight-banner h3 span {
+            color: var(--amber);
+            font-weight: 900;
+        }
+
+        .insight-banner .insight-body {
+            color: var(--text-2);
+            font-size: 1rem;
+            line-height: 1.75;
+            max-width: 85%;
+        }
+
+        .insight-banner .insight-data {
+            display: flex;
+            gap: 24px;
+            margin-top: 16px;
+            padding-top: 20px;
+            border-top: 1px solid var(--border);
+        }
+
+        .insight-banner .insight-data .dp {
+            display: flex;
+            flex-direction: column;
+            gap: 2px;
+        }
+
+        .insight-banner .insight-data .num {
+            font-family: var(--font-mono);
+            font-size: 1.3rem;
+            font-weight: 700;
+            color: var(--amber);
+        }
+
+        .insight-banner .insight-data .lbl {
+            font-size: 0.72rem;
+            color: var(--text-3);
+            text-transform: uppercase;
+            letter-spacing: 0.1em;
+        }
+
+        .fade-up {
+            opacity: 1;
+            transform: none;
+            transition: opacity 0.9s cubic-bezier(.16, .84, .33, 1), transform 0.9s cubic-bezier(.16, .84, .33, 1);
+        }
+
+        html.js .fade-up {
+            opacity: 0;
+            transform: translateY(32px);
+            will-change: opacity, transform;
+        }
+
+        html.js .fade-up.is-visible {
+            opacity: 1;
+            transform: translateY(0);
+        }
+
+        footer {
+            text-align: center;
+            padding: 48px clamp(24px, 6vw, 80px);
+            border-top: 1px solid var(--border);
+            color: var(--text-3);
+            font-size: 0.8rem;
+            background: var(--bg-0);
+        }
+
+        footer .meta {
+            font-family: var(--font-mono);
+            letter-spacing: 0.12em;
+            text-transform: uppercase;
+            margin-top: 8px;
+            font-size: 0.7rem;
+        }
+
+        @media(max-width:900px) {
+            .nav-rail {
+                display: none;
+            }
+        }
+    </style>
+</head>
+
+<body>
+
+    <div class="progress-line" id="progressLine"></div>
+
+    <header class="top-bar">
+        <div class="brand-logo">快手快聘<span class="dot">·</span>VOC</div>
+    </header>
+
+    <nav class="nav-rail" id="navRail"></nav>
+
+    <div class="slide-counter">
+        <span class="now" id="slideNow">01</span>
+        <div class="bar">
+            <div id="slideBar"></div>
+        </div>
+        <span id="slideTotal">13</span>
+    </div>
+
+    <div class="kbd-hint"><kbd>↓</kbd><kbd>↑</kbd> 滚动切换</div>
+
+    <main class="deck">
+
+        <!-- ═══ COVER ══════════════════════════════════════════════════════════════ -->
+        <section class="report-section" data-slide-num="COVER" data-tone="amber" style="position:relative;">
+            <div class="cover-grid-bg"></div>
+            <div class="aurora"><span></span><span></span><span></span></div>
+            <div class="cover-hero">
+                <div class="section-eyebrow" style="margin-bottom:24px;">VOC 深度洞察报告 · v8</div>
+                <h1 class="cover-title">快手蓝领求职</h1>
+                <p class="cover-sub">
+                    基于 <span style="color:var(--amber);font-weight:700;">380</span> 条视频、
+                    <span style="color:var(--rose);font-weight:700;">8,173</span> 条评论、
+                    <span style="color:var(--green);font-weight:700;">9,455万</span> 次播放的主题化分析，
+                    回答蓝领在快手求职时"最怕什么、最要什么、为什么会把快手和快聘当成高效率入口"。
+                </p>
+                <div class="insight-strip">
+                    <div class="insight-pill">
+                        <div style="font-size:1.9rem;font-weight:800;color:var(--amber);font-family:var(--font-head);">
+                            19</div>
+                        <div class="text-xs" style="margin-top:6px;">主题关键词文件</div>
+                    </div>
+                    <div class="insight-pill">
+                        <div style="font-size:1.9rem;font-weight:800;color:var(--rose);font-family:var(--font-head);">
+                            4,695</div>
+                        <div class="text-xs" style="margin-top:6px;">风险相关样本</div>
+                    </div>
+                    <div class="insight-pill">
+                        <div style="font-size:1.9rem;font-weight:800;color:var(--green);font-family:var(--font-head);">
+                            3,498</div>
+                        <div class="text-xs" style="margin-top:6px;">需求相关样本</div>
+                    </div>
+                    <div class="insight-pill">
+                        <div style="font-size:1.9rem;font-weight:800;color:var(--blue);font-family:var(--font-head);">
+                            15.1w</div>
+                        <div class="text-xs" style="margin-top:6px;">最高点赞单条</div>
+                    </div>
+                </div>
+                <div class="text-xs" style="color:var(--text-3);margin-top:28px;">数据截至：2026/4/24 ·
+                    数据目录：docs/KS-Chanel_analysis/raw/KS</div>
+            </div>
+        </section>
+
+        <!-- ═══ CH01 执行摘要 ═══════════════════════════════════════════════════════ -->
+        <section class="report-section" data-slide-num="01" data-tone="amber">
+            <div class="section-inner">
+                <div class="section-head">
+                    <div class="section-eyebrow">Chapter 01</div>
+                    <h2 class="text-h1">执行摘要</h2>
+                    <p class="section-sub">先把这份报告真正想回答的业务问题说清楚，再给出可以直接汇报的结论版。</p>
+                </div>
+                <div class="grid grid-2" style="margin-bottom:24px;">
+                    <div class="card" style="border-left:3px solid var(--rose);">
+                        <div class="text-h2" style="margin-bottom:10px;color:var(--rose);">最担心的不是低薪，而是被骗</div>
+                        <p class="text-body">从风险样本与高赞表达看，蓝领用户最敏感的是虚假招聘、黑中介、押金不退、工资克扣与入职后货不对板。风险焦虑是比价格比较更靠前的决策变量。</p>
+                    </div>
+                    <div class="card" style="border-left:3px solid var(--green);">
+                        <div class="text-h2" style="margin-bottom:10px;color:var(--green);">最看重的是"确定性条件"</div>
+                        <p class="text-body">工资真实、发薪稳定、包吃包住，当天入职、流程简单，这些词反复出现。它们本质上都是在降低求职成本、迁移成本和试错成本。</p>
+                    </div>
+                    <div class="card" style="border-left:3px solid var(--blue);">
+                        <div class="text-h2" style="margin-bottom:10px;color:var(--blue);">快手承接的是短链路求职决策</div>
+                        <p class="text-body">用户通过直播和短视频看环境、看宿舍、看工资口径，再通过评论和私信做真假判断。快手承担了入口、解释、信任建立和转化承接的复合角色。</p>
+                    </div>
+                    <div class="card" style="border-left:3px solid var(--orange);">
+                        <div class="text-h2" style="margin-bottom:10px;color:var(--orange);">快聘的战略位势来自离转化更近</div>
+                        <p class="text-body">如果内部判断"快聘找工作日活几十万简历，战略位势仅次于电商"，那这批 VOC 可以解释原因：需求高频、风险敏感、决策短、转化意图强。</p>
+                    </div>
+                </div>
+                <div class="card">
+                    <div class="section-eyebrow" style="margin-bottom:14px;">Business Questions</div>
+                    <div class="stack-list">
+                        <div class="stack-item">
+                            <span class="stack-dot" style="background:var(--amber);"></span>
+                            <div>蓝领劳工在求职过程中，最担心的、最看重的是什么</div>
+                        </div>
+                        <div class="stack-item">
+                            <span class="stack-dot" style="background:var(--amber);"></span>
+                            <div>快手为什么能成为蓝领求职的重要渠道</div>
+                        </div>
+                        <div class="stack-item">
+                            <span class="stack-dot" style="background:var(--amber);"></span>
+                            <div>用户真正需要的情绪价值是什么</div>
+                        </div>
+                        <div class="stack-item">
+                            <span class="stack-dot" style="background:var(--amber);"></span>
+                            <div>最值得关注的关键词有哪些</div>
+                        </div>
+                        <div class="stack-item">
+                            <span class="stack-dot" style="background:var(--amber);"></span>
+                            <div>快聘为什么有接近招聘核心转化层的战略位势</div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </section>
+
+        <!-- ═══ CH02 数据范围与分析方法 ════════════════════════════════════════════ -->
+        <section class="report-section" data-slide-num="02" data-tone="blue">
+            <div class="section-inner">
+                <div class="section-head">
+                    <div class="section-eyebrow" style="color:var(--blue);">Chapter 02</div>
+                    <h2 class="text-h1">数据范围与分析方法</h2>
+                    <p class="section-sub">这一页补足方法论说明，让整份 HTML 不只是结论页，也是一份可解释的数据汇报页。</p>
+                </div>
+                <div class="grid grid-4" style="margin-bottom:24px;">
+                    <div class="card metric">
+                        <div class="metric-label">关键词文件</div>
+                        <div class="metric-value" style="color:var(--amber);">19</div>
+                        <div class="metric-sub">覆盖快聘、直播带岗、工资、被骗等主题</div>
+                    </div>
+                    <div class="card metric">
+                        <div class="metric-label">视频总量</div>
+                        <div class="metric-value" style="color:var(--blue);">380</div>
+                        <div class="metric-sub">每个主题包含 top_videos 样本</div>
+                    </div>
+                    <div class="card metric">
+                        <div class="metric-label">评论总量</div>
+                        <div class="metric-value" style="color:var(--rose);">8,173</div>
+                        <div class="metric-sub">本次用户需求判断的核心依据</div>
+                    </div>
+                    <div class="card metric">
+                        <div class="metric-label">播放总量</div>
+                        <div class="metric-value" style="color:var(--green);">9,455万</div>
+                        <div class="metric-sub">用于判断主题在快手端的触达热度</div>
+                    </div>
+                </div>
+                <div class="grid grid-2">
+                    <div class="card">
+                        <div class="section-eyebrow" style="color:var(--blue);margin-bottom:14px;">Analysis Logic</div>
+                        <div class="stack-list">
+                            <div class="stack-item">
+                                <span class="stack-dot" style="background:var(--blue);"></span>
+                                <div>以原始 raw/KS/*.json 为准，重新汇总视频文案、评论文本和主题热度。</div>
+                            </div>
+                            <div class="stack-item">
+                                <span class="stack-dot" style="background:var(--green);"></span>
+                                <div>按"风险 / 需求 / 渠道 / 情绪 / 战略位势"做语义聚类，而不是只看单个关键词文件。</div>
+                            </div>
+                            <div class="stack-item">
+                                <span class="stack-dot" style="background:var(--rose);"></span>
+                                <div>通过"词项命中 × 文本热度"识别真正有汇报价值的主题词。</div>
+                            </div>
+                            <div class="stack-item">
+                                <span class="stack-dot" style="background:var(--amber);"></span>
+                                <div>保留高赞视频文案和评论样本，方便直接放进管理层汇报或研究结论里。</div>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="card table-card">
+                        <div class="section-eyebrow" style="color:var(--cyan);margin-bottom:14px;">Data Snapshot</div>
+                        <table class="clean">
+                            <thead>
+                                <tr>
+                                    <th>指标</th>
+                                    <th>数值</th>
+                                    <th>说明</th>
+                                </tr>
+                            </thead>
+                            <tbody>
+                                <tr>
+                                    <td>总点赞量</td>
+                                    <td>1,088,514</td>
+                                    <td>用于估算主题互动强度</td>
+                                </tr>
+                                <tr>
+                                    <td>最高单条热度</td>
+                                    <td>20.3w</td>
+                                    <td>高热视频与高赞评论共同构成综合热度</td>
+                                </tr>
+                                <tr>
+                                    <td>风险样本</td>
+                                    <td>4,695</td>
+                                    <td>"骗 / 坑 / 中介 / 押金 / 克扣"相关</td>
+                                </tr>
+                                <tr>
+                                    <td>需求样本</td>
+                                    <td>3,498</td>
+                                    <td>"工资 / 吃住 / 发薪 / 入职"相关</td>
+                                </tr>
+                                <tr>
+                                    <td>渠道样本</td>
+                                    <td>2,454</td>
+                                    <td>"快聘 / 直播带岗 / 蓝领找工作"相关</td>
+                                </tr>
+                            </tbody>
+                        </table>
+                    </div>
+                </div>
+            </div>
+        </section>
+
+        <!-- ═══ CH03 最担心什么 ═══════════════════════════════════════════════════ -->
+        <section class="report-section" data-slide-num="03" data-tone="rose">
+            <div class="section-inner">
+                <div class="section-head">
+                    <div class="section-eyebrow" style="color:var(--rose);">Chapter 03</div>
+                    <h2 class="text-h1">蓝领求职最担心什么</h2>
+                    <p class="section-sub">风险不是单点事件，而是从"看到岗位"到"真正入职"全链路的不确定性。这也是快手求职场里最强烈的底层情绪。</p>
+                </div>
+                <div class="grid grid-3" style="margin-bottom:24px;">
+                    <div class="card metric">
+                        <div class="metric-label">风险样本</div>
+                        <div class="metric-value" style="color:var(--rose);">4,695</div>
+                        <div class="metric-sub">覆盖招聘骗局、打工陷阱、被坑、黑中介、押金不退等</div>
+                    </div>
+                    <div class="card metric">
+                        <div class="metric-label">首位风险词</div>
+                        <div class="metric-value" style="color:#EF4444;">骗</div>
+                        <div class="metric-sub">按命中条数和热度综合排序</div>
+                    </div>
+                    <div class="card metric">
+                        <div class="metric-label">高热风险表达</div>
+                        <div class="metric-value" style="color:var(--orange);">20.3w</div>
+                        <div class="metric-sub">高热内容通常直接揭露套路或踩坑经历</div>
+                    </div>
+                </div>
+                <div class="fade-up">
+                    <div
+                        style="background:var(--bg-1);border:1px solid var(--border);border-radius:var(--radius-md);padding:20px 24px;">
+                        <svg viewBox="0 0 920 532" style="width:100%;height:auto;" preserveAspectRatio="xMidYMid meet">
+                            <text x="90" y="39" text-anchor="end" font-size="13" fill="var(--text-2)">骗</text>
+                            <rect x="100" y="16" width="660" height="36" rx="4" fill="#FF4D8D" opacity="0.88" />
+                            <text x="770" y="39" font-size="13" font-weight="700" fill="#FF4D8D"
+                                font-family="monospace">252条 / 514,788</text>
+                            <text x="90" y="89" text-anchor="end" font-size="13" fill="var(--text-2)">黑中介</text>
+                            <rect x="100" y="66" width="504.83484463507307" height="36" rx="4" fill="#FF4D8D"
+                                opacity="0.88" />
+                            <text x="614.8348446350731" y="89" font-size="13" font-weight="700" fill="#FF4D8D"
+                                font-family="monospace">109条 / 393,762</text>
+                            <text x="90" y="139" text-anchor="end" font-size="13" fill="var(--text-2)">坑</text>
+                            <rect x="100" y="116" width="481.11890720063406" height="36" rx="4" fill="#FF4D8D"
+                                opacity="0.88" />
+                            <text x="591.1189072006341" y="139" font-size="13" font-weight="700" fill="#FF4D8D"
+                                font-family="monospace">92条 / 375,264</text>
+                            <text x="90" y="189" text-anchor="end" font-size="13" fill="var(--text-2)">套路</text>
+                            <rect x="100" y="166" width="185.69920044756287" height="36" rx="4" fill="#F97316"
+                                opacity="0.88" />
+                            <text x="295.6992004475629" y="189" font-size="13" font-weight="700" fill="#F97316"
+                                font-family="monospace">45条 / 144,842</text>
+                            <text x="90" y="239" text-anchor="end" font-size="13" fill="var(--text-2)">黑厂</text>
+                            <rect x="100" y="216" width="158.37676868924683" height="36" rx="4" fill="#FF4D8D"
+                                opacity="0.88" />
+                            <text x="268.37676868924683" y="239" font-size="13" font-weight="700" fill="#FF4D8D"
+                                font-family="monospace">43条 / 123,531</text>
+                            <text x="90" y="289" text-anchor="end" font-size="13" fill="var(--text-2)">押金</text>
+                            <rect x="100" y="266" width="122.49388097624653" height="36" rx="4" fill="#F5A623"
+                                opacity="0.88" />
+                            <text x="232.49388097624654" y="289" font-size="13" font-weight="700" fill="#F5A623"
+                                font-family="monospace">105条 / 95,543</text>
+                            <text x="90" y="339" text-anchor="end" font-size="13" fill="var(--text-2)">不退</text>
+                            <rect x="100" y="316" width="107.83071866477073" height="36" rx="4" fill="#F5A623"
+                                opacity="0.88" />
+                            <text x="217.83071866477073" y="339" font-size="13" font-weight="700" fill="#F5A623"
+                                font-family="monospace">70条 / 84,106</text>
+                            <text x="90" y="389" text-anchor="end" font-size="13" fill="var(--text-2)">陷阱</text>
+                            <rect x="100" y="366" width="94.98939369216066" height="36" rx="4" fill="#F97316"
+                                opacity="0.88" />
+                            <text x="204.98939369216066" y="389" font-size="13" font-weight="700" fill="#F97316"
+                                font-family="monospace">21条 / 74,090</text>
+                            <text x="90" y="439" text-anchor="end" font-size="13" fill="var(--text-2)">克扣</text>
+                            <rect x="100" y="416" width="19.426093848341452" height="36" rx="4" fill="#EF4444"
+                                opacity="0.88" />
+                            <text x="129.42609384834145" y="439" font-size="13" font-weight="700" fill="#EF4444"
+                                font-family="monospace">16条 / 15,152</text>
+                            <text x="90" y="489" text-anchor="end" font-size="13" fill="var(--text-2)">维权</text>
+                            <rect x="100" y="466" width="15.068299960372036" height="36" rx="4" fill="#EF4444"
+                                opacity="0.88" />
+                            <text x="125.06829996037203" y="489" font-size="13" font-weight="700" fill="#EF4444"
+                                font-family="monospace">12条 / 11,753</text>
+                        </svg>
+                    </div>
+                </div>
+                <div class="grid grid-2" style="margin-top:22px;">
+                    <div class="card quote-card">
+                        <div
+                            style="display:flex;justify-content:space-between;align-items:flex-start;gap:12px;flex-wrap:wrap;margin-bottom:10px;">
+                            <div style="display:flex;gap:8px;align-items:center;flex-wrap:wrap;">
+                                <span class="tag"
+                                    style="background:var(--rose)18;color:var(--rose);border-color:var(--rose)44;">黑中介</span>
+                                <span class="text-xs">视频文案</span>
+                            </div>
+                            <div class="text-xs">赞 15.1w · 热度 20.3w</div>
+                        </div>
+                        <div class="quote-text">"#万恶之源 #搞笑我是认真的 #搞笑 黑中介的噩梦，只要我不努力，你就过不上你想要的生活"</div>
+                    </div>
+                    <div class="card quote-card">
+                        <div
+                            style="display:flex;justify-content:space-between;align-items:flex-start;gap:12px;flex-wrap:wrap;margin-bottom:10px;">
+                            <div style="display:flex;gap:8px;align-items:center;flex-wrap:wrap;">
+                                <span class="tag"
+                                    style="background:var(--rose)18;color:var(--rose);border-color:var(--rose)44;">黑厂</span>
+                                <span class="text-xs">视频文案</span>
+                            </div>
+                            <div class="text-xs">赞 9.2w · 热度 12.3w</div>
+                        </div>
+                        <div class="quote-text">"揭秘！广东5大黑厂有哪些？想不被坑，千万不要进#电子厂 #普工 #打工人"</div>
+                    </div>
+                    <div class="card quote-card">
+                        <div
+                            style="display:flex;justify-content:space-between;align-items:flex-start;gap:12px;flex-wrap:wrap;margin-bottom:10px;">
+                            <div style="display:flex;gap:8px;align-items:center;flex-wrap:wrap;">
+                                <span class="tag"
+                                    style="background:var(--rose)18;color:var(--rose);border-color:var(--rose)44;">入职被坑</span>
+                                <span class="text-xs">视频文案</span>
+                            </div>
+                            <div class="text-xs">赞 6.6w · 热度 8.5w</div>
+                        </div>
+                        <div class="quote-text">"再过段时间，应届毕业生们就该实习找工作了，千万要擦亮眼睛，别被这种新型招聘骗局给坑了！#诈骗 #招聘 #应届毕业生"</div>
+                    </div>
+                    <div class="card quote-card">
+                        <div
+                            style="display:flex;justify-content:space-between;align-items:flex-start;gap:12px;flex-wrap:wrap;margin-bottom:10px;">
+                            <div style="display:flex;gap:8px;align-items:center;flex-wrap:wrap;">
+                                <span class="tag"
+                                    style="background:var(--rose)18;color:var(--rose);border-color:var(--rose)44;">黑中介</span>
+                                <span class="text-xs">视频文案</span>
+                            </div>
+                            <div class="text-xs">赞 3.7w · 热度 6.2w</div>
+                        </div>
+                        <div class="quote-text">"#维护法律尊严和正义 #严厉打击黑中介 #黑中介骗了多少中国同胞，把黑中介一网打尽，广大网友们，你们支持吗？"</div>
+                    </div>
+                </div>
+                <div class="card" style="margin-top:22px;border-left:3px solid var(--rose);">
+                    <div class="text-h2" style="margin-bottom:12px;color:var(--rose);">汇报可直接引用</div>
+                    <p class="text-body">
+                        蓝领求职最强焦虑不是"工资不够高"，而是"会不会被骗、会不会被中介抽走、会不会交押金、会不会干完拿不到钱"。风险感知先于薪资吸引，是快手求职内容里最值得重视的底层变量。</p>
+                </div>
+            </div>
+        </section>
+
+        <!-- ═══ CH04 最看重什么 ════════════════════════════════════════════════════ -->
+        <section class="report-section" data-slide-num="04" data-tone="green">
+            <div class="section-inner">
+                <div class="section-head">
+                    <div class="section-eyebrow" style="color:var(--green);">Chapter 04</div>
+                    <h2 class="text-h1">蓝领求职最看重什么</h2>
+                    <p class="section-sub">对蓝领来说，最重要的不是抽象品牌，而是"值不值得去、去了会不会亏、多久能上岗"这种极度现实的问题。</p>
+                </div>
+                <div class="grid grid-4" style="margin-bottom:24px;">
+                    <div class="card">
+                        <div class="text-h2" style="margin-bottom:10px;color:var(--green);">工资真实</div>
+                        <p class="text-body">用户会反复对照薪资口径、到手收入和发薪规则。</p>
+                    </div>
+                    <div class="card">
+                        <div class="text-h2" style="margin-bottom:10px;color:var(--green);">发薪稳定</div>
+                        <p class="text-body">"发工资""日结""加班费"都在传递更强的安全感。</p>
+                    </div>
+                    <div class="card">
+                        <div class="text-h2" style="margin-bottom:10px;color:var(--green);">包吃包住</div>
+                        <p class="text-body">它直接降低异地求职的初始成本和决策门槛。</p>
+                    </div>
+                    <div class="card">
+                        <div class="text-h2" style="margin-bottom:10px;color:var(--green);">当天入职</div>
+                        <p class="text-body">蓝领决策短，能不能快速落地决定转化效率。</p>
+                    </div>
+                </div>
+                <div class="fade-up">
+                    <div
+                        style="background:var(--bg-1);border:1px solid var(--border);border-radius:var(--radius-md);padding:20px 24px;">
+                        <svg viewBox="0 0 920 432" style="width:100%;height:auto;" preserveAspectRatio="xMidYMid meet">
+                            <text x="90" y="39" text-anchor="end" font-size="13" fill="var(--text-2)">工资</text>
+                            <rect x="100" y="16" width="660" height="36" rx="4" fill="#00DC82" opacity="0.88" />
+                            <text x="770" y="39" font-size="13" font-weight="700" fill="#00DC82"
+                                font-family="monospace">186条 / 117,968</text>
+                            <text x="90" y="89" text-anchor="end" font-size="13" fill="var(--text-2)">包吃包住</text>
+                            <rect x="100" y="66" width="530.2188729146887" height="36" rx="4" fill="#00DC82"
+                                opacity="0.88" />
+                            <text x="640.2188729146887" y="89" font-size="13" font-weight="700" fill="#00DC82"
+                                font-family="monospace">31条 / 94,771</text>
+                            <text x="90" y="139" text-anchor="end" font-size="13" fill="var(--text-2)">加班费</text>
+                            <rect x="100" y="116" width="246.1404787739048" height="36" rx="4" fill="#3B82F6"
+                                opacity="0.88" />
+                            <text x="356.14047877390476" y="139" font-size="13" font-weight="700" fill="#3B82F6"
+                                font-family="monospace">20条 / 43,995</text>
+                            <text x="90" y="189" text-anchor="end" font-size="13" fill="var(--text-2)">吃住</text>
+                            <rect x="100" y="166" width="190.5567611555676" height="36" rx="4" fill="#00DC82"
+                                opacity="0.88" />
+                            <text x="300.55676115556764" y="189" font-size="13" font-weight="700" fill="#00DC82"
+                                font-family="monospace">21条 / 34,060</text>
+                            <text x="90" y="239" text-anchor="end" font-size="13" fill="var(--text-2)">住宿</text>
+                            <rect x="100" y="216" width="141.1216601112166" height="36" rx="4" fill="#3B82F6"
+                                opacity="0.88" />
+                            <text x="251.1216601112166" y="239" font-size="13" font-weight="700" fill="#3B82F6"
+                                font-family="monospace">15条 / 25,224</text>
+                            <text x="90" y="289" text-anchor="end" font-size="13" fill="var(--text-2)">当天入职</text>
+                            <rect x="100" y="266" width="107.77702427777025" height="36" rx="4" fill="#8B5CF6"
+                                opacity="0.88" />
+                            <text x="217.77702427777024" y="289" font-size="13" font-weight="700" fill="#8B5CF6"
+                                font-family="monospace">7条 / 19,264</text>
+                            <text x="90" y="339" text-anchor="end" font-size="13" fill="var(--text-2)">发工资</text>
+                            <rect x="100" y="316" width="72.81550929065509" height="36" rx="4" fill="#F5A623"
+                                opacity="0.88" />
+                            <text x="182.8155092906551" y="339" font-size="13" font-weight="700" fill="#F5A623"
+                                font-family="monospace">29条 / 13,015</text>
+                            <text x="90" y="389" text-anchor="end" font-size="13" fill="var(--text-2)">日结</text>
+                            <rect x="100" y="366" width="70.80699850806998" height="36" rx="4" fill="#8B5CF6"
+                                opacity="0.88" />
+                            <text x="180.80699850806997" y="389" font-size="13" font-weight="700" fill="#8B5CF6"
+                                font-family="monospace">30条 / 12,656</text>
+                        </svg>
+                    </div>
+                </div>
+                <div class="grid grid-2" style="margin-top:22px;">
+                    <div class="card quote-card">
+                        <div
+                            style="display:flex;justify-content:space-between;align-items:flex-start;gap:12px;flex-wrap:wrap;margin-bottom:10px;">
+                            <div style="display:flex;gap:8px;align-items:center;flex-wrap:wrap;">
+                                <span class="tag"
+                                    style="background:var(--green)18;color:var(--green);border-color:var(--green)44;">工资日结</span>
+                                <span class="text-xs">视频文案</span>
+                            </div>
+                            <div class="text-xs">赞 1.2k · 热度 4.9w</div>
+                        </div>
+                        <div class="quote-text">"..."</div>
+                    </div>
+                    <div class="card quote-card">
+                        <div
+                            style="display:flex;justify-content:space-between;align-items:flex-start;gap:12px;flex-wrap:wrap;margin-bottom:10px;">
+                            <div style="display:flex;gap:8px;align-items:center;flex-wrap:wrap;">
+                                <span class="tag"
+                                    style="background:var(--green)18;color:var(--green);border-color:var(--green)44;">加班费</span>
+                                <span class="text-xs">视频文案</span>
+                            </div>
+                            <div class="text-xs">赞 3.1w · 热度 3.8w</div>
+                        </div>
+                        <div class="quote-text">"不给加班费就不加班合理吗？#记录餐饮人生活每一天 #餐饮创业 #现场实拍"</div>
+                    </div>
+                    <div class="card quote-card">
+                        <div
+                            style="display:flex;justify-content:space-between;align-items:flex-start;gap:12px;flex-wrap:wrap;margin-bottom:10px;">
+                            <div style="display:flex;gap:8px;align-items:center;flex-wrap:wrap;">
+                                <span class="tag"
+                                    style="background:var(--green)18;color:var(--green);border-color:var(--green)44;">加班费</span>
+                                <span class="text-xs">视频文案</span>
+                            </div>
+                            <div class="text-xs">赞 2w · 热度 2.3w</div>
+                        </div>
+                        <div class="quote-text">"他这是怎么了，晚上10点钟了还去公司加班 #暗恋 #小女友 #内容启发分享计划 #遗憾"</div>
+                    </div>
+                    <div class="card quote-card">
+                        <div
+                            style="display:flex;justify-content:space-between;align-items:flex-start;gap:12px;flex-wrap:wrap;margin-bottom:10px;">
+                            <div style="display:flex;gap:8px;align-items:center;flex-wrap:wrap;">
+                                <span class="tag"
+                                    style="background:var(--green)18;color:var(--green);border-color:var(--green)44;">发工资</span>
+                                <span class="text-xs">视频文案</span>
+                            </div>
+                            <div class="text-xs">赞 1.2w · 热度 2.2w</div>
+                        </div>
+                        <div class="quote-text">"#打工妹 #工资条 #打工妹的日常生活 #电子厂"</div>
+                    </div>
+                </div>
+                <div class="card" style="margin-top:22px;border-left:3px solid var(--green);">
+                    <div class="text-h2" style="margin-bottom:12px;color:var(--green);">汇报可直接引用</div>
+                    <p class="text-body">蓝领最看重的不是单一"高薪"，而是工资真实、发薪稳定、包吃包住，当天入职和流程简单。这些条件共同构成了他们对"确定性工作机会"的判断标准。</p>
+                </div>
+            </div>
+        </section>
+
+        <!-- ═══ CH05 情绪价值强在哪里 ════════════════════════════════════════════ -->
+        <section class="report-section" data-slide-num="05" data-tone="purple">
+            <div class="section-inner">
+                <div class="section-head">
+                    <div class="section-eyebrow" style="color:var(--purple);">Chapter 05</div>
+                    <h2 class="text-h1">情绪价值强在哪里</h2>
+                    <p class="section-sub">真正有价值的情绪，不是空泛安慰，而是"让我少踩坑、让我看得懂、让我敢报名"的决策安全感。</p>
+                </div>
+                <div class="grid grid-3" style="margin-bottom:22px;">
+                    <div class="card" style="border-left:3px solid var(--rose);">
+                        <div class="text-h2" style="margin-bottom:10px;color:var(--rose);">负向情绪来源</div>
+                        <p class="text-body">被骗、被坑、黑中介、押金不退、工资克扣，会把委屈、愤怒和无力感放大。</p>
+                    </div>
+                    <div class="card" style="border-left:3px solid var(--green);">
+                        <div class="text-h2" style="margin-bottom:10px;color:var(--green);">正向情绪来源</div>
+                        <p class="text-body">靠谱、真实、放心、包吃包住、当天入职，本质上都在回应"能不能放心去"。</p>
+                    </div>
+                    <div class="card" style="border-left:3px solid var(--amber);">
+                        <div class="text-h2" style="margin-bottom:10px;color:var(--amber);">情绪价值本质</div>
+                        <p class="text-body">是帮用户建立确定性，而不是单纯制造高情绪张力或娱乐氛围。</p>
+                    </div>
+                </div>
+                <div class="grid grid-3" style="margin-bottom:24px;">
+                    <div class="card" style="border-top:3px solid var(--amber);">
+                        <div style="font-size:2rem;margin-bottom:12px;">👁️</div>
+                        <div class="text-h3" style="color:var(--amber);margin-bottom:8px;">"眼见为实"</div>
+                        <p class="text-sm">消解信息不对称带来的不安全感</p>
+                    </div>
+                    <div class="card" style="border-top:3px solid var(--green);">
+                        <div style="font-size:2rem;margin-bottom:12px;">🤝</div>
+                        <div class="text-h3" style="color:var(--green);margin-bottom:8px;">"老铁推荐"</div>
+                        <p class="text-sm">以熟人身份降低求职者心理防备</p>
+                    </div>
+                    <div class="card" style="border-top:3px solid var(--purple);">
+                        <div style="font-size:2rem;margin-bottom:12px;">🏠</div>
+                        <div class="text-h3" style="color:var(--purple);margin-bottom:8px;">"来了就是兄弟"</div>
+                        <p class="text-sm">强调归属感和人情味</p>
+                    </div>
+                    <div class="card" style="border-top:3px solid var(--blue);">
+                        <div style="font-size:2rem;margin-bottom:12px;">💪</div>
+                        <div class="text-h3" style="color:var(--blue);margin-bottom:8px;">"有尊严地赚钱"</div>
+                        <p class="text-sm">回应蓝领的身份焦虑与社会认同诉求</p>
+                    </div>
+                    <div class="card" style="border-top:3px solid var(--rose);">
+                        <div style="font-size:2rem;margin-bottom:12px;">🛡️</div>
+                        <div class="text-h3" style="color:var(--rose);margin-bottom:8px;">"不骗人、不套路"</div>
+                        <p class="text-sm">针对虚假宣传痛点</p>
+                    </div>
+                    <div class="card" style="border-top:3px solid var(--orange);">
+                        <div style="font-size:2rem;margin-bottom:12px;">⚡</div>
+                        <div class="text-h3" style="color:var(--orange);margin-bottom:8px;">"独门绝技"</div>
+                        <p class="text-sm">放大蓝领专业技能价值</p>
+                    </div>
+                </div>
+                <div class="insight-banner" data-num="05">
+                    <h3>情绪价值是<strong>双刃剑</strong>——真实故事获得关注，但<strong>虚假摆拍</strong>正在侵蚀信任基础</h3>
+                    <p class="insight-body">外卖骑手、快递小哥、网约车司机因"接地气""高共鸣"属性，成为短视频平台虚假摆拍重灾区。</p>
+                    <div class="insight-data">
+                        <div class="dp">
+                            <div class="num">★★★★★</div>
+                            <div class="lbl">情绪获得感优势</div>
+                        </div>
+                        <div class="dp">
+                            <div class="num">⚠️高风险</div>
+                            <div class="lbl">虚假摆拍泛滥</div>
+                        </div>
+                        <div class="dp">
+                            <div class="num">五部门</div>
+                            <div class="lbl">行政指导监管</div>
+                        </div>
+                    </div>
+                </div>
+                <div class="card card-glow" style="border-left:3px solid var(--purple);padding:28px 32px;">
+                    <div
+                        style="font-family:var(--font-mono);font-size:0.72rem;letter-spacing:0.15em;color:var(--purple);margin-bottom:14px;font-weight:600;">
+                        标杆案例 · 快手《来活了老铁！》</div>
+                    <div class="text-h2" style="margin-bottom:12px;">快手联合山东卫视推出的首档蓝领求职综艺IP</div>
+                    <p class="text-body">
+                        25个热搜榜单（微博主榜6个），最高总榜TOP21，完成度625%。站外曝光量原定2.5亿，实际完成3.26亿，完成度130%。围绕"技能向+娱乐向+社会向"三个维度展开。</p>
+                    <div style="margin-top:14px;display:flex;gap:10px;">
+                        <span class="tag purple">技能向</span>
+                        <span class="tag purple">娱乐向</span>
+                        <span class="tag purple">社会向</span>
+                    </div>
+                </div>
+            </div>
+        </section>
+
+        <!-- ═══ CH06 快手成为重要渠道的原因 ══════════════════════════════════════ -->
+        <section class="report-section" data-slide-num="06" data-tone="blue">
+            <div class="section-inner">
+                <div class="section-head">
+                    <div class="section-eyebrow" style="color:var(--blue);">Chapter 06</div>
+                    <h2 class="text-h1">为什么快手能成为蓝领求职的重要渠道</h2>
+                    <p class="section-sub">这里不是泛泛说"快手流量大"，而是解释为什么快手适合承接蓝领这种短链路、高时效、强风险判断的决策场景。</p>
+                </div>
+                <div class="grid grid-3" style="margin-bottom:24px;">
+                    <div class="card" style="border-top:3px solid var(--blue);">
+                        <div class="text-h2" style="margin-bottom:10px;color:var(--blue);">内容可视化</div>
+                        <p class="text-body">车间、宿舍、食堂、工资口径、现场环境都可以被直接展示，比纯文字招聘更有说服力。</p>
+                    </div>
+                    <div class="card" style="border-top:3px solid var(--cyan);">
+                        <div class="text-h2" style="margin-bottom:10px;color:var(--cyan);">评论问答密度高</div>
+                        <p class="text-body">用户会直接追问"是不是中介、包不包住、工资怎么发、什么时候入职"，帮助做真假筛选。</p>
+                    </div>
+                    <div class="card" style="border-top:3px solid var(--amber);">
+                        <div class="text-h2" style="margin-bottom:10px;color:var(--amber);">转化链路短</div>
+                        <p class="text-body">从看内容到留电话、私信报名、到场面试，快手天然适配短决策和高转化意图。</p>
+                    </div>
+                </div>
+                <div>
+                    <div
+                        style="font-family:var(--font-mono);font-size:0.72rem;letter-spacing:0.15em;color:var(--blue);margin-bottom:14px;font-weight:600;">
+                        渠道主题词热度</div>
+                        <div
+                            style="background:var(--bg-1);border:1px solid var(--border);border-radius:var(--radius-md);padding:20px 24px;">
+                            <svg viewBox="0 0 920 432" style="width:100%;height:auto;"
+                                preserveAspectRatio="xMidYMid meet">
+                                <text x="100" y="39" text-anchor="end" font-size="13" fill="var(--text-2)">包吃包住</text>
+                                <rect x="110" y="16" width="650" height="36" rx="4" fill="#3B82F6" opacity="0.88" />
+                                <text x="770" y="39" font-size="13" font-weight="700" fill="#3B82F6"
+                                    font-family="monospace">785评 / 12,600,961</text>
+                                <text x="100" y="89" text-anchor="end" font-size="13" fill="var(--text-2)">克扣工资</text>
+                                <rect x="110" y="66" width="230.89251684851655" height="36" rx="4" fill="#FF4D8D"
+                                    opacity="0.88" />
+                                <text x="350.89251684851655" y="89" font-size="13" font-weight="700" fill="#FF4D8D"
+                                    font-family="monospace">776评 / 4,476,104</text>
+                                <text x="100" y="139" text-anchor="end" font-size="13" fill="var(--text-2)">黑中介</text>
+                                <rect x="110" y="116" width="445.57795234823755" height="36" rx="4" fill="#FF4D8D"
+                                    opacity="0.88" />
+                                <text x="565.5779523482375" y="139" font-size="13" font-weight="700" fill="#FF4D8D"
+                                    font-family="monospace">669评 / 8,638,016</text>
+                                <text x="100" y="189" text-anchor="end" font-size="13" fill="var(--text-2)">入职被坑</text>
+                                <rect x="110" y="166" width="428.4039407788025" height="36" rx="4" fill="#FF4D8D"
+                                    opacity="0.88" />
+                                <text x="548.4039407788025" y="189" font-size="13" font-weight="700" fill="#FF4D8D"
+                                    font-family="monospace">600评 / 8,305,079</text>
+                                <text x="100" y="239" text-anchor="end" font-size="13" fill="var(--text-2)">打工陷阱</text>
+                                <rect x="110" y="216" width="266.27138200015065" height="36" rx="4" fill="#FF4D8D"
+                                    opacity="0.88" />
+                                <text x="386.27138200015065" y="239" font-size="13" font-weight="700" fill="#FF4D8D"
+                                    font-family="monospace">593评 / 5,161,962</text>
+                                <text x="100" y="289" text-anchor="end" font-size="13" fill="var(--text-2)">押金不退</text>
+                                <rect x="110" y="266" width="599.2485176329012" height="36" rx="4" fill="#F5A623"
+                                    opacity="0.88" />
+                                <text x="719.2485176329012" y="289" font-size="13" font-weight="700" fill="#F5A623"
+                                    font-family="monospace">523评 / 11,617,088</text>
+                                <text x="100" y="339" text-anchor="end" font-size="13" fill="var(--text-2)">被坑</text>
+                                <rect x="110" y="316" width="393.1141601025509" height="36" rx="4" fill="#F97316"
+                                    opacity="0.88" />
+                                <text x="513.1141601025508" y="339" font-size="13" font-weight="700" fill="#F97316"
+                                    font-family="monospace">518评 / 7,620,948</text>
+                                <text x="100" y="389" text-anchor="end" font-size="13" fill="var(--text-2)">工资日结</text>
+                                <rect x="110" y="366" width="44.641845173554614" height="36" rx="4" fill="#00DC82"
+                                    opacity="0.88" />
+                                <text x="164.6418451735546" y="389" font-size="13" font-weight="700" fill="#00DC82"
+                                    font-family="monospace">439评 / 865,431</text>
+                            </svg>
+                        </div>
+                    </div>
+                    <div>
+                        <div
+                            style="font-family:var(--font-mono);font-size:0.72rem;letter-spacing:0.15em;color:var(--rose);margin-bottom:14px;font-weight:600;">
+                            🔥 高赞评论 VOC TOP</div>
+                        <div class="grid" style="grid-template-columns:1fr 1fr;gap:14px;">
+                            <div class="voice-card hot" style="border-left:3px solid var(--amber);">
+                            <div style="display:flex;align-items:center;gap:8px;margin-bottom:8px;">
+                                <span
+                                    style="width:22px;height:22px;border-radius:50%;background:var(--bg-2);color:var(--text-1);font-size:0.6rem;font-weight:700;display:flex;align-items:center;justify-content:center;">快</span>
+                                <span style="font-size:0.8rem;color:var(--text-3);">快手用户</span>
+                                <span style="margin-left:auto;font-size:0.78rem;font-weight:600;color:var(--amber);">♥
+                                    6.3k</span>
+                            </div>
+                            <div class="voice-content">"22年差点被骗去当咯咯哒 说什么模特走台下面的人送花就有提成"</div>
+                            <div class="voice-meta">
+                                <span class="voice-tag"
+                                    style="background:rgba(245,166,35,0.1);color:var(--amber);">入职被坑</span>
+                            </div>
+                        </div>
+                        <div class="voice-card hot" style="border-left:3px solid var(--amber);">
+                            <div style="display:flex;align-items:center;gap:8px;margin-bottom:8px;">
+                                <span
+                                    style="width:22px;height:22px;border-radius:50%;background:var(--bg-2);color:var(--text-1);font-size:0.6rem;font-weight:700;display:flex;align-items:center;justify-content:center;">快</span>
+                                <span style="font-size:0.8rem;color:var(--text-3);">快手用户</span>
+                                <span style="margin-left:auto;font-size:0.78rem;font-weight:600;color:var(--amber);">♥
+                                    2.2k</span>
+                            </div>
+                            <div class="voice-content">"去买几个鸡蛋，打碎，放在沙发下面..."</div>
+                            <div class="voice-meta">
+                                <span class="voice-tag"
+                                    style="background:rgba(245,166,35,0.1);color:var(--amber);">押金不退</span>
+                            </div>
+                        </div>
+                        <div class="voice-card" style="border-left:3px solid var(--rose);">
+                            <div style="display:flex;align-items:center;gap:8px;margin-bottom:8px;">
+                                <span
+                                    style="width:22px;height:22px;border-radius:50%;background:var(--bg-2);color:var(--text-1);font-size:0.6rem;font-weight:700;display:flex;align-items:center;justify-content:center;">快</span>
+                                <span style="font-size:0.8rem;color:var(--text-3);">快手用户</span>
+                                <span style="margin-left:auto;font-size:0.78rem;font-weight:600;color:var(--rose);">♥
+                                    808</span>
+                            </div>
+                            <div class="voice-content">"我在广西就遇到过房东死活不退押金..."</div>
+                            <div class="voice-meta">
+                                <span class="voice-tag"
+                                    style="background:rgba(255,77,141,0.1);color:var(--rose);">押金不退</span>
+                            </div>
+                        </div>
+                        <div class="voice-card" style="border-left:3px solid var(--rose);">
+                            <div style="display:flex;align-items:center;gap:8px;margin-bottom:8px;">
+                                <span
+                                    style="width:22px;height:22px;border-radius:50%;background:var(--bg-2);color:var(--text-1);font-size:0.6rem;font-weight:700;display:flex;align-items:center;justify-content:center;">快</span>
+                                <span style="font-size:0.8rem;color:var(--text-3);">快手用户</span>
+                                <span style="margin-left:auto;font-size:0.78rem;font-weight:600;color:var(--rose);">♥
+                                    533</span>
+                            </div>
+                            <div class="voice-content">"做的不错，就该那样！有些房东太不像话了！押金不退，还有理由了！"</div>
+                            <div class="voice-meta">
+                                <span class="voice-tag"
+                                    style="background:rgba(255,77,141,0.1);color:var(--rose);">押金不退</span>
+                            </div>
+                        </div>
+                        <div class="voice-card" style="border-left:3px solid var(--rose);">
+                            <div style="display:flex;align-items:center;gap:8px;margin-bottom:8px;">
+                                <span
+                                    style="width:22px;height:22px;border-radius:50%;background:var(--bg-2);color:var(--text-1);font-size:0.6rem;font-weight:700;display:flex;align-items:center;justify-content:center;">快</span>
+                                <span style="font-size:0.8rem;color:var(--text-3);">快手用户</span>
+                                <span style="margin-left:auto;font-size:0.78rem;font-weight:600;color:var(--rose);">♥
+                                    491</span>
+                            </div>
+                            <div class="voice-content">"无论怎么样，反正黑中介是赚了"</div>
+                            <div class="voice-meta">
+                                <span class="voice-tag"
+                                    style="background:rgba(255,77,141,0.1);color:var(--rose);">黑中介</span>
+                            </div>
+                        </div>
+                        <div class="voice-card" style="border-left:3px solid var(--rose);">
+                            <div style="display:flex;align-items:center;gap:8px;margin-bottom:8px;">
+                                <span
+                                    style="width:22px;height:22px;border-radius:50%;background:var(--bg-2);color:var(--text-1);font-size:0.6rem;font-weight:700;display:flex;align-items:center;justify-content:center;">快</span>
+                                <span style="font-size:0.8rem;color:var(--text-3);">快手用户</span>
+                                <span style="margin-left:auto;font-size:0.78rem;font-weight:600;color:var(--rose);">♥
+                                    422</span>
+                            </div>
+                            <div class="voice-content">"那暑假工能做什么啊"</div>
+                            <div class="voice-meta">
+                                <span class="voice-tag"
+                                    style="background:rgba(255,77,141,0.1);color:var(--rose);">入职被坑</span>
+                            </div>
+                        </div>
+                        <div class="voice-card" style="border-left:3px solid var(--rose);">
+                                <div style="display:flex;align-items:center;gap:8px;margin-bottom:8px;">
+                                    <span
+                                        style="width:22px;height:22px;border-radius:50%;background:var(--bg-2);color:var(--text-1);font-size:0.6rem;font-weight:700;display:flex;align-items:center;justify-content:center;">快</span>
+                                    <span style="font-size:0.8rem;color:var(--text-3);">快手用户</span>
+                                    <span style="margin-left:auto;font-size:0.78rem;font-weight:600;color:var(--rose);">♥
+                                        403</span>
+                                </div>
+                                <div class="voice-content">"干的漂亮，支持小伙子不应该判刑..."</div>
+                                <div class="voice-meta">
+                                    <span class="voice-tag"
+                                        style="background:rgba(255,77,141,0.1);color:var(--rose);">黑中介</span>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </section>
+
+        <!-- ═══ CH07 快聘生态与竞争格局 ══════════════════════════════════════════ -->
+        <section class="report-section" data-slide-num="07" data-tone="orange">
+            <div class="section-inner">
+                <div class="section-head">
+                    <div class="section-eyebrow" style="color:var(--orange);">Chapter 07</div>
+                    <h2 class="text-h1">快聘生态与竞争格局</h2>
+                    <p class="section-sub">市场规模、竞争位势与快聘的战略护城河</p>
+                </div>
+                <div class="grid grid-4" style="margin-bottom:32px;">
+                    <div class="card metric">
+                        <div class="metric-label">月度服务求职者</div>
+                        <div class="metric-value" style="color:var(--green);">超2.5亿人次</div>
+                    </div>
+                    <div class="card metric">
+                        <div class="metric-label">平台蓝领用户规模</div>
+                        <div class="metric-value" style="color:var(--green);">约2.5亿人</div>
+                    </div>
+                    <div class="card metric">
+                        <div class="metric-label">全年直播带岗场次</div>
+                        <div class="metric-value" style="color:var(--green);">超500万场</div>
+                    </div>
+                    <div class="card metric">
+                        <div class="metric-label">带动就业机会</div>
+                        <div class="metric-value" style="color:var(--green);">4,320万个</div>
+                    </div>
+                    <div class="card metric">
+                        <div class="metric-label">日收简历峰值</div>
+                        <div class="metric-value" style="color:var(--green);">突破5万份</div>
+                    </div>
+                </div>
+                <div class="card card-glow"
+                    style="border-left:3px solid var(--green);margin-bottom:28px;padding:28px 32px;">
+                    <div
+                        style="font-family:var(--font-mono);font-size:0.72rem;letter-spacing:0.15em;color:var(--green);margin-bottom:14px;font-weight:600;">
+                        战略定位</div>
+                    <div class="text-h2" style="margin-bottom:12px;">"10个蓝领9个用快手——直播带岗，眼见为实"</div>
+                    <p class="text-body">快聘日活几十万简历，内部仅次于电商；2.5亿蓝领月活是最大壁垒；但信息审核弱是最大短板</p>
+                </div>
+                <div class="grid grid-3" style="margin-bottom:24px;">
+                    <div class="card" style="border-top:3px solid var(--green);">
+                        <div style="font-weight:700;color:var(--green);margin-bottom:10px;">快手快聘</div>
+                        <div style="font-size:0.82rem;color:var(--text-2);line-height:1.7;">
+                            <div style="margin-bottom:6px;"><span style="color:var(--green);">✓</span> 用户渗透率极高</div>
+                            <div style="margin-bottom:6px;"><span style="color:var(--green);">✓</span> 用户：2.5亿 · 直播带岗
+                            </div>
+                            <div><span style="color:var(--rose);">⚠</span> 信息审核薄弱</div>
+                        </div>
+                    </div>
+                    <div class="card" style="border-top:3px solid var(--blue);">
+                        <div style="font-weight:700;color:var(--blue);margin-bottom:10px;">BOSS直聘</div>
+                        <div style="font-size:0.82rem;color:var(--text-2);line-height:1.7;">
+                            <div style="margin-bottom:6px;"><span style="color:var(--green);">✓</span> 匹配准确率高</div>
+                            <div style="margin-bottom:6px;"><span style="color:var(--green);">✓</span> 用户：约3000万 · 算法匹配
+                            </div>
+                            <div><span style="color:var(--rose);">⚠</span> 情绪获得感弱</div>
+                        </div>
+                    </div>
+                    <div class="card" style="border-top:3px solid var(--text-3);">
+                        <div style="font-weight:700;color:var(--text-3);margin-bottom:10px;">58同城</div>
+                        <div style="font-size:0.82rem;color:var(--text-2);line-height:1.7;">
+                            <div style="margin-bottom:6px;"><span style="color:var(--green);">✓</span> 传统市场份额</div>
+                            <div style="margin-bottom:6px;"><span style="color:var(--green);">✓</span> 用户：规模下滑 · 分类信息
+                            </div>
+                            <div><span style="color:var(--rose);">⚠</span> 虚假信息泛滥</div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </section>
+
+        <!-- ═══ CH08 信任机制 ══════════════════════════════════════════════════════ -->
+        <section class="report-section" data-slide-num="08" data-tone="green">
+            <div class="section-inner">
+                <div class="section-head">
+                    <div class="section-eyebrow" style="color:var(--green);">Chapter 08</div>
+                    <h2 class="text-h1">信任机制与平台壁垒</h2>
+                    <p class="section-sub">老铁文化是快聘最难被竞品复制的竞争壁垒</p>
+                </div>
+                <div class="grid grid-2" style="margin-bottom:28px;">
+                    <div class="card" style="border-top:3px solid var(--green);">
+                        <div style="font-weight:700;color:var(--green);margin-bottom:14px;">老铁信任体系</div>
+                        <div style="font-size:0.85rem;color:var(--text-2);line-height:1.8;">
+                            <div style="margin-bottom:8px;">• 熟人推荐式信任</div>
+                            <div style="margin-bottom:8px;">• 主播与粉丝长期关系积累</div>
+                            <div style="margin-bottom:8px;">• 评论区实时互动答疑</div>
+                            <div>• "来了就是兄弟"文化</div>
+                        </div>
+                    </div>
+                    <div class="card" style="border-top:3px solid var(--blue);">
+                        <div style="font-weight:700;color:var(--blue);margin-bottom:14px;">直播带岗信任机制</div>
+                        <div style="font-size:0.85rem;color:var(--text-2);line-height:1.8;">
+                            <div style="margin-bottom:8px;">• 车间直播展示</div>
+                            <div style="margin-bottom:8px;">• 宿舍直播展示</div>
+                            <div style="margin-bottom:8px;">• 食堂直播展示</div>
+                            <div>• 眼见为实消除信息不对称</div>
+                        </div>
+                    </div>
+                </div>
+                <div class="insight-banner" data-num="08">
+                    <h3>快手的核心壁垒是<strong>"信任基础设施"</strong>而非流量本身——2.5亿蓝领月活的背后是"老铁"信任关系，但这种信任是脆弱的</h3>
+                    <p class="insight-body">一旦受虚假招聘事件冲击，修复成本极高。</p>
+                    <div class="insight-data">
+                        <div class="dp">
+                            <div class="num">2.5亿</div>
+                            <div class="lbl">蓝领月活用户</div>
+                        </div>
+                        <div class="dp">
+                            <div class="num">40万+</div>
+                            <div class="lbl">专职带岗主播</div>
+                        </div>
+                        <div class="dp">
+                            <div class="num">4320万</div>
+                            <div class="lbl">带动就业机会</div>
+                        </div>
+                    </div>
+                </div>
+                <div class="grid grid-4" style="margin-top:24px;">
+                    <div class="card metric">
+                        <div class="metric-label">快手快聘</div>
+                        <div class="metric-value" style="color:var(--green);font-size:clamp(1.6rem,2.5vw,2.2rem);">2.5亿
+                        </div>
+                        <div class="metric-sub">直播带岗 · 快速增长</div>
+                    </div>
+                    <div class="card metric">
+                        <div class="metric-label">BOSS直聘</div>
+                        <div class="metric-value" style="color:var(--blue);font-size:clamp(1.6rem,2.5vw,2.2rem);">约3000万
+                        </div>
+                        <div class="metric-sub">算法匹配 · 稳步增长</div>
+                    </div>
+                    <div class="card metric">
+                        <div class="metric-label">58同城</div>
+                        <div class="metric-value" style="color:var(--text-3);font-size:clamp(1.6rem,2.5vw,2.2rem);">规模下滑
+                        </div>
+                        <div class="metric-sub">分类信息 · 持续萎缩</div>
+                    </div>
+                </div>
+            </div>
+        </section>
+
+        <!-- ═══ CH09 机会与建议 ════════════════════════════════════════════════════ -->
+        <section class="report-section" data-slide-num="09" data-tone="amber">
+            <div class="section-inner">
+                <div class="section-head">
+                    <div class="section-eyebrow">Chapter 09</div>
+                    <h2 class="text-h1">机会与建议</h2>
+                    <p class="section-sub">快聘优势强化、风险应对、战略方向</p>
+                </div>
+                <div class="grid grid-2" style="margin-bottom:28px;">
+                    <div class="card" style="border-top:3px solid var(--amber);">
+                        <div style="display:flex;align-items:center;gap:12px;margin-bottom:14px;">
+                            <div
+                                style="width:32px;height:32px;border-radius:50%;background:var(--amber);color:#000;font-weight:800;display:flex;align-items:center;justify-content:center;font-size:0.9rem;">
+                                1</div>
+                            <div class="text-h3">建立分级审核体系</div>
+                        </div>
+                        <p class="text-sm">对招聘主播实行分级管理，对粉丝量级大的头部主播实行更审慎的审核标准</p>
+                    </div>
+                    <div class="card" style="border-top:3px solid var(--green);">
+                        <div style="display:flex;align-items:center;gap:12px;margin-bottom:14px;">
+                            <div
+                                style="width:32px;height:32px;border-radius:50%;background:var(--green);color:#000;font-weight:800;display:flex;align-items:center;justify-content:center;font-size:0.9rem;">
+                                2</div>
+                            <div class="text-h3">强化"信任基建"投入</div>
+                        </div>
+                        <p class="text-sm">将信息审核能力作为快聘业务的核心基建来建设，建立招聘方信用评级和黑名单机制</p>
+                    </div>
+                    <div class="card" style="border-top:3px solid var(--blue);">
+                        <div style="display:flex;align-items:center;gap:12px;margin-bottom:14px;">
+                            <div
+                                style="width:32px;height:32px;border-radius:50%;background:var(--blue);color:#000;font-weight:800;display:flex;align-items:center;justify-content:center;font-size:0.9rem;">
+                                3</div>
+                            <div class="text-h3">深化企业直招占比</div>
+                        </div>
+                        <p class="text-sm">减少对中介端的依赖，提高B端企业直招占比，从根本上降低信息失真风险</p>
+                    </div>
+                    <div class="card" style="border-top:3px solid var(--purple);">
+                        <div style="display:flex;align-items:center;gap:12px;margin-bottom:14px;">
+                            <div
+                                style="width:32px;height:32px;border-radius:50%;background:var(--purple);color:#000;font-weight:800;display:flex;align-items:center;justify-content:center;font-size:0.9rem;">
+                                4</div>
+                            <div class="text-h3">放大"眼见为实"差异化</div>
+                        </div>
+                        <p class="text-sm">继续强化直播展示真实工作环境的核心卖点，将车间、宿舍、食堂直播打造为标准化招聘流程</p>
+                    </div>
+                </div>
+                <div class="card" style="border-top:3px solid var(--rose);margin-bottom:28px;">
+                    <div
+                        style="font-family:var(--font-mono);font-size:0.72rem;letter-spacing:0.15em;color:var(--rose);margin-bottom:14px;font-weight:600;">
+                        ⚠️ 风险矩阵</div>
+                    <div class="table-wrap">
+                        <table class="data-tbl">
+                            <thead>
+                                <tr>
+                                    <th>风险类型</th>
+                                    <th>描述</th>
+                                    <th>概率</th>
+                                    <th>影响</th>
+                                    <th>应对策略</th>
+                                </tr>
+                            </thead>
+                            <tbody>
+                                <tr style="background:var(--rose)11;">
+                                    <td><strong style="color:var(--rose);">信任透支</strong></td>
+                                    <td style="color:var(--text-2);font-size:0.85rem;">虚假招聘信息泛滥，透支"老铁信任"</td>
+                                    <td style="color:var(--rose);font-weight:600;">高</td>
+                                    <td style="color:var(--rose);font-weight:600;">高</td>
+                                    <td style="color:var(--text-2);font-size:0.82rem;">审核体系升级+信用评级</td>
+                                </tr>
+                                <tr style="background:var(--rose)11;">
+                                    <td><strong style="color:var(--rose);">监管压力</strong></td>
+                                    <td style="color:var(--text-2);font-size:0.85rem;">五部门行政指导要求强化审核</td>
+                                    <td style="color:var(--rose);font-weight:600;">高</td>
+                                    <td style="color:var(--rose);font-weight:600;">高</td>
+                                    <td style="color:var(--text-2);font-size:0.82rem;">主动对标"五个到位"</td>
+                                </tr>
+                                <tr style="background:var(--amber)11;">
+                                    <td><strong style="color:var(--amber);">竞争跟进</strong></td>
+                                    <td style="color:var(--text-2);font-size:0.85rem;">BOSS直聘加码蓝领，58同城转型</td>
+                                    <td style="color:var(--amber);font-weight:600;">中</td>
+                                    <td style="color:var(--amber);font-weight:600;">中</td>
+                                    <td style="color:var(--text-2);font-size:0.82rem;">差异化壁垒+效率提升</td>
+                                </tr>
+                                <tr style="background:var(--amber)11;">
+                                    <td><strong style="color:var(--amber);">匹配效率低</strong></td>
+                                    <td style="color:var(--text-2);font-size:0.85rem;">流量大但精准度不如算法平台</td>
+                                    <td style="color:var(--amber);font-weight:600;">中</td>
+                                    <td style="color:var(--amber);font-weight:600;">中</td>
+                                    <td style="color:var(--text-2);font-size:0.82rem;">引入精准匹配算法</td>
+                                </tr>
+                            </tbody>
+                        </table>
+                    </div>
+                </div>
+                <div class="card" style="border-top:3px solid var(--blue);padding:28px 32px;">
+                    <div
+                        style="font-family:var(--font-mono);font-size:0.72rem;letter-spacing:0.15em;color:var(--blue);margin-bottom:14px;font-weight:600;">
+                        📋 五部门行政指导要求</div>
+                    <div class="grid grid-2">
+                        <div style="font-size:0.85rem;color:var(--text-2);line-height:1.8;">
+                            <div style="margin-bottom:8px;">① <strong style="color:var(--text-1);">资质审核到位</strong> —
+                                对招聘方资质进行核验</div>
+                            <div style="margin-bottom:8px;">② <strong style="color:var(--text-1);">信息明示到位</strong> —
+                                招聘信息完整透明</div>
+                            <div>③ <strong style="color:var(--text-1);">内容审核到位</strong> — 虚假信息严格过滤</div>
+                        </div>
+                        <div style="font-size:0.85rem;color:var(--text-2);line-height:1.8;">
+                            <div style="margin-bottom:8px;">④ <strong style="color:var(--text-1);">风险防范到位</strong> —
+                                建立风险预警机制</div>
+                            <div>⑤ <strong style="color:var(--text-1);">处置管控到位</strong> — 违规内容快速处置</div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </section>
+
+        <!-- ═══ CH10 4P营销策略 ════════════════════════════════════════════════════ -->
+        <section class="report-section" data-slide-num="10" data-tone="blue">
+            <div class="section-inner">
+                <div class="section-head">
+                    <div class="section-eyebrow" style="color:var(--blue);">Chapter 10</div>
+                    <h2 class="text-h1">快聘 4P 营销策略</h2>
+                    <p class="section-sub">产品 / 价格 / 渠道 / 促销</p>
+                </div>
+                <div class="grid grid-2">
+                    <div class="card" style="border-top:3px solid var(--blue);">
+                        <div class="text-h3" style="color:var(--blue);margin-bottom:14px;">产品策略：直播带岗 × 信任基建</div>
+                        <div style="font-size:0.85rem;color:var(--text-2);line-height:1.8;margin-bottom:14px;">
+                            <div style="margin-bottom:6px;">• 核心产品：快手快聘直播带岗服务</div>
+                            <div style="margin-bottom:6px;">• 差异化卖点：眼见为实 / 老铁信任 / 零门槛求职</div>
+                            <div style="margin-bottom:6px;">• 产品升级：标准化直播带岗流程（车间+宿舍+食堂三景展示）</div>
+                        </div>
+                        <div style="display:flex;gap:8px;flex-wrap:wrap;">
+                            <span class="tag"
+                                style="background:var(--blue)22;color:var(--blue);border-color:var(--blue)44;">直播带岗</span>
+                            <span class="tag"
+                                style="background:var(--blue)22;color:var(--blue);border-color:var(--blue)44;">老铁信任</span>
+                            <span class="tag"
+                                style="background:var(--blue)22;color:var(--blue);border-color:var(--blue)44;">零门槛求职</span>
+                        </div>
+                    </div>
+                    <div class="card" style="border-top:3px solid var(--green);">
+                        <div class="text-h3" style="color:var(--green);margin-bottom:14px;">价格策略：求职者免费 × 企业端付费</div>
+                        <div style="font-size:0.85rem;color:var(--text-2);line-height:1.8;margin-bottom:14px;">
+                            <div style="margin-bottom:6px;">• 求职者端：完全免费（零门槛核心优势）</div>
+                            <div style="margin-bottom:6px;">• 企业端：按效果付费（CPM/CPC/简历投递量）</div>
+                            <div style="margin-bottom:6px;">• 主播端：带岗主播抽佣机制</div>
+                        </div>
+                        <div style="display:flex;gap:8px;flex-wrap:wrap;">
+                            <span class="tag"
+                                style="background:var(--green)22;color:var(--green);border-color:var(--green)44;">零门槛</span>
+                            <span class="tag"
+                                style="background:var(--green)22;color:var(--green);border-color:var(--green)44;">效果付费</span>
+                            <span class="tag"
+                                style="background:var(--green)22;color:var(--green);border-color:var(--green)44;">C端免费</span>
+                        </div>
+                    </div>
+                    <div class="card" style="border-top:3px solid var(--amber);">
+                        <div class="text-h3" style="color:var(--amber);margin-bottom:14px;">渠道策略：B端入驻 + C端自然渗透</div>
+                        <div style="font-size:0.85rem;color:var(--text-2);line-height:1.8;margin-bottom:14px;">
+                            <div style="margin-bottom:6px;">• B端：24万家入驻用人单位，提高企业直招占比</div>
+                            <div style="margin-bottom:6px;">• 知名企业合作（创维/顺丰/伯恩光学）</div>
+                            <div style="margin-bottom:6px;">• C端：2.5亿蓝领月活用户自然覆盖</div>
+                            <div style="margin-bottom:6px;">• 40万+专职带岗主播</div>
+                        </div>
+                        <div style="display:flex;gap:8px;flex-wrap:wrap;">
+                            <span class="tag"
+                                style="background:var(--amber)22;color:var(--amber);border-color:var(--amber)44;">24万企业</span>
+                            <span class="tag"
+                                style="background:var(--amber)22;color:var(--amber);border-color:var(--amber)44;">2.5亿用户</span>
+                            <span class="tag"
+                                style="background:var(--amber)22;color:var(--amber);border-color:var(--amber)44;">40万主播</span>
+                        </div>
+                    </div>
+                    <div class="card" style="border-top:3px solid var(--purple);">
+                        <div class="text-h3" style="color:var(--purple);margin-bottom:14px;">促销策略：情绪价值 × 信任传播</div>
+                        <div style="font-size:0.85rem;color:var(--text-2);line-height:1.8;margin-bottom:14px;">
+                            <div style="margin-bottom:6px;">• 品牌传播："10个蓝领9个用快手" / "直播带岗，眼见为实"</div>
+                            <div style="margin-bottom:6px;">• 内容营销：《来活了老铁！》综艺IP+短剧营销</div>
+                            <div style="margin-bottom:6px;">• 政策背书：直播招聘师认证+人社部认可</div>
+                            <div style="margin-bottom:6px;">• 老铁文化："来了就是兄弟"+"有尊严地赚钱"</div>
+                        </div>
+                        <div style="display:flex;gap:8px;flex-wrap:wrap;">
+                            <span class="tag"
+                                style="background:var(--purple)22;color:var(--purple);border-color:var(--purple)44;">综艺IP</span>
+                            <span class="tag"
+                                style="background:var(--purple)22;color:var(--purple);border-color:var(--purple)44;">老铁文化</span>
+                            <span class="tag"
+                                style="background:var(--purple)22;color:var(--purple);border-color:var(--purple)44;">政策背书</span>
+                        </div>
+                    </div>
+                </div>
+                <div class="insight-banner" data-num="10">
+                    <h3>基于VOC的内容策略：围绕<strong>"确定性"</strong>构建传播矩阵</h3>
+                    <p class="insight-body">最强购买点：工资真实、发薪稳定、包吃包住，当天入职。最强焦虑：被骗、被坑、黑中介、押金不退。</p>
+                    <div class="insight-data">
+                        <div class="dp">
+                            <div class="num">20+</div>
+                            <div class="lbl">情绪关键词体系</div>
+                        </div>
+                        <div class="dp">
+                            <div class="num">3</div>
+                            <div class="lbl">核心传播维度</div>
+                        </div>
+                        <div class="dp">
+                            <div class="num">1个</div>
+                            <div class="lbl">综艺IP标杆</div>
+                        </div>
+                    </div>
+                </div>
+                <div
+                    style="font-family:var(--font-mono);font-size:0.72rem;letter-spacing:0.15em;color:var(--blue);margin-bottom:14px;margin-top:24px;font-weight:600;">
+                    📊 H1-H8 假设验证</div>
+                <div
+                    style="background:var(--bg-1);border:1px solid var(--border);border-radius:var(--radius-md);padding:20px 24px;">
+                    <div style="min-width:520px;">
+                        <svg viewBox="0 0 800 352" style="width:100%;height:auto;" preserveAspectRatio="xMidYMid meet">
+                            <text x="90" y="35" text-anchor="end" font-size="11" fill="var(--text-2)">H1</text>
+                            <rect x="100" y="16" width="80.63134160090192" height="28" rx="4" fill="#F5A623"
+                                opacity="0.85" />
+                            <text x="188.63134160090192" y="35" font-size="11" font-weight="700"
+                                fill="#F5A623">596</text>
+                            <text x="90" y="75" text-anchor="end" font-size="11" fill="var(--text-2)">H2</text>
+                            <rect x="100" y="56" width="261.10484780157833" height="28" rx="4" fill="#00DC82"
+                                opacity="0.85" />
+                            <text x="369.10484780157833" y="75" font-size="11" font-weight="700"
+                                fill="#00DC82">1,930</text>
+                            <text x="90" y="115" text-anchor="end" font-size="11" fill="var(--text-2)">H3</text>
+                            <rect x="100" y="96" width="249.19954904171365" height="28" rx="4" fill="#8B5CF6"
+                                opacity="0.85" />
+                            <text x="357.1995490417137" y="115" font-size="11" font-weight="700"
+                                fill="#8B5CF6">1,842</text>
+                            <text x="90" y="155" text-anchor="end" font-size="11" fill="var(--text-2)">H4</text>
+                            <rect x="100" y="136" width="296.8207440811725" height="28" rx="4" fill="#FF4D8D"
+                                opacity="0.85" />
+                            <text x="404.8207440811725" y="155" font-size="11" font-weight="700"
+                                fill="#FF4D8D">2,194</text>
+                            <text x="90" y="195" text-anchor="end" font-size="11" fill="var(--text-2)">H5</text>
+                            <rect x="100" y="176" width="80.49605411499437" height="28" rx="4" fill="#3B82F6"
+                                opacity="0.85" />
+                            <text x="188.49605411499437" y="195" font-size="11" font-weight="700"
+                                fill="#3B82F6">595</text>
+                            <text x="90" y="235" text-anchor="end" font-size="11" fill="var(--text-2)">H6</text>
+                            <rect x="100" y="216" width="600" height="28" rx="4" fill="#EF4444" opacity="0.85" />
+                            <text x="708" y="235" font-size="11" font-weight="700" fill="#EF4444">4,435</text>
+                            <text x="90" y="275" text-anchor="end" font-size="11" fill="var(--text-2)">H7</text>
+                            <rect x="100" y="256" width="501.2401352874859" height="28" rx="4" fill="#F97316"
+                                opacity="0.85" />
+                            <text x="609.2401352874858" y="275" font-size="11" font-weight="700"
+                                fill="#F97316">3,705</text>
+                            <text x="90" y="315" text-anchor="end" font-size="11" fill="var(--text-2)">H8</text>
+                            <rect x="100" y="296" width="326.9898534385569" height="28" rx="4" fill="#6B6B6B"
+                                opacity="0.85" />
+                            <text x="434.9898534385569" y="315" font-size="11" font-weight="700"
+                                fill="#6B6B6B">2,417</text>
+                        </svg>
+                    </div>
+                </div>
+            </div>
+        </section>
+
+        <!-- ═══ CH11 快聘优劣势与监管 ════════════════════════════════════════════ -->
+        <section class="report-section" data-slide-num="11" data-tone="orange">
+            <div class="section-inner">
+                <div class="section-head">
+                    <div class="section-eyebrow" style="color:var(--orange);">Chapter 11</div>
+                    <h2 class="text-h1">快聘优劣势与监管环境</h2>
+                    <p class="section-sub">知己知彼：快聘的结构性优势与必须补足的短板</p>
+                </div>
+                <div class="grid grid-2" style="margin-bottom:28px;">
+                    <div>
+                        <div style="font-weight:700;color:var(--green);margin-bottom:14px;font-size:1.1rem;">✅ 快聘四大核心优势
+                        </div>
+                        <div class="stack-list">
+                            <div class="stack-item">
+                                <span class="stack-dot" style="background:var(--green);"></span>
+                                <div>不可替代的用户渗透率——"10个蓝领，9个都用快手"，2.5亿蓝领月活是任何竞品短期内难以复制的规模化优势</div>
+                            </div>
+                            <div class="stack-item">
+                                <span class="stack-dot" style="background:var(--green);"></span>
+                                <div>信任场景的天然构建能力——"老铁"文化基因天然适配蓝领群体的社交习惯，熟人推荐式信任关系</div>
+                            </div>
+                            <div class="stack-item">
+                                <span class="stack-dot" style="background:var(--green);"></span>
+                                <div>求职门槛极低——蓝领求职者无需撰写简历、无需注册新App，只需在直播间留下联系方式即可完成职位投递</div>
+                            </div>
+                            <div class="stack-item">
+                                <span class="stack-dot" style="background:var(--green);"></span>
+                                <div>政策先发优势——"直播带岗"首创平台，"直播招聘师"入编国家职业分类大典，人社部报告认定20%纯新增用户</div>
+                            </div>
+                        </div>
+                    </div>
+                    <div>
+                        <div style="font-weight:700;color:var(--rose);margin-bottom:14px;font-size:1.1rem;">⚠️ 快聘四大劣势与风险
+                        </div>
+                        <div class="stack-list">
+                            <div class="stack-item">
+                                <span class="stack-dot" style="background:var(--rose);"></span>
+                                <div>信息审核能力不足——对中介主播宣传的招聘信息零审核，职位真实性存疑，这是当前快聘业务最突出的短板</div>
+                            </div>
+                            <div class="stack-item">
+                                <span class="stack-dot" style="background:var(--rose);"></span>
+                                <div>B端直招占比低，中介依赖度高——直播间以劳务中介为主，企业自招较少，对求职者的直接吸引力有限</div>
+                            </div>
+                            <div class="stack-item">
+                                <span class="stack-dot" style="background:var(--rose);"></span>
+                                <div>匹配准确率不如算法平台——流量模式虽然来量快，但在人岗精准匹配层面仍不及BOSS直聘等算法驱动型平台</div>
+                            </div>
+                            <div class="stack-item">
+                                <span class="stack-dot" style="background:var(--rose);"></span>
+                                <div>虚假信息监管风险加剧——2026年4月五部门行政指导将快手纳入重点监管范围，若不能有效提升审核能力可能面临更大合规压力</div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <div class="card" style="border-left:3px solid var(--orange);padding:28px 32px;">
+                    <div
+                        style="font-family:var(--font-mono);font-size:0.72rem;letter-spacing:0.15em;color:var(--orange);margin-bottom:14px;font-weight:600;">
+                        🎯 里斯品类战略视角</div>
+                    <p class="text-body">
+                        快手快聘通过"直播带岗+短视频展示+私域信任"的组合，开创"流量型直播带岗"新品类。以"10个蓝领9个用快手"为核心诉求，与传统招聘网站和分类信息平台形成本质差异。快聘不需要在"匹配精准度"上与BOSS直聘正面竞争，而是在"流量触达+信任建立+求职门槛+情绪获得感"四个维度上建立综合壁垒。
+                    </p>
+                </div>
+            </div>
+        </section>
+
+        <!-- ═══ CH12 关键发现 ══════════════════════════════════════════════════════ -->
+        <section class="report-section" data-slide-num="12" data-tone="purple">
+            <div class="section-inner">
+                <div class="section-head">
+                    <div class="section-eyebrow" style="color:var(--purple);">Chapter 12</div>
+                    <h2 class="text-h1">关键发现与风险提示</h2>
+                    <p class="section-sub">提炼可向管理层直接汇报的核心结论</p>
+                </div>
+                <div class="grid grid-2" style="margin-bottom:28px;">
+                    <div class="card" style="border-left:3px solid var(--green);">
+                        <div style="font-weight:700;color:var(--green);margin-bottom:14px;">✅ 关键发现</div>
+                        <div style="display:grid;gap:16px;">
+                            <div style="padding-bottom:16px;border-bottom:1px solid var(--border);">
+                                <div style="font-weight:600;color:var(--text-1);margin-bottom:6px;">1.
+                                    快手的核心壁垒是"信任基础设施"而非流量本身</div>
+                                <p class="text-sm">2.5亿蓝领月活的背后是"老铁"信任关系，但这种信任是脆弱的，一旦受虚假招聘事件冲击，修复成本极高。</p>
+                            </div>
+                            <div style="padding-bottom:16px;border-bottom:1px solid var(--border);">
+                                <div style="font-weight:600;color:var(--text-1);margin-bottom:6px;">2.
+                                    "10个蓝领9个用快手"既是优势也是责任</div>
+                                <p class="text-sm">如此高的渗透率意味着，任何发生在快聘平台上的招聘诈骗，其社会影响都将远超传统招聘平台。</p>
+                            </div>
+                            <div style="padding-bottom:16px;border-bottom:1px solid var(--border);">
+                                <div style="font-weight:600;color:var(--text-1);margin-bottom:6px;">3. 情绪价值的"双刃剑"效应
+                                </div>
+                                <p class="text-sm">快手借助蓝领群体"高共鸣"属性进行情绪化传播，已形成独特的差异化竞争优势；但虚假摆拍内容的泛滥正在侵蚀这种情绪传播的正当性。</p>
+                            </div>
+                            <div>
+                                <div style="font-weight:600;color:var(--text-1);margin-bottom:6px;">4.
+                                    政策监管已从"鼓励创新"转向"规范治理"</div>
+                                <p class="text-sm">2026年五部门行政指导标志着直播带岗进入强监管时期，快手需要从"零审核"向制度化审核体系转型。</p>
+                            </div>
+                        </div>
+                    </div>
+                    <div>
+                        <div class="card" style="border-left:3px solid var(--rose);margin-bottom:20px;">
+                            <div style="font-weight:700;color:var(--rose);margin-bottom:14px;">⚠️ 风险提示</div>
+                            <div class="stack-list">
+                                <div class="stack-item">
+                                    <span class="stack-dot" style="background:var(--rose);"></span>
+                                    <div>平台监管风险：五部门行政指导要求快聘业务全面提升审核能力，若整改不到位可能面临更严厉的监管措施</div>
+                                </div>
+                                <div class="stack-item">
+                                    <span class="stack-dot" style="background:var(--rose);"></span>
+                                    <div>信任透支风险：信息审核不足可能导致恶性诈骗事件，严重损害平台公信力。有前科主播借"官方合作"名义招聘已暴露审核漏洞</div>
+                                </div>
+                                <div class="stack-item">
+                                    <span class="stack-dot" style="background:var(--rose);"></span>
+                                    <div>竞争加剧风险：BOSS直聘持续加码蓝领招聘治理，58同城积累深厚，蓝领赛道竞争持续白热化</div>
+                                </div>
+                            </div>
+                        </div>
+                        <div class="card" style="border-left:3px solid var(--blue);">
+                            <div style="font-weight:700;color:var(--blue);margin-bottom:14px;">📋 五部门"五个到位"</div>
+                            <div style="font-size:0.85rem;color:var(--text-2);line-height:2;">
+                                <div>① 资质审核到位</div>
+                                <div>② 信息明示到位</div>
+                                <div>③ 内容审核到位</div>
+                                <div>④ 风险防范到位</div>
+                                <div>⑤ 处置管控到位</div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </section>
+
+        <!-- ═══ CH13 VOC证据锚点 ═════════════════════════════════════════════════ -->
+        <section class="report-section" data-slide-num="13" data-tone="amber">
+            <div class="section-inner">
+                <div class="section-head">
+                    <div class="section-eyebrow">Chapter 13</div>
+                    <h2 class="text-h1">VOC 证据锚点</h2>
+                    <p class="section-sub">可直接引用的用户原声与高赞内容</p>
+                </div>
+                <div class="grid grid-2" style="margin-bottom:28px;">
+                    <div>
+                        <div
+                            style="font-family:var(--font-mono);font-size:0.72rem;letter-spacing:0.15em;color:var(--rose);margin-bottom:14px;font-weight:600;">
+                            🔥 最担心什么——高赞视频文案</div>
+                        <div class="card quote-card">
+                            <div
+                                style="display:flex;justify-content:space-between;align-items:flex-start;gap:12px;flex-wrap:wrap;margin-bottom:10px;">
+                                <div style="display:flex;gap:8px;align-items:center;flex-wrap:wrap;">
+                                    <span class="tag"
+                                        style="background:var(--rose)18;color:var(--rose);border-color:var(--rose)44;">黑中介</span>
+                                    <span class="text-xs">视频文案</span>
+                                </div>
+                                <div class="text-xs">赞 15.1w · 热度 20.3w</div>
+                            </div>
+                            <div class="quote-text">"#万恶之源 #搞笑我是认真的 #搞笑 黑中介的噩梦，只要我不努力，你就过不上你想要的生活"</div>
+                        </div>
+                        <div class="card quote-card">
+                            <div
+                                style="display:flex;justify-content:space-between;align-items:flex-start;gap:12px;flex-wrap:wrap;margin-bottom:10px;">
+                                <div style="display:flex;gap:8px;align-items:center;flex-wrap:wrap;">
+                                    <span class="tag"
+                                        style="background:var(--rose)18;color:var(--rose);border-color:var(--rose)44;">黑厂</span>
+                                    <span class="text-xs">视频文案</span>
+                                </div>
+                                <div class="text-xs">赞 9.2w · 热度 12.3w</div>
+                            </div>
+                            <div class="quote-text">"揭秘！广东5大黑厂有哪些？想不被坑，千万不要进#电子厂 #普工 #打工人"</div>
+                        </div>
+                        <div class="card quote-card">
+                            <div
+                                style="display:flex;justify-content:space-between;align-items:flex-start;gap:12px;flex-wrap:wrap;margin-bottom:10px;">
+                                <div style="display:flex;gap:8px;align-items:center;flex-wrap:wrap;">
+                                    <span class="tag"
+                                        style="background:var(--rose)18;color:var(--rose);border-color:var(--rose)44;">入职被坑</span>
+                                    <span class="text-xs">视频文案</span>
+                                </div>
+                                <div class="text-xs">赞 6.6w · 热度 8.5w</div>
+                            </div>
+                            <div class="quote-text">"再过段时间，应届毕业生们就该实习找工作了，千万要擦亮眼睛，别被这种新型招聘骗局给坑了！#诈骗 #招聘 #应届毕业生"</div>
+                        </div>
+                        <div class="card quote-card">
+                            <div
+                                style="display:flex;justify-content:space-between;align-items:flex-start;gap:12px;flex-wrap:wrap;margin-bottom:10px;">
+                                <div style="display:flex;gap:8px;align-items:center;flex-wrap:wrap;">
+                                    <span class="tag"
+                                        style="background:var(--rose)18;color:var(--rose);border-color:var(--rose)44;">黑中介</span>
+                                    <span class="text-xs">视频文案</span>
+                                </div>
+                                <div class="text-xs">赞 3.7w · 热度 6.2w</div>
+                            </div>
+                            <div class="quote-text">"#维护法律尊严和正义 #严厉打击黑中介 #黑中介骗了多少中国同胞，把黑中介一网打尽，广大网友们，你们支持吗？"</div>
+                        </div>
+                    </div>
+                    <div>
+                        <div
+                            style="font-family:var(--font-mono);font-size:0.72rem;letter-spacing:0.15em;color:var(--rose);margin-bottom:14px;font-weight:600;">
+                            🔥 高赞评论 VOC TOP</div>
+                        <div class="voice-card hot" style="border-left:3px solid var(--amber);">
+                            <div style="display:flex;align-items:center;gap:8px;margin-bottom:8px;">
+                                <span
+                                    style="width:22px;height:22px;border-radius:50%;background:var(--bg-2);color:var(--text-1);font-size:0.6rem;font-weight:700;display:flex;align-items:center;justify-content:center;">快</span>
+                                <span style="font-size:0.8rem;color:var(--text-3);">快手用户</span>
+                                <span style="margin-left:auto;font-size:0.78rem;font-weight:600;color:var(--amber);">♥
+                                    6.3k</span>
+                            </div>
+                            <div class="voice-content">"22年差点被骗去当咯咯哒 说什么模特走台下面的人送花就有提成"</div>
+                            <div class="voice-meta">
+                                <span class="voice-tag"
+                                    style="background:rgba(245,166,35,0.1);color:var(--amber);">入职被坑</span>
+                            </div>
+                        </div>
+                        <div class="voice-card hot" style="border-left:3px solid var(--amber);">
+                            <div style="display:flex;align-items:center;gap:8px;margin-bottom:8px;">
+                                <span
+                                    style="width:22px;height:22px;border-radius:50%;background:var(--bg-2);color:var(--text-1);font-size:0.6rem;font-weight:700;display:flex;align-items:center;justify-content:center;">快</span>
+                                <span style="font-size:0.8rem;color:var(--text-3);">快手用户</span>
+                                <span style="margin-left:auto;font-size:0.78rem;font-weight:600;color:var(--amber);">♥
+                                    2.2k</span>
+                            </div>
+                            <div class="voice-content">"去买几个鸡蛋，打碎，放在沙发下面..."</div>
+                            <div class="voice-meta">
+                                <span class="voice-tag"
+                                    style="background:rgba(245,166,35,0.1);color:var(--amber);">押金不退</span>
+                            </div>
+                        </div>
+                        <div class="voice-card" style="border-left:3px solid var(--rose);">
+                            <div style="display:flex;align-items:center;gap:8px;margin-bottom:8px;">
+                                <span
+                                    style="width:22px;height:22px;border-radius:50%;background:var(--bg-2);color:var(--text-1);font-size:0.6rem;font-weight:700;display:flex;align-items:center;justify-content:center;">快</span>
+                                <span style="font-size:0.8rem;color:var(--text-3);">快手用户</span>
+                                <span style="margin-left:auto;font-size:0.78rem;font-weight:600;color:var(--rose);">♥
+                                    808</span>
+                            </div>
+                            <div class="voice-content">"我在广西就遇到过房东死活不退押金..."</div>
+                            <div class="voice-meta">
+                                <span class="voice-tag"
+                                    style="background:rgba(255,77,141,0.1);color:var(--rose);">押金不退</span>
+                            </div>
+                        </div>
+                        <div class="voice-card" style="border-left:3px solid var(--rose);">
+                            <div style="display:flex;align-items:center;gap:8px;margin-bottom:8px;">
+                                <span
+                                    style="width:22px;height:22px;border-radius:50%;background:var(--bg-2);color:var(--text-1);font-size:0.6rem;font-weight:700;display:flex;align-items:center;justify-content:center;">快</span>
+                                <span style="font-size:0.8rem;color:var(--text-3);">快手用户</span>
+                                <span style="margin-left:auto;font-size:0.78rem;font-weight:600;color:var(--rose);">♥
+                                    533</span>
+                            </div>
+                            <div class="voice-content">"做的不错，就该那样！有些房东太不像话了！押金不退，还有理由了！"</div>
+                            <div class="voice-meta">
+                                <span class="voice-tag"
+                                    style="background:rgba(255,77,141,0.1);color:var(--rose);">押金不退</span>
+                            </div>
+                        </div>
+                        <div class="voice-card" style="border-left:3px solid var(--rose);">
+                            <div style="display:flex;align-items:center;gap:8px;margin-bottom:8px;">
+                                <span
+                                    style="width:22px;height:22px;border-radius:50%;background:var(--bg-2);color:var(--text-1);font-size:0.6rem;font-weight:700;display:flex;align-items:center;justify-content:center;">快</span>
+                                <span style="font-size:0.8rem;color:var(--text-3);">快手用户</span>
+                                <span style="margin-left:auto;font-size:0.78rem;font-weight:600;color:var(--rose);">♥
+                                    491</span>
+                            </div>
+                            <div class="voice-content">"无论怎么样，反正黑中介是赚了"</div>
+                            <div class="voice-meta">
+                                <span class="voice-tag"
+                                    style="background:rgba(255,77,141,0.1);color:var(--rose);">黑中介</span>
+                            </div>
+                        </div>
+                        <div class="voice-card" style="border-left:3px solid var(--rose);">
+                            <div style="display:flex;align-items:center;gap:8px;margin-bottom:8px;">
+                                <span
+                                    style="width:22px;height:22px;border-radius:50%;background:var(--bg-2);color:var(--text-1);font-size:0.6rem;font-weight:700;display:flex;align-items:center;justify-content:center;">快</span>
+                                <span style="font-size:0.8rem;color:var(--text-3);">快手用户</span>
+                                <span style="margin-left:auto;font-size:0.78rem;font-weight:600;color:var(--rose);">♥
+                                    422</span>
+                            </div>
+                            <div class="voice-content">"那暑假工能做什么啊"</div>
+                            <div class="voice-meta">
+                                <span class="voice-tag"
+                                    style="background:rgba(255,77,141,0.1);color:var(--rose);">入职被坑</span>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <div class="card card-glow" style="border-left:3px solid var(--green);padding:28px 32px;">
+                    <div
+                        style="font-family:var(--font-mono);font-size:0.72rem;letter-spacing:0.15em;color:var(--green);margin-bottom:14px;font-weight:600;">
+                        💡 核心洞察</div>
+                    <div class="text-h2" style="margin-bottom:12px;">情绪价值的核心不是娱乐，而是"确定性"</div>
+                    <p class="text-body">
+                        快手在蓝领求职场景中的优势，来自内容触达、直播解释、即时互动和高频决策场景的天然匹配。需求高频、风险敏感、决策链短、转化诉求强。最强购买点不是抽象品牌心智，而是"工资真实、发薪稳定、包吃包住、当天入职、流程简单"。
+                    </p>
+                </div>
+            </div>
+        </section>
+
+    </main>
+
+    <footer>
+        <div>快手快聘 · VOC 深度洞察报告</div>
+        <div class="meta">数据来源：TikHub API 快手评论采集 | VOC 8,173条 | 视频380条 | 19个关键词 | 播放量9,455万</div>
+        <div class="meta">数据截至：2026年4月 | 报告版本：v8 | 结合 v6内容丰富度 + v7组件优化</div>
+    </footer>
+
+    <script>
+        (function () {
+            const slides = document.querySelectorAll('.report-section');
+            const nav = document.getElementById('navRail');
+            const now = document.getElementById('slideNow');
+            const bar = document.getElementById('slideBar');
+            const total = document.getElementById('slideTotal');
+            const progress = document.getElementById('progressLine');
+            const tips = ['封面', '执行摘要', '数据方法', '最担心什么', '最看重什么', '情绪价值', '渠道原因', '竞争格局', '信任机制', '机会建议', '4P策略', '优劣势', '关键发现', 'VOC锚点'];
+            let current = 0;
+
+            tips.forEach((t, i) => {
+                const d = document.createElement('div');
+                d.className = 'nav-dot';
+                d.setAttribute('data-tip', t);
+                d.addEventListener('click', () => slides[i] && slides[i].scrollIntoView({ behavior: 'smooth' }));
+                nav.appendChild(d);
+            });
+
+            const update = () => {
+                const idx = Math.round(window.scrollY / window.innerHeight);
+                current = Math.max(0, Math.min(idx, slides.length - 1));
+                now.textContent = String(current + 1).padStart(2, '0');
+                bar.style.setProperty('--pct', ((current + 1) / slides.length * 100) + '%');
+                progress.style.width = ((current + 1) / slides.length * 100) + '%';
+                document.querySelectorAll('.nav-dot').forEach((d, i) => {
+                    d.classList.toggle('active', i === current);
+                });
+            };
+
+            window.addEventListener('scroll', update, { passive: true });
+
+            document.addEventListener('keydown', e => {
+                if (e.key === 'ArrowDown' || e.key === 'PageDown') {
+                    e.preventDefault();
+                    slides[current + 1] && slides[current + 1].scrollIntoView({ behavior: 'smooth' });
+                } else if (e.key === 'ArrowUp' || e.key === 'PageUp') {
+                    e.preventDefault();
+                    slides[current - 1] && slides[current - 1].scrollIntoView({ behavior: 'smooth' });
+                }
+            });
+
+            document.querySelectorAll('.kbd-hint')[0] && document.querySelectorAll('.kbd-hint')[0].classList.add('fade');
+            total.textContent = String(slides.length).padStart(2, '0');
+            update();
+
+            document.documentElement.classList.add('js');
+
+            const observer = new IntersectionObserver(entries => {
+                entries.forEach(e => {
+                    if (e.isIntersecting) {
+                        e.target.classList.add('in-view');
+                        const fadeups = e.target.querySelectorAll('.fade-up');
+                        fadeups.forEach((el, i) => setTimeout(() => el.classList.add('is-visible'), i * 100));
+                    }
+                });
+            });
+
+            slides.forEach(s => observer.observe(s));
+        })();
+    </script>
+
+</body>
+
+</html>

scripts/tools/ks-lanlingqiuzhi/ks-render-v7.js

@@ -0,0 +1,871 @@
+#!/usr/bin/env node
+const fs = require('fs');
+const path = require('path');
+
+const ROOT = path.resolve(__dirname, '..', '..', '..');
+const OUT_FILE = path.join(ROOT, 'reports', 'ks-lanlingqiuzhi', 'ks-voc-insight-report-v7.html');
+
+const COVER_STATS = [
+    { num: '7,902', lbl: 'VOC总量' },
+    { num: '380', lbl: '视频数' },
+    { num: '19', lbl: '关键词数' },
+    { num: '9,455万', lbl: '总播放量' },
+];
+
+const KPIS = [
+    { label: 'VOC总量', value: '7,902', sub: '高质量评论', color: 'var(--amber)' },
+    { label: '视频覆盖', value: '380', sub: '条视频内容', color: 'var(--green)' },
+    { label: '情绪方向', value: '负向主导', sub: '风险焦虑最强', color: 'var(--rose)' },
+    { label: '核心关键词', value: '骗/坑/黑中介', sub: '热度最高', color: 'var(--amber)' },
+];
+
+const KUAIKUAI_DATA = [
+    { label: '月度服务求职者', value: '超2.5亿人次', note: '截至2024年底' },
+    { label: '平台蓝领用户规模', value: '约2.5亿人', note: '2024年快聘峰会' },
+    { label: '全年直播带岗场次', value: '超500万场', note: '2024年全年' },
+    { label: '日收简历峰值', value: '突破5万份', note: '2025年2月' },
+    { label: '带动就业机会', value: '4,320万个', note: '截至2024年底' },
+];
+
+const COMPETITORS = [
+    { name: '快手快聘', type: '直播带岗', users: '2.5亿', trend: '快速增长', color: 'var(--green)', strength: '用户渗透率极高', weak: '信息审核薄弱', barColor: '#00DC82' },
+    { name: 'BOSS直聘', type: '算法匹配', users: '约3000万', trend: '稳步增长', color: 'var(--blue)', strength: '匹配准确率高', weak: '情绪获得感弱', barColor: '#3B82F6' },
+    { name: '58同城', type: '分类信息', users: '规模下滑', trend: '持续萎缩', color: 'var(--text-3)', strength: '传统市场份额', weak: '虚假信息泛滥', barColor: '#6B6B6B' },
+];
+
+const RADAR_DATA = [
+    { label: '信息真实度', ks: 3, boss: 4, wu: 2 },
+    { label: '薪资透明度', ks: 4, boss: 4, wu: 2 },
+    { label: '权益保障', ks: 2, boss: 3, wu: 2 },
+    { label: '匹配准确率', ks: 3, boss: 5, wu: 3 },
+    { label: '求职低门槛', ks: 5, boss: 4, wu: 3 },
+    { label: '沟通即时性', ks: 5, boss: 4, wu: 1 },
+    { label: '信任建立', ks: 4, boss: 3, wu: 1 },
+    { label: '职业发展', ks: 2, boss: 3, wu: 1 },
+    { label: '平台审核', ks: 2, boss: 4, wu: 3 },
+    { label: '情绪获得感', ks: 5, boss: 2, wu: 0 },
+];
+
+const RISK_SIGNALS = [
+    { label: '骗', value: 252, heat: 514788, color: 'var(--rose)' },
+    { label: '黑中介', value: 109, heat: 393762, color: 'var(--rose)' },
+    { label: '坑', value: 92, heat: 375264, color: 'var(--rose)' },
+    { label: '套路', value: 45, heat: 144842, color: 'var(--orange)' },
+    { label: '黑厂', value: 43, heat: 123531, color: 'var(--rose)' },
+    { label: '押金', value: 105, heat: 95543, color: 'var(--amber)' },
+    { label: '不退', value: 70, heat: 84106, color: 'var(--amber)' },
+    { label: '陷阱', value: 21, heat: 74090, color: 'var(--orange)' },
+];
+
+const CARE_FACTORS = [
+    { label: '包吃包住', value: 31, heat: 89190, color: 'var(--green)' },
+    { label: '工资', value: 186, heat: 89081, color: 'var(--green)' },
+    { label: '加班费', value: 20, heat: 43986, color: 'var(--blue)' },
+    { label: '吃住', value: 21, heat: 34060, color: 'var(--green)' },
+    { label: '住宿', value: 15, heat: 25224, color: 'var(--blue)' },
+    { label: '当天入职', value: 7, heat: 19264, color: 'var(--purple)' },
+    { label: '日结', value: 30, heat: 12651, color: 'var(--purple)' },
+    { label: '发工资', value: 29, heat: 4773, color: 'var(--amber)' },
+];
+
+const CARE_SIGNALS = [
+    { label: '信息真实不被骗', pct: 85, color: 'var(--rose)' },
+    { label: '工资按时发放', pct: 72, color: 'var(--green)' },
+    { label: '包吃包住', pct: 65, color: 'var(--green)' },
+    { label: '当天入职', pct: 55, color: 'var(--purple)' },
+    { label: '眼见为实', pct: 48, color: 'var(--blue)' },
+];
+
+const HIGH_LIKED = [
+    { rank: 1, likes: 6276, expr: '22年差点被骗去当咯咯哒 说什么模特走台下面的人送花就有提成', kw: '入职被坑', hot: true },
+    { rank: 2, likes: 2209, expr: '去买几个鸡蛋，打碎，放在沙发下面...', kw: '押金不退', hot: true },
+    { rank: 3, likes: 808, expr: '我在广西就遇到过房东死活不退押金...', kw: '押金不退', hot: false },
+    { rank: 4, likes: 533, expr: '做的不错，就该那样！有些房东太不像话了！押金不退，还有理由了！', kw: '押金不退', hot: false },
+    { rank: 5, likes: 491, expr: '无论怎么样，反正黑中介是赚了', kw: '黑中介', hot: false },
+    { rank: 6, likes: 422, expr: '那暑假工能做什么啊', kw: '入职被坑', hot: false },
+    { rank: 7, likes: 403, expr: '干的漂亮，支持小伙子不应该判刑...', kw: '黑中介', hot: false },
+    { rank: 8, likes: 312, expr: '都绑起来了,都投降了,那人还要去喷那个喷雾', kw: '黑中介', hot: false },
+    { rank: 9, likes: 311, expr: '为什么南方的房东都不退押金', kw: '押金不退', hot: false },
+    { rank: 10, likes: 228, expr: '只要收身份证的都是，正常的面试只需要填表就行', kw: '黑中介', hot: false },
+];
+
+const SALARY_VOC = [
+    { likes: 38195, expr: '不给加班费就不加班合理吗？#记录餐饮人生活每一天 #餐饮创业 #现场实拍', kw: '加班费' },
+    { likes: 21817, expr: '#打工妹 #工资条 #打工妹的日常生活 #电子厂', kw: '发工资' },
+    { likes: 51, expr: '确实是像你这样说的，跑外卖只要多劳多得，工资不会少发。我坚持了两个月，第3个月的时候我已经摆烂了', kw: '工资靠谱' },
+];
+
+const FOOD_VOC = [
+    { likes: 84, expr: '我年前就是在洗碗又累又脏，基本上10个小时没得休息，只有吃销10多分钟，我都不想干了', kw: '包吃包住' },
+    { likes: 17397, expr: '#不体检不收费当天安排 #当天来当天入职安排住宿 #岗位轻松干活不累想工作就来 #包吃包住当天安排住宿', kw: '当天入职' },
+    { likes: 15768, expr: '距你0.9km #找工作 #包吃包住 #勤杂工 #大龄工', kw: '包吃包住' },
+];
+
+const HYPOTHESES = [
+    { h: 'H1', title: '快聘是蓝领求职主阵地', count: 596, color: '#F5A623' },
+    { h: 'H2', title: '直播带岗降低信息不对称', count: 1930, color: '#00DC82' },
+    { h: 'H3', title: '薪资透明度是核心关切', count: 1842, color: '#8B5CF6' },
+    { h: 'H4', title: '食宿条件影响求职决策', count: 2194, color: '#FF4D8D' },
+    { h: 'H5', title: '入职流程便捷性', count: 595, color: '#3B82F6' },
+    { h: 'H6', title: '求职被骗是普遍焦虑', count: 4435, color: '#EF4444' },
+    { h: 'H7', title: '黑中介是核心痛点', count: 3705, color: '#F97316' },
+    { h: 'H8', title: '工资结算方式差异', count: 2417, color: '#6B6B6B' },
+];
+
+const EMOTION_KEYWORDS = [
+    { word: '"眼见为实"', desc: '消解信息不对称带来的不安全感', emoji: '👁️', color: 'var(--amber)' },
+    { word: '"老铁推荐"', desc: '以熟人身份降低求职者心理防备', emoji: '🤝', color: 'var(--green)' },
+    { word: '"来了就是兄弟"', desc: '强调归属感和人情味', emoji: '🏠', color: 'var(--purple)' },
+    { word: '"有尊严地赚钱"', desc: '回应蓝领的身份焦虑与社会认同诉求', emoji: '💪', color: 'var(--blue)' },
+    { word: '"不骗人、不套路"', desc: '针对虚假宣传痛点', emoji: '🛡️', color: 'var(--rose)' },
+    { word: '"独门绝技"', desc: '放大蓝领专业技能价值', emoji: '⚡', color: 'var(--orange)' },
+];
+
+const STRATEGY_RECS = [
+    { num: '1', title: '建立分级审核体系', desc: '对招聘主播实行分级管理，对粉丝量级大的头部主播实行更审慎的审核标准', color: 'var(--amber)' },
+    { num: '2', title: '强化"信任基建"投入', desc: '将信息审核能力作为快聘业务的核心基建来建设，建立招聘方信用评级和黑名单机制', color: 'var(--green)' },
+    { num: '3', title: '深化企业直招占比', desc: '减少对中介端的依赖，提高B端企业直招占比，从根本上降低信息失真风险', color: 'var(--blue)' },
+    { num: '4', title: '放大"眼见为实"差异化优势', desc: '继续强化直播展示真实工作环境的核心卖点，将车间、宿舍、食堂直播打造为标准化招聘流程', color: 'var(--purple)' },
+    { num: '5', title: '差异化提升情绪价值', desc: '利用"老铁信任"和"眼见为实"的天然优势，将情绪价值从"内容传播手段"升级为"用户留存壁垒"', color: 'var(--orange)' },
+];
+
+const RISKS = [
+    { type: '信任透支', desc: '虚假招聘信息泛滥，透支"老铁信任"', prob: '高', impact: '高', strategy: '审核体系升级+信用评级', color: 'var(--rose)' },
+    { type: '监管压力', desc: '五部门行政指导要求强化审核', prob: '高', impact: '高', strategy: '主动对标"五个到位"', color: 'var(--rose)' },
+    { type: '竞争跟进', desc: 'BOSS直聘加码蓝领，58同城转型', prob: '中', impact: '中', strategy: '差异化壁垒+效率提升', color: 'var(--amber)' },
+    { type: '匹配效率低', desc: '流量大但精准度不如算法平台', prob: '中', impact: '中', strategy: '引入精准匹配算法', color: 'var(--amber)' },
+];
+
+const FOUR_P = {
+    product: {
+        title: '产品策略：直播带岗 × 信任基建',
+        points: ['核心产品：快手快聘直播带岗服务', '差异化卖点：眼见为实 / 老铁信任 / 零门槛求职', '产品升级方向：标准化直播带岗流程（车间+宿舍+食堂三景展示）'],
+        tags: ['直播带岗', '老铁信任', '零门槛求职'],
+    },
+    price: {
+        title: '价格策略：求职者免费 × 企业端付费',
+        points: ['求职者端：完全免费（零门槛核心优势）', '企业端：按效果付费（CPM/CPC/简历投递量）', '主播端：带岗主播抽佣机制'],
+        tags: ['零门槛', '效果付费', 'C端免费'],
+    },
+    place: {
+        title: '渠道策略：B端入驻 + C端自然渗透',
+        points: ['B端：24万家入驻用人单位，提高企业直招占比', '知名企业合作（创维/顺丰/伯恩光学）', 'C端：2.5亿蓝领月活用户自然覆盖', '40万+专职带岗主播'],
+        tags: ['24万企业', '2.5亿用户', '40万主播'],
+    },
+    promotion: {
+        title: '促销策略：情绪价值 × 信任传播',
+        points: ['品牌传播："10个蓝领9个用快手" / "直播带岗，眼见为实"', '内容营销：《来活了老铁！》综艺IP+短剧营销', '政策背书：直播招聘师认证+人社部认可', '老铁文化："来了就是兄弟"+"有尊严地赚钱"'],
+        tags: ['综艺IP', '老铁文化', '政策背书'],
+    },
+};
+
+function esc(s) { return String(s ?? '').replace(/[&<>"']/g, c => ({ '&': '&amp;', '<': '&lt;', '>': '&gt;', '"': '&quot;', "'": '&#39;' }[c])); }
+function fmtLikes(n) { if (n == null) return '0'; if (n >= 10000) return (n / 10000).toFixed(1).replace(/\.0$/, '') + 'w'; if (n >= 1000) return (n / 1000).toFixed(1).replace(/\.0$/, '') + 'k'; return String(n); }
+
+function barChart(rows, accent, maxW = 900) {
+    const max = Math.max(...rows.map(r => r.heat), 1);
+    const barH = 36, gap = 14, padL = 120, padR = 120, padV = 16, W = maxW;
+    const totalH = rows.length * (barH + gap) + padV * 2;
+    return `<div style="background:var(--bg-1);border:1px solid var(--border);border-radius:var(--radius-md);padding:20px 24px;margin-bottom:24px;">
+        <svg viewBox="0 0 ${W} ${totalH}" style="width:100%;height:auto;" preserveAspectRatio="xMidYMid meet">
+            ${rows.map((r, i) => {
+                const y = padV + i * (barH + gap);
+                const w = Math.max((r.heat / max) * (W - padL - padR), 6);
+                return `<text x="${padL - 10}" y="${y + barH / 2 + 5}" text-anchor="end" font-size="13" fill="var(--text-2)">${esc(r.label)}</text>
+                <rect x="${padL}" y="${y}" width="${w}" height="${barH}" rx="4" fill="${r.color || accent}" opacity="0.85"/>
+                <text x="${padL + w + 10}" y="${y + barH / 2 + 5}" font-size="13" font-weight="700" fill="${r.color || accent}" font-family="monospace">${esc(r.heat.toLocaleString())}</text>`;
+            }).join('')}
+        </svg>
+    </div>`;
+}
+
+function careBarChart(rows, maxW = 800) {
+    const max = Math.max(...rows.map(r => r.pct), 1);
+    const barH = 36, gap = 14, padL = 140, padR = 100, padV = 16, W = maxW;
+    const totalH = rows.length * (barH + gap) + padV * 2;
+    return `<div style="background:var(--bg-1);border:1px solid var(--border);border-radius:var(--radius-md);padding:20px 24px;">
+        <svg viewBox="0 0 ${W} ${totalH}" style="width:100%;height:auto;" preserveAspectRatio="xMidYMid meet">
+            ${rows.map((r, i) => {
+                const y = padV + i * (barH + gap);
+                const w = Math.max((r.pct / 100) * (W - padL - padR), 8);
+                return `<text x="${padL - 10}" y="${y + barH / 2 + 5}" text-anchor="end" font-size="13" fill="var(--text-2)">${esc(r.label)}</text>
+                <rect x="${padL}" y="${y}" width="${w}" height="${barH}" rx="4" fill="${r.color}" opacity="0.85"/>
+                <text x="${padL + w + 10}" y="${y + barH / 2 + 5}" font-size="13" font-weight="700" fill="${r.color}" font-family="monospace">${r.pct}%</text>`;
+            }).join('')}
+        </svg>
+    </div>`;
+}
+
+function competitorBarChart() {
+    const W = 800, barH = 48, gap = 20, padV = 20;
+    const rows = COMPETITORS;
+    const max = 25000;
+    const totalH = rows.length * (barH + gap) + padV * 2;
+    return `<div style="background:var(--bg-1);border:1px solid var(--border);border-radius:var(--radius-md);padding:20px 24px;margin-bottom:24px;">
+        <svg viewBox="0 0 ${W} ${totalH}" style="width:100%;height:auto;" preserveAspectRatio="xMidYMid meet">
+            ${rows.map((r, i) => {
+                const y = padV + i * (barH + gap);
+                const barW = r.users === '规模下滑' || r.users === '约3000万' ? (r.users === '规模下滑' ? 60 : (3000 / max) * (W - 160 - 120)) : (25000 / max) * (W - 160 - 120);
+                return `<text x="150" y="${y + barH / 2 + 5}" text-anchor="end" font-size="14" font-weight="600" fill="${r.color}">${esc(r.name)}</text>
+                <rect x="160" y="${y}" width="${Math.max(barW, 8)}" height="${barH}" rx="4" fill="${r.barColor}" opacity="0.85"/>
+                <text x="${160 + Math.max(barW, 8) + 10}" y="${y + barH / 2 + 5}" font-size="13" font-weight="700" fill="${r.barColor}" font-family="monospace">${esc(r.users)}</text>
+                <text x="160" y="${y + barH + 14}" font-size="11" fill="var(--text-3)">${esc(r.type)} · ${esc(r.trend)}</text>`;
+            }).join('')}
+        </svg>
+    </div>`;
+}
+
+function radarChart() {
+    const cx = 200, cy = 190, r = 130;
+    const labels = RADAR_DATA.map(d => d.label);
+    const ksVals = RADAR_DATA.map(d => d.ks);
+    const bossVals = RADAR_DATA.map(d => d.boss);
+    const wuVals = RADAR_DATA.map(d => d.wu);
+    const n = labels.length;
+    const step = 2 * Math.PI / n;
+    const toXY = (v, i, R = r) => ({ x: cx + R * v * Math.cos(i * step - Math.PI / 2), y: cy + R * v * Math.sin(i * step - Math.PI / 2) });
+    const ksPath = ksVals.map((v, i) => toXY(v / 5, i)).map((p, i) => (i === 0 ? 'M' : 'L') + p.x + ',' + p.y).join('') + 'Z';
+    const bossPath = bossVals.map((v, i) => toXY(v / 5, i)).map((p, i) => (i === 0 ? 'M' : 'L') + p.x + ',' + p.y).join('') + 'Z';
+    const wuPath = wuVals.map((v, i) => toXY(v / 5, i)).map((p, i) => (i === 0 ? 'M' : 'L') + p.x + ',' + p.y).join('') + 'Z';
+    const gridPath = [1, 0.5, 0.25].map(s => [0, 1, 2, 3, 4].map(i => toXY(s, i)).map((p, i) => (i === 0 ? 'M' : 'L') + p.x + ',' + p.y).join('') + 'Z').join('');
+    let labelHTML = labels.map((l, i) => {
+        const p = toXY(1.15, i);
+        return `<text x="${p.x}" y="${p.y}" text-anchor="middle" dominant-baseline="middle" font-size="10" fill="var(--text-2)">${esc(l)}</text>`;
+    }).join('');
+    return `<div style="background:var(--bg-1);border:1px solid var(--border);border-radius:var(--radius-md);padding:20px;">
+        <svg viewBox="0 0 400 380" style="width:100%;height:auto;">
+            <circle cx="${cx}" cy="${cy}" r="${r}" fill="none" stroke="var(--border)" stroke-width="1"/>
+            <path d="${gridPath}" fill="none" stroke="var(--border)" stroke-width="0.5" opacity="0.5"/>
+            <path d="${wuPath}" fill="rgba(107,107,107,0.15)" stroke="#6B6B6B" stroke-width="2"/>
+            <path d="${bossPath}" fill="rgba(59,130,246,0.15)" stroke="#3B82F6" stroke-width="2"/>
+            <path d="${ksPath}" fill="rgba(0,220,130,0.2)" stroke="#00DC82" stroke-width="2.5"/>
+            ${labelHTML}
+            <g transform="translate(${cx + r + 20}, 20)">
+                <rect x="0" y="0" width="12" height="12" fill="#00DC82"/><text x="18" y="10" font-size="11" fill="var(--text-2)">快手</text>
+                <rect x="0" y="25" width="12" height="12" fill="#3B82F6"/><text x="18" y="35" font-size="11" fill="var(--text-2)">BOSS直聘</text>
+                <rect x="0" y="50" width="12" height="12" fill="#6B6B6B"/><text x="18" y="60" font-size="11" fill="var(--text-2)">58同城</text>
+            </g>
+        </svg>
+    </div>`;
+}
+
+function voiceCard(comment, isHot = false) {
+    const borderColor = isHot ? 'var(--amber)' : 'var(--rose)';
+    const tagBg = isHot ? 'rgba(245,166,35,0.1)' : 'rgba(255,77,141,0.1)';
+    const tagColor = isHot ? 'var(--amber)' : 'var(--rose)';
+    return `<div class="voice-card ${isHot ? 'hot' : ''}" style="border-left:3px solid ${borderColor};">
+        <div style="display:flex;align-items:center;gap:8px;margin-bottom:8px;">
+            <span style="width:22px;height:22px;border-radius:50%;background:var(--bg-2);color:var(--text-1);font-size:0.6rem;font-weight:700;display:flex;align-items:center;justify-content:center;">快</span>
+            <span style="font-size:0.8rem;color:var(--text-3);">快手用户</span>
+            <span style="margin-left:auto;font-size:0.78rem;font-weight:600;color:${isHot ? 'var(--amber)' : 'var(--rose)'};">♥ ${fmtLikes(comment.likes)}</span>
+        </div>
+        <div class="voice-content">"${esc(comment.expr)}"</div>
+        <div class="voice-meta">
+            <span class="voice-tag" style="background:${tagBg};color:${tagColor};">${esc(comment.kw)}</span>
+        </div>
+    </div>
+`;}
+
+function insightBanner(num, title, body, dataPoints) {
+    const dps = dataPoints.map(dp => `<div class="dp"><div class="num">${esc(dp.num)}</div><div class="lbl">${esc(dp.lbl)}</div></div>`).join('');
+    return `<div class="insight-banner" data-num="${num}">
+        <h3>${title}</h3>
+        <p class="insight-body">${body}</p>
+        <div class="insight-data">${dps}</div>
+    </div>`;
+}
+
+function hypothesisBarChart() {
+    const max = Math.max(...HYPOTHESES.map(h => h.count));
+    const barH = 28, gap = 12, padL = 100, padR = 100, padV = 16, W = 800;
+    const totalH = HYPOTHESES.length * (barH + gap) + padV * 2;
+    return `<div style="background:var(--bg-1);border:1px solid var(--border);border-radius:var(--radius-md);padding:20px 24px;">
+        <div style="min-width:520px;">
+        <svg viewBox="0 0 ${W} ${totalH}" style="width:100%;height:auto;" preserveAspectRatio="xMidYMid meet">
+            ${HYPOTHESES.map((h, i) => {
+                const y = padV + i * (barH + gap);
+                const w = Math.max((h.count / max) * (W - padL - padR), 8);
+                return `<text x="${padL - 10}" y="${y + barH / 2 + 5}" text-anchor="end" font-size="11" fill="var(--text-2)">${esc(h.h)}</text>
+                <rect x="${padL}" y="${y}" width="${w}" height="${barH}" rx="4" fill="${h.color}" opacity="0.85"/>
+                <text x="${padL + w + 8}" y="${y + barH / 2 + 5}" font-size="11" font-weight="700" fill="${h.color}">${h.count.toLocaleString()}</text>`;
+            }).join('')}
+        </svg>
+        </div>
+    </div>`;
+}
+
+function fourPGrid() {
+    const p = FOUR_P;
+    const items = [
+        { title: p.product.title, points: p.product.points, tags: p.product.tags, color: 'var(--blue)' },
+        { title: p.price.title, points: p.price.points, tags: p.price.tags, color: 'var(--green)' },
+        { title: p.place.title, points: p.place.points, tags: p.place.tags, color: 'var(--amber)' },
+        { title: p.promotion.title, points: p.promotion.points, tags: p.promotion.tags, color: 'var(--purple)' },
+    ];
+    return `<div class="grid grid-2">${items.map(item => `
+        <div class="card" style="border-top:3px solid ${item.color};">
+            <div class="text-h3" style="color:${item.color};margin-bottom:14px;">${esc(item.title)}</div>
+            <div style="font-size:0.85rem;color:var(--text-2);line-height:1.8;margin-bottom:14px;">
+                ${item.points.map(pt => `<div style="margin-bottom:6px;">• ${esc(pt)}</div>`).join('')}
+            </div>
+            <div style="display:flex;gap:8px;flex-wrap:wrap;">
+                ${item.tags.map(t => `<span class="tag" style="background:${item.color}22;color:${item.color};border-color:${item.color}44;">${esc(t)}</span>`).join('')}
+            </div>
+        </div>`).join('')}</div>`;
+}
+
+const html = `<!DOCTYPE html>
+<html lang="zh-CN">
+<head>
+<meta charset="UTF-8">
+<meta name="viewport" content="width=device-width,initial-scale=1.0">
+<title>快手快聘 · VOC 深度洞察报告 v7</title>
+<style>
+:root{--bg-0:#0A0A0A;--bg-1:#111111;--bg-2:#1A1A1A;--bg-3:#252525;--border:rgba(255,255,255,0.08);--border-strong:rgba(255,255,255,0.16);--text-1:#F5F5F5;--text-2:#A8A8A8;--text-3:#6B6B6B;--amber:#F5A623;--amber-glow:rgba(245,166,35,0.15);--green:#00DC82;--purple:#8B5CF6;--rose:#FF4D8D;--blue:#3B82F6;--red:#EF4444;--orange:#F97316;--font-head:'Inter','Noto Sans SC','PingFang SC','Microsoft YaHei',sans-serif;--font-body:'Noto Sans SC','Inter','PingFang SC','Microsoft YaHei',sans-serif;--font-mono:'JetBrains Mono','SF Mono','Fira Code',monospace;--max-w:1280px;--radius-sm:8px;--radius-md:12px;--radius-lg:20px;}
+*{margin:0;padding:0;box-sizing:border-box}
+html{scroll-behavior:smooth;font-size:16px;scroll-snap-type:y proximity;}
+body{font-family:var(--font-body);background:var(--bg-0);color:var(--text-1);line-height:1.65;-webkit-font-smoothing:antialiased;overflow-x:hidden}
+body::before{content:'';position:fixed;inset:0;pointer-events:none;z-index:0;background:radial-gradient(ellipse 900px 700px at var(--amb-x,20%) var(--amb-y,25%),rgba(245,166,35,0.10),transparent 60%),radial-gradient(ellipse 800px 600px at calc(100% - var(--amb-x,20%)) calc(100% - var(--amb-y,25%)),rgba(139,92,246,0.07),transparent 60%);transition:background 1.4s cubic-bezier(.2,.7,.2,1);}
+body::after{content:'';position:fixed;inset:0;pointer-events:none;z-index:0;background-image:linear-gradient(rgba(255,255,255,0.015) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,0.015) 1px,transparent 1px);background-size:80px 80px;mask-image:radial-gradient(ellipse 90% 95% at 50% 50%,black 0%,transparent 85%);-webkit-mask-image:radial-gradient(ellipse 90% 95% at 50% 50%,black 0%,transparent 85%);}
+main.deck{position:relative;z-index:1}
+::selection{background:var(--amber);color:#000}
+.text-hero{font-family:var(--font-head);font-weight:900;letter-spacing:-0.04em;line-height:0.95;font-size:clamp(4rem,12vw,10rem)}
+.text-poster{font-family:var(--font-head);font-weight:800;letter-spacing:-0.03em;line-height:1.05;font-size:clamp(2.5rem,6vw,5rem)}
+.text-h1{font-family:var(--font-head);font-weight:700;letter-spacing:-0.02em;line-height:1.1;font-size:clamp(2rem,4vw,3.5rem)}
+.text-h2{font-family:var(--font-head);font-weight:700;letter-spacing:-0.015em;line-height:1.2;font-size:clamp(1.4rem,2.5vw,2rem)}
+.text-h3{font-weight:600;font-size:clamp(1.05rem,1.6vw,1.3rem);letter-spacing:-0.01em}
+.text-body{font-size:clamp(0.92rem,1.1vw,1rem);line-height:1.75;color:var(--text-2)}
+.text-sm{font-size:0.85rem;color:var(--text-2)}
+.text-xs{font-size:0.72rem;color:var(--text-3);letter-spacing:0.02em}
+.text-mono{font-family:var(--font-mono)}
+.text-amber{color:var(--amber)}.text-green{color:var(--green)}.text-purple{color:var(--purple)}.text-rose{color:var(--rose)}.text-blue{color:var(--blue)}.text-red{color:var(--red)}.text-orange{color:var(--orange)}
+section.report-section{min-height:100vh;padding:clamp(60px,10vh,120px) clamp(24px,6vw,80px);position:relative;border-bottom:1px solid var(--border);display:flex;flex-direction:column;justify-content:center;scroll-snap-align:start;scroll-snap-stop:always;overflow:hidden;isolation:isolate}
+section.report-section::before{content:attr(data-slide-num);position:absolute;top:clamp(20px,3vh,36px);right:clamp(24px,4vw,60px);font-family:var(--font-mono);font-weight:600;font-size:clamp(0.68rem,0.75vw,0.78rem);letter-spacing:0.25em;color:var(--text-3);z-index:4;pointer-events:none}
+section.report-section::after{content:'';position:absolute;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(ellipse 70% 60% at 85% 15%,var(--slide-glow-1,rgba(245,166,35,0.06)),transparent 55%),radial-gradient(ellipse 60% 50% at 15% 85%,var(--slide-glow-2,rgba(139,92,246,0.04)),transparent 55%);opacity:0;transition:opacity 1s cubic-bezier(.2,.7,.2,1)}
+section.report-section.in-view::after{opacity:1}
+section.report-section[data-tone="amber"]{--slide-glow-1:rgba(245,166,35,0.10);--slide-glow-2:rgba(245,166,35,0.04)}
+section.report-section[data-tone="rose"]{--slide-glow-1:rgba(255,77,141,0.09);--slide-glow-2:rgba(255,77,141,0.04)}
+section.report-section[data-tone="green"]{--slide-glow-1:rgba(0,220,130,0.08);--slide-glow-2:rgba(0,220,130,0.03)}
+section.report-section[data-tone="purple"]{--slide-glow-1:rgba(139,92,246,0.10);--slide-glow-2:rgba(139,92,246,0.04)}
+section.report-section[data-tone="blue"]{--slide-glow-1:rgba(59,130,246,0.08);--slide-glow-2:rgba(59,130,246,0.03)}
+section.report-section[data-tone="orange"]{--slide-glow-1:rgba(249,115,22,0.10);--slide-glow-2:rgba(249,115,22,0.04)}
+.cover-hero{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;padding:clamp(40px,8vh,100px) clamp(24px,6vw,80px);background:radial-gradient(ellipse 60% 80% at 30% 30%,rgba(245,166,35,0.08) 0%,transparent 70%),radial-gradient(ellipse 40% 60% at 80% 70%,rgba(139,92,246,0.05) 0%,transparent 70%),var(--bg-0)}
+.cover-grid-bg{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,0.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,0.025) 1px,transparent 1px);background-size:60px 60px;mask-image:radial-gradient(ellipse 80% 80% at 50% 50%,black 0%,transparent 70%);-webkit-mask-image:radial-gradient(ellipse 80% 80% at 50% 50%,black 0%,transparent 70%)}
+.cover-content{position:relative;z-index:2;max-width:var(--max-w)}
+.cover-meta{display:flex;align-items:center;gap:16px;font-family:var(--font-mono);font-size:0.78rem;color:var(--text-3);letter-spacing:0.18em;text-transform:uppercase;margin-bottom:32px}
+.cover-meta::before{content:'';width:32px;height:2px;background:var(--amber)}
+.cover-title-stack{display:flex;flex-direction:column;gap:4px}
+.cover-title{font-family:var(--font-head);font-weight:900;letter-spacing:-0.04em;line-height:0.92;font-size:clamp(3.5rem,11vw,9rem);color:#fff;background:linear-gradient(135deg,#fff 30%,rgba(245,166,35,0.9) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
+.cover-sub{font-size:clamp(1rem,1.6vw,1.4rem);color:var(--text-2);max-width:780px;margin-top:32px;line-height:1.7}
+.cover-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(12px,2vw,28px);margin-top:clamp(48px,8vh,96px);padding-top:clamp(24px,4vh,48px);border-top:1px solid var(--border);max-width:900px}
+.cover-stat .num{font-family:var(--font-head);font-weight:800;font-size:clamp(1.6rem,2.8vw,2.4rem);letter-spacing:-0.02em;color:var(--amber)}
+.cover-stat .lbl{font-size:0.78rem;color:var(--text-3);margin-top:4px;font-family:var(--font-mono);letter-spacing:0.05em;text-transform:uppercase}
+@media(max-width:720px){.cover-stats{grid-template-columns:repeat(2,1fr)}}
+.nav-rail{position:fixed;left:clamp(16px,2vw,32px);top:50%;transform:translateY(-50%);z-index:100;display:flex;flex-direction:column;gap:12px}
+.nav-dot{width:32px;height:3px;border-radius:2px;background:rgba(255,255,255,0.14);cursor:pointer;transition:all 0.5s cubic-bezier(.2,.7,.2,1);position:relative;display:flex;align-items:center}
+.nav-dot.active{background:var(--amber);width:48px;box-shadow:0 0 12px rgba(245,166,35,0.4)}
+.nav-dot:hover{background:rgba(255,255,255,0.3)}
+.nav-dot::after{content:attr(data-tip);position:absolute;left:calc(100% + 16px);top:50%;transform:translateY(-50%) translateX(-6px);background:rgba(20,20,20,0.92);backdrop-filter:blur(8px);border:1px solid var(--border);padding:6px 12px;border-radius:6px;font-size:0.72rem;color:var(--text-1);white-space:nowrap;opacity:0;pointer-events:none;transition:opacity 0.25s ease,transform 0.25s ease;font-family:var(--font-mono);letter-spacing:0.04em}
+.nav-dot:hover::after,.nav-dot.active::after{opacity:1;transform:translateY(-50%) translateX(0)}
+.progress-line{position:fixed;top:0;left:0;height:2px;background:linear-gradient(90deg,var(--amber),var(--rose));z-index:1000;width:0%;transition:width 0.3s ease}
+.top-bar{position:fixed;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:18px clamp(24px,4vw,48px);z-index:99;pointer-events:none;background:linear-gradient(180deg,rgba(10,10,10,0.85) 0%,transparent 100%)}
+.brand-logo{font-family:var(--font-head);font-weight:900;font-size:0.88rem;letter-spacing:0.2em}
+.brand-logo .dot{color:var(--amber)}
+.slide-counter{position:fixed;left:clamp(16px,2vw,28px);bottom:clamp(16px,2vh,28px);z-index:100;display:flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;background:rgba(20,20,20,0.85);backdrop-filter:blur(16px);border:1px solid var(--border-strong);font-family:var(--font-mono);font-size:0.74rem;letter-spacing:0.1em;color:var(--text-2)}
+.slide-counter .now{color:var(--amber);font-weight:700}
+.slide-counter .bar{width:60px;height:2px;background:rgba(255,255,255,0.1);border-radius:2px;overflow:hidden}
+.slide-counter .bar::after{content:'';display:block;height:100%;width:var(--pct,0%);background:linear-gradient(90deg,var(--amber),var(--rose));transition:width 0.6s cubic-bezier(.2,.7,.2,1)}
+.kbd-hint{position:fixed;right:clamp(16px,2vw,28px);bottom:clamp(16px,2vh,28px);z-index:100;display:flex;align-items:center;gap:10px;padding:10px 16px;border-radius:999px;background:rgba(20,20,20,0.85);backdrop-filter:blur(16px);border:1px solid var(--border-strong);font-family:var(--font-mono);font-size:0.72rem;color:var(--text-2);letter-spacing:0.04em;transition:opacity 0.6s ease,transform 0.6s ease}
+.kbd-hint.fade{opacity:0;transform:translateY(12px);pointer-events:none}
+.kbd-hint kbd{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 6px;background:var(--bg-3);border:1px solid var(--border-strong);border-radius:4px;font-size:0.7rem;font-family:var(--font-mono);color:var(--text-1);box-shadow:0 1px 0 rgba(0,0,0,0.4)}
+.section-inner{width:100%;max-width:var(--max-w);margin:0 auto;position:relative}
+.section-head{margin-bottom:clamp(32px,5vh,64px)}
+.section-eyebrow{display:inline-flex;align-items:center;gap:10px;font-family:var(--font-mono);font-size:0.72rem;letter-spacing:0.18em;text-transform:uppercase;color:var(--amber);font-weight:500;margin-bottom:18px}
+.section-eyebrow::before{content:'';display:inline-block;width:24px;height:1px;background:var(--amber)}
+.section-sub{color:var(--text-2);font-size:1.05rem;max-width:720px;margin-top:14px;line-height:1.8}
+.grid{display:grid;gap:clamp(14px,1.6vw,22px)}
+.grid-2{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}
+.grid-3{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}
+.grid-4{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}
+.card{background:linear-gradient(180deg,rgba(255,255,255,0.025) 0%,rgba(255,255,255,0.008) 100%),var(--bg-1);border:1px solid var(--border);border-radius:var(--radius-md);padding:clamp(20px,2.2vw,32px);position:relative;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:transform 0.4s cubic-bezier(.2,.7,.2,1),border-color 0.3s ease,box-shadow 0.4s ease}
+.card:hover{border-color:var(--border-strong);transform:translateY(-3px);box-shadow:0 12px 40px rgba(0,0,0,0.35),0 0 0 1px rgba(245,166,35,0.08)}
+.voice-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,0,0,0.3);border-color:var(--border-strong);}
+.card.card-glow{box-shadow:0 0 60px rgba(245,166,35,0.12),0 0 120px rgba(245,166,35,0.06)}
+.card.card-glow-green{box-shadow:0 0 60px rgba(0,220,130,0.12),0 0 120px rgba(0,220,130,0.06)}
+.card.card-glow-rose{box-shadow:0 0 60px rgba(255,77,141,0.12),0 0 120px rgba(255,77,141,0.06)}
+.card-accent{border-left:3px solid var(--amber);border-top:1px solid var(--border);border-right:1px solid var(--border);border-bottom:1px solid var(--border)}
+.metric{background:var(--bg-1);border:1px solid var(--border);border-radius:var(--radius-md);padding:clamp(24px,2.5vw,36px);position:relative;overflow:hidden}
+.metric::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--amber),transparent);opacity:0.6}
+.metric .metric-label{font-family:var(--font-mono);font-size:0.7rem;letter-spacing:0.15em;text-transform:uppercase;color:var(--text-3);margin-bottom:10px}
+.metric .metric-value{font-family:var(--font-head);font-weight:800;font-size:clamp(2.2rem,4vw,3.5rem);letter-spacing:-0.03em;line-height:1;color:var(--text-1);margin-bottom:8px}
+.metric .metric-unit{font-family:var(--font-mono);font-size:0.85rem;color:var(--amber);font-weight:500}
+.metric .metric-sub{margin-top:14px;font-size:0.82rem;color:var(--text-2);line-height:1.5}
+.voice-card{background:var(--bg-1);border:1px solid var(--border);border-radius:var(--radius-md);padding:20px 24px;margin-bottom:14px;transition:all 0.3s ease;position:relative;overflow:visible}
+.voice-card::before{content:'';position:absolute;top:0;bottom:0;left:0;width:3px;height:auto;background:var(--rose);opacity:0.6;transition:opacity 0.3s;border-radius:var(--radius-md) 0 0 var(--radius-md);}
+.voice-card.hot{border-color:rgba(245,166,35,0.3)}
+.voice-card.hot::before{opacity:1;background:var(--amber)}
+.voice-card:hover{border-color:var(--border-strong);transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,0,0,0.3)}
+.voice-card .voice-content{font-size:0.96rem;line-height:1.7;color:var(--text-1);margin:12px 0;font-weight:400}
+.voice-card .voice-meta{display:flex;gap:8px;flex-wrap:wrap}
+.voice-tag{display:inline-flex;padding:3px 10px;background:rgba(255,77,141,0.1);color:var(--rose);border-radius:4px;font-size:0.72rem;font-weight:500}
+.voice-card.hot .voice-tag{background:rgba(245,166,35,0.1);color:var(--amber)}
+.tag{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:4px;font-size:0.72rem;font-weight:500;letter-spacing:0.02em;font-family:var(--font-head);background:rgba(245,166,35,0.1);color:var(--amber);border:1px solid rgba(245,166,35,0.22)}
+.tag.green{background:rgba(0,220,130,0.08);color:var(--green);border-color:rgba(0,220,130,0.2)}
+.tag.purple{background:rgba(139,92,246,0.08);color:var(--purple);border-color:rgba(139,92,246,0.2)}
+.tag.rose{background:rgba(255,77,141,0.08);color:var(--rose);border-color:rgba(255,77,141,0.2)}
+.tag.blue{background:rgba(59,130,246,0.08);color:var(--blue);border-color:rgba(59,130,246,0.2)}
+.tag.orange{background:rgba(249,115,22,0.08);color:var(--orange);border-color:rgba(249,115,22,0.2)}
+.tag.red{background:rgba(239,68,68,0.08);color:var(--red);border-color:rgba(239,68,68,0.2)}
+.cover-hero .aurora{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:1}
+.cover-hero .aurora span{position:absolute;border-radius:50%;filter:blur(80px);opacity:0.5}
+.cover-hero .aurora span:nth-child(1){width:500px;height:500px;background:rgba(245,166,35,0.35);top:-10%;left:10%;animation:aurora-drift-1 18s ease-in-out infinite alternate}
+.cover-hero .aurora span:nth-child(2){width:420px;height:420px;background:rgba(139,92,246,0.30);bottom:-8%;right:10%;animation:aurora-drift-2 22s ease-in-out infinite alternate}
+.cover-hero .aurora span:nth-child(3){width:300px;height:300px;background:rgba(0,220,130,0.22);top:40%;left:55%;animation:aurora-drift-3 26s ease-in-out infinite alternate}
+@keyframes aurora-drift-1{from{transform:translate(0,0) scale(1)}to{transform:translate(60px,80px) scale(1.2)}}
+@keyframes aurora-drift-2{from{transform:translate(0,0) scale(1)}to{transform:translate(-80px,-60px) scale(1.15)}}
+@keyframes aurora-drift-3{from{transform:translate(0,0) scale(1)}to{transform:translate(-100px,40px) scale(1.3)}}
+@media(prefers-reduced-motion:reduce){.cover-hero .aurora span{animation:none}}
+.insight-banner{min-height:260px;background:var(--bg-1);border:1px solid var(--border);border-radius:var(--radius-md);padding:clamp(32px,4vw,56px);display:flex;flex-direction:column;justify-content:space-between;gap:32px;position:relative;overflow:hidden;margin-bottom:28px}
+.insight-banner::before{content:attr(data-num);position:absolute;top:16px;right:24px;font-family:var(--font-head);font-weight:900;font-size:clamp(4rem,9vw,7rem);line-height:1;color:var(--bg-3);letter-spacing:-0.05em;pointer-events:none}
+.insight-banner h3{font-family:var(--font-head);font-weight:800;font-size:clamp(1.5rem,2.8vw,2.2rem);letter-spacing:-0.02em;line-height:1.25;color:var(--text-1);max-width:85%}
+.insight-banner h3 strong,.insight-banner h3 span{color:var(--amber);font-weight:900}
+.insight-banner .insight-body{color:var(--text-2);font-size:1rem;line-height:1.75;max-width:85%}
+.insight-banner .insight-data{display:flex;gap:24px;margin-top:16px;padding-top:20px;border-top:1px solid var(--border)}
+.insight-banner .insight-data .dp{display:flex;flex-direction:column;gap:2px}
+.insight-banner .insight-data .num{font-family:var(--font-mono);font-size:1.3rem;font-weight:700;color:var(--amber)}
+.insight-banner .insight-data .lbl{font-size:0.72rem;color:var(--text-3);text-transform:uppercase;letter-spacing:0.1em}
+.data-tbl{width:100%;border-collapse:collapse;font-size:0.88rem}
+.data-tbl thead th{text-align:left;padding:14px 16px;background:var(--bg-1);border-bottom:1px solid var(--border);font-family:var(--font-mono);font-weight:500;font-size:0.72rem;letter-spacing:0.08em;text-transform:uppercase;color:var(--text-3)}
+.data-tbl tbody td{padding:14px 16px;border-bottom:1px solid var(--border);color:var(--text-1);vertical-align:middle}
+.data-tbl tbody tr:last-child td{border-bottom:none}
+.data-tbl tbody tr:hover{background:rgba(255,255,255,0.02)}
+.data-tbl .tb-num{font-family:var(--font-mono);font-weight:600;color:var(--amber)}
+.table-wrap{overflow-x:auto;border-radius:var(--radius-md);border:1px solid var(--border)}
+.theme-poster{background:var(--bg-1);border:1px solid var(--border);border-radius:var(--radius-md);padding:28px;position:relative;overflow:hidden}
+.theme-poster.pain{border-top:3px solid var(--rose)}
+.theme-poster.bright{border-top:3px solid var(--green)}
+.theme-poster.scene{border-top:3px solid var(--blue)}
+.theme-poster h4{font-family:var(--font-head);font-weight:700;font-size:1.3rem;margin-bottom:8px}
+.theme-poster .count{font-family:var(--font-mono);font-size:0.78rem;color:var(--text-3);margin-bottom:16px}
+.theme-poster .count .num{font-size:1.4rem;font-weight:700;color:var(--text-1);margin-right:4px}
+.theme-poster .examples{list-style:none;display:flex;flex-direction:column;gap:10px;margin-top:12px}
+.theme-poster .examples li{padding:10px 14px;background:var(--bg-2);border-left:2px solid var(--border-strong);border-radius:4px;font-size:0.85rem;line-height:1.55;color:var(--text-2)}
+.theme-poster.pain .examples li{border-left-color:var(--rose)}
+.theme-poster.bright .examples li{border-left-color:var(--green)}
+.theme-poster.scene .examples li{border-left-color:var(--blue)}
+.fade-up{opacity:1;transform:none;transition:opacity 0.9s cubic-bezier(.16,.84,.33,1),transform 0.9s cubic-bezier(.16,.84,.33,1)}
+html.js .fade-up{opacity:0;transform:translateY(32px);will-change:opacity,transform}
+html.js .fade-up.is-visible{opacity:1;transform:translateY(0)}
+footer{text-align:center;padding:48px clamp(24px,6vw,80px);border-top:1px solid var(--border);color:var(--text-3);font-size:0.8rem;background:var(--bg-0)}
+footer .meta{font-family:var(--font-mono);letter-spacing:0.12em;text-transform:uppercase;margin-top:8px;font-size:0.7rem}
+@media(max-width:900px){.nav-rail{display:none}}
+</style>
+</head>
+<body>
+<div class="progress-line" id="progressLine"></div>
+<header class="top-bar"><div class="brand-logo">快手快聘<span class="dot">·</span>VOC</div></header>
+<nav class="nav-rail" id="navRail"></nav>
+<div class="slide-counter"><span class="now" id="slideNow">01</span><div class="bar"><div id="slideBar"></div></div><span id="slideTotal">09</span></div>
+<div class="kbd-hint"><kbd>↓</kbd><kbd>↑</kbd> 滚动切换</div>
+<main class="deck">
+
+<!-- 封面 -->
+<section class="report-section cover-hero" data-tone="amber" style="min-height:100vh;">
+    <div class="cover-grid-bg"></div>
+    <div class="aurora"><span></span><span></span><span></span></div>
+    <div class="cover-content">
+        <div class="cover-meta">VOC 深度洞察报告 · v7</div>
+        <div class="cover-title-stack">
+            <div class="cover-title">快手快聘</div>
+        </div>
+        <p class="cover-sub">"10个蓝领，9个都用快手"——蓝领求职生态与快聘战略洞察</p>
+        <div class="cover-stats">
+            ${COVER_STATS.map(s => `<div class="cover-stat"><div class="num">${esc(s.num)}</div><div class="lbl">${esc(s.lbl)}</div></div>`).join('')}
+        </div>
+    </div>
+</section>
+
+<!-- Ch1: 执行摘要 -->
+<section class="report-section" data-slide-num="01" data-tone="amber" id="ch1">
+    <div class="section-inner">
+        <div class="section-head">
+            <div class="section-eyebrow">CHAPTER 01</div>
+            <h2 class="text-h1">执行摘要</h2>
+            <p class="section-sub">核心问题与机会分析</p>
+        </div>
+        <div class="grid grid-4" style="margin-bottom:32px;">
+            ${KPIS.map(k => `<div class="metric"><div class="metric-label">${esc(k.label)}</div><div class="metric-value" style="color:${k.color};">${esc(k.value)}</div><div class="metric-sub">${esc(k.sub)}</div></div>`).join('')}
+        </div>
+        <div class="card card-glow card-accent" style="margin-bottom:28px;padding:28px 32px;">
+            <div style="font-family:var(--font-mono);font-size:0.72rem;letter-spacing:0.15em;color:var(--amber);margin-bottom:14px;font-weight:600;">核心洞察</div>
+            <div class="text-h2" style="margin-bottom:12px;">蓝领求职最担心什么？最看重什么？</div>
+            <p class="text-body">最强焦虑不是"工资低"，而是"怕被骗"——信息不真实、被坑、黑中介、押金不退、工资被克扣</p>
+        </div>
+        <div class="grid grid-3">
+            <div class="card" style="border-left:3px solid var(--rose);">
+                <div style="font-size:1.6rem;margin-bottom:12px;">🛡️</div>
+                <div style="font-weight:700;margin-bottom:8px;">最强焦虑：被骗</div>
+                <p class="text-sm">"骗/黑中介/坑"相关风险词热度突破100万，VOC占比最高</p>
+            </div>
+            <div class="card" style="border-left:3px solid var(--green);">
+                <div style="font-size:1.6rem;margin-bottom:12px;">💰</div>
+                <div style="font-weight:700;margin-bottom:8px;">最强诉求：确定性</div>
+                <p class="text-sm">工资真实、发薪稳定、包吃包住、当天入职、能快速安顿</p>
+            </div>
+            <div class="card" style="border-left:3px solid var(--purple);">
+                <div style="font-size:1.6rem;margin-bottom:12px;">🤝</div>
+                <div style="font-weight:700;margin-bottom:8px;">情绪核心：信任</div>
+                <p class="text-sm">"老铁文化"+"眼见为实"是快聘最难被竞品复制的竞争壁垒</p>
+            </div>
+        </div>
+    </div>
+</section>
+
+<!-- Ch2: 快聘生态现状 -->
+<section class="report-section" data-slide-num="02" data-tone="orange" id="ch2">
+    <div class="section-inner">
+        <div class="section-head">
+            <div class="section-eyebrow" style="color:var(--orange);">CHAPTER 02</div>
+            <h2 class="text-h1">快聘生态现状</h2>
+            <p class="section-sub">市场规模、竞争格局与战略位势</p>
+        </div>
+        <div class="grid grid-4" style="margin-bottom:32px;">
+            ${KUAIKUAI_DATA.map(d => `<div class="metric"><div class="metric-label">${esc(d.label)}</div><div class="metric-value" style="color:var(--green);">${esc(d.value)}</div><div class="metric-sub">${esc(d.note)}</div></div>`).join('')}
+        </div>
+        <div class="card card-glow" style="border-left:3px solid var(--green);margin-bottom:28px;padding:28px 32px;">
+            <div style="font-family:var(--font-mono);font-size:0.72rem;letter-spacing:0.15em;color:var(--green);margin-bottom:14px;font-weight:600;">战略定位</div>
+            <div class="text-h2" style="margin-bottom:12px;">"10个蓝领9个用快手——直播带岗，眼见为实"</div>
+            <p class="text-body">快聘日活几十万简历，内部仅次于电商；2.5亿蓝领月活是最大壁垒；但信息审核弱是最大短板</p>
+        </div>
+        <div class="grid grid-3" style="margin-bottom:24px;">
+            ${COMPETITORS.map(c => `
+            <div class="card" style="border-top:3px solid ${c.color};">
+                <div style="font-weight:700;color:${c.color};margin-bottom:10px;">${esc(c.name)}</div>
+                <div style="font-size:0.82rem;color:var(--text-2);line-height:1.7;">
+                    <div style="margin-bottom:6px;"><span style="color:var(--green);">✓</span> ${esc(c.strength)}</div>
+                    <div style="margin-bottom:6px;"><span style="color:var(--green);">✓</span> 用户：${esc(c.users)} · ${esc(c.type)}</div>
+                    <div><span style="color:var(--rose);">⚠</span> ${esc(c.weak)}</div>
+                </div>
+            </div>`).join('')}
+        </div>
+        <div class="fade-up">
+            <div style="font-family:var(--font-mono);font-size:0.72rem;letter-spacing:0.15em;color:var(--orange);margin-bottom:14px;font-weight:600;">📊 平台竞争要素雷达图</div>
+            ${radarChart()}
+        </div>
+    </div>
+</section>
+
+<!-- Ch3: 蓝领求职心理洞察 -->
+<section class="report-section" data-slide-num="03" data-tone="rose" id="ch3">
+    <div class="section-inner">
+        <div class="section-head">
+            <div class="section-eyebrow" style="color:var(--rose);">CHAPTER 03</div>
+            <h2 class="text-h1">蓝领求职心理洞察</h2>
+            <p class="section-sub">最担心什么？最看重什么？</p>
+        </div>
+        <div class="grid grid-2" style="margin-bottom:28px;">
+            <div>
+                <div style="font-family:var(--font-mono);font-size:0.72rem;letter-spacing:0.15em;color:var(--rose);margin-bottom:16px;font-weight:600;">TOP 焦虑来源（按热度）</div>
+                ${barChart(RISK_SIGNALS.slice(0, 6), 'var(--rose)')}
+            </div>
+            <div>
+                <div style="font-family:var(--font-mono);font-size:0.72rem;letter-spacing:0.15em;color:var(--green);margin-bottom:16px;font-weight:600;">TOP 诉求来源（按热度）</div>
+                ${barChart(CARE_FACTORS.slice(0, 6), 'var(--green)')}
+            </div>
+        </div>
+        ${insightBanner('01', '蓝领求职者最需要的是<strong>确定性</strong>——确定工作是真的、<strong>工资会发</strong>、<strong>不会被坑</strong>、能快速安顿下来', '情绪价值的核心不是娱乐，而是"确定性"：靠谱、真实、放心、少踩坑。', [
+            { num: '85%', lbl: '担心信息不真实' },
+            { num: '72%', lbl: '关注工资按时发放' },
+            { num: '65%', lbl: '关注包吃包住' },
+        ])}
+        <div class="grid grid-3">
+            <div class="card" style="border-left:3px solid var(--rose);">
+                <div style="font-size:1.6rem;margin-bottom:12px;">🛡️</div>
+                <div style="font-weight:700;color:var(--rose);margin-bottom:8px;">焦虑1：信息虚假</div>
+                <p class="text-sm">承诺月薪近万，实际到手4000多；薪资货不对版是头号痛点</p>
+            </div>
+            <div class="card" style="border-left:3px solid var(--amber);">
+                <div style="font-size:1.6rem;margin-bottom:12px;">💰</div>
+                <div style="font-weight:700;color:var(--amber);margin-bottom:8px;">焦虑2：押金陷阱</div>
+                <p class="text-sm">预缴押金/培训费后失联，押金不退是高频次焦虑</p>
+            </div>
+            <div class="card" style="border-left:3px solid var(--purple);">
+                <div style="font-size:1.6rem;margin-bottom:12px;">🤝</div>
+                <div style="font-weight:700;color:var(--purple);margin-bottom:8px;">焦虑3：权益保障</div>
+                <p class="text-sm">不签合同、不上保险，维权举证难、责任界定难</p>
+            </div>
+        </div>
+    </div>
+</section>
+
+<!-- Ch4: 核心关切：薪资与权益 -->
+<section class="report-section" data-slide-num="04" data-tone="amber" id="ch4">
+    <div class="section-inner">
+        <div class="section-head">
+            <div class="section-eyebrow">CHAPTER 04</div>
+            <h2 class="text-h1">核心关切：薪资与权益</h2>
+            <p class="section-sub">工资、食宿、入职便捷性</p>
+        </div>
+        <div class="grid grid-2" style="margin-bottom:28px;">
+            <div>
+                <div style="font-family:var(--font-mono);font-size:0.72rem;letter-spacing:0.15em;color:var(--amber);margin-bottom:14px;font-weight:600;">薪资权益关键词热度</div>
+                ${barChart(CARE_FACTORS, 'var(--amber)')}
+            </div>
+            <div>
+                <div style="font-family:var(--font-mono);font-size:0.72rem;letter-spacing:0.15em;color:var(--green);margin-bottom:14px;font-weight:600;">高赞薪资VOC</div>
+                ${SALARY_VOC.map(v => voiceCard(v, false)).join('\n')}
+            </div>
+        </div>
+        ${insightBanner('02', '薪资透明度是<strong>核心关切</strong>，但最核心的购买点是"确定性"——<strong>包吃包住+当天入职+不发愁</strong>', '蓝领求职者决策链极短，追求"今天看、明天就上班"。快聘能快速集结大批求职者，春节高峰期效果尤为显著。', [
+            { num: '89,190', lbl: '"包吃包住"热度' },
+            { num: '89,081', lbl: '"工资"热度' },
+            { num: '19,264', lbl: '"当天入职"热度' },
+        ])}
+        <div class="grid grid-2">
+            <div>
+                <div style="font-family:var(--font-mono);font-size:0.72rem;letter-spacing:0.15em;color:var(--green);margin-bottom:14px;font-weight:600;">食宿条件VOC</div>
+                ${FOOD_VOC.map(v => voiceCard(v, false)).join('\n')}
+            </div>
+            <div>
+                <div style="font-family:var(--font-mono);font-size:0.72rem;letter-spacing:0.15em;color:var(--rose);margin-bottom:14px;font-weight:600;">TOP10 高赞评论</div>
+                ${HIGH_LIKED.slice(0, 5).map(v => voiceCard(v, v.hot)).join('\n')}
+            </div>
+        </div>
+    </div>
+</section>
+
+<!-- Ch5: 风险感知：被骗焦虑 -->
+<section class="report-section" data-slide-num="05" data-tone="rose" id="ch5">
+    <div class="section-inner">
+        <div class="section-head">
+            <div class="section-eyebrow" style="color:var(--rose);">CHAPTER 05</div>
+            <h2 class="text-h1">风险感知：被骗焦虑</h2>
+            <p class="section-sub">黑中介、押金陷阱、入职被套路</p>
+        </div>
+        <div class="grid grid-3" style="margin-bottom:28px;">
+            <div class="theme-poster pain">
+                <h4>黑中介 · 最强风险信号</h4>
+                <div class="count">热度 <span class="num">393,762</span> · 109条命中</div>
+                <ul class="examples">
+                    <li>"万恶之源 #黑中介的噩梦，只要我不努力，你就过不上你想要的生活" 热度203,219</li>
+                    <li>"#严厉打击黑中介 #黑中介骗了多少中国同胞" 热度61,984</li>
+                    <li>"第一次进厂是通过直播，就是黑中介..." ♥226</li>
+                </ul>
+            </div>
+            <div class="theme-poster pain">
+                <h4>押金陷阱 · 高频次焦虑</h4>
+                <div class="count">热度 <span class="num">95,543</span> · 105条命中</div>
+                <ul class="examples">
+                    <li>"不退租客押金你是心高气傲，被租客报复你是生死难料" 热度55,223</li>
+                    <li>"去买几个鸡蛋，打碎，放在沙发下面..." ♥2,209（TOP2高赞）</li>
+                    <li>"我在广西就遇到过房东死活不退押金" ♥808</li>
+                </ul>
+            </div>
+            <div class="theme-poster pain">
+                <h4>入职被坑 · 薪资货不对版</h4>
+                <div class="count">热度 <span class="num">375,264</span> · 92条命中</div>
+                <ul class="examples">
+                    <li>"刚开始签18块/时，干了1个月只拿6块/时，只拿了1200" 热度42,121</li>
+                    <li>"只要收身份证的都是，正常的面试只需要填表就行" ♥228</li>
+                    <li>"地铁安检我知道，找中介还不如直接去地铁口问" ♥224</li>
+                </ul>
+            </div>
+        </div>
+        <div class="grid grid-2">
+            <div>
+                <div style="font-family:var(--font-mono);font-size:0.72rem;letter-spacing:0.15em;color:var(--rose);margin-bottom:14px;font-weight:600;">TOP10 高赞风险评论</div>
+                ${HIGH_LIKED.map(v => voiceCard(v, v.hot)).join('\n')}
+            </div>
+            <div>
+                <div style="font-family:var(--font-mono);font-size:0.72rem;letter-spacing:0.15em;color:var(--rose);margin-bottom:14px;font-weight:600;">风险关键词完整排行</div>
+                ${barChart(RISK_SIGNALS, 'var(--rose)')}
+            </div>
+        </div>
+    </div>
+</section>
+
+<!-- Ch6: 平台信任机制 -->
+<section class="report-section" data-slide-num="06" data-tone="purple" id="ch6">
+    <div class="section-inner">
+        <div class="section-head">
+            <div class="section-eyebrow" style="color:var(--purple);">CHAPTER 06</div>
+            <h2 class="text-h1">平台信任机制</h2>
+            <p class="section-sub">老铁文化、直播带岗、情绪关键词体系</p>
+        </div>
+        <div class="grid grid-3" style="margin-bottom:32px;">
+            ${EMOTION_KEYWORDS.map(e => `
+            <div class="card" style="border-top:3px solid ${e.color};">
+                <div style="font-size:2rem;margin-bottom:12px;">${e.emoji}</div>
+                <div class="text-h3" style="color:${e.color};margin-bottom:8px;">${esc(e.word)}</div>
+                <p class="text-sm">${esc(e.desc)}</p>
+            </div>`).join('')}
+        </div>
+        ${insightBanner('06', '情绪价值是<strong>双刃剑</strong>——真实故事获得关注，但<strong>虚假摆拍</strong>正在侵蚀信任基础', '外卖骑手、快递小哥、网约车司机因"接地气""高共鸣"属性，成为短视频平台虚假摆拍重灾区。平台算法无差别推荐，使虚假内容获得杠杆式传播。', [
+            { num: '★★★★★', lbl: '情绪获得感优势' },
+            { num: '⚠️高风险', lbl: '虚假摆拍泛滥' },
+            { num: '五部门', lbl: '行政指导监管' },
+        ])}
+        <div class="card card-glow" style="border-left:3px solid var(--purple);padding:28px 32px;margin-bottom:28px;">
+            <div style="font-family:var(--font-mono);font-size:0.72rem;letter-spacing:0.15em;color:var(--purple);margin-bottom:14px;font-weight:600;">标杆案例 · 快手《来活了老铁！》</div>
+            <div class="text-h2" style="margin-bottom:12px;">快手联合山东卫视推出的首档蓝领求职综艺IP</div>
+            <p class="text-body">25个热搜榜单（微博主榜6个），最高总榜TOP21，完成度625%。站外曝光量原定2.5亿，实际完成3.26亿，完成度130%。围绕"技能向+娱乐向+社会向"三个维度展开。</p>
+            <div style="margin-top:14px;display:flex;gap:10px;">
+                <span class="tag purple">技能向</span>
+                <span class="tag purple">娱乐向</span>
+                <span class="tag purple">社会向</span>
+            </div>
+        </div>
+        <div class="grid grid-2">
+            <div class="card" style="border-top:3px solid var(--green);">
+                <div style="font-weight:700;color:var(--green);margin-bottom:14px;">老铁信任体系</div>
+                <div style="font-size:0.85rem;color:var(--text-2);line-height:1.8;">
+                    <div style="margin-bottom:8px;">• 熟人推荐式信任</div>
+                    <div style="margin-bottom:8px;">• 主播与粉丝长期关系积累</div>
+                    <div style="margin-bottom:8px;">• 评论区实时互动答疑</div>
+                    <div>• "来了就是兄弟"文化</div>
+                </div>
+            </div>
+            <div class="card" style="border-top:3px solid var(--blue);">
+                <div style="font-weight:700;color:var(--blue);margin-bottom:14px;">直播带岗信任机制</div>
+                <div style="font-size:0.85rem;color:var(--text-2);line-height:1.8;">
+                    <div style="margin-bottom:8px;">• 车间直播展示</div>
+                    <div style="margin-bottom:8px;">• 宿舍直播展示</div>
+                    <div style="margin-bottom:8px;">• 食堂直播展示</div>
+                    <div>• 眼见为实消除信息不对称</div>
+                </div>
+            </div>
+        </div>
+    </div>
+</section>
+
+<!-- Ch7: 机会与建议 -->
+<section class="report-section" data-slide-num="07" data-tone="green" id="ch7">
+    <div class="section-inner">
+        <div class="section-head">
+            <div class="section-eyebrow" style="color:var(--green);">CHAPTER 07</div>
+            <h2 class="text-h1">机会与建议</h2>
+            <p class="section-sub">快聘优势强化、风险应对、战略方向</p>
+        </div>
+        <div class="grid grid-2" style="margin-bottom:28px;">
+            ${STRATEGY_RECS.slice(0, 4).map(r => `
+            <div class="card" style="border-top:3px solid ${r.color};">
+                <div style="display:flex;align-items:center;gap:12px;margin-bottom:14px;">
+                    <div style="width:32px;height:32px;border-radius:50%;background:${r.color};color:#000;font-weight:800;display:flex;align-items:center;justify-content:center;font-size:0.9rem;">${esc(r.num)}</div>
+                    <div class="text-h3">${esc(r.title)}</div>
+                </div>
+                <p class="text-sm">${esc(r.desc)}</p>
+            </div>`).join('')}
+        </div>
+        <div class="card" style="border-top:3px solid var(--rose);margin-bottom:28px;">
+            <div style="font-family:var(--font-mono);font-size:0.72rem;letter-spacing:0.15em;color:var(--rose);margin-bottom:14px;font-weight:600;">⚠️ 风险矩阵</div>
+            <div class="table-wrap">
+                <table class="data-tbl">
+                    <thead><tr><th>风险类型</th><th>描述</th><th>概率</th><th>影响</th><th>应对策略</th></tr></thead>
+                    <tbody>
+                        ${RISKS.map(r => `<tr style="background:${r.color}11;">
+                            <td><strong style="color:${r.color};">${esc(r.type)}</strong></td>
+                            <td style="color:var(--text-2);font-size:0.85rem;">${esc(r.desc)}</td>
+                            <td style="color:${r.color};font-weight:600;">${esc(r.prob)}</td>
+                            <td style="color:${r.color};font-weight:600;">${esc(r.impact)}</td>
+                            <td style="color:var(--text-2);font-size:0.82rem;">${esc(r.strategy)}</td>
+                        </tr>`).join('')}
+                    </tbody>
+                </table>
+            </div>
+        </div>
+        <div class="card" style="border-top:3px solid var(--green);padding:28px 32px;">
+            <div style="font-family:var(--font-mono);font-size:0.72rem;letter-spacing:0.15em;color:var(--green);margin-bottom:14px;font-weight:600;">📋 五部门行政指导要求</div>
+            <div class="grid grid-2">
+                <div style="font-size:0.85rem;color:var(--text-2);line-height:1.8;">
+                    <div style="margin-bottom:8px;">① <strong style="color:var(--text-1);">资质审核到位</strong> — 对招聘方资质进行核验</div>
+                    <div style="margin-bottom:8px;">② <strong style="color:var(--text-1);">信息明示到位</strong> — 招聘信息完整透明</div>
+                    <div>③ <strong style="color:var(--text-1);">内容审核到位</strong> — 虚假信息严格过滤</div>
+                </div>
+                <div style="font-size:0.85rem;color:var(--text-2);line-height:1.8;">
+                    <div style="margin-bottom:8px;">④ <strong style="color:var(--text-1);">风险防范到位</strong> — 建立风险预警机制</div>
+                    <div>⑤ <strong style="color:var(--text-1);">处置管控到位</strong> — 违规内容快速处置</div>
+                </div>
+            </div>
+        </div>
+    </div>
+</section>
+
+<!-- Ch8: 快聘4P营销策略 -->
+<section class="report-section" data-slide-num="08" data-tone="blue" id="ch8">
+    <div class="section-inner">
+        <div class="section-head">
+            <div class="section-eyebrow" style="color:var(--blue);">CHAPTER 08</div>
+            <h2 class="text-h1">快聘 4P 营销策略</h2>
+            <p class="section-sub">产品 / 价格 / 渠道 / 促销</p>
+        </div>
+        ${fourPGrid()}
+        ${insightBanner('08', '基于VOC的内容策略：围绕<strong>"确定性"</strong>构建传播矩阵', '最强购买点：工资真实、发薪稳定、包吃包住，当天入职。最强焦虑：被骗、被坑、黑中介、押金不退。内容方向应围绕"真实岗位展示+主播真实推荐+快速入职承诺"。', [
+            { num: '20+', lbl: '情绪关键词体系' },
+            { num: '3', lbl: '核心传播维度' },
+            { num: '1个', lbl: '综艺IP标杆' },
+        ])}
+        <div style="font-family:var(--font-mono);font-size:0.72rem;letter-spacing:0.15em;color:var(--blue);margin-bottom:14px;font-weight:600;">📊 H1-H8 假设验证</div>
+        ${hypothesisBarChart()}
+    </div>
+</section>
+
+<!-- Ch9: VOC证据锚点 -->
+<section class="report-section" data-slide-num="09" data-tone="amber" id="ch9">
+    <div class="section-inner">
+        <div class="section-head">
+            <div class="section-eyebrow">CHAPTER 09</div>
+            <h2 class="text-h1">VOC 证据锚点</h2>
+            <p class="section-sub">可直接引用的用户原声</p>
+        </div>
+        <div class="grid grid-2">
+            <div>
+                <div style="font-family:var(--font-mono);font-size:0.72rem;letter-spacing:0.15em;color:var(--rose);margin-bottom:14px;font-weight:600;">🔥 薪资焦虑类高赞VOC</div>
+                ${SALARY_VOC.map(v => voiceCard(v, false)).join('\n')}
+            </div>
+            <div>
+                <div style="font-family:var(--font-mono);font-size:0.72rem;letter-spacing:0.15em;color:var(--rose);margin-bottom:14px;font-weight:600;">🔥 风险担忧类高赞VOC TOP10</div>
+                ${HIGH_LIKED.map(v => voiceCard(v, v.hot)).join('\n')}
+            </div>
+        </div>
+        <div class="card card-glow" style="border-left:3px solid var(--green);margin-top:28px;padding:28px 32px;">
+            <div style="font-family:var(--font-mono);font-size:0.72rem;letter-spacing:0.15em;color:var(--green);margin-bottom:14px;font-weight:600;">💡 核心洞察</div>
+            <div class="text-h3" style="margin-bottom:12px;">情绪价值的核心不是娱乐，而是"确定性"</div>
+            <p class="text-body">快手在蓝领求职场景中的优势，来自内容触达、直播解释、即时互动和高频决策场景的天然匹配。需求高频、风险敏感、决策链短、转化诉求强。</p>
+        </div>
+    </div>
+</section>
+
+</main>
+<footer>
+    <div>快手快聘 · VOC 深度洞察报告</div>
+    <div class="meta">数据来源：TikHub API 快手评论采集 | VOC 7,902条 | 视频380条 | 19个关键词 | 播放量9,455万</div>
+    <div class="meta">数据截至：2026年4月 | 报告版本：v7</div>
+</footer>
+<script>
+(function(){
+    const slides=document.querySelectorAll('.report-section');
+    const nav=document.getElementById('navRail');
+    const now=document.getElementById('slideNow');
+    const bar=document.getElementById('slideBar');
+    const total=document.getElementById('slideTotal');
+    const progress=document.getElementById('progressLine');
+    const tips=['封面','执行摘要','快聘生态','心理洞察','薪资权益','风险焦虑','信任机制','机会建议','4P策略','VOC锚点'];
+    let current=0;
+    tips.forEach((t,i)=>{const d=document.createElement('div');d.className='nav-dot';d.setAttribute('data-tip',t);d.addEventListener('click',()=>slides[i]&&slides[i].scrollIntoView({behavior:'smooth'}));nav.appendChild(d);});
+    const update=()=>{const idx=Math.round(window.scrollY/window.innerHeight);current=Math.max(0,Math.min(idx,slides.length-1));now.textContent=String(current+1).padStart(2,'0');bar.style.setProperty('--pct',((current+1)/slides.length*100)+'%');progress.style.width=((current+1)/slides.length*100)+'%';document.querySelectorAll('.nav-dot').forEach((d,i)=>{d.classList.toggle('active',i===current);});};
+    window.addEventListener('scroll',update,{passive:true});
+    document.addEventListener('keydown',e=>{if(e.key==='ArrowDown'||e.key==='PageDown'){e.preventDefault();slides[current+1]&&slides[current+1].scrollIntoView({behavior:'smooth'});}else if(e.key==='ArrowUp'||e.key==='PageUp'){e.preventDefault();slides[current-1]&&slides[current-1].scrollIntoView({behavior:'smooth'});}});
+    document.querySelectorAll('.kbd-hint')[0]&&document.querySelectorAll('.kbd-hint')[0].classList.add('fade');
+    window.addEventListener('scroll',()=>{document.querySelectorAll('.kbd-hint')[0]&&document.querySelectorAll('.kbd-hint')[0].classList.add('fade');},{passive:true});
+    total.textContent=String(slides.length).padStart(2,'0');
+    update();
+    document.documentElement.classList.add('js');
+    const observer=new IntersectionObserver(entries=>{entries.forEach(e=>{if(e.isIntersecting){e.target.classList.add('in-view');const fadeups=e.target.querySelectorAll('.fade-up');fadeups.forEach((el,i)=>setTimeout(()=>el.classList.add('is-visible'),i*100));}}});slides.forEach(s=>observer.observe(s));
+})();
+</script>
+</body>
+</html>`;
+
+fs.writeFileSync(OUT_FILE, html, 'utf-8');
+console.log('HTML report generated:', OUT_FILE);
+console.log('File size:', (fs.statSync(OUT_FILE).size / 1024).toFixed(1), 'KB');

scripts/tools/ks-lanlingqiuzhi/ks-render-v8.js

@@ -0,0 +1,1007 @@
+#!/usr/bin/env node
+const fs = require('fs');
+const path = require('path');
+
+const ROOT = path.resolve(__dirname, '..', '..', '..');
+const OUT_FILE = path.join(ROOT, 'reports', 'ks-lanlingqiuzhi', 'ks-voc-insight-report-v8.html');
+
+function esc(s) { return String(s ?? '').replace(/[&<>"']/g, c => ({ '&': '&amp;', '<': '&lt;', '>': '&gt;', '"': '&quot;', "'": '&#39;' }[c])); }
+function fmtK(n) { n = Number(n) || 0; if (n >= 100000000) return (n / 100000000).toFixed(1).replace(/\.0$/, '') + '亿'; if (n >= 10000) return (n / 10000).toFixed(1).replace(/\.0$/, '') + 'w'; if (n >= 1000) return (n / 1000).toFixed(1).replace(/\.0$/, '') + 'k'; return String(n); }
+function fmtLikes(n) { return fmtK(n); }
+
+function formatHeat(n) { return Number(n).toLocaleString(); }
+
+// ─── Data (combined best from both v6 and v7) ─────────────────────────────────
+
+const KUAIKUAI_STATS = [
+    { label: '月度服务求职者', value: '超2.5亿人次' },
+    { label: '平台蓝领用户规模', value: '约2.5亿人' },
+    { label: '全年直播带岗场次', value: '超500万场' },
+    { label: '带动就业机会', value: '4,320万个' },
+    { label: '日收简历峰值', value: '突破5万份' },
+];
+
+const VOC_STATS = [
+    { label: '关键词文件', value: '19', sub: '覆盖快聘、直播带岗、工资、被骗等主题', color: 'var(--amber)' },
+    { label: '视频总量', value: '380', sub: '每个主题包含 top_videos 样本', color: 'var(--blue)' },
+    { label: '评论总量', value: '8,173', sub: '本次用户需求判断的核心依据', color: 'var(--rose)' },
+    { label: '播放总量', value: '9,455万', sub: '用于判断主题在快手端的触达热度', color: 'var(--green)' },
+];
+
+const RISK_CHART_DATA = [
+    { label: '骗', count: 252, heat: 514788, color: '#FF4D8D' },
+    { label: '黑中介', count: 109, heat: 393762, color: '#FF4D8D' },
+    { label: '坑', count: 92, heat: 375264, color: '#FF4D8D' },
+    { label: '套路', count: 45, heat: 144842, color: '#F97316' },
+    { label: '黑厂', count: 43, heat: 123531, color: '#FF4D8D' },
+    { label: '押金', count: 105, heat: 95543, color: '#F5A623' },
+    { label: '不退', count: 70, heat: 84106, color: '#F5A623' },
+    { label: '陷阱', count: 21, heat: 74090, color: '#F97316' },
+    { label: '克扣', count: 16, heat: 15152, color: '#EF4444' },
+    { label: '维权', count: 12, heat: 11753, color: '#EF4444' },
+];
+
+const CARE_CHART_DATA = [
+    { label: '工资', count: 186, heat: 117968, color: '#00DC82' },
+    { label: '包吃包住', count: 31, heat: 94771, color: '#00DC82' },
+    { label: '加班费', count: 20, heat: 43995, color: '#3B82F6' },
+    { label: '吃住', count: 21, heat: 34060, color: '#00DC82' },
+    { label: '住宿', count: 15, heat: 25224, color: '#3B82F6' },
+    { label: '当天入职', count: 7, heat: 19264, color: '#8B5CF6' },
+    { label: '发工资', count: 29, heat: 13015, color: '#F5A623' },
+    { label: '日结', count: 30, heat: 12656, color: '#8B5CF6' },
+];
+
+const CHANNEL_DATA = [
+    { label: '包吃包住', count: 785, heat: 12600961, color: '#3B82F6' },
+    { label: '克扣工资', count: 776, heat: 4476104, color: '#FF4D8D' },
+    { label: '黑中介', count: 669, heat: 8638016, color: '#FF4D8D' },
+    { label: '入职被坑', count: 600, heat: 8305079, color: '#FF4D8D' },
+    { label: '打工陷阱', count: 593, heat: 5161962, color: '#FF4D8D' },
+    { label: '押金不退', count: 523, heat: 11617088, color: '#F5A623' },
+    { label: '被坑', count: 518, heat: 7620948, color: '#F97316' },
+    { label: '工资日结', count: 439, heat: 865431, color: '#00DC82' },
+];
+
+const HIGH_RISK_QUOTES = [
+    { tag: '黑中介', type: '视频文案', likes: '15.1w', heat: '20.3w', text: '#万恶之源 #搞笑我是认真的 #搞笑 黑中介的噩梦，只要我不努力，你就过不上你想要的生活', color: 'var(--rose)' },
+    { tag: '黑厂', type: '视频文案', likes: '9.2w', heat: '12.3w', text: '揭秘！广东5大黑厂有哪些？想不被坑，千万不要进#电子厂 #普工 #打工人', color: 'var(--rose)' },
+    { tag: '入职被坑', type: '视频文案', likes: '6.6w', heat: '8.5w', text: '再过段时间，应届毕业生们就该实习找工作了，千万要擦亮眼睛，别被这种新型招聘骗局给坑了！#诈骗 #招聘 #应届毕业生', color: 'var(--rose)' },
+    { tag: '黑中介', type: '视频文案', likes: '3.7w', heat: '6.2w', text: '#维护法律尊严和正义 #严厉打击黑中介 #黑中介骗了多少中国同胞，把黑中介一网打尽，广大网友们，你们支持吗？', color: 'var(--rose)' },
+    { tag: '打工陷阱', type: '视频文案', likes: '5.7w', heat: '6.1w', text: '学校不教，你必须要懂的劳动合同陷阱。 #大学生就业 #工作避坑 #就业指导课', color: 'var(--rose)' },
+    { tag: '押金不退', type: '视频文案', likes: '5.1w', heat: '5.5w', text: '不退租客押金你是心高气傲，被租客报复你是生死难料 #押金', color: 'var(--rose)' },
+    { tag: '招聘骗局', type: '视频文案', likes: '2.8w', heat: '4.3w', text: '#找工作 #谨防上当受骗', color: 'var(--rose)' },
+    { tag: '入职被坑', type: '视频文案', likes: '1.8w', heat: '4.2w', text: '#黑中介招工套路，刚开始签18块钱一个小时，干了1个月只拿6块钱，只拿了1200...报警后当场还有5、6个工人也被欺骗', color: 'var(--rose)' },
+];
+
+const HIGH_CARE_QUOTES = [
+    { tag: '工资日结', type: '视频文案', likes: '1.2k', heat: '4.9w', text: '...', color: 'var(--green)' },
+    { tag: '加班费', type: '视频文案', likes: '3.1w', heat: '3.8w', text: '不给加班费就不加班合理吗？#记录餐饮人生活每一天 #餐饮创业 #现场实拍', color: 'var(--green)' },
+    { tag: '加班费', type: '视频文案', likes: '2w', heat: '2.3w', text: '他这是怎么了，晚上10点钟了还去公司加班 #暗恋 #小女友 #内容启发分享计划 #遗憾', color: 'var(--green)' },
+    { tag: '发工资', type: '视频文案', likes: '1.2w', heat: '2.2w', text: '#打工妹 #工资条 #打工妹的日常生活 #电子厂', color: 'var(--green)' },
+    { tag: '当天入职', type: '视频文案', likes: '1.1w', heat: '1.7w', text: '#不体检不收费当天安排 #当天来当天入职安排住宿 #岗位轻松干活不累想工作就来 #包吃包住当天安排住宿 @快手评论', color: 'var(--green)' },
+    { tag: '包吃包住', type: '视频文案', likes: '9.4k', heat: '1.6w', text: '距你0.9km #找工作 #包吃包住 #勤杂工 #大龄工', color: 'var(--green)' },
+    { tag: '包吃包住', type: '视频文案', likes: '7.2k', heat: '1.4w', text: '直接到工厂面试，每个月拿7000包吃包住，穿普通工衣坐着上班，上班可以带手机，不需要文化。有一起来的吗？厂门口等你#普工招聘', color: 'var(--green)' },
+    { tag: '真实薪资', type: '视频文案', likes: '1.2w', heat: '1.4w', text: '#中国薪资对比 #职场冷知识 #打工人现状', color: 'var(--green)' },
+];
+
+const HIGH_COMMENT_LIKES = [
+    { rank: 1, likes: 6276, expr: '22年差点被骗去当咯咯哒 说什么模特走台下面的人送花就有提成', kw: '入职被坑', hot: true },
+    { rank: 2, likes: 2209, expr: '去买几个鸡蛋，打碎，放在沙发下面...', kw: '押金不退', hot: true },
+    { rank: 3, likes: 808, expr: '我在广西就遇到过房东死活不退押金...', kw: '押金不退', hot: false },
+    { rank: 4, likes: 533, expr: '做的不错，就该那样！有些房东太不像话了！押金不退，还有理由了！', kw: '押金不退', hot: false },
+    { rank: 5, likes: 491, expr: '无论怎么样，反正黑中介是赚了', kw: '黑中介', hot: false },
+    { rank: 6, likes: 422, expr: '那暑假工能做什么啊', kw: '入职被坑', hot: false },
+    { rank: 7, likes: 403, expr: '干的漂亮，支持小伙子不应该判刑...', kw: '黑中介', hot: false },
+    { rank: 8, likes: 312, expr: '都绑起来了,都投降了,那人还要去喷那个喷雾', kw: '黑中介', hot: false },
+    { rank: 9, likes: 311, expr: '为什么南方的房东都不退押金', kw: '押金不退', hot: false },
+    { rank: 10, likes: 228, expr: '只要收身份证的都是，正常的面试只需要填表就行', kw: '黑中介', hot: false },
+];
+
+const COMPETITORS = [
+    { name: '快手快聘', type: '直播带岗', users: '2.5亿', trend: '快速增长', color: 'var(--green)', strength: '用户渗透率极高', weak: '信息审核薄弱' },
+    { name: 'BOSS直聘', type: '算法匹配', users: '约3000万', trend: '稳步增长', color: 'var(--blue)', strength: '匹配准确率高', weak: '情绪获得感弱' },
+    { name: '58同城', type: '分类信息', users: '规模下滑', trend: '持续萎缩', color: 'var(--text-3)', strength: '传统市场份额', weak: '虚假信息泛滥' },
+];
+
+const RADAR_DATA = [
+    { label: '信息真实度', ks: 3, boss: 4, wu: 2 },
+    { label: '薪资透明度', ks: 4, boss: 4, wu: 2 },
+    { label: '权益保障', ks: 2, boss: 3, wu: 2 },
+    { label: '匹配准确率', ks: 3, boss: 5, wu: 3 },
+    { label: '求职低门槛', ks: 5, boss: 4, wu: 3 },
+    { label: '沟通即时性', ks: 5, boss: 4, wu: 1 },
+    { label: '信任建立', ks: 4, boss: 3, wu: 1 },
+    { label: '职业发展', ks: 2, boss: 3, wu: 1 },
+    { label: '平台审核', ks: 2, boss: 4, wu: 3 },
+    { label: '情绪获得感', ks: 5, boss: 2, wu: 0 },
+];
+
+const EMOTION_KEYWORDS = [
+    { word: '"眼见为实"', desc: '消解信息不对称带来的不安全感', emoji: '👁️', color: 'var(--amber)' },
+    { word: '"老铁推荐"', desc: '以熟人身份降低求职者心理防备', emoji: '🤝', color: 'var(--green)' },
+    { word: '"来了就是兄弟"', desc: '强调归属感和人情味', emoji: '🏠', color: 'var(--purple)' },
+    { word: '"有尊严地赚钱"', desc: '回应蓝领的身份焦虑与社会认同诉求', emoji: '💪', color: 'var(--blue)' },
+    { word: '"不骗人、不套路"', desc: '针对虚假宣传痛点', emoji: '🛡️', color: 'var(--rose)' },
+    { word: '"独门绝技"', desc: '放大蓝领专业技能价值', emoji: '⚡', color: 'var(--orange)' },
+];
+
+const STRATEGY_RECS = [
+    { num: '1', title: '建立分级审核体系', desc: '对招聘主播实行分级管理，对粉丝量级大的头部主播实行更审慎的审核标准', color: 'var(--amber)' },
+    { num: '2', title: '强化"信任基建"投入', desc: '将信息审核能力作为快聘业务的核心基建来建设，建立招聘方信用评级和黑名单机制', color: 'var(--green)' },
+    { num: '3', title: '深化企业直招占比', desc: '减少对中介端的依赖，提高B端企业直招占比，从根本上降低信息失真风险', color: 'var(--blue)' },
+    { num: '4', title: '放大"眼见为实"差异化', desc: '继续强化直播展示真实工作环境的核心卖点，将车间、宿舍、食堂直播打造为标准化招聘流程', color: 'var(--purple)' },
+    { num: '5', title: '差异化提升情绪价值', desc: '利用"老铁信任"和"眼见为实"的天然优势，将情绪价值从"内容传播手段"升级为"用户留存壁垒"', color: 'var(--orange)' },
+];
+
+const RISKS = [
+    { type: '信任透支', desc: '虚假招聘信息泛滥，透支"老铁信任"', prob: '高', impact: '高', strategy: '审核体系升级+信用评级', color: 'var(--rose)' },
+    { type: '监管压力', desc: '五部门行政指导要求强化审核', prob: '高', impact: '高', strategy: '主动对标"五个到位"', color: 'var(--rose)' },
+    { type: '竞争跟进', desc: 'BOSS直聘加码蓝领，58同城转型', prob: '中', impact: '中', strategy: '差异化壁垒+效率提升', color: 'var(--amber)' },
+    { type: '匹配效率低', desc: '流量大但精准度不如算法平台', prob: '中', impact: '中', strategy: '引入精准匹配算法', color: 'var(--amber)' },
+];
+
+const HYPOTHESES = [
+    { h: 'H1', title: '快聘是蓝领求职主阵地', count: 596, color: '#F5A623' },
+    { h: 'H2', title: '直播带岗降低信息不对称', count: 1930, color: '#00DC82' },
+    { h: 'H3', title: '薪资透明度是核心关切', count: 1842, color: '#8B5CF6' },
+    { h: 'H4', title: '食宿条件影响求职决策', count: 2194, color: '#FF4D8D' },
+    { h: 'H5', title: '入职流程便捷性', count: 595, color: '#3B82F6' },
+    { h: 'H6', title: '求职被骗是普遍焦虑', count: 4435, color: '#EF4444' },
+    { h: 'H7', title: '黑中介是核心痛点', count: 3705, color: '#F97316' },
+    { h: 'H8', title: '工资结算方式差异', count: 2417, color: '#6B6B6B' },
+];
+
+// ─── SVG Chart Functions ────────────────────────────────────────────────────
+
+function dualBarChart(rows, W = 920) {
+    const maxHeat = Math.max(...rows.map(r => r.heat));
+    const barH = 36, gap = 14, padL = 100, padR = 160, padV = 16;
+    const barW = W - padL - padR;
+    const totalH = rows.length * (barH + gap) + padV * 2;
+    return `<div style="background:var(--bg-1);border:1px solid var(--border);border-radius:var(--radius-md);padding:20px 24px;">
+        <svg viewBox="0 0 ${W} ${totalH}" style="width:100%;height:auto;" preserveAspectRatio="xMidYMid meet">
+            ${rows.map((r, i) => {
+                const y = padV + i * (barH + gap);
+                const w = Math.max((r.heat / maxHeat) * barW, 8);
+                return `<text x="${padL - 10}" y="${y + barH / 2 + 5}" text-anchor="end" font-size="13" fill="var(--text-2)">${esc(r.label)}</text>
+                <rect x="${padL}" y="${y}" width="${w}" height="${barH}" rx="4" fill="${r.color}" opacity="0.88"/>
+                <text x="${padL + w + 10}" y="${y + barH / 2 + 5}" font-size="13" font-weight="700" fill="${r.color}" font-family="monospace">${r.count}条 / ${formatHeat(r.heat)}</text>`;
+            }).join('')}
+        </svg>
+    </div>`;
+}
+
+function channelBarChart(rows, W = 920) {
+    const maxHeat = Math.max(...rows.map(r => r.heat));
+    const barH = 36, gap = 14, padL = 110, padR = 160, padV = 16;
+    const barW = W - padL - padR;
+    const totalH = rows.length * (barH + gap) + padV * 2;
+    return `<div style="background:var(--bg-1);border:1px solid var(--border);border-radius:var(--radius-md);padding:20px 24px;">
+        <svg viewBox="0 0 ${W} ${totalH}" style="width:100%;height:auto;" preserveAspectRatio="xMidYMid meet">
+            ${rows.map((r, i) => {
+                const y = padV + i * (barH + gap);
+                const w = Math.max((r.heat / maxHeat) * barW, 8);
+                return `<text x="${padL - 10}" y="${y + barH / 2 + 5}" text-anchor="end" font-size="13" fill="var(--text-2)">${esc(r.label)}</text>
+                <rect x="${padL}" y="${y}" width="${w}" height="${barH}" rx="4" fill="${r.color}" opacity="0.88"/>
+                <text x="${padL + w + 10}" y="${y + barH / 2 + 5}" font-size="13" font-weight="700" fill="${r.color}" font-family="monospace">${r.count}评 / ${formatHeat(r.heat)}</text>`;
+            }).join('')}
+        </svg>
+    </div>`;
+}
+
+function radarChart() {
+    const cx = 200, cy = 190, r = 130;
+    const labels = RADAR_DATA.map(d => d.label);
+    const n = labels.length;
+    const step = 2 * Math.PI / n;
+    const toXY = (v, i, R = r) => ({ x: cx + R * v * Math.cos(i * step - Math.PI / 2), y: cy + R * v * Math.sin(i * step - Math.PI / 2) });
+    const ksPath = RADAR_DATA.map((d, i) => toXY(d.ks / 5, i)).map((p, i) => (i === 0 ? 'M' : 'L') + p.x + ',' + p.y).join('') + 'Z';
+    const bossPath = RADAR_DATA.map((d, i) => toXY(d.boss / 5, i)).map((p, i) => (i === 0 ? 'M' : 'L') + p.x + ',' + p.y).join('') + 'Z';
+    const wuPath = RADAR_DATA.map((d, i) => toXY(d.wu / 5, i)).map((p, i) => (i === 0 ? 'M' : 'L') + p.x + ',' + p.y).join('') + 'Z';
+    const gridPath = [1, 0.5, 0.25].map(s => [0, 1, 2, 3, 4].map(i => toXY(s, i)).map((p, i) => (i === 0 ? 'M' : 'L') + p.x + ',' + p.y).join('') + 'Z').join('');
+    let labelHTML = labels.map((l, i) => {
+        const p = toXY(1.15, i);
+        return `<text x="${p.x}" y="${p.y}" text-anchor="middle" dominant-baseline="middle" font-size="10" fill="var(--text-2)">${esc(l)}</text>`;
+    }).join('');
+    return `<div style="background:var(--bg-1);border:1px solid var(--border);border-radius:var(--radius-md);padding:20px;">
+        <svg viewBox="0 0 400 380" style="width:100%;height:auto;">
+            <circle cx="${cx}" cy="${cy}" r="${r}" fill="none" stroke="var(--border)" stroke-width="1"/>
+            <path d="${gridPath}" fill="none" stroke="var(--border)" stroke-width="0.5" opacity="0.5"/>
+            <path d="${wuPath}" fill="rgba(107,107,107,0.15)" stroke="#6B6B6B" stroke-width="2"/>
+            <path d="${bossPath}" fill="rgba(59,130,246,0.15)" stroke="#3B82F6" stroke-width="2"/>
+            <path d="${ksPath}" fill="rgba(0,220,130,0.2)" stroke="#00DC82" stroke-width="2.5"/>
+            ${labelHTML}
+            <g transform="translate(${cx + r + 20}, 20)">
+                <rect x="0" y="0" width="12" height="12" fill="#00DC82"/><text x="18" y="10" font-size="11" fill="var(--text-2)">快手</text>
+                <rect x="0" y="25" width="12" height="12" fill="#3B82F6"/><text x="18" y="35" font-size="11" fill="var(--text-2)">BOSS直聘</text>
+                <rect x="0" y="50" width="12" height="12" fill="#6B6B6B"/><text x="18" y="60" font-size="11" fill="var(--text-2)">58同城</text>
+            </g>
+        </svg>
+    </div>`;
+}
+
+function hypothesisBarChart() {
+    const max = Math.max(...HYPOTHESES.map(h => h.count));
+    const barH = 28, gap = 12, padL = 100, padR = 100, padV = 16, W = 800;
+    const barW = W - padL - padR;
+    const totalH = HYPOTHESES.length * (barH + gap) + padV * 2;
+    return `<div style="background:var(--bg-1);border:1px solid var(--border);border-radius:var(--radius-md);padding:20px 24px;">
+        <div style="min-width:520px;">
+        <svg viewBox="0 0 ${W} ${totalH}" style="width:100%;height:auto;" preserveAspectRatio="xMidYMid meet">
+            ${HYPOTHESES.map((h, i) => {
+                const y = padV + i * (barH + gap);
+                const w = Math.max((h.count / max) * barW, 8);
+                return `<text x="${padL - 10}" y="${y + barH / 2 + 5}" text-anchor="end" font-size="11" fill="var(--text-2)">${esc(h.h)}</text>
+                <rect x="${padL}" y="${y}" width="${w}" height="${barH}" rx="4" fill="${h.color}" opacity="0.85"/>
+                <text x="${padL + w + 8}" y="${y + barH / 2 + 5}" font-size="11" font-weight="700" fill="${h.color}">${h.count.toLocaleString()}</text>`;
+            }).join('')}
+        </svg>
+        </div>
+    </div>`;
+}
+
+// ─── Quote Card (for video excerpts from v6) ────────────────────────────────
+function quoteCard(item) {
+    return `<div class="card quote-card">
+        <div style="display:flex;justify-content:space-between;align-items:flex-start;gap:12px;flex-wrap:wrap;margin-bottom:10px;">
+            <div style="display:flex;gap:8px;align-items:center;flex-wrap:wrap;">
+                <span class="tag" style="background:${item.color}18;color:${item.color};border-color:${item.color}44;">${esc(item.tag)}</span>
+                <span class="text-xs">${item.type}</span>
+            </div>
+            <div class="text-xs">赞 ${item.likes} · 热度 ${item.heat}</div>
+        </div>
+        <div class="quote-text">"${esc(item.text)}"</div>
+    </div>`;
+}
+
+// ─── Voice Card (comments from v7, with overflow:visible fix) ───────────────
+function voiceCard(comment, isHot = false) {
+    const borderColor = isHot ? 'var(--amber)' : 'var(--rose)';
+    const tagBg = isHot ? 'rgba(245,166,35,0.1)' : 'rgba(255,77,141,0.1)';
+    const tagColor = isHot ? 'var(--amber)' : 'var(--rose)';
+    return `<div class="voice-card ${isHot ? 'hot' : ''}" style="border-left:3px solid ${borderColor};">
+        <div style="display:flex;align-items:center;gap:8px;margin-bottom:8px;">
+            <span style="width:22px;height:22px;border-radius:50%;background:var(--bg-2);color:var(--text-1);font-size:0.6rem;font-weight:700;display:flex;align-items:center;justify-content:center;">快</span>
+            <span style="font-size:0.8rem;color:var(--text-3);">快手用户</span>
+            <span style="margin-left:auto;font-size:0.78rem;font-weight:600;color:${isHot ? 'var(--amber)' : 'var(--rose)'};">♥ ${fmtLikes(comment.likes)}</span>
+        </div>
+        <div class="voice-content">"${esc(comment.expr)}"</div>
+        <div class="voice-meta">
+            <span class="voice-tag" style="background:${tagBg};color:${tagColor};">${esc(comment.kw)}</span>
+        </div>
+    </div>
+`;
+}
+
+// ─── Insight Banner (from v7) ───────────────────────────────────────────────
+function insightBanner(num, title, body, dataPoints) {
+    const dps = dataPoints.map(dp => `<div class="dp"><div class="num">${esc(dp.num)}</div><div class="lbl">${esc(dp.lbl)}</div></div>`).join('');
+    return `<div class="insight-banner" data-num="${num}">
+        <h3>${title}</h3>
+        <p class="insight-body">${body}</p>
+        <div class="insight-data">${dps}</div>
+    </div>`;
+}
+
+// ─── Insight Strip (from v6) ────────────────────────────────────────────────
+function insightStrip(items) {
+    return `<div class="insight-strip">${items.map(it => `
+        <div class="insight-pill">
+            <div style="font-size:1.9rem;font-weight:800;color:${it.color};font-family:var(--font-head);">${esc(it.value)}</div>
+            <div class="text-xs" style="margin-top:6px;">${esc(it.label)}</div>
+        </div>`).join('')}</div>`;
+}
+
+// ─── 4P Grid (from v7) ──────────────────────────────────────────────────────
+const FOUR_P = {
+    product: { title: '产品策略：直播带岗 × 信任基建', points: ['核心产品：快手快聘直播带岗服务', '差异化卖点：眼见为实 / 老铁信任 / 零门槛求职', '产品升级：标准化直播带岗流程（车间+宿舍+食堂三景展示）'], tags: ['直播带岗', '老铁信任', '零门槛求职'], color: 'var(--blue)' },
+    price: { title: '价格策略：求职者免费 × 企业端付费', points: ['求职者端：完全免费（零门槛核心优势）', '企业端：按效果付费（CPM/CPC/简历投递量）', '主播端：带岗主播抽佣机制'], tags: ['零门槛', '效果付费', 'C端免费'], color: 'var(--green)' },
+    place: { title: '渠道策略：B端入驻 + C端自然渗透', points: ['B端：24万家入驻用人单位，提高企业直招占比', '知名企业合作（创维/顺丰/伯恩光学）', 'C端：2.5亿蓝领月活用户自然覆盖', '40万+专职带岗主播'], tags: ['24万企业', '2.5亿用户', '40万主播'], color: 'var(--amber)' },
+    promotion: { title: '促销策略：情绪价值 × 信任传播', points: ['品牌传播："10个蓝领9个用快手" / "直播带岗，眼见为实"', '内容营销：《来活了老铁！》综艺IP+短剧营销', '政策背书：直播招聘师认证+人社部认可', '老铁文化："来了就是兄弟"+"有尊严地赚钱"'], tags: ['综艺IP', '老铁文化', '政策背书'], color: 'var(--purple)' },
+};
+
+function fourPGrid() {
+    return `<div class="grid grid-2">${Object.values(FOUR_P).map(p => `
+        <div class="card" style="border-top:3px solid ${p.color};">
+            <div class="text-h3" style="color:${p.color};margin-bottom:14px;">${esc(p.title)}</div>
+            <div style="font-size:0.85rem;color:var(--text-2);line-height:1.8;margin-bottom:14px;">
+                ${p.points.map(pt => `<div style="margin-bottom:6px;">• ${esc(pt)}</div>`).join('')}
+            </div>
+            <div style="display:flex;gap:8px;flex-wrap:wrap;">
+                ${p.tags.map(t => `<span class="tag" style="background:${p.color}22;color:${p.color};border-color:${p.color}44;">${esc(t)}</span>`).join('')}
+            </div>
+        </div>`).join('')}</div>`;
+}
+
+// ─── Stack List (from v6) ──────────────────────────────────────────────────
+function stackList(items) {
+    return `<div class="stack-list">${items.map(it => `
+        <div class="stack-item">
+            <span class="stack-dot" style="background:${it.color || 'var(--amber)'};"></span>
+            <div>${esc(it.text)}</div>
+        </div>`).join('')}</div>`;
+}
+
+// ─── Business Questions ─────────────────────────────────────────────────────
+const BUSINESS_QUESTIONS = [
+    { text: '蓝领劳工在求职过程中，最担心的、最看重的是什么', color: 'var(--amber)' },
+    { text: '快手为什么能成为蓝领求职的重要渠道', color: 'var(--amber)' },
+    { text: '用户真正需要的情绪价值是什么', color: 'var(--amber)' },
+    { text: '最值得关注的关键词有哪些', color: 'var(--amber)' },
+    { text: '快聘为什么有接近招聘核心转化层的战略位势', color: 'var(--amber)' },
+];
+
+// ─── HTML ────────────────────────────────────────────────────────────────────
+const html = `<!DOCTYPE html>
+<html lang="zh-CN">
+<head>
+<meta charset="UTF-8">
+<meta name="viewport" content="width=device-width,initial-scale=1.0">
+<title>快手快聘 · VOC 深度洞察报告 v8</title>
+<style>
+:root{--bg-0:#0A0A0A;--bg-1:#111111;--bg-2:#1A1A1A;--bg-3:#252525;--border:rgba(255,255,255,0.08);--border-strong:rgba(255,255,255,0.16);--text-1:#F5F5F5;--text-2:#A8A8A8;--text-3:#6B6B6B;--amber:#F5A623;--amber-glow:rgba(245,166,35,0.15);--green:#00DC82;--purple:#8B5CF6;--rose:#FF4D8D;--blue:#3B82F6;--red:#EF4444;--orange:#F97316;--cyan:#06B6D4;--font-head:'Inter','Noto Sans SC','PingFang SC','Microsoft YaHei',sans-serif;--font-body:'Noto Sans SC','Inter','PingFang SC','Microsoft YaHei',sans-serif;--font-mono:'JetBrains Mono','SF Mono','Fira Code',monospace;--max-w:1280px;--radius-sm:8px;--radius-md:12px;--radius-lg:20px;}
+*{margin:0;padding:0;box-sizing:border-box}
+html{scroll-behavior:smooth;font-size:16px;scroll-snap-type:y proximity;}
+body{font-family:var(--font-body);background:var(--bg-0);color:var(--text-1);line-height:1.65;-webkit-font-smoothing:antialiased;overflow-x:hidden}
+body::before{content:'';position:fixed;inset:0;pointer-events:none;z-index:0;background:radial-gradient(ellipse 900px 700px at var(--amb-x,20%) var(--amb-y,25%),rgba(245,166,35,0.10),transparent 60%),radial-gradient(ellipse 800px 600px at calc(100% - var(--amb-x,20%)) calc(100% - var(--amb-y,25%)),rgba(139,92,246,0.07),transparent 60%);transition:background 1.4s cubic-bezier(.2,.7,.2,1);}
+body::after{content:'';position:fixed;inset:0;pointer-events:none;z-index:0;background-image:linear-gradient(rgba(255,255,255,0.015) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,0.015) 1px,transparent 1px);background-size:80px 80px;mask-image:radial-gradient(ellipse 90% 95% at 50% 50%,black 0%,transparent 85%);-webkit-mask-image:radial-gradient(ellipse 90% 95% at 50% 50%,black 0%,transparent 85%);}
+main.deck{position:relative;z-index:1}
+::selection{background:var(--amber);color:#000}
+.text-hero{font-family:var(--font-head);font-weight:900;letter-spacing:-0.04em;line-height:0.95;font-size:clamp(4rem,12vw,10rem)}
+.text-poster{font-family:var(--font-head);font-weight:800;letter-spacing:-0.03em;line-height:1.05;font-size:clamp(2.5rem,6vw,5rem)}
+.text-h1{font-family:var(--font-head);font-weight:700;letter-spacing:-0.02em;line-height:1.1;font-size:clamp(2rem,4vw,3.5rem)}
+.text-h2{font-family:var(--font-head);font-weight:700;letter-spacing:-0.015em;line-height:1.2;font-size:clamp(1.4rem,2.5vw,2rem)}
+.text-h3{font-weight:600;font-size:clamp(1.05rem,1.6vw,1.3rem);letter-spacing:-0.01em}
+.text-body{font-size:clamp(0.92rem,1.1vw,1rem);line-height:1.75;color:var(--text-2)}
+.text-sm{font-size:0.85rem;color:var(--text-2)}
+.text-xs{font-size:0.72rem;color:var(--text-3)}
+.text-mono{font-family:var(--font-mono)}
+.text-amber{color:var(--amber)}.text-green{color:var(--green)}.text-purple{color:var(--purple)}.text-rose{color:var(--rose)}.text-blue{color:var(--blue)}.text-red{color:var(--red)}.text-orange{color:var(--orange)}
+section.report-section{min-height:100vh;padding:clamp(60px,10vh,120px) clamp(24px,6vw,80px);position:relative;border-bottom:1px solid var(--border);display:flex;flex-direction:column;justify-content:center;scroll-snap-align:start;scroll-snap-stop:always;overflow:hidden;isolation:isolate}
+section.report-section::before{content:attr(data-slide-num);position:absolute;top:clamp(20px,3vh,36px);right:clamp(24px,4vw,60px);font-family:var(--font-mono);font-weight:600;font-size:clamp(0.68rem,0.75vw,0.78rem);letter-spacing:0.25em;color:var(--text-3);z-index:4;pointer-events:none}
+section.report-section::after{content:'';position:absolute;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(ellipse 70% 60% at 85% 15%,var(--slide-glow-1,rgba(245,166,35,0.06)),transparent 55%),radial-gradient(ellipse 60% 50% at 15% 85%,var(--slide-glow-2,rgba(139,92,246,0.04)),transparent 55%);opacity:0;transition:opacity 1s cubic-bezier(.2,.7,.2,1)}
+section.report-section.in-view::after{opacity:1}
+section[data-tone="amber"]{--slide-glow-1:rgba(245,166,35,0.10);--slide-glow-2:rgba(245,166,35,0.04)}
+section[data-tone="rose"]{--slide-glow-1:rgba(255,77,141,0.09);--slide-glow-2:rgba(255,77,141,0.04)}
+section[data-tone="green"]{--slide-glow-1:rgba(0,220,130,0.08);--slide-glow-2:rgba(0,220,130,0.03)}
+section[data-tone="purple"]{--slide-glow-1:rgba(139,92,246,0.10);--slide-glow-2:rgba(139,92,246,0.04)}
+section[data-tone="blue"]{--slide-glow-1:rgba(59,130,246,0.08);--slide-glow-2:rgba(59,130,246,0.03)}
+section[data-tone="orange"]{--slide-glow-1:rgba(249,115,22,0.10);--slide-glow-2:rgba(249,115,22,0.04)}
+.cover-hero{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;padding:clamp(40px,8vh,100px) clamp(24px,6vw,80px);background:radial-gradient(ellipse 60% 80% at 30% 30%,rgba(245,166,35,0.08) 0%,transparent 70%),radial-gradient(ellipse 40% 60% at 80% 70%,rgba(139,92,246,0.05) 0%,transparent 70%),var(--bg-0)}
+.cover-grid-bg{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,0.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,0.025) 1px,transparent 1px);background-size:60px 60px;mask-image:radial-gradient(ellipse 80% 80% at 50% 50%,black 0%,transparent 70%);-webkit-mask-image:radial-gradient(ellipse 80% 80% at 50% 50%,black 0%,transparent 70%)}
+.cover-content{position:relative;z-index:2;max-width:var(--max-w)}
+.cover-meta{display:flex;align-items:center;gap:16px;font-family:var(--font-mono);font-size:0.78rem;color:var(--text-3);letter-spacing:0.18em;text-transform:uppercase;margin-bottom:32px}
+.cover-meta::before{content:'';width:32px;height:2px;background:var(--amber)}
+.cover-title{font-family:var(--font-head);font-weight:900;letter-spacing:-0.04em;line-height:0.92;font-size:clamp(3.5rem,11vw,9rem);color:#fff;background:linear-gradient(135deg,#fff 30%,rgba(245,166,35,0.9) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
+.cover-sub{font-size:clamp(1rem,1.6vw,1.4rem);color:var(--text-2);max-width:780px;margin-top:32px;line-height:1.7}
+.cover-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(12px,2vw,28px);margin-top:clamp(48px,8vh,96px);padding-top:clamp(24px,4vh,48px);border-top:1px solid var(--border);max-width:900px}
+.cover-stat .num{font-family:var(--font-head);font-weight:800;font-size:clamp(1.6rem,2.8vw,2.4rem);letter-spacing:-0.02em;color:var(--amber)}
+.cover-stat .lbl{font-size:0.78rem;color:var(--text-3);margin-top:4px;font-family:var(--font-mono);letter-spacing:0.05em;text-transform:uppercase}
+@media(max-width:720px){.cover-stats{grid-template-columns:repeat(2,1fr)}}
+.nav-rail{position:fixed;left:clamp(16px,2vw,32px);top:50%;transform:translateY(-50%);z-index:100;display:flex;flex-direction:column;gap:12px}
+.nav-dot{width:32px;height:3px;border-radius:2px;background:rgba(255,255,255,0.14);cursor:pointer;transition:all 0.5s cubic-bezier(.2,.7,.2,1);position:relative;display:flex;align-items:center}
+.nav-dot.active{background:var(--amber);width:48px;box-shadow:0 0 12px rgba(245,166,35,0.4)}
+.nav-dot:hover{background:rgba(255,255,255,0.3)}
+.nav-dot::after{content:attr(data-tip);position:absolute;left:calc(100% + 16px);top:50%;transform:translateY(-50%) translateX(-6px);background:rgba(20,20,20,0.92);backdrop-filter:blur(8px);border:1px solid var(--border);padding:6px 12px;border-radius:6px;font-size:0.72rem;color:var(--text-1);white-space:nowrap;opacity:0;pointer-events:none;transition:opacity 0.25s ease,transform 0.25s ease;font-family:var(--font-mono);letter-spacing:0.04em}
+.nav-dot:hover::after,.nav-dot.active::after{opacity:1;transform:translateY(-50%) translateX(0)}
+.progress-line{position:fixed;top:0;left:0;height:2px;background:linear-gradient(90deg,var(--amber),var(--rose));z-index:1000;width:0%;transition:width 0.3s ease}
+.top-bar{position:fixed;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:18px clamp(24px,4vw,48px);z-index:99;pointer-events:none;background:linear-gradient(180deg,rgba(10,10,10,0.85) 0%,transparent 100%)}
+.brand-logo{font-family:var(--font-head);font-weight:900;font-size:0.88rem;letter-spacing:0.2em}
+.brand-logo .dot{color:var(--amber)}
+.slide-counter{position:fixed;left:clamp(16px,2vw,28px);bottom:clamp(16px,2vh,28px);z-index:100;display:flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;background:rgba(20,20,20,0.85);backdrop-filter:blur(16px);border:1px solid var(--border-strong);font-family:var(--font-mono);font-size:0.74rem;letter-spacing:0.1em;color:var(--text-2)}
+.slide-counter .now{color:var(--amber);font-weight:700}
+.slide-counter .bar{width:60px;height:2px;background:rgba(255,255,255,0.1);border-radius:2px;overflow:hidden}
+.slide-counter .bar::after{content:'';display:block;height:100%;width:var(--pct,0%);background:linear-gradient(90deg,var(--amber),var(--rose));transition:width 0.6s cubic-bezier(.2,.7,.2,1)}
+.kbd-hint{position:fixed;right:clamp(16px,2vw,28px);bottom:clamp(16px,2vh,28px);z-index:100;display:flex;align-items:center;gap:10px;padding:10px 16px;border-radius:999px;background:rgba(20,20,20,0.85);backdrop-filter:blur(16px);border:1px solid var(--border-strong);font-family:var(--font-mono);font-size:0.72rem;color:var(--text-2);letter-spacing:0.04em;transition:opacity 0.6s ease,transform 0.6s ease}
+.kbd-hint.fade{opacity:0;transform:translateY(12px);pointer-events:none}
+.kbd-hint kbd{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 6px;background:var(--bg-3);border:1px solid var(--border-strong);border-radius:4px;font-size:0.7rem;font-family:var(--font-mono);color:var(--text-1);box-shadow:0 1px 0 rgba(0,0,0,0.4)}
+.section-inner{width:100%;max-width:var(--max-w);margin:0 auto;position:relative}
+.section-head{margin-bottom:clamp(32px,5vh,64px)}
+.section-eyebrow{display:inline-flex;align-items:center;gap:10px;font-family:var(--font-mono);font-size:0.72rem;letter-spacing:0.18em;text-transform:uppercase;color:var(--amber);font-weight:500;margin-bottom:18px}
+.section-eyebrow::before{content:'';display:inline-block;width:24px;height:1px;background:var(--amber)}
+.section-sub{color:var(--text-2);font-size:1.05rem;max-width:720px;margin-top:14px;line-height:1.8}
+.grid{display:grid;gap:clamp(14px,1.6vw,22px)}
+.grid-2{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}
+.grid-3{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}
+.grid-4{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}
+.card{background:linear-gradient(180deg,rgba(255,255,255,0.025) 0%,rgba(255,255,255,0.008) 100%),var(--bg-1);border:1px solid var(--border);border-radius:var(--radius-md);padding:clamp(20px,2.2vw,32px);position:relative;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:transform 0.4s cubic-bezier(.2,.7,.2,1),border-color 0.3s ease,box-shadow 0.4s ease}
+.card:hover{border-color:var(--border-strong);transform:translateY(-3px);box-shadow:0 12px 40px rgba(0,0,0,0.35),0 0 0 1px rgba(245,166,35,0.08)}
+.card.card-glow{box-shadow:0 0 60px rgba(245,166,35,0.12),0 0 120px rgba(245,166,35,0.06)}
+.card.card-glow-green{box-shadow:0 0 60px rgba(0,220,130,0.12),0 0 120px rgba(0,220,130,0.06)}
+.card.card-glow-rose{box-shadow:0 0 60px rgba(255,77,141,0.12),0 0 120px rgba(255,77,141,0.06)}
+.card-accent{border-left:3px solid var(--amber);border-top:1px solid var(--border);border-right:1px solid var(--border);border-bottom:1px solid var(--border)}
+.metric{background:var(--bg-1);border:1px solid var(--border);border-radius:var(--radius-md);padding:clamp(24px,2.5vw,36px);position:relative;overflow:hidden}
+.metric::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--amber),transparent);opacity:0.6}
+.metric .metric-label{font-family:var(--font-mono);font-size:0.7rem;letter-spacing:0.15em;text-transform:uppercase;color:var(--text-3);margin-bottom:10px}
+.metric .metric-value{font-family:var(--font-head);font-weight:800;font-size:clamp(2.2rem,4vw,3.5rem);letter-spacing:-0.03em;line-height:1;color:var(--text-1);margin-bottom:8px}
+.metric .metric-unit{font-family:var(--font-mono);font-size:0.85rem;color:var(--amber);font-weight:500}
+.metric .metric-sub{margin-top:14px;font-size:0.82rem;color:var(--text-2);line-height:1.5}
+.voice-card{background:var(--bg-1);border:1px solid var(--border);border-radius:var(--radius-md);padding:20px 24px;margin-bottom:14px;transition:all 0.3s ease;position:relative;overflow:visible}
+.voice-card::before{content:'';position:absolute;top:0;bottom:0;left:0;width:3px;height:auto;background:var(--rose);opacity:0.6;transition:opacity 0.3s;border-radius:var(--radius-md) 0 0 var(--radius-md);}
+.voice-card.hot{border-color:rgba(245,166,35,0.3)}
+.voice-card.hot::before{opacity:1;background:var(--amber)}
+.voice-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,0,0,0.3);border-color:var(--border-strong);}
+.voice-card .voice-content{font-size:0.96rem;line-height:1.7;color:var(--text-1);margin:12px 0;font-weight:400}
+.voice-card .voice-meta{display:flex;gap:8px;flex-wrap:wrap}
+.voice-tag{display:inline-flex;padding:3px 10px;background:rgba(255,77,141,0.1);color:var(--rose);border-radius:4px;font-size:0.72rem;font-weight:500}
+.voice-card.hot .voice-tag{background:rgba(245,166,35,0.1);color:var(--amber)}
+.tag{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:4px;font-size:0.72rem;font-weight:500;letter-spacing:0.02em;font-family:var(--font-head);background:rgba(245,166,35,0.1);color:var(--amber);border:1px solid rgba(245,166,35,0.22)}
+.tag.green{background:rgba(0,220,130,0.08);color:var(--green);border-color:rgba(0,220,130,0.2)}
+.tag.purple{background:rgba(139,92,246,0.08);color:var(--purple);border-color:rgba(139,92,246,0.2)}
+.tag.rose{background:rgba(255,77,141,0.08);color:var(--rose);border-color:rgba(255,77,141,0.2)}
+.tag.blue{background:rgba(59,130,246,0.08);color:var(--blue);border-color:rgba(59,130,246,0.2)}
+.tag.orange{background:rgba(249,115,22,0.08);color:var(--orange);border-color:rgba(249,115,22,0.2)}
+.tag.red{background:rgba(239,68,68,0.08);color:var(--red);border-color:rgba(239,68,68,0.2)}
+.insight-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px}
+.insight-pill{padding:16px 18px;border-radius:12px;background:rgba(255,255,255,0.03);border:1px solid var(--border)}
+.stack-list{display:grid;gap:12px}
+.stack-item{display:flex;gap:12px;align-items:flex-start;padding:14px 16px;border-radius:12px;background:rgba(255,255,255,0.02);border:1px solid var(--border)}
+.stack-dot{width:10px;height:10px;border-radius:50%;margin-top:8px;flex:0 0 auto}
+.table-card{overflow:auto}
+table.clean{width:100%;border-collapse:collapse;font-size:0.9rem}
+table.clean th,table.clean td{padding:12px 10px;border-bottom:1px solid var(--border);text-align:left;vertical-align:top}
+table.clean th{font-family:var(--font-mono);font-size:0.72rem;letter-spacing:0.1em;text-transform:uppercase;color:var(--text-3);background:var(--bg-1)}
+table.clean td{color:var(--text-1)}
+table.data-tbl{width:100%;border-collapse:collapse;font-size:0.88rem}
+.data-tbl thead th{text-align:left;padding:14px 16px;background:var(--bg-1);border-bottom:1px solid var(--border);font-family:var(--font-mono);font-size:0.72rem;letter-spacing:0.08em;text-transform:uppercase;color:var(--text-3)}
+.data-tbl tbody td{padding:14px 16px;border-bottom:1px solid var(--border);color:var(--text-1);vertical-align:middle}
+.data-tbl tbody tr:last-child td{border-bottom:none}
+.data-tbl tbody tr:hover{background:rgba(255,255,255,0.02)}
+.data-tbl .tb-num{font-family:var(--font-mono);font-weight:600;color:var(--amber)}
+.table-wrap{overflow-x:auto;border-radius:var(--radius-md);border:1px solid var(--border)}
+.quote-card{background:var(--bg-1);border:1px solid var(--border);border-radius:var(--radius-md);padding:20px 24px;transition:all 0.3s ease}
+.quote-card:hover{border-color:var(--border-strong);transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,0,0,0.3)}
+.quote-text{font-size:0.95rem;line-height:1.7;color:var(--text-1);font-weight:400}
+.cover-hero .aurora{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:1}
+.cover-hero .aurora span{position:absolute;border-radius:50%;filter:blur(80px);opacity:0.5}
+.cover-hero .aurora span:nth-child(1){width:500px;height:500px;background:rgba(245,166,35,0.35);top:-10%;left:10%;animation:aurora-drift-1 18s ease-in-out infinite alternate}
+.cover-hero .aurora span:nth-child(2){width:420px;height:420px;background:rgba(139,92,246,0.30);bottom:-8%;right:10%;animation:aurora-drift-2 22s ease-in-out infinite alternate}
+.cover-hero .aurora span:nth-child(3){width:300px;height:300px;background:rgba(0,220,130,0.22);top:40%;left:55%;animation:aurora-drift-3 26s ease-in-out infinite alternate}
+@keyframes aurora-drift-1{from{transform:translate(0,0) scale(1)}to{transform:translate(60px,80px) scale(1.2)}}
+@keyframes aurora-drift-2{from{transform:translate(0,0) scale(1)}to{transform:translate(-80px,-60px) scale(1.15)}}
+@keyframes aurora-drift-3{from{transform:translate(0,0) scale(1)}to{transform:translate(-100px,40px) scale(1.3)}}
+@media(prefers-reduced-motion:reduce){.cover-hero .aurora span{animation:none}}
+.insight-banner{min-height:260px;background:var(--bg-1);border:1px solid var(--border);border-radius:var(--radius-md);padding:clamp(32px,4vw,56px);display:flex;flex-direction:column;justify-content:space-between;gap:32px;position:relative;overflow:hidden;margin-bottom:28px}
+.insight-banner::before{content:attr(data-num);position:absolute;top:16px;right:24px;font-family:var(--font-head);font-weight:900;font-size:clamp(4rem,9vw,7rem);line-height:1;color:var(--bg-3);letter-spacing:-0.05em;pointer-events:none}
+.insight-banner h3{font-family:var(--font-head);font-weight:800;font-size:clamp(1.5rem,2.8vw,2.2rem);letter-spacing:-0.02em;line-height:1.25;color:var(--text-1);max-width:85%}
+.insight-banner h3 strong,.insight-banner h3 span{color:var(--amber);font-weight:900}
+.insight-banner .insight-body{color:var(--text-2);font-size:1rem;line-height:1.75;max-width:85%}
+.insight-banner .insight-data{display:flex;gap:24px;margin-top:16px;padding-top:20px;border-top:1px solid var(--border)}
+.insight-banner .insight-data .dp{display:flex;flex-direction:column;gap:2px}
+.insight-banner .insight-data .num{font-family:var(--font-mono);font-size:1.3rem;font-weight:700;color:var(--amber)}
+.insight-banner .insight-data .lbl{font-size:0.72rem;color:var(--text-3);text-transform:uppercase;letter-spacing:0.1em}
+.fade-up{opacity:1;transform:none;transition:opacity 0.9s cubic-bezier(.16,.84,.33,1),transform 0.9s cubic-bezier(.16,.84,.33,1)}
+html.js .fade-up{opacity:0;transform:translateY(32px);will-change:opacity,transform}
+html.js .fade-up.is-visible{opacity:1;transform:translateY(0)}
+footer{text-align:center;padding:48px clamp(24px,6vw,80px);border-top:1px solid var(--border);color:var(--text-3);font-size:0.8rem;background:var(--bg-0)}
+footer .meta{font-family:var(--font-mono);letter-spacing:0.12em;text-transform:uppercase;margin-top:8px;font-size:0.7rem}
+@media(max-width:900px){.nav-rail{display:none}}
+</style>
+</head>
+<body>
+<div class="progress-line" id="progressLine"></div>
+<header class="top-bar"><div class="brand-logo">快手快聘<span class="dot">·</span>VOC</div></header>
+<nav class="nav-rail" id="navRail"></nav>
+<div class="slide-counter"><span class="now" id="slideNow">01</span><div class="bar"><div id="slideBar"></div></div><span id="slideTotal">13</span></div>
+<div class="kbd-hint"><kbd>↓</kbd><kbd>↑</kbd> 滚动切换</div>
+<main class="deck">
+
+<!-- ═══ COVER ══════════════════════════════════════════════════════════════ -->
+<section class="report-section" data-slide-num="COVER" data-tone="amber" style="position:relative;">
+    <div class="cover-grid-bg"></div>
+    <div class="aurora"><span></span><span></span><span></span></div>
+    <div class="cover-hero">
+        <div class="section-eyebrow" style="margin-bottom:24px;">VOC 深度洞察报告 · v8</div>
+        <h1 class="cover-title">快手蓝领求职</h1>
+        <p class="cover-sub">基于 <span style="color:var(--amber);font-weight:700;">380</span> 条视频、<span style="color:var(--rose);font-weight:700;">8,173</span> 条评论、<span style="color:var(--green);font-weight:700;">9,455万</span> 次播放的主题化分析，回答蓝领在快手求职时"最怕什么、最要什么、为什么会把快手和快聘当成高效率入口"。</p>
+        ${insightStrip([
+            { label: '主题关键词文件', value: '19', color: 'var(--amber)' },
+            { label: '风险相关样本', value: '4,695', color: 'var(--rose)' },
+            { label: '需求相关样本', value: '3,498', color: 'var(--green)' },
+            { label: '最高点赞单条', value: '15.1w', color: 'var(--blue)' },
+        ])}
+        <div class="text-xs" style="color:var(--text-3);margin-top:28px;">数据截至：2026/4/24 · 数据目录：docs/KS-Chanel_analysis/raw/KS</div>
+    </div>
+</section>
+
+<!-- ═══ CH01 执行摘要 ═══════════════════════════════════════════════════════ -->
+<section class="report-section" data-slide-num="01" data-tone="amber">
+    <div class="section-inner">
+        <div class="section-head">
+            <div class="section-eyebrow">Chapter 01</div>
+            <h2 class="text-h1">执行摘要</h2>
+            <p class="section-sub">先把这份报告真正想回答的业务问题说清楚，再给出可以直接汇报的结论版。</p>
+        </div>
+        <div class="grid grid-2" style="margin-bottom:24px;">
+            <div class="card" style="border-left:3px solid var(--rose);">
+                <div class="text-h2" style="margin-bottom:10px;color:var(--rose);">最担心的不是低薪，而是被骗</div>
+                <p class="text-body">从风险样本与高赞表达看，蓝领用户最敏感的是虚假招聘、黑中介、押金不退、工资克扣与入职后货不对板。风险焦虑是比价格比较更靠前的决策变量。</p>
+            </div>
+            <div class="card" style="border-left:3px solid var(--green);">
+                <div class="text-h2" style="margin-bottom:10px;color:var(--green);">最看重的是"确定性条件"</div>
+                <p class="text-body">工资真实、发薪稳定、包吃包住，当天入职、流程简单，这些词反复出现。它们本质上都是在降低求职成本、迁移成本和试错成本。</p>
+            </div>
+            <div class="card" style="border-left:3px solid var(--blue);">
+                <div class="text-h2" style="margin-bottom:10px;color:var(--blue);">快手承接的是短链路求职决策</div>
+                <p class="text-body">用户通过直播和短视频看环境、看宿舍、看工资口径，再通过评论和私信做真假判断。快手承担了入口、解释、信任建立和转化承接的复合角色。</p>
+            </div>
+            <div class="card" style="border-left:3px solid var(--orange);">
+                <div class="text-h2" style="margin-bottom:10px;color:var(--orange);">快聘的战略位势来自离转化更近</div>
+                <p class="text-body">如果内部判断"快聘找工作日活几十万简历，战略位势仅次于电商"，那这批 VOC 可以解释原因：需求高频、风险敏感、决策短、转化意图强。</p>
+            </div>
+        </div>
+        <div class="card">
+            <div class="section-eyebrow" style="margin-bottom:14px;">Business Questions</div>
+            ${stackList(BUSINESS_QUESTIONS)}
+        </div>
+    </div>
+</section>
+
+<!-- ═══ CH02 数据范围与分析方法 ════════════════════════════════════════════ -->
+<section class="report-section" data-slide-num="02" data-tone="blue">
+    <div class="section-inner">
+        <div class="section-head">
+            <div class="section-eyebrow" style="color:var(--blue);">Chapter 02</div>
+            <h2 class="text-h1">数据范围与分析方法</h2>
+            <p class="section-sub">这一页补足方法论说明，让整份 HTML 不只是结论页，也是一份可解释的数据汇报页。</p>
+        </div>
+        <div class="grid grid-4" style="margin-bottom:24px;">
+            ${VOC_STATS.map(s => `<div class="card metric"><div class="metric-label">${esc(s.label)}</div><div class="metric-value" style="color:${s.color};">${esc(s.value)}</div><div class="metric-sub">${esc(s.sub)}</div></div>`).join('')}
+        </div>
+        <div class="grid grid-2">
+            <div class="card">
+                <div class="section-eyebrow" style="color:var(--blue);margin-bottom:14px;">Analysis Logic</div>
+                ${stackList([
+                    { text: '以原始 raw/KS/*.json 为准，重新汇总视频文案、评论文本和主题热度。', color: 'var(--blue)' },
+                    { text: '按"风险 / 需求 / 渠道 / 情绪 / 战略位势"做语义聚类，而不是只看单个关键词文件。', color: 'var(--green)' },
+                    { text: '通过"词项命中 × 文本热度"识别真正有汇报价值的主题词。', color: 'var(--rose)' },
+                    { text: '保留高赞视频文案和评论样本，方便直接放进管理层汇报或研究结论里。', color: 'var(--amber)' },
+                ])}
+            </div>
+            <div class="card table-card">
+                <div class="section-eyebrow" style="color:var(--cyan);margin-bottom:14px;">Data Snapshot</div>
+                <table class="clean">
+                    <thead><tr><th>指标</th><th>数值</th><th>说明</th></tr></thead>
+                    <tbody>
+                        <tr><td>总点赞量</td><td>1,088,514</td><td>用于估算主题互动强度</td></tr>
+                        <tr><td>最高单条热度</td><td>20.3w</td><td>高热视频与高赞评论共同构成综合热度</td></tr>
+                        <tr><td>风险样本</td><td>4,695</td><td>"骗 / 坑 / 中介 / 押金 / 克扣"相关</td></tr>
+                        <tr><td>需求样本</td><td>3,498</td><td>"工资 / 吃住 / 发薪 / 入职"相关</td></tr>
+                        <tr><td>渠道样本</td><td>2,454</td><td>"快聘 / 直播带岗 / 蓝领找工作"相关</td></tr>
+                    </tbody>
+                </table>
+            </div>
+        </div>
+    </div>
+</section>
+
+<!-- ═══ CH03 最担心什么 ═══════════════════════════════════════════════════ -->
+<section class="report-section" data-slide-num="03" data-tone="rose">
+    <div class="section-inner">
+        <div class="section-head">
+            <div class="section-eyebrow" style="color:var(--rose);">Chapter 03</div>
+            <h2 class="text-h1">蓝领求职最担心什么</h2>
+            <p class="section-sub">风险不是单点事件，而是从"看到岗位"到"真正入职"全链路的不确定性。这也是快手求职场里最强烈的底层情绪。</p>
+        </div>
+        <div class="grid grid-3" style="margin-bottom:24px;">
+            <div class="card metric"><div class="metric-label">风险样本</div><div class="metric-value" style="color:var(--rose);">4,695</div><div class="metric-sub">覆盖招聘骗局、打工陷阱、被坑、黑中介、押金不退等</div></div>
+            <div class="card metric"><div class="metric-label">首位风险词</div><div class="metric-value" style="color:#EF4444;">骗</div><div class="metric-sub">按命中条数和热度综合排序</div></div>
+            <div class="card metric"><div class="metric-label">高热风险表达</div><div class="metric-value" style="color:var(--orange);">20.3w</div><div class="metric-sub">高热内容通常直接揭露套路或踩坑经历</div></div>
+        </div>
+        <div class="fade-up">${dualBarChart(RISK_CHART_DATA)}</div>
+        <div class="grid grid-2" style="margin-top:22px;">
+            ${HIGH_RISK_QUOTES.slice(0, 4).map(q => quoteCard(q)).join('')}
+        </div>
+        <div class="card" style="margin-top:22px;border-left:3px solid var(--rose);">
+            <div class="text-h2" style="margin-bottom:12px;color:var(--rose);">汇报可直接引用</div>
+            <p class="text-body">蓝领求职最强焦虑不是"工资不够高"，而是"会不会被骗、会不会被中介抽走、会不会交押金、会不会干完拿不到钱"。风险感知先于薪资吸引，是快手求职内容里最值得重视的底层变量。</p>
+        </div>
+    </div>
+</section>
+
+<!-- ═══ CH04 最看重什么 ════════════════════════════════════════════════════ -->
+<section class="report-section" data-slide-num="04" data-tone="green">
+    <div class="section-inner">
+        <div class="section-head">
+            <div class="section-eyebrow" style="color:var(--green);">Chapter 04</div>
+            <h2 class="text-h1">蓝领求职最看重什么</h2>
+            <p class="section-sub">对蓝领来说，最重要的不是抽象品牌，而是"值不值得去、去了会不会亏、多久能上岗"这种极度现实的问题。</p>
+        </div>
+        <div class="grid grid-4" style="margin-bottom:24px;">
+            <div class="card"><div class="text-h2" style="margin-bottom:10px;color:var(--green);">工资真实</div><p class="text-body">用户会反复对照薪资口径、到手收入和发薪规则。</p></div>
+            <div class="card"><div class="text-h2" style="margin-bottom:10px;color:var(--green);">发薪稳定</div><p class="text-body">"发工资""日结""加班费"都在传递更强的安全感。</p></div>
+            <div class="card"><div class="text-h2" style="margin-bottom:10px;color:var(--green);">包吃包住</div><p class="text-body">它直接降低异地求职的初始成本和决策门槛。</p></div>
+            <div class="card"><div class="text-h2" style="margin-bottom:10px;color:var(--green);">当天入职</div><p class="text-body">蓝领决策短，能不能快速落地决定转化效率。</p></div>
+        </div>
+        <div class="fade-up">${dualBarChart(CARE_CHART_DATA)}</div>
+        <div class="grid grid-2" style="margin-top:22px;">
+            ${HIGH_CARE_QUOTES.slice(0, 4).map(q => quoteCard(q)).join('')}
+        </div>
+        <div class="card" style="margin-top:22px;border-left:3px solid var(--green);">
+            <div class="text-h2" style="margin-bottom:12px;color:var(--green);">汇报可直接引用</div>
+            <p class="text-body">蓝领最看重的不是单一"高薪"，而是工资真实、发薪稳定、包吃包住，当天入职和流程简单。这些条件共同构成了他们对"确定性工作机会"的判断标准。</p>
+        </div>
+    </div>
+</section>
+
+<!-- ═══ CH05 情绪价值强在哪里 ════════════════════════════════════════════ -->
+<section class="report-section" data-slide-num="05" data-tone="purple">
+    <div class="section-inner">
+        <div class="section-head">
+            <div class="section-eyebrow" style="color:var(--purple);">Chapter 05</div>
+            <h2 class="text-h1">情绪价值强在哪里</h2>
+            <p class="section-sub">真正有价值的情绪，不是空泛安慰，而是"让我少踩坑、让我看得懂、让我敢报名"的决策安全感。</p>
+        </div>
+        <div class="grid grid-3" style="margin-bottom:22px;">
+            <div class="card" style="border-left:3px solid var(--rose);">
+                <div class="text-h2" style="margin-bottom:10px;color:var(--rose);">负向情绪来源</div>
+                <p class="text-body">被骗、被坑、黑中介、押金不退、工资克扣，会把委屈、愤怒和无力感放大。</p>
+            </div>
+            <div class="card" style="border-left:3px solid var(--green);">
+                <div class="text-h2" style="margin-bottom:10px;color:var(--green);">正向情绪来源</div>
+                <p class="text-body">靠谱、真实、放心、包吃包住、当天入职，本质上都在回应"能不能放心去"。</p>
+            </div>
+            <div class="card" style="border-left:3px solid var(--amber);">
+                <div class="text-h2" style="margin-bottom:10px;color:var(--amber);">情绪价值本质</div>
+                <p class="text-body">是帮用户建立确定性，而不是单纯制造高情绪张力或娱乐氛围。</p>
+            </div>
+        </div>
+        <div class="grid grid-3" style="margin-bottom:24px;">
+            ${EMOTION_KEYWORDS.map(e => `
+            <div class="card" style="border-top:3px solid ${e.color};">
+                <div style="font-size:2rem;margin-bottom:12px;">${e.emoji}</div>
+                <div class="text-h3" style="color:${e.color};margin-bottom:8px;">${esc(e.word)}</div>
+                <p class="text-sm">${esc(e.desc)}</p>
+            </div>`).join('')}
+        </div>
+        ${insightBanner('05', '情绪价值是<strong>双刃剑</strong>——真实故事获得关注，但<strong>虚假摆拍</strong>正在侵蚀信任基础', '外卖骑手、快递小哥、网约车司机因"接地气""高共鸣"属性，成为短视频平台虚假摆拍重灾区。', [
+            { num: '★★★★★', lbl: '情绪获得感优势' },
+            { num: '⚠️高风险', lbl: '虚假摆拍泛滥' },
+            { num: '五部门', lbl: '行政指导监管' },
+        ])}
+        <div class="card card-glow" style="border-left:3px solid var(--purple);padding:28px 32px;">
+            <div style="font-family:var(--font-mono);font-size:0.72rem;letter-spacing:0.15em;color:var(--purple);margin-bottom:14px;font-weight:600;">标杆案例 · 快手《来活了老铁！》</div>
+            <div class="text-h2" style="margin-bottom:12px;">快手联合山东卫视推出的首档蓝领求职综艺IP</div>
+            <p class="text-body">25个热搜榜单（微博主榜6个），最高总榜TOP21，完成度625%。站外曝光量原定2.5亿，实际完成3.26亿，完成度130%。围绕"技能向+娱乐向+社会向"三个维度展开。</p>
+            <div style="margin-top:14px;display:flex;gap:10px;">
+                <span class="tag purple">技能向</span>
+                <span class="tag purple">娱乐向</span>
+                <span class="tag purple">社会向</span>
+            </div>
+        </div>
+    </div>
+</section>
+
+<!-- ═══ CH06 快手成为重要渠道的原因 ══════════════════════════════════════ -->
+<section class="report-section" data-slide-num="06" data-tone="blue">
+    <div class="section-inner">
+        <div class="section-head">
+            <div class="section-eyebrow" style="color:var(--blue);">Chapter 06</div>
+            <h2 class="text-h1">为什么快手能成为蓝领求职的重要渠道</h2>
+            <p class="section-sub">这里不是泛泛说"快手流量大"，而是解释为什么快手适合承接蓝领这种短链路、高时效、强风险判断的决策场景。</p>
+        </div>
+        <div class="grid grid-3" style="margin-bottom:24px;">
+            <div class="card" style="border-top:3px solid var(--blue);">
+                <div class="text-h2" style="margin-bottom:10px;color:var(--blue);">内容可视化</div>
+                <p class="text-body">车间、宿舍、食堂、工资口径、现场环境都可以被直接展示，比纯文字招聘更有说服力。</p>
+            </div>
+            <div class="card" style="border-top:3px solid var(--cyan);">
+                <div class="text-h2" style="margin-bottom:10px;color:var(--cyan);">评论问答密度高</div>
+                <p class="text-body">用户会直接追问"是不是中介、包不包住、工资怎么发、什么时候入职"，帮助做真假筛选。</p>
+            </div>
+            <div class="card" style="border-top:3px solid var(--amber);">
+                <div class="text-h2" style="margin-bottom:10px;color:var(--amber);">转化链路短</div>
+                <p class="text-body">从看内容到留电话、私信报名、到场面试，快手天然适配短决策和高转化意图。</p>
+            </div>
+        </div>
+        <div class="grid grid-2">
+            <div>
+                <div style="font-family:var(--font-mono);font-size:0.72rem;letter-spacing:0.15em;color:var(--blue);margin-bottom:14px;font-weight:600;">渠道主题词热度</div>
+                ${channelBarChart(CHANNEL_DATA)}
+            </div>
+            <div>
+                <div style="font-family:var(--font-mono);font-size:0.72rem;letter-spacing:0.15em;color:var(--rose);margin-bottom:14px;font-weight:600;">🔥 高赞评论 VOC TOP10</div>
+                ${HIGH_COMMENT_LIKES.map(v => voiceCard(v, v.hot)).join('')}
+            </div>
+        </div>
+    </div>
+</section>
+
+<!-- ═══ CH07 快聘生态与竞争格局 ══════════════════════════════════════════ -->
+<section class="report-section" data-slide-num="07" data-tone="orange">
+    <div class="section-inner">
+        <div class="section-head">
+            <div class="section-eyebrow" style="color:var(--orange);">Chapter 07</div>
+            <h2 class="text-h1">快聘生态与竞争格局</h2>
+            <p class="section-sub">市场规模、竞争位势与快聘的战略护城河</p>
+        </div>
+        <div class="grid grid-4" style="margin-bottom:32px;">
+            ${KUAIKUAI_STATS.map(d => `<div class="card metric"><div class="metric-label">${esc(d.label)}</div><div class="metric-value" style="color:var(--green);">${esc(d.value)}</div></div>`).join('')}
+        </div>
+        <div class="card card-glow" style="border-left:3px solid var(--green);margin-bottom:28px;padding:28px 32px;">
+            <div style="font-family:var(--font-mono);font-size:0.72rem;letter-spacing:0.15em;color:var(--green);margin-bottom:14px;font-weight:600;">战略定位</div>
+            <div class="text-h2" style="margin-bottom:12px;">"10个蓝领9个用快手——直播带岗，眼见为实"</div>
+            <p class="text-body">快聘日活几十万简历，内部仅次于电商；2.5亿蓝领月活是最大壁垒；但信息审核弱是最大短板</p>
+        </div>
+        <div class="grid grid-3" style="margin-bottom:24px;">
+            ${COMPETITORS.map(c => `
+            <div class="card" style="border-top:3px solid ${c.color};">
+                <div style="font-weight:700;color:${c.color};margin-bottom:10px;">${esc(c.name)}</div>
+                <div style="font-size:0.82rem;color:var(--text-2);line-height:1.7;">
+                    <div style="margin-bottom:6px;"><span style="color:var(--green);">✓</span> ${esc(c.strength)}</div>
+                    <div style="margin-bottom:6px;"><span style="color:var(--green);">✓</span> 用户：${esc(c.users)} · ${esc(c.type)}</div>
+                    <div><span style="color:var(--rose);">⚠</span> ${esc(c.weak)}</div>
+                </div>
+            </div>`).join('')}
+        </div>
+        <div class="fade-up">
+            <div style="font-family:var(--font-mono);font-size:0.72rem;letter-spacing:0.15em;color:var(--orange);margin-bottom:14px;font-weight:600;">📊 平台竞争要素雷达图</div>
+            ${radarChart()}
+        </div>
+    </div>
+</section>
+
+<!-- ═══ CH08 信任机制 ══════════════════════════════════════════════════════ -->
+<section class="report-section" data-slide-num="08" data-tone="green">
+    <div class="section-inner">
+        <div class="section-head">
+            <div class="section-eyebrow" style="color:var(--green);">Chapter 08</div>
+            <h2 class="text-h1">信任机制与平台壁垒</h2>
+            <p class="section-sub">老铁文化是快聘最难被竞品复制的竞争壁垒</p>
+        </div>
+        <div class="grid grid-2" style="margin-bottom:28px;">
+            <div class="card" style="border-top:3px solid var(--green);">
+                <div style="font-weight:700;color:var(--green);margin-bottom:14px;">老铁信任体系</div>
+                <div style="font-size:0.85rem;color:var(--text-2);line-height:1.8;">
+                    <div style="margin-bottom:8px;">• 熟人推荐式信任</div>
+                    <div style="margin-bottom:8px;">• 主播与粉丝长期关系积累</div>
+                    <div style="margin-bottom:8px;">• 评论区实时互动答疑</div>
+                    <div>• "来了就是兄弟"文化</div>
+                </div>
+            </div>
+            <div class="card" style="border-top:3px solid var(--blue);">
+                <div style="font-weight:700;color:var(--blue);margin-bottom:14px;">直播带岗信任机制</div>
+                <div style="font-size:0.85rem;color:var(--text-2);line-height:1.8;">
+                    <div style="margin-bottom:8px;">• 车间直播展示</div>
+                    <div style="margin-bottom:8px;">• 宿舍直播展示</div>
+                    <div style="margin-bottom:8px;">• 食堂直播展示</div>
+                    <div>• 眼见为实消除信息不对称</div>
+                </div>
+            </div>
+        </div>
+        ${insightBanner('08', '快手的核心壁垒是<strong>"信任基础设施"</strong>而非流量本身——2.5亿蓝领月活的背后是"老铁"信任关系，但这种信任是脆弱的', '一旦受虚假招聘事件冲击，修复成本极高。', [
+            { num: '2.5亿', lbl: '蓝领月活用户' },
+            { num: '40万+', lbl: '专职带岗主播' },
+            { num: '4320万', lbl: '带动就业机会' },
+        ])}
+        <div class="grid grid-4" style="margin-top:24px;">
+            ${COMPETITORS.map(c => `
+            <div class="card metric">
+                <div class="metric-label">${esc(c.name)}</div>
+                <div class="metric-value" style="color:${c.color};font-size:clamp(1.6rem,2.5vw,2.2rem);">${esc(c.users)}</div>
+                <div class="metric-sub">${esc(c.type)} · ${esc(c.trend)}</div>
+            </div>`).join('')}
+        </div>
+    </div>
+</section>
+
+<!-- ═══ CH09 机会与建议 ════════════════════════════════════════════════════ -->
+<section class="report-section" data-slide-num="09" data-tone="amber">
+    <div class="section-inner">
+        <div class="section-head">
+            <div class="section-eyebrow">Chapter 09</div>
+            <h2 class="text-h1">机会与建议</h2>
+            <p class="section-sub">快聘优势强化、风险应对、战略方向</p>
+        </div>
+        <div class="grid grid-2" style="margin-bottom:28px;">
+            ${STRATEGY_RECS.slice(0, 4).map(r => `
+            <div class="card" style="border-top:3px solid ${r.color};">
+                <div style="display:flex;align-items:center;gap:12px;margin-bottom:14px;">
+                    <div style="width:32px;height:32px;border-radius:50%;background:${r.color};color:#000;font-weight:800;display:flex;align-items:center;justify-content:center;font-size:0.9rem;">${esc(r.num)}</div>
+                    <div class="text-h3">${esc(r.title)}</div>
+                </div>
+                <p class="text-sm">${esc(r.desc)}</p>
+            </div>`).join('')}
+        </div>
+        <div class="card" style="border-top:3px solid var(--rose);margin-bottom:28px;">
+            <div style="font-family:var(--font-mono);font-size:0.72rem;letter-spacing:0.15em;color:var(--rose);margin-bottom:14px;font-weight:600;">⚠️ 风险矩阵</div>
+            <div class="table-wrap">
+                <table class="data-tbl">
+                    <thead><tr><th>风险类型</th><th>描述</th><th>概率</th><th>影响</th><th>应对策略</th></tr></thead>
+                    <tbody>
+                        ${RISKS.map(r => `<tr style="background:${r.color}11;">
+                            <td><strong style="color:${r.color};">${esc(r.type)}</strong></td>
+                            <td style="color:var(--text-2);font-size:0.85rem;">${esc(r.desc)}</td>
+                            <td style="color:${r.color};font-weight:600;">${esc(r.prob)}</td>
+                            <td style="color:${r.color};font-weight:600;">${esc(r.impact)}</td>
+                            <td style="color:var(--text-2);font-size:0.82rem;">${esc(r.strategy)}</td>
+                        </tr>`).join('')}
+                    </tbody>
+                </table>
+            </div>
+        </div>
+        <div class="card" style="border-top:3px solid var(--blue);padding:28px 32px;">
+            <div style="font-family:var(--font-mono);font-size:0.72rem;letter-spacing:0.15em;color:var(--blue);margin-bottom:14px;font-weight:600;">📋 五部门行政指导要求</div>
+            <div class="grid grid-2">
+                <div style="font-size:0.85rem;color:var(--text-2);line-height:1.8;">
+                    <div style="margin-bottom:8px;">① <strong style="color:var(--text-1);">资质审核到位</strong> — 对招聘方资质进行核验</div>
+                    <div style="margin-bottom:8px;">② <strong style="color:var(--text-1);">信息明示到位</strong> — 招聘信息完整透明</div>
+                    <div>③ <strong style="color:var(--text-1);">内容审核到位</strong> — 虚假信息严格过滤</div>
+                </div>
+                <div style="font-size:0.85rem;color:var(--text-2);line-height:1.8;">
+                    <div style="margin-bottom:8px;">④ <strong style="color:var(--text-1);">风险防范到位</strong> — 建立风险预警机制</div>
+                    <div>⑤ <strong style="color:var(--text-1);">处置管控到位</strong> — 违规内容快速处置</div>
+                </div>
+            </div>
+        </div>
+    </div>
+</section>
+
+<!-- ═══ CH10 4P营销策略 ════════════════════════════════════════════════════ -->
+<section class="report-section" data-slide-num="10" data-tone="blue">
+    <div class="section-inner">
+        <div class="section-head">
+            <div class="section-eyebrow" style="color:var(--blue);">Chapter 10</div>
+            <h2 class="text-h1">快聘 4P 营销策略</h2>
+            <p class="section-sub">产品 / 价格 / 渠道 / 促销</p>
+        </div>
+        ${fourPGrid()}
+        ${insightBanner('10', '基于VOC的内容策略：围绕<strong>"确定性"</strong>构建传播矩阵', '最强购买点：工资真实、发薪稳定、包吃包住，当天入职。最强焦虑：被骗、被坑、黑中介、押金不退。', [
+            { num: '20+', lbl: '情绪关键词体系' },
+            { num: '3', lbl: '核心传播维度' },
+            { num: '1个', lbl: '综艺IP标杆' },
+        ])}
+        <div style="font-family:var(--font-mono);font-size:0.72rem;letter-spacing:0.15em;color:var(--blue);margin-bottom:14px;margin-top:24px;font-weight:600;">📊 H1-H8 假设验证</div>
+        ${hypothesisBarChart()}
+    </div>
+</section>
+
+<!-- ═══ CH11 快聘优劣势与监管 ════════════════════════════════════════════ -->
+<section class="report-section" data-slide-num="11" data-tone="orange">
+    <div class="section-inner">
+        <div class="section-head">
+            <div class="section-eyebrow" style="color:var(--orange);">Chapter 11</div>
+            <h2 class="text-h1">快聘优劣势与监管环境</h2>
+            <p class="section-sub">知己知彼：快聘的结构性优势与必须补足的短板</p>
+        </div>
+        <div class="grid grid-2" style="margin-bottom:28px;">
+            <div>
+                <div style="font-weight:700;color:var(--green);margin-bottom:14px;font-size:1.1rem;">✅ 快聘四大核心优势</div>
+                ${stackList([
+                    { text: '不可替代的用户渗透率——"10个蓝领，9个都用快手"，2.5亿蓝领月活是任何竞品短期内难以复制的规模化优势', color: 'var(--green)' },
+                    { text: '信任场景的天然构建能力——"老铁"文化基因天然适配蓝领群体的社交习惯，熟人推荐式信任关系', color: 'var(--green)' },
+                    { text: '求职门槛极低——蓝领求职者无需撰写简历、无需注册新App，只需在直播间留下联系方式即可完成职位投递', color: 'var(--green)' },
+                    { text: '政策先发优势——"直播带岗"首创平台，"直播招聘师"入编国家职业分类大典，人社部报告认定20%纯新增用户', color: 'var(--green)' },
+                ])}
+            </div>
+            <div>
+                <div style="font-weight:700;color:var(--rose);margin-bottom:14px;font-size:1.1rem;">⚠️ 快聘四大劣势与风险</div>
+                ${stackList([
+                    { text: '信息审核能力不足——对中介主播宣传的招聘信息零审核，职位真实性存疑，这是当前快聘业务最突出的短板', color: 'var(--rose)' },
+                    { text: 'B端直招占比低，中介依赖度高——直播间以劳务中介为主，企业自招较少，对求职者的直接吸引力有限', color: 'var(--rose)' },
+                    { text: '匹配准确率不如算法平台——流量模式虽然来量快，但在人岗精准匹配层面仍不及BOSS直聘等算法驱动型平台', color: 'var(--rose)' },
+                    { text: '虚假信息监管风险加剧——2026年4月五部门行政指导将快手纳入重点监管范围，若不能有效提升审核能力可能面临更大合规压力', color: 'var(--rose)' },
+                ])}
+            </div>
+        </div>
+        <div class="card" style="border-left:3px solid var(--orange);padding:28px 32px;">
+            <div style="font-family:var(--font-mono);font-size:0.72rem;letter-spacing:0.15em;color:var(--orange);margin-bottom:14px;font-weight:600;">🎯 里斯品类战略视角</div>
+            <p class="text-body">快手快聘通过"直播带岗+短视频展示+私域信任"的组合，开创"流量型直播带岗"新品类。以"10个蓝领9个用快手"为核心诉求，与传统招聘网站和分类信息平台形成本质差异。快聘不需要在"匹配精准度"上与BOSS直聘正面竞争，而是在"流量触达+信任建立+求职门槛+情绪获得感"四个维度上建立综合壁垒。</p>
+        </div>
+    </div>
+</section>
+
+<!-- ═══ CH12 关键发现 ══════════════════════════════════════════════════════ -->
+<section class="report-section" data-slide-num="12" data-tone="purple">
+    <div class="section-inner">
+        <div class="section-head">
+            <div class="section-eyebrow" style="color:var(--purple);">Chapter 12</div>
+            <h2 class="text-h1">关键发现与风险提示</h2>
+            <p class="section-sub">提炼可向管理层直接汇报的核心结论</p>
+        </div>
+        <div class="grid grid-2" style="margin-bottom:28px;">
+            <div class="card" style="border-left:3px solid var(--green);">
+                <div style="font-weight:700;color:var(--green);margin-bottom:14px;">✅ 关键发现</div>
+                <div style="display:grid;gap:16px;">
+                    <div style="padding-bottom:16px;border-bottom:1px solid var(--border);">
+                        <div style="font-weight:600;color:var(--text-1);margin-bottom:6px;">1. 快手的核心壁垒是"信任基础设施"而非流量本身</div>
+                        <p class="text-sm">2.5亿蓝领月活的背后是"老铁"信任关系，但这种信任是脆弱的，一旦受虚假招聘事件冲击，修复成本极高。</p>
+                    </div>
+                    <div style="padding-bottom:16px;border-bottom:1px solid var(--border);">
+                        <div style="font-weight:600;color:var(--text-1);margin-bottom:6px;">2. "10个蓝领9个用快手"既是优势也是责任</div>
+                        <p class="text-sm">如此高的渗透率意味着，任何发生在快聘平台上的招聘诈骗，其社会影响都将远超传统招聘平台。</p>
+                    </div>
+                    <div style="padding-bottom:16px;border-bottom:1px solid var(--border);">
+                        <div style="font-weight:600;color:var(--text-1);margin-bottom:6px;">3. 情绪价值的"双刃剑"效应</div>
+                        <p class="text-sm">快手借助蓝领群体"高共鸣"属性进行情绪化传播，已形成独特的差异化竞争优势；但虚假摆拍内容的泛滥正在侵蚀这种情绪传播的正当性。</p>
+                    </div>
+                    <div>
+                        <div style="font-weight:600;color:var(--text-1);margin-bottom:6px;">4. 政策监管已从"鼓励创新"转向"规范治理"</div>
+                        <p class="text-sm">2026年五部门行政指导标志着直播带岗进入强监管时期，快手需要从"零审核"向制度化审核体系转型。</p>
+                    </div>
+                </div>
+            </div>
+            <div>
+                <div class="card" style="border-left:3px solid var(--rose);margin-bottom:20px;">
+                    <div style="font-weight:700;color:var(--rose);margin-bottom:14px;">⚠️ 风险提示</div>
+                    ${stackList([
+                        { text: '平台监管风险：五部门行政指导要求快聘业务全面提升审核能力，若整改不到位可能面临更严厉的监管措施', color: 'var(--rose)' },
+                        { text: '信任透支风险：信息审核不足可能导致恶性诈骗事件，严重损害平台公信力。有前科主播借"官方合作"名义招聘已暴露审核漏洞', color: 'var(--rose)' },
+                        { text: '竞争加剧风险：BOSS直聘持续加码蓝领招聘治理，58同城积累深厚，蓝领赛道竞争持续白热化', color: 'var(--rose)' },
+                    ])}
+                </div>
+                <div class="card" style="border-left:3px solid var(--blue);">
+                    <div style="font-weight:700;color:var(--blue);margin-bottom:14px;">📋 五部门"五个到位"</div>
+                    <div style="font-size:0.85rem;color:var(--text-2);line-height:2;">
+                        <div>① 资质审核到位</div>
+                        <div>② 信息明示到位</div>
+                        <div>③ 内容审核到位</div>
+                        <div>④ 风险防范到位</div>
+                        <div>⑤ 处置管控到位</div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+</section>
+
+<!-- ═══ CH13 VOC证据锚点 ═════════════════════════════════════════════════ -->
+<section class="report-section" data-slide-num="13" data-tone="amber">
+    <div class="section-inner">
+        <div class="section-head">
+            <div class="section-eyebrow">Chapter 13</div>
+            <h2 class="text-h1">VOC 证据锚点</h2>
+            <p class="section-sub">可直接引用的用户原声与高赞内容</p>
+        </div>
+        <div class="grid grid-2" style="margin-bottom:28px;">
+            <div>
+                <div style="font-family:var(--font-mono);font-size:0.72rem;letter-spacing:0.15em;color:var(--rose);margin-bottom:14px;font-weight:600;">🔥 最担心什么——高赞视频文案</div>
+                ${HIGH_RISK_QUOTES.slice(0, 4).map(q => quoteCard(q)).join('')}
+            </div>
+            <div>
+                <div style="font-family:var(--font-mono);font-size:0.72rem;letter-spacing:0.15em;color:var(--rose);margin-bottom:14px;font-weight:600;">🔥 高赞评论 VOC TOP10</div>
+                ${HIGH_COMMENT_LIKES.map(v => voiceCard(v, v.hot)).join('')}
+            </div>
+        </div>
+        <div class="card card-glow" style="border-left:3px solid var(--green);padding:28px 32px;">
+            <div style="font-family:var(--font-mono);font-size:0.72rem;letter-spacing:0.15em;color:var(--green);margin-bottom:14px;font-weight:600;">💡 核心洞察</div>
+            <div class="text-h2" style="margin-bottom:12px;">情绪价值的核心不是娱乐，而是"确定性"</div>
+            <p class="text-body">快手在蓝领求职场景中的优势，来自内容触达、直播解释、即时互动和高频决策场景的天然匹配。需求高频、风险敏感、决策链短、转化诉求强。最强购买点不是抽象品牌心智，而是"工资真实、发薪稳定、包吃包住、当天入职、流程简单"。</p>
+        </div>
+    </div>
+</section>
+
+</main>
+<footer>
+    <div>快手快聘 · VOC 深度洞察报告</div>
+    <div class="meta">数据来源：TikHub API 快手评论采集 | VOC 8,173条 | 视频380条 | 19个关键词 | 播放量9,455万</div>
+    <div class="meta">数据截至：2026年4月 | 报告版本：v8 | 结合 v6内容丰富度 + v7组件优化</div>
+</footer>
+<script>
+(function(){
+    const slides=document.querySelectorAll('.report-section');
+    const nav=document.getElementById('navRail');
+    const now=document.getElementById('slideNow');
+    const bar=document.getElementById('slideBar');
+    const total=document.getElementById('slideTotal');
+    const progress=document.getElementById('progressLine');
+    const tips=['封面','执行摘要','数据方法','最担心什么','最看重什么','情绪价值','渠道原因','竞争格局','信任机制','机会建议','4P策略','优劣势','关键发现','VOC锚点'];
+    let current=0;
+    tips.forEach((t,i)=>{const d=document.createElement('div');d.className='nav-dot';d.setAttribute('data-tip',t);d.addEventListener('click',()=>slides[i]&&slides[i].scrollIntoView({behavior:'smooth'}));nav.appendChild(d);});
+    const update=()=>{const idx=Math.round(window.scrollY/window.innerHeight);current=Math.max(0,Math.min(idx,slides.length-1));now.textContent=String(current+1).padStart(2,'0');bar.style.setProperty('--pct',((current+1)/slides.length*100)+'%');progress.style.width=((current+1)/slides.length*100)+'%';document.querySelectorAll('.nav-dot').forEach((d,i)=>{d.classList.toggle('active',i===current);});};
+    window.addEventListener('scroll',update,{passive:true});
+    document.addEventListener('keydown',e=>{if(e.key==='ArrowDown'||e.key==='PageDown'){e.preventDefault();slides[current+1]&&slides[current+1].scrollIntoView({behavior:'smooth'});}else if(e.key==='ArrowUp'||e.key==='PageUp'){e.preventDefault();slides[current-1]&&slides[current-1].scrollIntoView({behavior:'smooth'});}});
+    document.querySelectorAll('.kbd-hint')[0]&&document.querySelectorAll('.kbd-hint')[0].classList.add('fade');
+    total.textContent=String(slides.length).padStart(2,'0');
+    update();
+    document.documentElement.classList.add('js');
+    const observer=new IntersectionObserver(entries=>{entries.forEach(e=>{if(e.isIntersecting){e.target.classList.add('in-view');const fadeups=e.target.querySelectorAll('.fade-up');fadeups.forEach((el,i)=>setTimeout(()=>el.classList.add('is-visible'),i*100));}}});slides.forEach(s=>observer.observe(s));
+})();
+</script>
+</body>
+</html>`;
+
+fs.writeFileSync(OUT_FILE, html, 'utf-8');
+console.log('V8 HTML report generated:', OUT_FILE);
+console.log('File size:', (fs.statSync(OUT_FILE).size / 1024).toFixed(1), 'KB');