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

src/slides/workbuddy-education-deliverables.html

@@ -0,0 +1,23 @@
+<section class="slide" data-title="案例：一条提示词，生成四类教学成果" data-chapter="教师场景实操" data-note="【案例讲解】
+这是用户提供的实际任务与四份产出，原始提示词保留在页面左侧。任务同时指定了课程对象、四种交付形态、张骞出使西域的故事，以及袁隆平和屠呦呦简介，还提出全英文与共和国功勋人物宣传片配色要求。点击右侧链接逐项打开现有产出。
+
+【展示与核对】
+本次仅添加案例及文件超链接，已确认四份本地文件存在，未重新生成或全面审校内容。教案文件名明确为中英双语，与原提示词的全英文要求应在成果验收时对照。区分教材内容与历史人物拓展内容，不把所有故事归为教材原文。检查播客是否为男女对话、人物信息是否有依据，以及不同产出之间是否一致。
+
+【转场】
+产出之后还要审核，再把可复用成果回存ima，接着看回存流程。">
+<div class="page-kicker">WorkBuddy 中使用 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:1152px;height:40px"><div class="text-inner"><p><span style="font-size:23px;color:#526477">九上英语 Unit 2 · 张骞故事 · 袁隆平与屠呦呦拓展 · 红金视觉</span></p></div></div>
+<div class="element text" style="left:64px;top:258px;width:640px;height:35px"><div class="text-inner"><p><span style="font-size:24px;color:#17675D;font-weight:650">原始提示词</span></p></div></div>
+<div class="element text prompt-copy" style="left:64px;top:306px;width:640px;height:269px;background:#FFFFFF;border:1px solid #D1E2DD;border-radius:16px;padding:25px;box-sizing:border-box"><div class="text-inner"><p><span style="font-size:25px;color:#1D3047;line-height:1.65">我想要新教材9年级上英语第二单元ppt、思维导图、教案、男女对话播客内容是介绍张骞出使西域的故事，除了课程内容，还要带有袁隆平和屠呦呦的简介，全英文，视觉上我要共和国功勋人物宣传片的配色</span></p></div></div>
+<a class="element deliverable-link" style="left:750px;top:258px;width:466px;height:76px" href="materials/%E6%96%B0%E4%BA%BA%E6%95%99%E4%B9%9D%E4%B8%8A%E8%8B%B1%E8%AF%ADUnit2_InspiringPeople_%E5%8A%9F%E5%8B%8B%E7%BA%A2%E9%87%91%E8%AF%BE%E4%BB%B6.pptx" target="_blank" rel="noopener" aria-label="打开PPT 课件：新人教九上英语Unit2_InspiringPeople_功勋红金课件.pptx"><span class="deliverable-title">PPT 课件<span aria-hidden="true"> ↗</span></span><span class="deliverable-description">功勋红金课件 · PPTX</span></a><a class="element deliverable-link" style="left:750px;top:346px;width:466px;height:76px" href="materials/79abf7c97ec91f03ec08f719b3b56ac8.png" target="_blank" rel="noopener" aria-label="打开思维导图：79abf7c97ec91f03ec08f719b3b56ac8.png"><span class="deliverable-title">思维导图<span aria-hidden="true"> ↗</span></span><span class="deliverable-description">打开图片 · PNG</span></a><a class="element deliverable-link" style="left:750px;top:434px;width:466px;height:76px" href="materials/Unit2_Inspiring_People_%E6%95%99%E5%AD%A6%E8%AE%BE%E8%AE%A1_%E4%B8%AD%E8%8B%B1%E5%8F%8C%E8%AF%AD%20%281%29.docx" target="_blank" rel="noopener" aria-label="打开教学设计：Unit2_Inspiring_People_教学设计_中英双语 (1).docx"><span class="deliverable-title">教学设计<span aria-hidden="true"> ↗</span></span><span class="deliverable-description">中英双语文件 · DOCX</span></a><a class="element deliverable-link" style="left:750px;top:522px;width:466px;height:76px" href="materials/%E5%BC%A0%E9%AA%9E%E5%87%BF%E7%A9%BA%E8%A5%BF%E5%9F%9F%E4%BC%A0%E5%A5%87.mp3" target="_blank" rel="noopener" aria-label="打开男女对话播客：张骞凿空西域传奇.mp3"><span class="deliverable-title">男女对话播客<span aria-hidden="true"> ↗</span></span><span class="deliverable-description">张骞凿空西域传奇 · MP3</span></a><div class="element text" style="left:750px;top:616px;width:466px;height:35px"><div class="text-inner"><p><span style="font-size:15px;color:#607286">点击产出卡片打开文件；网页需与 materials 目录一同保留。</span></p></div></div>
+</div><button class="slide-action" style="left:64px;right:auto;bottom:95px" data-action="copy-prompt">复制原始提示词</button>
+<div class="page-footer"><span>第二讲 · 知识库与 ima <span class="foot-time"> / 任务 → 产出 → 验收</span></span><span>{{PAGE_NUMBER}} / {{PAGE_COUNT}}</span></div>
+<style>
+:scope .deliverable-link{display:flex;flex-direction:column;justify-content:center;gap:5px;padding:12px 22px;box-sizing:border-box;border:1px solid #B9D7D1;border-radius:14px;background:#EAF3F0;text-decoration:none}
+:scope .deliverable-link:hover{background:#DDEEE7;border-color:#17675D}
+:scope .deliverable-title{font-size:24px;line-height:1.2;font-weight:650;color:#17675D}
+:scope .deliverable-description{font-size:17px;line-height:1.3;color:#526477}
+</style></section>