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

src/slides/agenda.html

@@ -0,0 +1,36 @@
+<!-- 页面内容、讲稿备注和专用样式均在本文件维护；页码由构建生成。 -->
+<section class="slide agenda" data-title="今天的分享提纲" data-chapter="开场" data-note="建议0.75分钟（含操作与互动）。
+
+【口播】
+我们先弄清知识库解决什么问题，再认识 ima，随后完成建库、提问和查证，再学习WorkBuddy中的授权连接、资料调用与成果回存，最后进行现场练习。整个过程记三个字就够了：取、用、存。取出相关资料，用它完成任务，把审核后的成果存回去，供下一次继续使用。
+
+【操作与提醒】
+指向五段提纲，提醒后面保留独立操作和交流时间。
+
+【转场】
+为什么要多做这个“存回去”的动作？先看一个熟悉的场景。">
+  <div class="slide-top"><span class="section-name">开场</span><span>AI × TEACHERS</span></div>
+  <h2 class="title">今天的分享提纲</h2>
+  <div class="content">
+    <ol class="agenda-list">
+      <li><span class="agenda-number">01</span><h3>认识知识库</h3><p>理解知识库是什么，以及对教师工作的帮助</p></li>
+      <li><span class="agenda-number">02</span><h3>认识今天的工具</h3><p>认识腾讯 ima，了解资料入库、问答与笔记</p></li>
+      <li><span class="agenda-number">03</span><h3>ima 上手</h3><p>建库、提供资料、明确提问、核对来源</p></li>
+      <li><span class="agenda-number">04</span><h3>WorkBuddy 联动</h3><p>授权连接、调用知识库资料与成果回存</p></li>
+      <li><span class="agenda-number">05</span><h3>使用习惯与后续学习</h3><p>现场练习、核对成果、持续维护与问题交流</p></li>
+    </ol>
+    <p class="agenda-goal">今天的目标：建立一个教学专题库，形成一份经过查证与修改的成果。</p>
+  </div>
+  <div class="slide-foot"><span>第二讲 · 知识库与 ima <span class="foot-time"> / 本章 5分钟</span></span><b>{{PAGE_NUMBER}} / {{PAGE_COUNT}}</b></div>
+</section>
+
+<style>
+:scope .content{gap:20.8px}
+:scope .agenda-list{list-style:none;margin:0;padding:0}
+:scope .agenda-list li{display:grid;grid-template-columns:64px 300px minmax(0,1fr);gap:17.6px;align-items:center;min-height:75.2px;border-bottom:0.8px solid var(--line)}
+:scope .agenda-list li:first-child{border-top:0.8px solid var(--line)}
+:scope .agenda-number{font-size:28.8px;font-weight:300;color:var(--cyan);font-variant-numeric:tabular-nums;letter-spacing:1.6px}
+:scope .agenda-list h3{font-size:24.8px;line-height:1.4;font-weight:550}
+:scope .agenda-list p{font-size:19.2px;line-height:1.65;color:var(--muted)}
+:scope .agenda-goal{font-size:20px;line-height:1.6;color:var(--cyan)}
+</style>