feat: 完善 ima 与 WorkBuddy 教育培训网页及操作演示

src/slides/ima-application-map.html

@@ -0,0 +1,31 @@
+<section class="slide" data-title="ima 能帮教师做什么？五类应用对号入座" data-chapter="认识 ima 与基本操作" data-note="建议2分钟（含互动）。
+
+【口播】
+对照自己的工作，看看会用到哪几类。第一类，把专业经验变成可复用的辅助：例如将评价标准、优秀范例和教学方法整理到库中，配合固定提问模板，辅助备课和评价。第二类，建设知识库，把散落的教材索引、活动设计与课堂反思组织起来，按任务检索和提取。第三类，辅助创作教案、练习和讲稿初稿；复杂文件交付可以联动WorkBuddy。第四类，个人学习，围绕课程和论文解释概念、比较观点，并回到原文。第五类，自动化扩展，将重复的资料整理或简报任务交给WorkBuddy配置执行。今天优先把资料整理、问答与成果积累做好，再逐步拓展。
+
+【操作与提醒】
+本页参考用户提供的五类应用图，改写为教育场景。知识型助手指基于资料和提问模板的复用，不表示重新训练模型。第五类明确为WorkBuddy联动扩展，不把定时任务、自动抓取或专家协作归为ima独立内置能力。功能入口、联动条件与自动化执行前提以当前版本为准；未做本账号全流程实测。请教师选一个最常出现的任务即可，不要求同时用全五类。
+
+【转场】
+选好最想解决的问题，下面开始看ima的界面和基本操作。">
+<div class="page-kicker">认识 ima 与基本操作 · 能力与应用</div><div class="series-brand">AI × TEACHERS</div>
+<h2 class="page-title">ima 能帮教师做什么？五类应用对号入座</h2>
+<div class="artboard"><div class="element text" style="left:64px;top:194px;width:1152px;height:42px"><div class="text-inner"><p><span style="font-size:24px;color:#526477">从资料整理、问答和写作起步，再按需联动 WorkBuddy 扩展。</span></p></div></div>
+<div class="element text ability-card" style="left:64px;top:264px;width:216px;height:300px"><div class="text-inner"><p><span class="ability-label">A · 经验复用</span></p><p class="ability-heading"><span>知识型助手</span></p><p><span class="ability-description">把教学方法、评价标准与优秀范例入库，配合提问模板，辅助备课与评价。</span></p><p class="ability-example"><span>示例：人物品质评价</span></p></div></div>
+<div class="element text ability-card" style="left:298px;top:264px;width:216px;height:300px"><div class="text-inner"><p><span class="ability-label">B · 知识库</span></p><p class="ability-heading"><span>建库与提取</span></p><p><span class="ability-description">整理教材索引、教案与反思；按任务检索、归纳重点，保留可查证的来源。</span></p><p class="ability-example"><span>示例：单元资料整理</span></p></div></div>
+<div class="element text ability-card" style="left:532px;top:264px;width:216px;height:300px"><div class="text-inner"><p><span class="ability-label">C · 内容创作</span></p><p class="ability-heading"><span>教学内容初稿</span></p><p><span class="ability-description">基于选定资料，辅助起草活动设计、练习与讲稿；核对、修改后再使用。</span></p><p class="ability-example"><span>示例：阅读课活动表</span></p></div></div>
+<div class="element text ability-card" style="left:766px;top:264px;width:216px;height:300px"><div class="text-inner"><p><span class="ability-label">D · 个人提升</span></p><p class="ability-heading"><span>学习与研修</span></p><p><span class="ability-description">围绕课程、论文和笔记解释概念、对比观点；结合原文形成自己的理解。</span></p><p class="ability-example"><span>示例：比较阅读策略</span></p></div></div>
+<div class="element text ability-card" style="left:1000px;top:264px;width:216px;height:300px"><div class="text-inner"><p><span class="ability-label">E · 联动扩展</span></p><p class="ability-heading"><span>自动化工作流</span></p><p><span class="ability-description">联动 WorkBuddy，按需配置重复任务与交付要求；定期整理成果并人工复核。</span></p><p class="ability-example"><span>示例：教研资料简报</span></p></div></div>
+
+<div class="element text" style="left:64px;top:588px;width:1152px;height:48px"><div class="text-inner"><p><span style="font-size:24px;color:#17675D;font-weight:650">先选一件经常要做的事：备一课、出一份练习，或整理一次教研成果。</span></p></div></div>
+<div class="element text" style="left:64px;top:638px;width:1152px;height:22px"><div class="text-inner"><p><span style="font-size:14px;color:#526477">自动化属于 WorkBuddy 联动扩展；教案、练习等生成内容均需教师审核。</span></p></div></div>
+</div><div class="page-footer"><span>第二讲 · 知识库与 ima <span class="foot-time"> / 能力与应用</span></span><span>{{PAGE_NUMBER}} / {{PAGE_COUNT}}</span></div>
+<style>
+:scope .ability-card{background:#FFF;border:1px solid #B9D7D1;border-radius:16px;padding:22px 18px;box-sizing:border-box;align-items:flex-start}
+:scope .ability-label{font-size:16px;color:#17675D;font-weight:650}
+:scope .ability-heading{margin:20px 0 16px}
+:scope .ability-heading span{font-size:24px;color:#1D3047;font-weight:650}
+:scope .ability-description{font-size:19px;line-height:1.65;color:#526477}
+:scope .ability-example{margin-top:20px}
+:scope .ability-example span{font-size:15px;color:#17675D}
+</style></section>