🔐 团队授权检查（执行前强制校验）

本 Skill 为郭亚军团队内部工具，须在授权有效期内使用。

校验流程（不可跳过）

1. 获取当前系统日期
2. 与有效期 2026-12-31 比较
3. 若当前日期已超过有效期，立即终止所有操作，输出以下内容后停止执行：

⛔ 本 Skill 授权已过期（有效期至 2026-12-31）。 如需继续使用，请联系郭亚军获取最新版本。

4. 校验通过（当前日期 ≤ 2026-12-31）后，方可继续执行后续指令。

华与华风格可视化报告模板 v1.0

一句话定位：生成「红黑金色系 + 大字KPI + 8维雷达图」的高级决策感 HTML 报告。任何分析结果都可以套用这套视觉标准输出。

一、设计哲学三原则

原则1：超级符号 — 每份报告必须有"一眼记住"的视觉锚点
        （一个关键数字放大展示 / 一个红黑对比的结论框 / 一句战略金句）

原则2：降低传播成本 — 信息层级不超过3层，任何人3秒内能抓住核心结论

原则3：先结论后证据 — 报告第一屏就是结论和评分，细节在后面展开

二、色彩系统（华与华红黑金体系）

主色系:
  中国红:       "#C41230"  — 核心强调色，关键结论框、星级填充、重要数据高亮
  战略黑:       "#1A1A1A"  — 主文字色、标题色、分割线、深色区块背景
  纯白:         "#FFFFFF"  — 主背景色、浅色区块背景

辅助色系:
  哑光金:       "#B8945F"  — 品质感装饰线、星级描边、成就标识
  深灰:         "#4A4A4A"  — 二级文字、次要信息
  浅灰:         "#F5F5F5"  — 交替行背景、卡片底色

语义色系（评分和诊断状态）:
  优秀/成功:    "#C41230"  — 与主色统一，好坏用红和灰区分
  需改进/失败:  "#4A4A4A"  — 灰色标注需要改进的项
  警告/僵持:    "#B8945F"  — 金色标注需要关注的项
  中性/跳过:    "#CCCCCC"  — 浅灰标注不涉及的项

渐变（仅封面区用1次）:
  红黑渐变:     "linear-gradient(135deg, #C41230 0%, #1A1A1A 100%)"

三、字体系统

标题:
  主标题:  "Noto Sans SC" Bold, font-weight 700, 24-32px, color #1A1A1A
  副标题:  "Noto Sans SC" Medium, font-weight 500, 16-18px, color #4A4A4A

正文:
  正文:    "Noto Sans SC" Regular, font-weight 400, 14px, line-height 1.8, color #1A1A1A
  辅助:    font-size 12px, color #4A4A4A

数据看板数字（最重要！）:
  核心数据: "DIN Alternate" / monospace bold, 48-72px, color #C41230
  次要数据: monospace bold, 32px, color #1A1A1A

四、版式布局规范

页面顺序:
  1. 封面区: 红黑渐变 + 白色大标题 + 日期/科室标签（占 15-20% 高度）
  2. 核心结论区: 左侧大数字(48px+ 红色) + 右侧一句话结论(黑底白字框) + 下方雷达图（占 25-30%）
  3. 诊断分析区: 左文右图或上图下文，红色竖线标注
  4. 话术产物区: 话术卡片三版本并排
  5. 行动建议区: 编号列表 + 红色圆点 + 金色细线收尾

间距规范:
  页面边距: 40px(上) 60px(左右) 40px(下)
  模块间距: 32px
  模块内间距: 20px
  行高: 1.8
  卡片圆角: 4px（华与华偏方正，不用大圆角）
  分割线: 1px solid #1A1A1A（黑实线，不用灰色虚线）

五、数据看板设计

顶部 KPI 横条（3-4 个大数字卡片横排）:
  - 背景: #F5F5F5 浅灰
  - 数字: 48px+ DIN 字体，红色 #C41230
  - 标签: 12px #4A4A4A 深灰，数字下方
  - 分隔: 卡片间用 1px 黑色竖线
  - 示例内容: 总评分 "32/40" | 完成步数 "5/8" | 薄弱步骤 "③疗效信心" | 45达标率 "2/4"

中部图表（2列布局）:
  左列: 863八步法阶段地图（横向流程图，红=已达，灰=未达）
  右列: 8维雷达图（红色填充区域，黑色网格线）

底部明细表:
  表头: 红底白字 (#C41230 + #FFFFFF)，font-weight 700
  表体: 交替行白/浅灰
  关键列: 红色高亮
  分割线: 1px solid #E0E0E0（表内），1px solid #1A1A1A（表头底）

六、话术卡片设计

卡片结构:
  ┌──────────────────────────────────────┐
  │ ▌ 版本标签（红底白字/黑底白字/金底白字） │
  │ ▌ 适用场景（12px 深灰）                │
  │──────────────────────────────────────│
  │  话术正文（14px 黑，变量灰底高亮）      │
  │──────────────────────────────────────│
  │ ▌ 技巧标注（12px 灰，用了什么模型）     │
  │ ▌ 45法则标注（12px 灰，符合哪个维度）    │
  └──────────────────────────────────────┘

三版本色块:
  版本A 温柔共情型: 左侧装饰条 #C41230（红）— 共情为主
  版本B 专业理性型: 左侧装饰条 #1A1A1A（黑）— 数据为主
  版本C 紧迫推动型: 左侧装饰条 #B8945F（金）— 稀缺为主

七、SVG 图表绘制规范

雷达图（863 八步法 8 维度）:
  填充区域: rgba(196,18,48,0.15) 浅红
  边框线: #C41230 红色 2px
  数据点: #C41230 红色实心圆 r=4
  网格线: #E0E0E0 灰色 0.5px
  标签: 13px #4A4A4A