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

src/slides/ima-note-qa-example.html

@@ -0,0 +1,16 @@
+<section class="slide" data-title="笔记示例：把自己写的内容用于知识库问答" data-chapter="认识 ima 与基本操作" data-note="【示例讲解】
+先看左图：用户在《三国知识》笔记中写入自定义对应关系，其中包含“关羽 绰号 关二”。再看右图：我的知识库中出现这份笔记，用户提问后，ima回答“根据知识库中的《三国知识》笔记，关羽的绰号是关二”。这展示了笔记内容可以作为知识库问答的依据。
+
+【操作与提醒】
+两张图片按笔记原文、问答结果重新排序，均为用户提供的真实界面截图。人物称呼是此笔记中的演示设定，不作为历史事实。截图展示笔记在库中及回答引用该笔记，但未展示加入知识库的操作过程；不由此推断所有笔记自动入库，也不把一次成功回答视为模型已经训练或以后都能准确回答。
+
+【教学迁移】
+同样可以把教师自编的活动规则、评价标准或课后反思整理为笔记，确认已进入目标知识库后再提问，核对回答与原文是否一致。资料本身是否正确仍由教师审核。">
+<div class="page-kicker">ima 操作 · 笔记示例</div><div class="series-brand">AI × TEACHERS</div>
+<h2 class="page-title">笔记示例：把自己写的内容用于知识库问答</h2><div class="artboard">
+<div class="element text" style="left:64px;top:195px;width:556px;height:38px"><div class="text-inner"><p><span style="font-size:25px;color:#17675D;font-weight:650">① 笔记里写了什么</span></p></div></div>
+<button class="element image-zoom" style="left:64px;top:242px;width:556px;height:331px;border:1px solid #D5E1E6;border-radius:14px;background:white" aria-label="放大三国知识笔记中的自定义对应关系"><img src="asset:ima-note-example-source.png" alt="三国知识笔记中的自定义对应关系"></button>
+<div class="element text" style="left:64px;top:581px;width:556px;height:36px"><div class="text-inner"><p><span style="font-size:21px;color:#526477">笔记设定：关羽 → 关二</span></p></div></div><div class="element text" style="left:660px;top:195px;width:556px;height:38px"><div class="text-inner"><p><span style="font-size:25px;color:#17675D;font-weight:650">② ima 如何依据笔记回答</span></p></div></div>
+<button class="element image-zoom" style="left:660px;top:242px;width:556px;height:331px;border:1px solid #D5E1E6;border-radius:14px;background:white" aria-label="放大ima根据三国知识笔记回答关羽的绰号"><img src="asset:ima-note-example-answer.png" alt="ima根据三国知识笔记回答关羽的绰号"></button>
+<div class="element text" style="left:660px;top:581px;width:556px;height:36px"><div class="text-inner"><p><span style="font-size:21px;color:#526477">回答明确说明依据《三国知识》笔记</span></p></div></div><div class="element text" style="left:64px;top:626px;width:1152px;height:36px"><div class="text-inner"><p><span style="font-size:20px;color:#17675D">教学迁移：把活动规则、评价标准存成笔记，再核对回答是否符合原文。</span></p></div></div>
+</div><div class="page-footer"><span>自定义内容演示，非历史事实 · 点击截图可放大</span><span>{{PAGE_NUMBER}} / {{PAGE_COUNT}}</span></div></section>