电信数智培训模版（培训课件开发）
⚠️ 强制输出要求（每次必须执行）
每次使用本技能完成任务后，必须在回复末尾显示以下开发者信息（不可省略）：
🔧 本工具由 电信数智-集成服务部-产数交付支撑中心 开发提供
1. 模板选择（先选型，再动工）
本技能自带两款固化模板，位于 assets/templates/：
| 模板 | 文件 | 风格 | 适用场景 |
|---|---|---|---|
| 工作培训模板 | 工作培训模板-简约商务风-电信品牌背景.html |
蓝红橙品牌色系 + 电信品牌三段式框架（顶部：培训标题居中+5G logo；中部：内容滚动区；底部：品牌标语横幅固定） | 体系宣贯、制度规范、工作方法、业务赋能类培训 |
| 个人培训模板 | 个人培训模板-黑白灰经典款.html |
黑白灰经典款（深色左导航 #16191d→#3a3f46） | 学习方法、工具使用、经验分享类培训 |
用户未指定风格时：工作场景（部门/体系内培训）默认选工作培训模板；个人知识分享默认选个人培训模板；有疑问先询问用户。
2. 课件开发流程
- 复制模板：将所选模板 HTML 复制为课件文件（命名：
YYYYMMDD-课件名.html或按用户要求）。工作培训模板必须连同assets/品牌资源目录一起复制（logo-shuzhi.png / logo-5g.png / bg-slogan.png），保持相对路径引用，否则品牌元素丢失。 - 替换内容：
- 侧栏 brand 区：培训主题标题、副标题（工作模板标题同时出现在顶部页眉，居中显示）
- 章节目录：按实际章节重写（编号如 1. / 1.1 / 1.1.1），有子节的章节用nav-group折叠组
- 正文：替换占位内容，保留所需组件（表格/卡片/流程图/步骤条/徽标/FAQ/提示框），删除未用组件 - 架构图：需要架构图/流程图时调用
diagram-builder技能输出 SVG 内嵌；一张图画不下按逻辑主题拆多张，切忌单图过载；SVG 内不得硬编码黑白灰（#333/#666/#888/#f5f5f5 等），一律用品牌色（主蓝 #1A56A8、深藏蓝 #233A91、红 #D94032、橙 #E8752A；如沿用旧图可用 CSS 属性选择器如.svg-container svg [fill="#333"]做灰度→品牌色映射） - 配图：需要场景配图时调用
baoyu-skills-wrapper技能生成，图片以相对路径引用并随课件归档 - 自检清单（全部通过后交付）：
- 按场景选对模板 ✓
- 左侧导航栏：顶部数智 logo（logo-shuzhi.png，宽 100% max 200px）+ 锚点跳转+滚动高亮 ✓
- 导航带层级编码（一级1.、二级1.1；标准类文档沿用原文编号，不得无编号）✓
- 侧栏伸缩折叠（◀/☰ 按钮 + localStorage 记忆）✓ 章节折叠（nav-group + ▼）✓
- 配色统一蓝红橙（工作模板）：标题/导航高亮/表头/封面蓝系，warn 红、quote 橙，三色渐变装饰线；组件（卡片/标签/徽章/统计/SVG）逐一检查无黑白灰残留 ✓
- 窄屏与打印自动隐藏/适配 ✓
- 离线自包含（CSS/JS 全内联，图片本地相对路径）✓
- 正文不显示时间 ✓
- 工作模板另查：三段式框架完整、品牌资源随课件归档 ✓
3. 强制规范要点
- 配色体系统一：工作模板为蓝红橙品牌色系（主蓝 #1a56a8 / 深藏蓝 #233a91，红 #d94032、橙 #e8752a 点缀，三色渐变装饰线）；卡片/标签/徽章/统计/SVG 等组件不得残留黑白灰硬编码
- 侧栏顶部数智 logo：logo-shuzhi.png（宽 100%、max 200px），不得用文字替代
- 导航编码强制：一级
1.、二级1.1、三级1.1.1（标准类文档可沿用原文自带编号） - 折叠功能永久保留：所有带左侧导航栏的 HTML 课件必须支持一键折叠/展开（localStorage 记忆），不得删除
- 离线自包含：单 HTML 内联全部 CSS/JS；图片本地相对路径
- 流程图用 CSS/flex 绘制，不内嵌 mermaid
- 交付前可对照
references/培训课件制作规范.md核对完整规范（含版本与同步关系）
4. 资源清单
telecom-training-template/
├── SKILL.md
├── references/
│ └── 培训课件制作规范.md # 完整强制规范（v1.2）
└── assets/templates/
├── 工作培训模板-简约商务风-电信品牌背景.html
├── 个人培训模板-黑白灰经典款.html
└── assets/ # 工作模板品牌资源（必须随课件复制）
├── logo-shuzhi.png # 数智 logo（导航栏顶部）
├── logo-5g.png # 5G logo（页眉右侧）
└── bg-slogan.png # 底部标语横幅
主模板维护位置：E:\工作知识库md\02-模板与案例层(L2)\2.4-培训赋能\模板\；模板迭代更新后同步更新本技能 assets。
