feat: 添加知识库培训离线网页及互动练习

AGENTS.md

@@ -1,16 +1,24 @@
 # 演示文稿协作约定
 
-- 本仓库用于“知识库与腾讯 ima 教育应用”培训；参考仓库为 `speech/Ai_education`。
-- 当前课程大纲：`docs/261103_1129-知识库与腾讯ima教育应用培训PPT大纲.md`，是课程结构、逐页主题与讲解内容的维护依据。
-- 后续新增、删除、调整顺序或修改 PPT／HTML 演示内容时，必须在同一次任务中同步更新大纲，不得只修改演示文稿。
-- 涉及课程内容时，同步检查培训目标、课程安排、页码、页数、时长、案例、练习及成果要求，确保与演示内容一致；仅视觉或排版调整无需虚增大纲版本。
-- 修订大纲时保留原文件名和 `created_at`，递增 `revision`，向 `revisions` 追加修改时间与内容，必要时更新 `summary`。
-- 开始修改前先读取当前大纲；任务完成前检查大纲与实际演示内容的一致性。尚未制作或验证的演示与产品操作应如实注明。
-- 保留工作区中不属于当前任务的改动。默认不提交、不推送。
+- 本仓库用于“知识库与腾讯 ima 教育应用”培训，参考项目为 `speech/Ai_education`。
+- 当前大纲为 `docs/261103_1129-知识库与腾讯ima教育应用培训PPT大纲.md`。后续修改PPT或网页课程内容，必须在同一次任务中同步维护大纲，检查目标、页序、页数、时长、案例、练习与成果要求。
+- 修订大纲保留文件名及 `created_at`，递增 `revision`，追加 `revisions`；仅视觉调整无需虚增大纲版本。
 
-## 当前制作源文件
+## 网页维护
 
-- 当前 PowerPoint 的内容与版式源码为 `scripts/build.mjs`，构建生成 `src/deck.json` 标题索引、预览和 `outputs/*.pptx`。
-- 不直接编辑生成结果。内容改动需同步源码、大纲与实际标题索引，重新生成并检查。
-- `materials/` 是培训模拟资料，必须保留模拟标识，不得描述为真实课标、学校制度或产品实测结果。
-- 当前使用的是未登录官方首页截图；登录后的操作仍需授课账号验证，不得将讲师备注中的演示计划表述为已验证。
+- 网页页面源码为 `src/slides/*.html`，每个文件对应一页，含正文、`data-title`、`data-chapter`、`data-note` 和页内样式。
+- 修改前读取 `src/deck.json`，按稳定页面 ID 定位文件，文件名不使用页码。增删及排序由该清单控制。
+- 页内样式选择器以 `:scope` 开头，公共媒体查询与动画放在 `src/styles/theme.css`。公共容器和播放器分别为 `src/shell.html`、`src/runtime/player.js`。
+- 页内脚本由构建器包裹，可使用 `root` 查询本页。不得查询其他页面或在全局保存页内状态。计时器由公共播放器统一维护。
+- 图片放在 `assets/`，页面通过 `src="asset:文件名.png"` 引用；不在页面源码粘贴 Base64。`materials/` 为练习资料，构建时自动内嵌。
+- 不手写页码、总页数、section ID、active 或可见状态。页脚用 `{{PAGE_NUMBER}}` 与 `{{PAGE_COUNT}}`。
+- `python3 scripts/build_web.py --check` 检查；`python3 scripts/build_web.py` 生成 `outputs/index.html` 与ZIP练习包。`outputs/` 为生成结果，禁止直接编辑。
+- `work/` 仅放验证记录或临时工作，不运行历史修补脚本。
+
+## PPT与内容一致性
+
+- 已提交PPT首版保存在 `outputs/知识库与腾讯ima教育应用培训-v1.pptx`，其旧制作源码为 `scripts/build.mjs`，标题索引为 `src/pptx-deck.json`。不得用PPT构建覆盖网页清单 `src/deck.json`。
+- 当前30页网页对应PPT首版，后续修改课程内容时同步维护网页、大纲及后续发布的PPT版本。历史PPT保留原样，未重新生成的旧版不能声称已同步。
+- 模拟教学与校务资料必须保留模拟标识，不得描述为真实课标、学校制度或产品实测结果。
+- 官方截图为未登录首页，登录后的导入、来源点击、笔记及共享操作仍需授课账号验证。
+- 保留不属于当前任务的改动。默认不提交、不推送。

README.md

@@ -4,6 +4,7 @@
 
 ## 课程文件
 
+- [离线网页演示](outputs/index.html)
 - [PowerPoint 演示文稿](outputs/知识库与腾讯ima教育应用培训-v1.pptx)
 - [课程大纲](docs/261103_1129-知识库与腾讯ima教育应用培训PPT大纲.md)
 - [现场练习单](materials/05_现场练习单.md)
@@ -14,7 +15,9 @@
 
 ## 维护方式
 
-课程内容与样式源码位于 `scripts/build.mjs`，页码与标题索引由构建生成至 `src/deck.json`。改动PPT内容时同步更新大纲及版本记录，具体见 [AGENTS.md](AGENTS.md)。生成文件放在 `outputs/`，不要直接修改后遗漏源码和大纲。
+网页页面源码位于 `src/slides/*.html`，每页一个文件；`src/deck.json` 维护稳定页面ID及播放顺序。修改后运行 `python3 scripts/build_web.py --check`，再运行 `python3 scripts/build_web.py`。双击 `outputs/index.html` 即可离线播放，发送这个单文件即可分享。
+
+PPT首版源码位于 `scripts/build.mjs`，其标题索引生成至 `src/pptx-deck.json`。改动PPT内容时同步更新大纲及版本记录，具体见 [AGENTS.md](AGENTS.md)。生成文件放在 `outputs/`，不要直接修改后遗漏源码和大纲。
 
 本机重建使用已安装的官方演示文稿运行库。使用该运行库 Node 执行 `scripts/build.mjs`，参数1为仓库绝对路径，参数2为新的输出文件名，例如 `知识库与腾讯ima教育应用培训-v2.pptx`。构建会生成逐页预览、检查文件并导出新版本，保留旧版本。运行库位置见源码开头，换电脑需要调整。
 
@@ -27,3 +30,15 @@
 - 产品参考：https://ima.tencent.com/download 。参考课程：http://gitea.werich.top/speech/Ai_education 。
 
 默认不提交、不推送。
+
+## 网页播放
+
+- 方向键或空格翻页，Home / End 到首尾页。
+- M：搜索目录，N：当前页讲师备注，F：全屏，R：阅读模式。
+- 手机可左右滑动，阅读模式适合在小屏上查看全文。截图可点击放大。
+- 第14、27页可复制提问模板；第26页有12分钟计时器，切页后继续；第28页可勾选完成清单。
+- “资料”提供五份Markdown材料及ZIP整包下载，全部内嵌在网页内。
+- 备注会显示在当前投影上，按需打开。刷新页面后练习计时和清单重置。
+- 生成文件无网络依赖，访问官网或使用ima需要联网。网页不调用AI、不上传资料。
+
+此版仅生成本地网页，尚未发布到公网，也未自动提交或推送。

docs/261103_1129-知识库与腾讯ima教育应用培训PPT大纲.md

@@ -1,7 +1,7 @@
 ---
 created_at: 2026-11-03 11:29:02 +0800
 type: 面向教育行业的知识库与腾讯 ima 应用培训 PPT 大纲
-revision: 第2次
+revision: 第3次
 revisions:
   - time: 2026-11-03 11:29:02 +0800
     version: 第1次
@@ -11,6 +11,10 @@ revisions:
     version: 第2次
     author: GPT-6
     content: 完成30页可编辑PPT及逐页讲师备注，同步实际页标题与演示内容，加入五份模拟练习材料，明确未登录官方截图与待验证操作。
+  - time: 2026-11-03 11:52:52 +0800
+    version: 第3次
+    author: GPT-6
+    content: 新增与PPT首版对应的30页离线网页，加入目录搜索、讲师备注、阅读模式、截图放大、提问复制、练习计时与资料下载，更新源码维护路径。
 summary: 面向中小学教师、教研组长及学校管理人员，设计120分钟知识库与腾讯ima应用培训，通过知识库基础、产品操作、单元备课、练习设计、教研共享、校务查询和现场练习，掌握资料入库、提问、查证与成果沉淀。
 ---
 
@@ -303,7 +307,18 @@ summary: 面向中小学教师、教研组长及学校管理人员，设计120
 ### 五、演示文稿与材料
 
 - 演示文稿：`outputs/知识库与腾讯ima教育应用培训-v1.pptx`，30 页，16:9，可编辑文字、图形和六张原生表格，含逐页讲师备注。
-- 制作源文件：`scripts/build.mjs`；实际页码与标题索引：`src/deck.json`。
+- PPT 首版制作源文件：`scripts/build.mjs`；其标题索引独立保存在 `src/pptx-deck.json`。网页版页面源码位于 `src/slides/*.html`，稳定页面 ID 与顺序位于 `src/deck.json`。
 - 练习资料：`materials/01_主题说明.md`、`02_活动建议.md`、`03_课堂反思.md`、`04_校务办理模拟指南.md`、`05_现场练习单.md`。
 - 所有教学与校务案例均为模拟示例，不是 ima 实测输出，也不替代课程标准、教材或学校正式制度。
 - 练习与交流 30 分钟细分为：12 分钟动手、8 分钟分享、10 分钟使用习惯与答疑。
+
+### 六、网页演示版
+
+- 输出文件：`outputs/index.html`。共30页，与已提交PPT首版的课程内容一致，采用原深绿、薄荷绿和浅色版式。
+- 单页源码：`src/slides/*.html`，包含正文、标题、章节、讲师备注及页内样式；顺序由 `src/deck.json` 管理。
+- 公共文件：`src/shell.html`、`src/styles/theme.css`、`src/runtime/player.js`，使用 `python3 scripts/build_web.py` 构建；`--check` 仅检查。
+- 网页功能：键盘与触屏翻页、目录搜索与跳转、讲师备注、全屏、长文阅读模式、截图放大、第14/27页提示词复制、第26页12分钟计时器、第28页完成清单、五份材料单独下载与ZIP整包下载。
+- 网页将图片和练习材料内嵌，可离线播放。官方链接与ima内操作需要联网，网页不会调用AI或上传资料。
+- 练习计时按实际经过时间计算，切页后继续，支持暂停和重置；刷新网页后重置。完成清单仅保存在当前页面会话中。
+- 已在浏览器检查30页文本与表格溢出，核对正文与PPT一致，验证目录搜索、备注、阅读模式、放大、复制、资料下载、跨页计时及清单更新。
+- PPT 首版文件保留不变；以后修改课程内容时，需同步维护网页、大纲及后续发布的PPT版本。

outputs/index.html

@@ -0,0 +1,557 @@
+<!doctype html>
+<html lang="zh-CN"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><meta name="color-scheme" content="light"><meta name="description" content="知识库与腾讯 ima 教育应用，30页教师培训演示，含讲师备注、练习材料与阅读模式。"><link rel="icon" href="data:,"><title>让教学资料用起来</title><style>:root{--ink:#163d35;--green:#276450;--mint:#bde6d1;--light:#eaf3ee;--paper:#f7faf8;--muted:#60756d;--line:#d9e3dd;--dark:#102f29;--bar:72px;--shadow:0 24px 80px #061b2633}
+*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden}body{font-family:"PingFang SC","Microsoft YaHei","Noto Sans CJK SC",sans-serif;background:#dce5df;color:var(--ink)}button,input,textarea{font:inherit}button{cursor:pointer;background:transparent;border:1px solid var(--line);border-radius:9px;color:inherit;padding:10px 16px;transition:background .18s}button:hover{background:var(--light)}button:disabled{opacity:.3;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #4f9b7d;outline-offset:3px}a{color:var(--green);text-underline-offset:4px}h2,p{margin:0}button.primary{background:var(--green);color:white;border-color:var(--green)}
+#viewport{position:fixed;inset:0 0 var(--bar);display:grid;place-items:center;overflow:hidden}#stage{width:1280px;height:720px;position:absolute;transform-origin:center;box-shadow:var(--shadow);background:var(--paper)}
+.slide{position:absolute;inset:0;background:var(--paper);display:none;overflow:hidden}.slide.active{display:block;animation:none}.slide.dark{background:var(--dark);color:white}.page-kicker{position:absolute;left:64px;top:35px;font-size:16px;line-height:28px;color:var(--muted)}.dark .page-kicker{color:var(--mint)}.page-title{position:absolute;left:64px;top:89px;width:1152px;height:104px;display:flex;align-items:center;font-size:42px;font-weight:650;line-height:1.25;letter-spacing:-.5px}.artboard{position:absolute;inset:0}.element{position:absolute}.text{display:flex;align-items:center;pointer-events:auto}.text-inner{width:100%;min-width:0}.text p{line-height:1.25;overflow-wrap:break-word;white-space:pre-wrap}.decoration{pointer-events:none}.page-footer{position:absolute;left:64px;right:64px;bottom:26px;display:flex;justify-content:space-between;font-size:13px;color:var(--muted);pointer-events:none}.dark .page-footer{color:#aac7ba}.table-wrap table{width:100%;height:100%;border-collapse:collapse;table-layout:fixed}.table-wrap td,.table-wrap th{border:1px solid var(--line);padding:12px 10px;text-align:left;vertical-align:middle}.table-wrap p{line-height:1.4;white-space:pre-wrap;overflow-wrap:break-word}.image-zoom{border:0;padding:0;border-radius:4px;overflow:hidden;cursor:zoom-in}.image-zoom img{width:100%;height:100%;object-fit:contain;display:block}.image-zoom:hover{box-shadow:0 0 0 3px #85b69f}.slide-action{position:absolute;right:64px;bottom:69px;background:var(--green);border-color:var(--green);color:white;font-size:16px;padding:8px 18px;z-index:2}.slide-action:hover{background:#1b493b}.practice-tools{position:absolute;left:68px;bottom:68px;display:flex;gap:10px}.dark .practice-tools button{color:var(--mint);border-color:#4a7762;font-size:15px}.dark .practice-tools button:hover{background:#254a3f}.prompt-copy{cursor:text}
+#toolbar{position:fixed;inset:auto 0 0;height:var(--bar);z-index:20;display:flex;align-items:center;gap:10px;padding:0 24px;background:#ffffffed;border-top:1px solid #cad9ce;backdrop-filter:blur(20px);font-size:13px}#progress{position:absolute;top:-3px;left:0;height:3px;background:var(--green);transition:width .2s}#toolbar button{padding:8px 11px;white-space:nowrap}.brand{display:flex;gap:9px;align-items:center;font-weight:600;text-decoration:none;margin-right:25px;color:var(--ink)}.brand-mark{width:31px;height:31px;display:grid;place-items:center;background:var(--green);border-radius:9px;color:var(--mint);font-size:17px}.nav-group{display:flex;align-items:center;gap:8px}#page-label{font-variant-numeric:tabular-nums;min-width:62px;text-align:center}#hint{font-size:12px;color:var(--muted);margin-left:8px}.key{font-size:10px;color:var(--muted);margin-left:9px}.spacer{flex:1}#mini-timer{color:var(--green);font-weight:600;font-variant-numeric:tabular-nums}#reading-toggle[aria-pressed=true]{background:var(--green);color:white;border-color:var(--green)}
+dialog{border:1px solid var(--line);border-radius:18px;padding:32px;background:var(--paper);color:var(--ink);width:min(1040px,94vw);max-height:88vh;box-shadow:var(--shadow)}dialog::backdrop{background:#0c251fcc;backdrop-filter:blur(7px)}dialog header{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px}dialog header h2{font-size:26px;line-height:1.5}dialog header button{flex-shrink:0}dialog p{line-height:1.85;color:var(--muted);margin:12px 0}dialog .eyebrow{font-size:13px;color:var(--green);margin:0 0 5px}#toc-search{width:100%;border:1px solid var(--line);border-radius:10px;padding:13px 16px;background:white;margin-bottom:20px}#toc-list{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.toc-item{padding:16px;text-align:left;font-size:14px;line-height:1.65;display:flex;gap:12px;align-items:flex-start}.toc-item span{font-variant-numeric:tabular-nums;color:var(--green)}.toc-item.current{background:var(--light);border-color:var(--green);font-weight:600}.toc-item[hidden]{display:none}#notes-body{font-size:21px;line-height:1.95;white-space:pre-wrap}#material-list{display:grid;gap:10px;margin:20px 0}.material-item{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:white;border:1px solid var(--line);border-radius:10px;gap:15px}.material-item span{line-height:1.7}.material-item small{display:block;color:var(--muted)}details{margin-top:24px;border-top:1px solid var(--line);padding-top:20px}summary{cursor:pointer;font-weight:600}#image-dialog{width:min(1400px,96vw)}#zoom-image{width:100%;height:68vh;object-fit:contain}#copy-text{width:100%;height:240px;resize:vertical;padding:18px;border:1px solid var(--line);border-radius:10px;line-height:1.8}#toast{position:fixed;left:50%;bottom:calc(var(--bar) + 18px);transform:translateX(-50%);padding:12px 22px;border-radius:10px;background:var(--green);color:white;opacity:0;transition:opacity .2s;pointer-events:none;z-index:100;max-width:90vw;font-size:15px}#toast.show{opacity:1}.checks{display:grid;gap:14px}.checks label{display:flex;gap:14px;align-items:center;background:white;border:1px solid var(--line);border-radius:10px;padding:16px;font-size:19px;cursor:pointer}.checks input{width:21px;height:21px;accent-color:var(--green)}.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.no-script{position:fixed;z-index:1000;padding:30px;background:white}
+body.reading{overflow:auto;background:var(--paper)}.reading #viewport{position:static;display:block;overflow:visible;padding:30px 24px 100px}.reading #stage{position:static;width:min(1040px,100%);height:auto;transform:none!important;box-shadow:none;margin:auto;background:none}.reading .slide,.reading .slide.active{position:relative;display:block;height:auto;min-height:0;overflow:visible;padding:45px 48px;margin:20px 0 40px;background:white;border:1px solid var(--line);border-radius:20px;color:var(--ink);animation:none}.reading .page-kicker{position:static;color:var(--green);margin-bottom:12px}.reading .page-title,.reading .page-title.visually-hidden{position:static!important;width:auto!important;height:auto!important;clip:auto!important;overflow:visible!important;white-space:normal!important;margin:0 0 30px!important;font-size:32px;display:block}.reading .artboard{position:static;display:flex;flex-direction:column;gap:18px}.reading .element{position:static!important;width:auto!important;height:auto!important}.reading .decoration,.reading .text[data-role=number],.reading .page-footer{display:none}.reading .text span{font-size:21px!important;color:var(--ink)!important}.reading .text p{line-height:1.8}.reading .table-wrap{overflow-x:auto}.reading table{min-width:650px;height:auto}.reading table span{font-size:18px!important;color:var(--ink)!important}.reading th span{color:white!important}.reading td,.reading th{padding:16px}.reading .image-zoom{width:100%!important;aspect-ratio:16/9}.reading .slide-action,.reading .practice-tools{position:static;margin-top:24px}.reading .practice-tools button{color:var(--green);border-color:var(--line)}.reading .dark .practice-tools button:hover{background:var(--light)}.reading .prompt-copy{padding:20px;background:var(--light);border-radius:12px}.reading .brand{margin-right:10px}
+@keyframes page-in{from{opacity:.4;transform:translateY(7px)}to{opacity:1;transform:none}}
+@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}
+@media(max-width:1100px){.brand span:last-child,#hint{display:none}.brand{margin-right:8px}.key{display:none}#toolbar{padding:0 16px}.toc-item{font-size:13px}}
+@media(max-width:640px){:root{--bar:64px}.brand,.full-button{display:none}#toolbar{padding:0 8px;gap:5px}#toolbar button{font-size:12px;padding:9px 7px}.nav-group{gap:3px}#page-label{min-width:49px;font-size:12px}.spacer{min-width:0}#mini-timer{position:fixed;top:10px;right:10px;background:var(--mint);padding:5px 9px;border-radius:6px;font-size:12px}#mini-timer:empty{display:none}#toc-list{grid-template-columns:1fr}dialog{padding:23px;max-height:85vh}dialog header h2{font-size:21px}#notes-body{font-size:17px}.material-item{align-items:flex-start;font-size:14px;padding:12px}.material-item button{padding:8px}.reading #viewport{padding:5px 12px 75px}.reading .slide{padding:28px 22px;margin-bottom:20px}.reading .page-title{font-size:27px!important}.reading .text span{font-size:18px!important}.reading .practice-tools{flex-wrap:wrap}}
+@media print{@page{size:13.333in 7.5in;margin:0}html,body,body.reading{height:auto;overflow:visible;background:white}#viewport,.reading #viewport{position:static;display:block;padding:0;overflow:visible}#stage,.reading #stage{position:static;width:1280px;max-width:none;height:auto;transform:none!important;box-shadow:none}body .slide,body .slide.active,body.reading .slide{display:block;position:relative;width:1280px;height:720px;min-height:720px;padding:0;margin:0;border:0;border-radius:0;overflow:hidden;break-after:page;page-break-after:always;print-color-adjust:exact;-webkit-print-color-adjust:exact}.slide:last-child{break-after:auto}#toolbar,dialog,#toast,.slide-action,.practice-tools,#live-status{display:none!important}.reading .artboard{position:absolute;inset:0;display:block}.reading .element{position:absolute!important}.reading .decoration{display:block}.reading .page-title{position:absolute!important;left:64px;top:89px;font-size:42px!important}.reading .page-kicker{position:absolute}.reading .text span{font-size:revert-layer!important}.reading .page-footer{display:flex}.reading .text[data-role=number]{display:flex}}
+
+
+:where([data-page="closing"]) .closing-title{top:160px;height:110px;font-size:70px}
+</style></head>
+<body>
+<noscript><p class="no-script">请启用 JavaScript 以使用翻页与练习功能。</p></noscript>
+<main id="viewport" aria-label="培训演示"><div id="stage"><section id="slide-1" data-page="cover" aria-label="第1页：让教学资料用起来" aria-hidden="true" class="slide dark" data-title="让教学资料用起来" data-chapter="教师培训" data-note="开场5分钟。请老师回想最近一次“记得存过，却找不到”的资料。全课120分钟，产品操作25分钟，案例40分钟，练习与交流30分钟。">
+<div class="page-kicker">教师培训</div>
+<h2 class="page-title visually-hidden">让教学资料用起来</h2>
+<div class="artboard"><div class="element text" data-role="body" style="left:64px;top:168px;width:680px;height:206px"><div class="text-inner"><p style="text-align:left"><span style="font-size:74px;color:#FFFFFF;font-weight:650">让教学资料</span></p><p style="text-align:left"><span style="font-size:74px;color:#FFFFFF;font-weight:650">用起来</span></p></div></div>
+<div class="element text" data-role="body" style="left:68px;top:414px;width:680px;height:64px"><div class="text-inner"><p style="text-align:left"><span style="font-size:30px;color:#BDE6D1;font-weight:400">知识库与腾讯 ima 教育应用</span></p></div></div>
+<div class="element text" data-role="body" style="left:68px;top:518px;width:670px;height:78px"><div class="text-inner"><p style="text-align:left"><span style="font-size:25px;color:#C0D5CA;font-weight:400">从一个单元开始，建立自己的教学资料库</span></p></div></div>
+<svg class="element decoration" style="left:920px;top:205px;width:1px;height:175px;overflow:visible" aria-hidden="true"><line x1="0" y1="175.0" x2="0.0" y2="0" stroke="#41685A" stroke-width="2.0"/></svg>
+<svg class="element decoration" style="left:920px;top:380px;width:215px;height:10px;overflow:visible" aria-hidden="true"><line x1="0" y1="0" x2="215.0" y2="10.0" stroke="#41685A" stroke-width="2.0"/></svg>
+<svg class="element decoration" style="left:920px;top:380px;width:85px;height:195px;overflow:visible" aria-hidden="true"><line x1="0" y1="0" x2="85.0" y2="195.0" stroke="#41685A" stroke-width="2.0"/></svg>
+<svg class="element decoration" style="left:775px;top:380px;width:145px;height:175px;overflow:visible" aria-hidden="true"><line x1="145.0" y1="0" x2="0" y2="175.0" stroke="#41685A" stroke-width="2.0"/></svg>
+<svg class="element decoration" style="left:735px;top:310px;width:185px;height:70px;overflow:visible" aria-hidden="true"><line x1="185.0" y1="70.0" x2="0" y2="0" stroke="#41685A" stroke-width="2.0"/></svg>
+<div class="element decoration" aria-hidden="true" style="left:824px;top:290px;width:190px;height:190px;background:#BDE6D1;border:0px solid transparent;border-radius:50%"></div>
+<div class="element text" data-role="body" style="left:845px;top:323px;width:148px;height:114px"><div class="text-inner"><p style="text-align:center"><span style="font-size:35px;color:#163D35;font-weight:650">教学</span></p><p style="text-align:center"><span style="font-size:35px;color:#163D35;font-weight:650">知识库</span></p></div></div>
+<div class="element decoration" aria-hidden="true" style="left:860px;top:145px;width:120px;height:120px;background:#244A3E;border:0px solid transparent;border-radius:50%"></div>
+<div class="element text" data-role="body" style="left:865px;top:150px;width:110px;height:110px"><div class="text-inner"><p style="text-align:center"><span style="font-size:19px;color:#FFFFFF;font-weight:400">课程标准</span></p></div></div>
+<div class="element decoration" aria-hidden="true" style="left:1080px;top:335px;width:110px;height:110px;background:#244A3E;border:0px solid transparent;border-radius:50%"></div>
+<div class="element text" data-role="body" style="left:1085px;top:340px;width:100px;height:100px"><div class="text-inner"><p style="text-align:center"><span style="font-size:19px;color:#FFFFFF;font-weight:400">教学设计</span></p></div></div>
+<div class="element decoration" aria-hidden="true" style="left:950px;top:520px;width:110px;height:110px;background:#244A3E;border:0px solid transparent;border-radius:50%"></div>
+<div class="element text" data-role="body" style="left:955px;top:525px;width:100px;height:100px"><div class="text-inner"><p style="text-align:center"><span style="font-size:19px;color:#FFFFFF;font-weight:400">课堂反思</span></p></div></div>
+<div class="element decoration" aria-hidden="true" style="left:720px;top:500px;width:110px;height:110px;background:#244A3E;border:0px solid transparent;border-radius:50%"></div>
+<div class="element text" data-role="body" style="left:725px;top:505px;width:100px;height:100px"><div class="text-inner"><p style="text-align:center"><span style="font-size:19px;color:#FFFFFF;font-weight:400">教研经验</span></p></div></div>
+<div class="element decoration" aria-hidden="true" style="left:690px;top:265px;width:90px;height:90px;background:#244A3E;border:0px solid transparent;border-radius:50%"></div>
+<div class="element text" data-role="body" style="left:695px;top:270px;width:80px;height:80px"><div class="text-inner"><p style="text-align:center"><span style="font-size:19px;color:#FFFFFF;font-weight:400">课例</span></p></div></div></div>
+
+<div class="page-footer"><span>知识库与腾讯 ima 教育应用</span><span>01 / 30</span></div>
+</section>
+<section id="slide-2" data-page="material-problems" aria-label="第2页：资料越来越多，使用依然费劲" aria-hidden="true" class="slide" data-title="资料越来越多，使用依然费劲" data-chapter="从日常问题出发" data-note="请举手或口头互动：找不到资料、材料太多读不完、重复备课、成果难共享，哪一项最常见？不承诺具体节省时间。">
+<div class="page-kicker">从日常问题出发</div>
+<h2 class="page-title">资料越来越多，使用依然费劲</h2>
+<div class="artboard"><div class="element text" data-role="number" style="left:64px;top:235px;width:264px;height:80px"><div class="text-inner"><p style="text-align:left"><span style="font-size:58px;color:#276450;font-weight:400">01</span></p></div></div>
+<div class="element text" data-role="body" style="left:64px;top:341px;width:264px;height:58px"><div class="text-inner"><p style="text-align:left"><span style="font-size:29px;color:#163D35;font-weight:650">散落各处</span></p></div></div>
+<div class="element text" data-role="body" style="left:64px;top:417px;width:264px;height:150px"><div class="text-inner"><p style="text-align:left"><span style="font-size:23px;color:#60756D;font-weight:400">电脑、微信与网盘</span></p><p style="text-align:left"><span style="font-size:23px;color:#60756D;font-weight:400">各自留下一份资料</span></p></div></div>
+<div class="element text" data-role="number" style="left:360px;top:235px;width:264px;height:80px"><div class="text-inner"><p style="text-align:left"><span style="font-size:58px;color:#276450;font-weight:400">02</span></p></div></div>
+<div class="element text" data-role="body" style="left:360px;top:341px;width:264px;height:58px"><div class="text-inner"><p style="text-align:left"><span style="font-size:29px;color:#163D35;font-weight:650">找不到重点</span></p></div></div>
+<div class="element text" data-role="body" style="left:360px;top:417px;width:264px;height:150px"><div class="text-inner"><p style="text-align:left"><span style="font-size:23px;color:#60756D;font-weight:400">记得看过，却想不起</span></p><p style="text-align:left"><span style="font-size:23px;color:#60756D;font-weight:400">文件名和关键段落</span></p></div></div>
+<div class="element text" data-role="number" style="left:656px;top:235px;width:264px;height:80px"><div class="text-inner"><p style="text-align:left"><span style="font-size:58px;color:#276450;font-weight:400">03</span></p></div></div>
+<div class="element text" data-role="body" style="left:656px;top:341px;width:264px;height:58px"><div class="text-inner"><p style="text-align:left"><span style="font-size:29px;color:#163D35;font-weight:650">重复做整理</span></p></div></div>
+<div class="element text" data-role="body" style="left:656px;top:417px;width:264px;height:150px"><div class="text-inner"><p style="text-align:left"><span style="font-size:23px;color:#60756D;font-weight:400">同一主题的材料</span></p><p style="text-align:left"><span style="font-size:23px;color:#60756D;font-weight:400">每次重新阅读比较</span></p></div></div>
+<div class="element text" data-role="number" style="left:952px;top:235px;width:264px;height:80px"><div class="text-inner"><p style="text-align:left"><span style="font-size:58px;color:#276450;font-weight:400">04</span></p></div></div>
+<div class="element text" data-role="body" style="left:952px;top:341px;width:264px;height:58px"><div class="text-inner"><p style="text-align:left"><span style="font-size:29px;color:#163D35;font-weight:650">经验难复用</span></p></div></div>
+<div class="element text" data-role="body" style="left:952px;top:417px;width:264px;height:150px"><div class="text-inner"><p style="text-align:left"><span style="font-size:23px;color:#60756D;font-weight:400">优秀教案和课堂反思</span></p><p style="text-align:left"><span style="font-size:23px;color:#60756D;font-weight:400">还停留在个人手里</span></p></div></div>
+<div class="element text" data-role="body" style="left:64px;top:591px;width:1152px;height:48px"><div class="text-inner"><p style="text-align:left"><span style="font-size:23px;color:#276450;font-weight:650">今天从“保存资料”继续走到“围绕资料解决问题”</span></p></div></div></div>
+
+<div class="page-footer"><span>知识库与腾讯 ima 教育应用</span><span>02 / 30</span></div>
+</section>
+<section id="slide-3" data-page="training-goal" aria-label="第3页：今天建立一个能回答问题的资料库" aria-hidden="true" class="slide" data-title="今天建立一个能回答问题的资料库" data-chapter="今天的成果" data-note="先展示目标成果：有资料、有问题、有依据、有教师修改。建议用随附演示材料，全程明确为模拟教学资料。">
+<div class="page-kicker">今天的成果</div>
+<h2 class="page-title">今天建立一个能回答问题的资料库</h2>
+<div class="artboard"><div class="element decoration" aria-hidden="true" style="left:64px;top:255px;width:62px;height:62px;background:#BDE6D1;border:0px solid transparent;border-radius:50%"></div>
+<div class="element text" data-role="number" style="left:64px;top:255px;width:62px;height:62px"><div class="text-inner"><p style="text-align:center"><span style="font-size:27px;color:#163D35;font-weight:650">1</span></p></div></div>
+<div class="element text" data-role="body" style="left:64px;top:345px;width:265.5px;height:70px"><div class="text-inner"><p style="text-align:left"><span style="font-size:28px;color:#163D35;font-weight:650">几份资料</span></p></div></div>
+<div class="element text" data-role="body" style="left:64px;top:430px;width:265.5px;height:120px"><div class="text-inner"><p style="text-align:left"><span style="font-size:22px;color:#60756D;font-weight:400">围绕同一主题</span></p><p style="text-align:left"><span style="font-size:22px;color:#60756D;font-weight:400">小范围开始</span></p></div></div>
+<svg class="element decoration" style="left:140px;top:286px;width:203.5px;height:1px;overflow:visible" aria-hidden="true"><line x1="0" y1="0" x2="203.50005249343832" y2="0.0" stroke="#D9E3DD" stroke-width="3.0"/></svg>
+<div class="element decoration" aria-hidden="true" style="left:359.5px;top:255px;width:62px;height:62px;background:#BDE6D1;border:0px solid transparent;border-radius:50%"></div>
+<div class="element text" data-role="number" style="left:359.5px;top:255px;width:62px;height:62px"><div class="text-inner"><p style="text-align:center"><span style="font-size:27px;color:#163D35;font-weight:650">2</span></p></div></div>
+<div class="element text" data-role="body" style="left:359.5px;top:345px;width:265.5px;height:70px"><div class="text-inner"><p style="text-align:left"><span style="font-size:28px;color:#163D35;font-weight:650">一个问题</span></p></div></div>
+<div class="element text" data-role="body" style="left:359.5px;top:430px;width:265.5px;height:120px"><div class="text-inner"><p style="text-align:left"><span style="font-size:22px;color:#60756D;font-weight:400">来自真实备课</span></p><p style="text-align:left"><span style="font-size:22px;color:#60756D;font-weight:400">或日常工作</span></p></div></div>
+<svg class="element decoration" style="left:435.5px;top:286px;width:203.5px;height:1px;overflow:visible" aria-hidden="true"><line x1="0" y1="0" x2="203.50005249343832" y2="0.0" stroke="#D9E3DD" stroke-width="3.0"/></svg>
+<div class="element decoration" aria-hidden="true" style="left:655px;top:255px;width:62px;height:62px;background:#BDE6D1;border:0px solid transparent;border-radius:50%"></div>
+<div class="element text" data-role="number" style="left:655px;top:255px;width:62px;height:62px"><div class="text-inner"><p style="text-align:center"><span style="font-size:27px;color:#163D35;font-weight:650">3</span></p></div></div>
+<div class="element text" data-role="body" style="left:655px;top:345px;width:265.5px;height:70px"><div class="text-inner"><p style="text-align:left"><span style="font-size:28px;color:#163D35;font-weight:650">核对依据</span></p></div></div>
+<div class="element text" data-role="body" style="left:655px;top:430px;width:265.5px;height:120px"><div class="text-inner"><p style="text-align:left"><span style="font-size:22px;color:#60756D;font-weight:400">返回原文</span></p><p style="text-align:left"><span style="font-size:22px;color:#60756D;font-weight:400">检查上下文</span></p></div></div>
+<svg class="element decoration" style="left:731px;top:286px;width:203.5px;height:1px;overflow:visible" aria-hidden="true"><line x1="0" y1="0" x2="203.50005249343832" y2="0.0" stroke="#D9E3DD" stroke-width="3.0"/></svg>
+<div class="element decoration" aria-hidden="true" style="left:950.5px;top:255px;width:62px;height:62px;background:#276450;border:0px solid transparent;border-radius:50%"></div>
+<div class="element text" data-role="number" style="left:950.5px;top:255px;width:62px;height:62px"><div class="text-inner"><p style="text-align:center"><span style="font-size:27px;color:#FFFFFF;font-weight:650">4</span></p></div></div>
+<div class="element text" data-role="body" style="left:950.5px;top:345px;width:265.5px;height:70px"><div class="text-inner"><p style="text-align:left"><span style="font-size:28px;color:#163D35;font-weight:650">一份成果</span></p></div></div>
+<div class="element text" data-role="body" style="left:950.5px;top:430px;width:265.5px;height:120px"><div class="text-inner"><p style="text-align:left"><span style="font-size:22px;color:#60756D;font-weight:400">教师修改后</span></p><p style="text-align:left"><span style="font-size:22px;color:#60756D;font-weight:400">保存并复用</span></p></div></div>
+<div class="element text" data-role="body" style="left:64px;top:591px;width:1152px;height:48px"><div class="text-inner"><p style="text-align:left"><span style="font-size:23px;color:#276450;font-weight:650">你将带走一个小库、一份成果和一次查证记录</span></p></div></div></div>
+
+<div class="page-footer"><span>知识库与腾讯 ima 教育应用</span><span>03 / 30</span></div>
+</section>
+<section id="slide-4" data-page="knowledge-base" aria-label="第4页：知识库，把资料组织成可用的资源" aria-hidden="true" class="slide" data-title="知识库，把资料组织成可用的资源" data-chapter="知识库基础" data-note="此处知识库是知识管理意义上的集合。带AI问答的知识库增加了内容检索、归纳和问答能力。用“某单元备课库”解释主题、资料、维护与复用。">
+<div class="page-kicker">知识库基础</div>
+<h2 class="page-title">知识库，把资料组织成可用的资源</h2>
+<div class="artboard"><div class="element text" data-role="body" style="left:64px;top:230px;width:650px;height:160px"><div class="text-inner"><p style="text-align:left"><span style="font-size:48px;color:#163D35;font-weight:650">围绕一个主题</span></p><p style="text-align:left"><span style="font-size:48px;color:#163D35;font-weight:650">持续积累与使用知识</span></p></div></div>
+<div class="element text" data-role="body" style="left:64px;top:437px;width:620px;height:112px"><div class="text-inner"><p style="text-align:left"><span style="font-size:27px;color:#60756D;font-weight:400">资料、笔记、案例与经验</span></p><p style="text-align:left"><span style="font-size:27px;color:#60756D;font-weight:400">经过组织，可以查找，也可以反复使用。</span></p></div></div>
+<div class="element decoration" aria-hidden="true" style="left:830px;top:232px;width:355px;height:90px;background:#276450;border:0px solid transparent;border-radius:10px"></div>
+<div class="element text" data-role="body" style="left:856px;top:244px;width:305px;height:66px"><div class="text-inner"><p style="text-align:left"><span style="font-size:29px;color:#FFFFFF;font-weight:650">单元备课库</span></p></div></div>
+<div class="element decoration" aria-hidden="true" style="left:830px;top:347px;width:355px;height:90px;background:#EAF3EE;border:0px solid transparent;border-radius:10px"></div>
+<div class="element text" data-role="body" style="left:856px;top:359px;width:305px;height:66px"><div class="text-inner"><p style="text-align:left"><span style="font-size:29px;color:#163D35;font-weight:650">教研资料库</span></p></div></div>
+<div class="element decoration" aria-hidden="true" style="left:830px;top:462px;width:355px;height:90px;background:#EAF3EE;border:0px solid transparent;border-radius:10px"></div>
+<div class="element text" data-role="body" style="left:856px;top:474px;width:305px;height:66px"><div class="text-inner"><p style="text-align:left"><span style="font-size:29px;color:#163D35;font-weight:650">学校制度库</span></p></div></div></div>
+
+<div class="page-footer"><span>知识库与腾讯 ima 教育应用</span><span>04 / 30</span></div>
+</section>
+<section id="slide-5" data-page="tool-comparison" aria-label="第5页：资料管理工具，各有适合的问题" aria-hidden="true" class="slide" data-title="资料管理工具，各有适合的问题" data-chapter="知识库基础" data-note="这三类工具的能力可能重叠。表格比较常见使用方式，不声称文件夹、网盘或笔记没有搜索或AI功能。">
+<div class="page-kicker">知识库基础</div>
+<h2 class="page-title">资料管理工具，各有适合的问题</h2>
+<div class="artboard"><div class="element table-wrap" style="left:64px;top:226px;width:1152px;height:330px"><table><colgroup><col style="width:245px"><col style="width:420px"><col style="width:487px"></colgroup><tr><th style="background:#276450"><p style="text-align:left"><span style="font-size:22px;color:#FFFFFF;font-weight:650">常见方式</span></p></th><th style="background:#276450"><p style="text-align:left"><span style="font-size:22px;color:#FFFFFF;font-weight:650">你通常怎么用</span></p></th><th style="background:#276450"><p style="text-align:left"><span style="font-size:22px;color:#FFFFFF;font-weight:650">主要帮助</span></p></th></tr><tr><td style="background:#FFFFFF"><p style="text-align:left"><span style="font-size:22px;color:#163D35;font-weight:400">文件夹与网盘</span></p></td><td style="background:#FFFFFF"><p style="text-align:left"><span style="font-size:22px;color:#163D35;font-weight:400">目录、文件名、关键词</span></p></td><td style="background:#FFFFFF"><p style="text-align:left"><span style="font-size:22px;color:#163D35;font-weight:400">找到文件，保存和分发</span></p></td></tr><tr><td style="background:#EAF3EE"><p style="text-align:left"><span style="font-size:22px;color:#163D35;font-weight:400">笔记工具</span></p></td><td style="background:#EAF3EE"><p style="text-align:left"><span style="font-size:22px;color:#163D35;font-weight:400">记录、分类、关联</span></p></td><td style="background:#EAF3EE"><p style="text-align:left"><span style="font-size:22px;color:#163D35;font-weight:400">保留理解与思考</span></p></td></tr><tr><td style="background:#FFFFFF"><p style="text-align:left"><span style="font-size:22px;color:#163D35;font-weight:400">带 AI 问答的知识库</span></p></td><td style="background:#FFFFFF"><p style="text-align:left"><span style="font-size:22px;color:#163D35;font-weight:400">围绕内容提问、比较、归纳</span></p></td><td style="background:#FFFFFF"><p style="text-align:left"><span style="font-size:22px;color:#163D35;font-weight:400">用资料回答问题、形成初稿</span></p></td></tr></table></div>
+<div class="element text" data-role="body" style="left:64px;top:591px;width:1152px;height:48px"><div class="text-inner"><p style="text-align:left"><span style="font-size:23px;color:#276450;font-weight:650">整理资料、标注来源和及时更新，依然重要</span></p></div></div></div>
+
+<div class="page-footer"><span>知识库与腾讯 ima 教育应用</span><span>05 / 30</span></div>
+</section>
+<section id="slide-6" data-page="how-it-works" aria-label="第6页：AI 如何使用你放进去的资料" aria-hidden="true" class="slide" data-title="AI 如何使用你放进去的资料" data-chapter="知识库基础" data-note="这是常见检索增强问答的简化解释，并非ima内部技术架构说明。入库通常不是重新训练专属模型。检索可能遗漏，回答仍需要查证。">
+<div class="page-kicker">知识库基础</div>
+<h2 class="page-title">AI 如何使用你放进去的资料</h2>
+<div class="artboard"><div class="element decoration" aria-hidden="true" style="left:64px;top:255px;width:62px;height:62px;background:#BDE6D1;border:0px solid transparent;border-radius:50%"></div>
+<div class="element text" data-role="number" style="left:64px;top:255px;width:62px;height:62px"><div class="text-inner"><p style="text-align:center"><span style="font-size:27px;color:#163D35;font-weight:650">1</span></p></div></div>
+<div class="element text" data-role="body" style="left:64px;top:345px;width:265.5px;height:70px"><div class="text-inner"><p style="text-align:left"><span style="font-size:28px;color:#163D35;font-weight:650">解析资料</span></p></div></div>
+<div class="element text" data-role="body" style="left:64px;top:430px;width:265.5px;height:120px"><div class="text-inner"><p style="text-align:left"><span style="font-size:22px;color:#60756D;font-weight:400">读取内容</span></p><p style="text-align:left"><span style="font-size:22px;color:#60756D;font-weight:400">建立可检索的索引</span></p></div></div>
+<svg class="element decoration" style="left:140px;top:286px;width:203.5px;height:1px;overflow:visible" aria-hidden="true"><line x1="0" y1="0" x2="203.50005249343832" y2="0.0" stroke="#D9E3DD" stroke-width="3.0"/></svg>
+<div class="element decoration" aria-hidden="true" style="left:359.5px;top:255px;width:62px;height:62px;background:#BDE6D1;border:0px solid transparent;border-radius:50%"></div>
+<div class="element text" data-role="number" style="left:359.5px;top:255px;width:62px;height:62px"><div class="text-inner"><p style="text-align:center"><span style="font-size:27px;color:#163D35;font-weight:650">2</span></p></div></div>
+<div class="element text" data-role="body" style="left:359.5px;top:345px;width:265.5px;height:70px"><div class="text-inner"><p style="text-align:left"><span style="font-size:28px;color:#163D35;font-weight:650">查找片段</span></p></div></div>
+<div class="element text" data-role="body" style="left:359.5px;top:430px;width:265.5px;height:120px"><div class="text-inner"><p style="text-align:left"><span style="font-size:22px;color:#60756D;font-weight:400">根据问题</span></p><p style="text-align:left"><span style="font-size:22px;color:#60756D;font-weight:400">寻找相关材料</span></p></div></div>
+<svg class="element decoration" style="left:435.5px;top:286px;width:203.5px;height:1px;overflow:visible" aria-hidden="true"><line x1="0" y1="0" x2="203.50005249343832" y2="0.0" stroke="#D9E3DD" stroke-width="3.0"/></svg>
+<div class="element decoration" aria-hidden="true" style="left:655px;top:255px;width:62px;height:62px;background:#BDE6D1;border:0px solid transparent;border-radius:50%"></div>
+<div class="element text" data-role="number" style="left:655px;top:255px;width:62px;height:62px"><div class="text-inner"><p style="text-align:center"><span style="font-size:27px;color:#163D35;font-weight:650">3</span></p></div></div>
+<div class="element text" data-role="body" style="left:655px;top:345px;width:265.5px;height:70px"><div class="text-inner"><p style="text-align:left"><span style="font-size:28px;color:#163D35;font-weight:650">组织回答</span></p></div></div>
+<div class="element text" data-role="body" style="left:655px;top:430px;width:265.5px;height:120px"><div class="text-inner"><p style="text-align:left"><span style="font-size:22px;color:#60756D;font-weight:400">结合找到的内容</span></p><p style="text-align:left"><span style="font-size:22px;color:#60756D;font-weight:400">归纳与表达</span></p></div></div>
+<svg class="element decoration" style="left:731px;top:286px;width:203.5px;height:1px;overflow:visible" aria-hidden="true"><line x1="0" y1="0" x2="203.50005249343832" y2="0.0" stroke="#D9E3DD" stroke-width="3.0"/></svg>
+<div class="element decoration" aria-hidden="true" style="left:950.5px;top:255px;width:62px;height:62px;background:#276450;border:0px solid transparent;border-radius:50%"></div>
+<div class="element text" data-role="number" style="left:950.5px;top:255px;width:62px;height:62px"><div class="text-inner"><p style="text-align:center"><span style="font-size:27px;color:#FFFFFF;font-weight:650">4</span></p></div></div>
+<div class="element text" data-role="body" style="left:950.5px;top:345px;width:265.5px;height:70px"><div class="text-inner"><p style="text-align:left"><span style="font-size:28px;color:#163D35;font-weight:650">回到原文</span></p></div></div>
+<div class="element text" data-role="body" style="left:950.5px;top:430px;width:265.5px;height:120px"><div class="text-inner"><p style="text-align:left"><span style="font-size:22px;color:#60756D;font-weight:400">核对事实</span></p><p style="text-align:left"><span style="font-size:22px;color:#60756D;font-weight:400">检查上下文</span></p></div></div>
+<div class="element text" data-role="body" style="left:64px;top:591px;width:1152px;height:48px"><div class="text-inner"><p style="text-align:left"><span style="font-size:23px;color:#276450;font-weight:650">入库后仍需要核对答案与来源</span></p></div></div></div>
+
+<div class="page-footer"><span>知识库与腾讯 ima 教育应用</span><span>06 / 30</span></div>
+</section>
+<section id="slide-7" data-page="teacher-workflow" aria-label="第7页：知识库进入教师工作的五个环节" aria-hidden="true" class="slide" data-title="知识库进入教师工作的五个环节" data-chapter="知识库基础" data-note="讲解价值时结合具体工作：定位课标相关段落、比较两份教案、起草课堂活动、记录实践反思、教研组共用。不要使用未经测量的效率数字。">
+<div class="page-kicker">知识库基础</div>
+<h2 class="page-title">知识库进入教师工作的五个环节</h2>
+<div class="artboard"><div class="element decoration" aria-hidden="true" style="left:94px;top:245px;width:140px;height:140px;background:#BDE6D1;border:0px solid transparent;border-radius:50%"></div>
+<div class="element text" data-role="body" style="left:94px;top:245px;width:140px;height:140px"><div class="text-inner"><p style="text-align:center"><span style="font-size:58px;color:#276450;font-weight:650">找</span></p></div></div>
+<div class="element text" data-role="body" style="left:64px;top:433px;width:210px;height:90px"><div class="text-inner"><p style="text-align:center"><span style="font-size:26px;color:#163D35;font-weight:650">定位相关资料</span></p></div></div>
+<div class="element decoration" aria-hidden="true" style="left:329px;top:245px;width:140px;height:140px;background:#EAF3EE;border:0px solid transparent;border-radius:50%"></div>
+<div class="element text" data-role="body" style="left:329px;top:245px;width:140px;height:140px"><div class="text-inner"><p style="text-align:center"><span style="font-size:58px;color:#276450;font-weight:650">读</span></p></div></div>
+<div class="element text" data-role="body" style="left:299px;top:433px;width:210px;height:90px"><div class="text-inner"><p style="text-align:center"><span style="font-size:26px;color:#163D35;font-weight:650">比较与提取重点</span></p></div></div>
+<div class="element decoration" aria-hidden="true" style="left:564px;top:245px;width:140px;height:140px;background:#BDE6D1;border:0px solid transparent;border-radius:50%"></div>
+<div class="element text" data-role="body" style="left:564px;top:245px;width:140px;height:140px"><div class="text-inner"><p style="text-align:center"><span style="font-size:58px;color:#276450;font-weight:650">用</span></p></div></div>
+<div class="element text" data-role="body" style="left:534px;top:433px;width:210px;height:90px"><div class="text-inner"><p style="text-align:center"><span style="font-size:26px;color:#163D35;font-weight:650">形成教学初稿</span></p></div></div>
+<div class="element decoration" aria-hidden="true" style="left:799px;top:245px;width:140px;height:140px;background:#EAF3EE;border:0px solid transparent;border-radius:50%"></div>
+<div class="element text" data-role="body" style="left:799px;top:245px;width:140px;height:140px"><div class="text-inner"><p style="text-align:center"><span style="font-size:58px;color:#276450;font-weight:650">留</span></p></div></div>
+<div class="element text" data-role="body" style="left:769px;top:433px;width:210px;height:90px"><div class="text-inner"><p style="text-align:center"><span style="font-size:26px;color:#163D35;font-weight:650">补充实践反思</span></p></div></div>
+<div class="element decoration" aria-hidden="true" style="left:1034px;top:245px;width:140px;height:140px;background:#BDE6D1;border:0px solid transparent;border-radius:50%"></div>
+<div class="element text" data-role="body" style="left:1034px;top:245px;width:140px;height:140px"><div class="text-inner"><p style="text-align:center"><span style="font-size:58px;color:#276450;font-weight:650">享</span></p></div></div>
+<div class="element text" data-role="body" style="left:1004px;top:433px;width:210px;height:90px"><div class="text-inner"><p style="text-align:center"><span style="font-size:26px;color:#163D35;font-weight:650">共用教研积累</span></p></div></div></div>
+
+<div class="page-footer"><span>知识库与腾讯 ima 教育应用</span><span>07 / 30</span></div>
+</section>
+<section id="slide-8" data-page="choose-topic" aria-label="第8页：第一个知识库，从一个具体主题开始" aria-hidden="true" class="slide" data-title="第一个知识库，从一个具体主题开始" data-chapter="知识库基础" data-note="范围越大不代表越好用。举例：八年级物理光学备课、教研组同课异构、学校培训办理。学生使用应由学校与教师按实际要求安排。">
+<div class="page-kicker">知识库基础</div>
+<h2 class="page-title">第一个知识库，从一个具体主题开始</h2>
+<div class="artboard"><div class="element table-wrap" style="left:64px;top:226px;width:1152px;height:350px"><table><colgroup><col style="width:200px"><col style="width:360px"><col style="width:592px"></colgroup><tr><th style="background:#276450"><p style="text-align:left"><span style="font-size:22px;color:#FFFFFF;font-weight:650">使用者</span></p></th><th style="background:#276450"><p style="text-align:left"><span style="font-size:22px;color:#FFFFFF;font-weight:650">适合的主题</span></p></th><th style="background:#276450"><p style="text-align:left"><span style="font-size:22px;color:#FFFFFF;font-weight:650">先放哪些材料</span></p></th></tr><tr><td style="background:#FFFFFF"><p style="text-align:left"><span style="font-size:22px;color:#163D35;font-weight:400">教师个人</span></p></td><td style="background:#FFFFFF"><p style="text-align:left"><span style="font-size:22px;color:#163D35;font-weight:400">一个单元的备课</span></p></td><td style="background:#FFFFFF"><p style="text-align:left"><span style="font-size:22px;color:#163D35;font-weight:400">教学参考、已有教案、课后反思</span></p></td></tr><tr><td style="background:#EAF3EE"><p style="text-align:left"><span style="font-size:22px;color:#163D35;font-weight:400">教研组</span></p></td><td style="background:#EAF3EE"><p style="text-align:left"><span style="font-size:22px;color:#163D35;font-weight:400">一次同课异构教研</span></p></td><td style="background:#EAF3EE"><p style="text-align:left"><span style="font-size:22px;color:#163D35;font-weight:400">多份课例、听评课记录</span></p></td></tr><tr><td style="background:#FFFFFF"><p style="text-align:left"><span style="font-size:22px;color:#163D35;font-weight:400">学校管理</span></p></td><td style="background:#FFFFFF"><p style="text-align:left"><span style="font-size:22px;color:#163D35;font-weight:400">一项校务办理</span></p></td><td style="background:#FFFFFF"><p style="text-align:left"><span style="font-size:22px;color:#163D35;font-weight:400">现行制度、流程、常见问题</span></p></td></tr><tr><td style="background:#EAF3EE"><p style="text-align:left"><span style="font-size:22px;color:#163D35;font-weight:400">学生学习支持</span></p></td><td style="background:#EAF3EE"><p style="text-align:left"><span style="font-size:22px;color:#163D35;font-weight:400">教师筛选的学习专题</span></p></td><td style="background:#EAF3EE"><p style="text-align:left"><span style="font-size:22px;color:#163D35;font-weight:400">讲义、例题、学习提示</span></p></td></tr></table></div>
+<div class="element text" data-role="body" style="left:64px;top:591px;width:1152px;height:48px"><div class="text-inner"><p style="text-align:left"><span style="font-size:23px;color:#276450;font-weight:650">起步建议：一个主题，3—5 份资料，一个真实问题</span></p></div></div></div>
+
+<div class="page-footer"><span>知识库与腾讯 ima 教育应用</span><span>08 / 30</span></div>
+</section>
+<section id="slide-9" data-page="material-quality" aria-label="第9页：回答质量，取决于资料质量" aria-hidden="true" class="slide" data-title="回答质量，取决于资料质量" data-chapter="知识库基础" data-note="请现场比较：清晰命名的文本PDF与缺页扫描件。识别不完整时先修复资料，不要仅靠追问。旧版、新版和矛盾资料需要清晰标注。">
+<div class="page-kicker">知识库基础</div>
+<h2 class="page-title">回答质量，取决于资料质量</h2>
+<div class="artboard"><div class="element text" data-role="number" style="left:64px;top:213px;width:60px;height:50px"><div class="text-inner"><p style="text-align:left"><span style="font-size:30px;color:#276450;font-weight:650">01</span></p></div></div>
+<div class="element text" data-role="body" style="left:149px;top:213px;width:1067px;height:44px"><div class="text-inner"><p style="text-align:left"><span style="font-size:28px;color:#163D35;font-weight:650">来源可靠</span></p></div></div>
+<div class="element text" data-role="body" style="left:149px;top:256px;width:1067px;height:42px"><div class="text-inner"><p style="text-align:left"><span style="font-size:21px;color:#60756D;font-weight:400">保留出处、发布日期和适用范围</span></p></div></div>
+<svg class="element decoration" style="left:149px;top:301px;width:1067px;height:1px;overflow:visible" aria-hidden="true"><line x1="0" y1="0" x2="1067.0" y2="0.0" stroke="#D9E3DD" stroke-width="2.0"/></svg>
+<div class="element text" data-role="number" style="left:64px;top:308px;width:60px;height:50px"><div class="text-inner"><p style="text-align:left"><span style="font-size:30px;color:#276450;font-weight:650">02</span></p></div></div>
+<div class="element text" data-role="body" style="left:149px;top:308px;width:1067px;height:44px"><div class="text-inner"><p style="text-align:left"><span style="font-size:28px;color:#163D35;font-weight:650">版本匹配</span></p></div></div>
+<div class="element text" data-role="body" style="left:149px;top:351px;width:1067px;height:42px"><div class="text-inner"><p style="text-align:left"><span style="font-size:21px;color:#60756D;font-weight:400">检查学科、年级、教材版本与资料时效</span></p></div></div>
+<svg class="element decoration" style="left:149px;top:396px;width:1067px;height:1px;overflow:visible" aria-hidden="true"><line x1="0" y1="0" x2="1067.0" y2="0.0" stroke="#D9E3DD" stroke-width="2.0"/></svg>
+<div class="element text" data-role="number" style="left:64px;top:403px;width:60px;height:50px"><div class="text-inner"><p style="text-align:left"><span style="font-size:30px;color:#276450;font-weight:650">03</span></p></div></div>
+<div class="element text" data-role="body" style="left:149px;top:403px;width:1067px;height:44px"><div class="text-inner"><p style="text-align:left"><span style="font-size:28px;color:#163D35;font-weight:650">内容可读</span></p></div></div>
+<div class="element text" data-role="body" style="left:149px;top:446px;width:1067px;height:42px"><div class="text-inner"><p style="text-align:left"><span style="font-size:21px;color:#60756D;font-weight:400">确认没有缺页，扫描件能够正常识别</span></p></div></div>
+<svg class="element decoration" style="left:149px;top:491px;width:1067px;height:1px;overflow:visible" aria-hidden="true"><line x1="0" y1="0" x2="1067.0" y2="0.0" stroke="#D9E3DD" stroke-width="2.0"/></svg>
+<div class="element text" data-role="number" style="left:64px;top:498px;width:60px;height:50px"><div class="text-inner"><p style="text-align:left"><span style="font-size:30px;color:#276450;font-weight:650">04</span></p></div></div>
+<div class="element text" data-role="body" style="left:149px;top:498px;width:1067px;height:44px"><div class="text-inner"><p style="text-align:left"><span style="font-size:28px;color:#163D35;font-weight:650">持续维护</span></p></div></div>
+<div class="element text" data-role="body" style="left:149px;top:541px;width:1067px;height:42px"><div class="text-inner"><p style="text-align:left"><span style="font-size:21px;color:#60756D;font-weight:400">处理重复、过期和相互冲突的内容</span></p></div></div></div>
+
+<div class="page-footer"><span>知识库与腾讯 ima 教育应用</span><span>09 / 30</span></div>
+</section>
+<section id="slide-10" data-page="ima-intro" aria-label="第10页：腾讯 ima，围绕知识库开展搜读写" aria-hidden="true" class="slide dark" data-title="腾讯 ima，围绕知识库开展搜读写" data-chapter="认识腾讯 ima" data-note="来源：https://ima.tencent.com/download；https://ima.qq.com/。核对日期：2026-11-03。此课聚焦知识库基础能力，不讨论动态额度、价格和模型排名。产品功能与入口以授课账号实际版本为准。">
+<div class="page-kicker">认识腾讯 ima</div>
+<h2 class="page-title">腾讯 ima，围绕知识库开展搜读写</h2>
+<div class="artboard"><div class="element text" data-role="body" style="left:64px;top:211px;width:480px;height:180px"><div class="text-inner"><p style="text-align:left"><span style="font-size:135px;color:#BDE6D1;font-weight:650">ima</span></p></div></div>
+<div class="element text" data-role="body" style="left:650px;top:238px;width:550px;height:140px"><div class="text-inner"><p style="text-align:left"><span style="font-size:42px;color:#FFFFFF;font-weight:650">资料收集、阅读理解</span></p><p style="text-align:left"><span style="font-size:42px;color:#FFFFFF;font-weight:650">与内容创作相连接</span></p></div></div>
+<div class="element text" data-role="body" style="left:650px;top:443px;width:560px;height:112px"><div class="text-inner"><p style="text-align:left"><span style="font-size:25px;color:#C0D5CA;font-weight:400">本次聚焦</span></p><p style="text-align:left"><span style="font-size:25px;color:#C0D5CA;font-weight:400">资料入库  /  基于资料问答  /  笔记与共享</span></p></div></div>
+<div class="element text" data-role="body" style="left:64px;top:596px;width:1152px;height:48px"><div class="text-inner"><p style="text-align:left"><span style="font-size:23px;color:#BDE6D1;font-weight:650">用一个教学专题库，贯穿接下来的操作</span></p></div></div></div>
+
+<div class="page-footer"><span>知识库与腾讯 ima 教育应用</span><span>10 / 30</span></div>
+</section>
+<section id="slide-11" data-page="ima-capabilities" aria-label="第11页：一次备课，可以连起五种操作" aria-hidden="true" class="slide" data-title="一次备课，可以连起五种操作" data-chapter="认识腾讯 ima" data-note="能力来源：https://ima.tencent.com/download 与官方应用说明 https://apps.apple.com/cn/app/id6737188438。具体格式及端侧入口因版本而异，不在本页承诺。">
+<div class="page-kicker">认识腾讯 ima</div>
+<h2 class="page-title">一次备课，可以连起五种操作</h2>
+<div class="artboard"><div class="element text" data-role="number" style="left:64px;top:213px;width:60px;height:50px"><div class="text-inner"><p style="text-align:left"><span style="font-size:30px;color:#276450;font-weight:650">01</span></p></div></div>
+<div class="element text" data-role="body" style="left:149px;top:213px;width:1067px;height:44px"><div class="text-inner"><p style="text-align:left"><span style="font-size:28px;color:#163D35;font-weight:650">收资料、读资料</span></p></div></div>
+<div class="element text" data-role="body" style="left:149px;top:256px;width:1067px;height:42px"><div class="text-inner"><p style="text-align:left"><span style="font-size:21px;color:#60756D;font-weight:400">把相关文件、文章集中起来，辅助提取重点</span></p></div></div>
+<svg class="element decoration" style="left:149px;top:301px;width:1067px;height:1px;overflow:visible" aria-hidden="true"><line x1="0" y1="0" x2="1067.0" y2="0.0" stroke="#D9E3DD" stroke-width="2.0"/></svg>
+<div class="element text" data-role="number" style="left:64px;top:308px;width:60px;height:50px"><div class="text-inner"><p style="text-align:left"><span style="font-size:30px;color:#276450;font-weight:650">02</span></p></div></div>
+<div class="element text" data-role="body" style="left:149px;top:308px;width:1067px;height:44px"><div class="text-inner"><p style="text-align:left"><span style="font-size:28px;color:#163D35;font-weight:650">问资料</span></p></div></div>
+<div class="element text" data-role="body" style="left:149px;top:351px;width:1067px;height:42px"><div class="text-inner"><p style="text-align:left"><span style="font-size:21px;color:#60756D;font-weight:400">针对指定资料范围，查询、比较和归纳</span></p></div></div>
+<svg class="element decoration" style="left:149px;top:396px;width:1067px;height:1px;overflow:visible" aria-hidden="true"><line x1="0" y1="0" x2="1067.0" y2="0.0" stroke="#D9E3DD" stroke-width="2.0"/></svg>
+<div class="element text" data-role="number" style="left:64px;top:403px;width:60px;height:50px"><div class="text-inner"><p style="text-align:left"><span style="font-size:30px;color:#276450;font-weight:650">03</span></p></div></div>
+<div class="element text" data-role="body" style="left:149px;top:403px;width:1067px;height:44px"><div class="text-inner"><p style="text-align:left"><span style="font-size:28px;color:#163D35;font-weight:650">写内容</span></p></div></div>
+<div class="element text" data-role="body" style="left:149px;top:446px;width:1067px;height:42px"><div class="text-inner"><p style="text-align:left"><span style="font-size:21px;color:#60756D;font-weight:400">整理教学初稿，并加入教师的判断与修改</span></p></div></div>
+<svg class="element decoration" style="left:149px;top:491px;width:1067px;height:1px;overflow:visible" aria-hidden="true"><line x1="0" y1="0" x2="1067.0" y2="0.0" stroke="#D9E3DD" stroke-width="2.0"/></svg>
+<div class="element text" data-role="number" style="left:64px;top:498px;width:60px;height:50px"><div class="text-inner"><p style="text-align:left"><span style="font-size:30px;color:#276450;font-weight:650">04</span></p></div></div>
+<div class="element text" data-role="body" style="left:149px;top:498px;width:1067px;height:44px"><div class="text-inner"><p style="text-align:left"><span style="font-size:28px;color:#163D35;font-weight:650">共用资料</span></p></div></div>
+<div class="element text" data-role="body" style="left:149px;top:541px;width:1067px;height:42px"><div class="text-inner"><p style="text-align:left"><span style="font-size:21px;color:#60756D;font-weight:400">围绕共同主题积累内容，管理成员与权限</span></p></div></div></div>
+
+<div class="page-footer"><span>知识库与腾讯 ima 教育应用</span><span>11 / 30</span></div>
+</section>
+<section id="slide-12" data-page="ima-interface" aria-label="第12页：先认识知识库入口与提问区域" aria-hidden="true" class="slide" data-title="先认识知识库入口与提问区域" data-chapter="ima 基础操作" data-note="截图来源：https://ima.qq.com/，2026-11-03，未登录Web首页。此截图仅说明可见入口。库内资料、来源、笔记及共享操作需要登录后演示，本次没有使用个人账号实测。">
+<div class="page-kicker">ima 基础操作</div>
+<h2 class="page-title">先认识知识库入口与提问区域</h2>
+<div class="artboard"><button class="element image-zoom" style="left:64px;top:204.125px;width:780px;height:438.75px" aria-label="放大腾讯 ima 官方首页截图"><img src="data:image/png;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDAAYEBQYFBAYGBQYHBwYIChAKCgkJChQODwwQFxQYGBcUFhYaHSUfGhsjHBYWICwgIyYnKSopGR8tMC0oMCUoKSj/2wBDAQcHBwoIChMKChMoGhYaKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCj/wAARCALQBQADASIAAhEBAxEB/8QAHQABAAIDAQEBAQAAAAAAAAAAAAECAwQFBgcICf/EAFcQAAIBAwICBQYJCQQHBwMDBQABAgMEEQUSBiETMUFRUgcUFSKT0TJTYXGBkaGi0hgzQ1VjgpLB0wgjQrEWJDdicnOyVHR1s8Lh8BclNCY2lDWEo7Tx/8QAGQEBAQEBAQEAAAAAAAAAAAAAAAECAwQF/8QAIxEBAQACAQUAAwADAAAAAAAAAAECERIDEyExUQQiQQUyUv/aAAwDAQACEQMRAD8A/SYAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAANoAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABqgGnrNe6tdHv7jTrbzq9o29SpQofG1FFuMPpaS+kDcB8Z/s4Q8od5ea5rXH1fUYWlzthb2l9F02pp5coUmlsjh45JZ+XB9vv4VrjTrqlZ1VQuqlKcaVZxz0c2moyx24eGE21gfEf7P9z5R7XX9f0PygW+p1rS3h0lK9vU5LpdyWynVfKcZJt8m0tvZk+x6pqNnpNhVvdTuaVraUsb61WSjGOWkst/K0vpCtsHgeM+La17wZfXXk6vbfVdWozppU7PbcSinNJ5gs45Z6+42uBNe1CnwHbanx9Vp6bfb5qvK7jG3UVvajyeEsrHzge0Bwq3F/DdGyoXlbXtKha121Sqyu4KM2uvDzzx29xt6lrulaZptPUNQ1G1t7Go0oXFSqlCTaysS6nlIDpA4ui8VaBrlxKho+s2F7Xitzp0K8ZSx34Tzg7QAAAAAAAAAAAAAAAAAAAAcriDX7DQKNtU1GVf8A1ir0FKFC3nWnOe2UsKME31Rk+rsOJS8omh1a1alSp6zOrRajVhHSLpum2k0pLo+TaafPsYHsAcrh/X7DX6NxU06Vf/V6vQ1oV7epQnCe1Sw4zSfVKL6u06oG0AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAVnLalhZk+SRYo/z8P8Ahf8AmgGKvigv3X7xip44fwv3lwBTFTxw/hfvGKnjh/C/ea2rajb6VYzu7zpeijKMcUaM605OTSSjCCcpPL7Ezz1p5QuHbu6o29K5ulWrVXRpwqWdanKc4yUZxUZRTzHKcuXqrm+pgeqxU8cP4X7xip44fwv3nP1TXLTTbehXqwvbilX5wlZWda6ysZy+ijLC58m+swaPxNp2r39SytVfUrqnS6Z07uxr2zcM43LpIRys8uQHXxU8cP4X7xip44fwv3lwBTdKDW/Di+WUsYLlK/5ip/wv/IuB8J8p/l5XD+tXGkcM2Vve3FtJ069zcNumprrjGMWm8Pk3lc129Z4X8o3i79XaD7Ct/VPjFWpOrVnUqScpzblKT6231sqB9p/KN4u/V2g+wrf1R+Ubxd+rtB9hW/qnhbbyc8TXFnbXUbWzp0rmlGvS6fUralKUJLMZbZ1FJJpp80Lnyc8TW9nc3UrWzqUralKvV6DUrarKMIrMpbYVHJpJN8kB7r8o3i79XaD7Ct/VH5RvF36u0H2Fb+qfFlz6j00OBeIK2oVbO0sXc16VGhXmqU1iMa1NVIdbXPDA+h/lG8Xfq7QfYVv6o/KN4u/V2g+wrf1T51V4I4ho6xT0u40/ze/qQlUjSr16dP1U8PnKSS+bJ05eSvjCFStTlplCNSgs1Yu/tk6aylmS6TlzaXPvA9l+Ubxd+rtB9hW/qj8o3i79XaD7Ct/VPlFpoOrXtW4p2Om3l3KhPo6vm1GVVQl3NxTXYze4k4O17hy5u6WqaZdQp2s9lS4VGbo55JYnjDWWkB9J/KN4u/V2g+wrf1R+Ubxd+rtB9hW/qngqfk84oraTQ1G00uV3RrQpzhTtakK1bbNNwbpQbmk1GT5rsZj1zgHibRLqlR1HR7ylCrKlCFw6M1RcqiTjHe0kn62GuxprsA+g/lG8Xfq7QfYVv6o/KN4u/V2g+wrf1TwUPJ7xHUqKFK0oyfRzqzcrmnCNOMK06L3SlJJevTkuvuOLrukVtGuqdvcXNjcVJU1NuzuqdxGHNra5QbW7l1ZA+r/lG8Xfq7QfYVv6o/KN4u/V2g+wrf1T4sXSXRSl2qSX+YH2b8o3i79XaD7Ct/VH5RvF36u0H2Fb+qfFgB+o/Jh5eVxBrVvpHE1lb2VxcyVOhc27apub6oyjJtrL5J5fN9nWfdj+dFKpOlVhUpycZwalGS6011M/ouAAAGqWp/DRUrUcowbisyXNIJbqbfCfLJxN5Ra/lS0rhngqld2VhFUqs7uFDNOo5P1pTm00oRXJr5+vKRk8tHHHFF3odHUPJncahGOl31ShqUadnJTbSW1qM4+tBetlrlzR9Uvb+tUk4qM19BitqlRPLUvqPlfkf5PHpZa08eP5Hcy/SeG/wJrd9xBwHo+p6vaOz1C5t4VK9Bxcdsu1pPmk+tJ9SZm1/RrDiDSa+mavbq5sa+3pKTlKO7bJSXOLT60n1meyqynBpppfKbJ7fxut3unzeyPgUND0/gv+0Zw5p/DdCVlZXunylXoqpOSk2q3ibeP7uDx3o3PLHbU+IPK7wVw9qTnU0mrB1alGMnFTbcs5x8kEu/m8dZ7Dyl+TufFeo6dq+k6tV0jXLCLhSuaab3Qbbw8NNYzLmu9pp9nJ07yaa1/pRwxres8Qx1C50mM41ZzpvdWTlNrDzywppfQehXz7g3yecOaj5YuLNCvLOpU0yyoylb0umknTbcOe5PLxueMt/Lk5/BvEukW3kTlZ8UadV1uC1eVGwsI1ZU25dHGXwo80k5y7+c1y7vtvDfA9fSPKVr/E872nVo6nT2RoKDUqfOD5vPP4J43T/Ibs4Ino11rG3UKd+761vaFJrom4Qi4uOefwc5TWHju5h8w3rTPKNwe7XhC44SuvPqe7fcVZ9PTlUjHqqLlhbk8de7mfrw+HXPkS1fW6/nPFHGt5eXNCG20nGm30Tynu9aX2LD6ufI9v5OeEdf4aub2pr3FV1rtOtCMaUK+/+7aby1uk+sD3QAAAAAAAAAAAAAAAAAA8fx7QV1q3CVvKdWnGrqNWDnSm4TjmzuFmMlzT7muoxcC26tOKeM7eNSrUjSurSCnWm5zlizorMpPm33t9Z6DiDQLDX6NvT1GNf/V6vTUZ0LipQnCe1xypQafVKS6+04lLyd6HSrVqtKprMKtZqVWcdXuk6jSSTk+k5tJJc+xAZeDf/wBw8af+KQ//ANS3PVnK4f0Cw0Cjc09OjX/1ir09Wde4nWnOe2McuU231RiuvsOqBtAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAFH+fh/wv8AzRco/wA/D/hf+aAuAAPJeVLS6+q8FalSoVXFUqNS4lSjSjOdZwg5RhFv4DclH1ksrsw+a+PT0Shd2Gh2O2+djd3VKjbRVG/pwpqs8TnTlVk6beyU5c01JJ5TR9/1nSbXWLaNveyulTjPevNrqrbyzhrnKnKLa59TePqPO0vJrwzSjaxpW+pQja5duo6tdpUcpp7P731eTa5d4HB8oFlc2VhodDVLy3r6XFKhUcbGlKSrJNQlCjnMtye3bDLXLCabx5fyTRuL7iW0udLqqzru1zqVKVlToRVLpHsjCOW5uTT9ZcortzyPrtbhjS6k6dXoqsbulbK0pXfTTlXp014akm5JvtlnL7Wytvwpo1G00ugrKMvRjUrWrKTdSm08/Dzu5vrWcPtyB3AABSv+Yqf8L/yLlK/5ip/wv/IuB/OYFqtOdKrOnUi4zg3GUX1prrRUD6rxnwTxLxBLQL/RdFvL6zloenwVahDdFyjbwUlnvTTQ4L4I4l0CWv3+taLe2VnHQ9Qg61aG2KlK3mks97bwfPeH9Yq6JeTuaNpp93KVN09l9aQuIJNp5UZppPl19eG+8cQaxV1u8hc1rTT7SUaap7LG0hbwaTby4wSTfPr68JdwFeHa0rfW7OrDU56VKFRNXsFJuj/vJQ9b6j6P5adVp33F2i20dR1S/q29vazlO6mui9ehRkpU4c3Fyxuk2+bfyZfy2zuJWl5QuIQpVJUZxqKFWCnCTTziUXyku9PkzuvjHUp8S1tcuKOm3N5UpxpbK9lSnShGMYxio02tsdqhFJpZ+tgej1+20++8s3EdjqWn31/K71etQoU7O5jRkpyrNZbdOeV8mEewvNW4WvuKfKbXhpeqVJeaXHnFWGowUK8Fd0Y/3a6H1Mva025csrtyvktpxXrFprmo6zQulHVL9VeluejjvTqPM5Q5epJ81mOGk2lg0Line truncated
+<div class="element text" data-role="number" style="left:914px;top:232px;width:60px;height:50px"><div class="text-inner"><p style="text-align:left"><span style="font-size:30px;color:#276450;font-weight:650">01</span></p></div></div>
+<div class="element text" data-role="body" style="left:999px;top:232px;width:215px;height:44px"><div class="text-inner"><p style="text-align:left"><span style="font-size:28px;color:#163D35;font-weight:650">知识库</span></p></div></div>
+<div class="element text" data-role="body" style="left:999px;top:275px;width:215px;height:42px"><div class="text-inner"><p style="text-align:left"><span style="font-size:21px;color:#60756D;font-weight:400">添加与管理资料</span></p></div></div>
+<svg class="element decoration" style="left:999px;top:320px;width:215px;height:1px;overflow:visible" aria-hidden="true"><line x1="0" y1="0" x2="215.0" y2="0.0" stroke="#D9E3DD" stroke-width="2.0"/></svg>
+<div class="element text" data-role="number" style="left:914px;top:354px;width:60px;height:50px"><div class="text-inner"><p style="text-align:left"><span style="font-size:30px;color:#276450;font-weight:650">02</span></p></div></div>
+<div class="element text" data-role="body" style="left:999px;top:354px;width:215px;height:44px"><div class="text-inner"><p style="text-align:left"><span style="font-size:28px;color:#163D35;font-weight:650">提问区域</span></p></div></div>
+<div class="element text" data-role="body" style="left:999px;top:397px;width:215px;height:42px"><div class="text-inner"><p style="text-align:left"><span style="font-size:21px;color:#60756D;font-weight:400">描述任务与要求</span></p></div></div>
+<svg class="element decoration" style="left:999px;top:442px;width:215px;height:1px;overflow:visible" aria-hidden="true"><line x1="0" y1="0" x2="215.0" y2="0.0" stroke="#D9E3DD" stroke-width="2.0"/></svg>
+<div class="element text" data-role="number" style="left:914px;top:476px;width:60px;height:50px"><div class="text-inner"><p style="text-align:left"><span style="font-size:30px;color:#276450;font-weight:650">03</span></p></div></div>
+<div class="element text" data-role="body" style="left:999px;top:476px;width:215px;height:44px"><div class="text-inner"><p style="text-align:left"><span style="font-size:28px;color:#163D35;font-weight:650">后续演示</span></p></div></div>
+<div class="element text" data-role="body" style="left:999px;top:519px;width:215px;height:70px"><div class="text-inner"><p style="text-align:left"><span style="font-size:21px;color:#60756D;font-weight:400">登录后查看来源</span></p><p style="text-align:left"><span style="font-size:21px;color:#60756D;font-weight:400">笔记与共享入口</span></p></div></div>
+<div class="element text" data-role="body" style="left:64px;top:643px;width:800px;height:22px"><div class="text-inner"><p style="text-align:left"><span style="font-size:14px;color:#60756D;font-weight:400">官方 Web 首页截图，未登录状态</span></p></div></div></div>
+
+<div class="page-footer"><span>知识库与腾讯 ima 教育应用</span><span>12 / 30</span></div>
+</section>
+<section id="slide-13" data-page="create-library" aria-label="第13页：建立“光与影”教学专题演示库" aria-hidden="true" class="slide" data-title="建立“光与影”教学专题演示库" data-chapter="ima 基础操作" data-note="这里将原大纲“七年级科学”改为不绑定教材版本的“光与影教学专题演示库”。随附3份模拟材料，不能替代真实教材和课程标准。操作：新建库、加入3份Markdown资料、打开检查解析、记下资料名。授课前使用实际账号验证。">
+<div class="page-kicker">ima 基础操作</div>
+<h2 class="page-title">建立“光与影”教学专题演示库</h2>
+<div class="artboard"><div class="element text" data-role="number" style="left:64px;top:235px;width:362.667px;height:80px"><div class="text-inner"><p style="text-align:left"><span style="font-size:58px;color:#276450;font-weight:400">01</span></p></div></div>
+<div class="element text" data-role="body" style="left:64px;top:341px;width:362.667px;height:58px"><div class="text-inner"><p style="text-align:left"><span style="font-size:29px;color:#163D35;font-weight:650">主题说明</span></p></div></div>
+<div class="element text" data-role="body" style="left:64px;top:417px;width:362.667px;height:150px"><div class="text-inner"><p style="text-align:left"><span style="font-size:23px;color:#60756D;font-weight:400">01_主题说明.md</span></p><p style="text-align:left"><span style="font-size:23px;color:#60756D;font-weight:400">概念、适用范围</span></p><p style="text-align:left"><span style="font-size:23px;color:#60756D;font-weight:400">与课堂目标</span></p></div></div>
+<div class="element text" data-role="number" style="left:458.667px;top:235px;width:362.667px;height:80px"><div class="text-inner"><p style="text-align:left"><span style="font-size:58px;color:#276450;font-weight:400">02</span></p></div></div>
+<div class="element text" data-role="body" style="left:458.667px;top:341px;width:362.667px;height:58px"><div class="text-inner"><p style="text-align:left"><span style="font-size:29px;color:#163D35;font-weight:650">活动建议</span></p></div></div>
+<div class="element text" data-role="body" style="left:458.667px;top:417px;width:362.667px;height:150px"><div class="text-inner"><p style="text-align:left"><span style="font-size:23px;color:#60756D;font-weight:400">02_活动建议.md</span></p><p style="text-align:left"><span style="font-size:23px;color:#60756D;font-weight:400">控制变量</span></p><p style="text-align:left"><span style="font-size:23px;color:#60756D;font-weight:400">与观察记录</span></p></div></div>
+<div class="element text" data-role="number" style="left:853.333px;top:235px;width:362.667px;height:80px"><div class="text-inner"><p style="text-align:left"><span style="font-size:58px;color:#276450;font-weight:400">03</span></p></div></div>
+<div class="element text" data-role="body" style="left:853.333px;top:341px;width:362.667px;height:58px"><div class="text-inner"><p style="text-align:left"><span style="font-size:29px;color:#163D35;font-weight:650">课堂反思</span></p></div></div>
+<div class="element text" data-role="body" style="left:853.333px;top:417px;width:362.667px;height:150px"><div class="text-inner"><p style="text-align:left"><span style="font-size:23px;color:#60756D;font-weight:400">03_课堂反思.md</span></p><p style="text-align:left"><span style="font-size:23px;color:#60756D;font-weight:400">常见问题</span></p><p style="text-align:left"><span style="font-size:23px;color:#60756D;font-weight:400">与改进线索</span></p></div></div>
+<div class="element text" data-role="body" style="left:64px;top:591px;width:1152px;height:48px"><div class="text-inner"><p style="text-align:left"><span style="font-size:23px;color:#276450;font-weight:650">导入后逐份打开，确认内容可读、名称清晰</span></p></div></div>
+<div class="element decoration" aria-hidden="true" style="left:64px;top:194px;width:180px;height:34px;background:#EAF3EE;border:0px solid transparent;border-radius:10px"></div>
+<div class="element text" data-role="body" style="left:76px;top:195px;width:156px;height:30px"><div class="text-inner"><p style="text-align:left"><span style="font-size:16px;color:#276450;font-weight:650">随附模拟材料</span></p></div></div></div>
+
+<div class="page-footer"><span>知识库与腾讯 ima 教育应用</span><span>13 / 30</span></div>
+</section>
+<section id="slide-14" data-page="ask-clearly" aria-label="第14页：具体的问题，让回答更接近任务" aria-hidden="true" class="slide" data-title="具体的问题，让回答更接近任务" data-chapter="ima 基础操作" data-note="演示先问“总结一下”，再用完整要求追问。不要伪造产品回答。本页是可复制的提问示例。">
+<div class="page-kicker">ima 基础操作</div>
+<h2 class="page-title">具体的问题，让回答更接近任务</h2>
+<div class="artboard"><div class="element text" data-role="body" style="left:64px;top:220px;width:160px;height:42px"><div class="text-inner"><p style="text-align:left"><span style="font-size:22px;color:#60756D;font-weight:400">起点</span></p></div></div>
+<div class="element text" data-role="body" style="left:64px;top:271px;width:1000px;height:65px"><div class="text-inner"><p style="text-align:left"><span style="font-size:37px;color:#60756D;font-weight:400">“帮我总结一下。”</span></p></div></div>
+<div class="element text" data-role="body" style="left:64px;top:366px;width:800px;height:40px"><div class="text-inner"><p style="text-align:left"><span style="font-size:22px;color:#276450;font-weight:650">补充任务与要求</span></p></div></div>
+<div class="element decoration" aria-hidden="true" style="left:64px;top:423px;width:1152px;height:185px;background:#EAF3EE;border:0px solid transparent;border-radius:10px"></div>
+<div class="element text prompt-copy" data-role="body" style="left:94px;top:446px;width:1092px;height:139px"><div class="text-inner"><p style="text-align:left"><span style="font-size:25px;color:#163D35;font-weight:400">请基于这 3 份资料，整理“光与影”专题的核心概念、</span></p><p style="text-align:left"><span style="font-size:25px;color:#163D35;font-weight:400">活动建议和常见问题，用表格呈现，并标明资料名称。</span></p><p style="text-align:left"><span style="font-size:25px;color:#163D35;font-weight:400">将资料依据与补充建议分开，缺少依据时明确说明。</span></p></div></div></div>
+<button class="slide-action" data-action="copy-prompt">复制提问模板</button>
+<div class="page-footer"><span>知识库与腾讯 ima 教育应用</span><span>14 / 30</span></div>
+</section>
+<section id="slide-15" data-page="verify-sources" aria-label="第15页：有引用，还需要回到原文核对" aria-hidden="true" class="slide" data-title="有引用，还需要回到原文核对" data-chapter="ima 基础操作" data-note="示例依据为随附模拟材料02，不是ima实测输出。展示答案中的一句话，然后打开原文，判断它是否受到支持。不要用“有来源”代替“来源支持”。">
+<div class="page-kicker">ima 基础操作</div>
+<h2 class="page-title">有引用，还需要回到原文核对</h2>
+<div class="artboard"><div class="element decoration" aria-hidden="true" style="left:64px;top:219px;width:150px;height:34px;background:#EAF3EE;border:0px solid transparent;border-radius:10px"></div>
+<div class="element text" data-role="body" style="left:76px;top:220px;width:126px;height:30px"><div class="text-inner"><p style="text-align:left"><span style="font-size:16px;color:#276450;font-weight:650">查证示例</span></p></div></div>
+<div class="element text" data-role="body" style="left:64px;top:291px;width:500px;height:42px"><div class="text-inner"><p style="text-align:left"><span style="font-size:23px;color:#60756D;font-weight:400">待核对的说法</span></p></div></div>
+<div class="element text" data-role="body" style="left:64px;top:355px;width:530px;height:125px"><div class="text-inner"><p style="text-align:left"><span style="font-size:38px;color:#163D35;font-weight:650">“光源越远，影子一定越大。”</span></p></div></div>
+<div class="element decoration" aria-hidden="true" style="left:670px;top:254px;width:546px;height:302px;background:#EAF3EE;border:0px solid transparent;border-radius:10px"></div>
+<div class="element text" data-role="body" style="left:700px;top:279px;width:486px;height:44px"><div class="text-inner"><p style="text-align:left"><span style="font-size:23px;color:#276450;font-weight:650">原文依据</span></p></div></div>
+<div class="element text" data-role="body" style="left:700px;top:351px;width:476px;height:150px"><div class="text-inner"><p style="text-align:left"><span style="font-size:28px;color:#163D35;font-weight:400">保持光源与屏幕固定，</span></p><p style="text-align:left"><span style="font-size:28px;color:#163D35;font-weight:400">改变物体在二者之间的位置。</span></p><p style="text-align:left"><span style="font-size:28px;color:#163D35;font-weight:400">其他条件应保持不变。</span></p></div></div>
+<div class="element text" data-role="body" style="left:64px;top:591px;width:1152px;height:48px"><div class="text-inner"><p style="text-align:left"><span style="font-size:23px;color:#276450;font-weight:650">原文没有支持这个结论，需要纠正并说明条件</span></p></div></div></div>
+
+<div class="page-footer"><span>知识库与腾讯 ima 教育应用</span><span>15 / 30</span></div>
+</section>
+<section id="slide-16" data-page="save-knowledge" aria-label="第16页：把回答继续加工成自己的教学积累" aria-hidden="true" class="slide" data-title="把回答继续加工成自己的教学积累" data-chapter="ima 基础操作" data-note="建议笔记包含来源、已核对结论、教师修改和课堂反馈。是否保存回库、具体入口请现场验证。强调教师的实践反馈会形成下一次更有价值的资料。">
+<div class="page-kicker">ima 基础操作</div>
+<h2 class="page-title">把回答继续加工成自己的教学积累</h2>
+<div class="artboard"><div class="element decoration" aria-hidden="true" style="left:64px;top:255px;width:62px;height:62px;background:#BDE6D1;border:0px solid transparent;border-radius:50%"></div>
+<div class="element text" data-role="number" style="left:64px;top:255px;width:62px;height:62px"><div class="text-inner"><p style="text-align:center"><span style="font-size:27px;color:#163D35;font-weight:650">1</span></p></div></div>
+<div class="element text" data-role="body" style="left:64px;top:345px;width:265.5px;height:70px"><div class="text-inner"><p style="text-align:left"><span style="font-size:28px;color:#163D35;font-weight:650">核对</span></p></div></div>
+<div class="element text" data-role="body" style="left:64px;top:430px;width:265.5px;height:120px"><div class="text-inner"><p style="text-align:left"><span style="font-size:22px;color:#60756D;font-weight:400">事实、条件</span></p><p style="text-align:left"><span style="font-size:22px;color:#60756D;font-weight:400">与原文来源</span></p></div></div>
+<svg class="element decoration" style="left:140px;top:286px;width:203.5px;height:1px;overflow:visible" aria-hidden="true"><line x1="0" y1="0" x2="203.50005249343832" y2="0.0" stroke="#D9E3DD" stroke-width="3.0"/></svg>
+<div class="element decoration" aria-hidden="true" style="left:359.5px;top:255px;width:62px;height:62px;background:#BDE6D1;border:0px solid transparent;border-radius:50%"></div>
+<div class="element text" data-role="number" style="left:359.5px;top:255px;width:62px;height:62px"><div class="text-inner"><p style="text-align:center"><span style="font-size:27px;color:#163D35;font-weight:650">2</span></p></div></div>
+<div class="element text" data-role="body" style="left:359.5px;top:345px;width:265.5px;height:70px"><div class="text-inner"><p style="text-align:left"><span style="font-size:28px;color:#163D35;font-weight:650">修改</span></p></div></div>
+<div class="element text" data-role="body" style="left:359.5px;top:430px;width:265.5px;height:120px"><div class="text-inner"><p style="text-align:left"><span style="font-size:22px;color:#60756D;font-weight:400">加入学情</span></p><p style="text-align:left"><span style="font-size:22px;color:#60756D;font-weight:400">与教学判断</span></p></div></div>
+<svg class="element decoration" style="left:435.5px;top:286px;width:203.5px;height:1px;overflow:visible" aria-hidden="true"><line x1="0" y1="0" x2="203.50005249343832" y2="0.0" stroke="#D9E3DD" stroke-width="3.0"/></svg>
+<div class="element decoration" aria-hidden="true" style="left:655px;top:255px;width:62px;height:62px;background:#BDE6D1;border:0px solid transparent;border-radius:50%"></div>
+<div class="element text" data-role="number" style="left:655px;top:255px;width:62px;height:62px"><div class="text-inner"><p style="text-align:center"><span style="font-size:27px;color:#163D35;font-weight:650">3</span></p></div></div>
+<div class="element text" data-role="body" style="left:655px;top:345px;width:265.5px;height:70px"><div class="text-inner"><p style="text-align:left"><span style="font-size:28px;color:#163D35;font-weight:650">记录</span></p></div></div>
+<div class="element text" data-role="body" style="left:655px;top:430px;width:265.5px;height:120px"><div class="text-inner"><p style="text-align:left"><span style="font-size:22px;color:#60756D;font-weight:400">标注出处</span></p><p style="text-align:left"><span style="font-size:22px;color:#60756D;font-weight:400">与修改日期</span></p></div></div>
+<svg class="element decoration" style="left:731px;top:286px;width:203.5px;height:1px;overflow:visible" aria-hidden="true"><line x1="0" y1="0" x2="203.50005249343832" y2="0.0" stroke="#D9E3DD" stroke-width="3.0"/></svg>
+<div class="element decoration" aria-hidden="true" style="left:950.5px;top:255px;width:62px;height:62px;background:#276450;border:0px solid transparent;border-radius:50%"></div>
+<div class="element text" data-role="number" style="left:950.5px;top:255px;width:62px;height:62px"><div class="text-inner"><p style="text-align:center"><span style="font-size:27px;color:#FFFFFF;font-weight:650">4</span></p></div></div>
+<div class="element text" data-role="body" style="left:950.5px;top:345px;width:265.5px;height:70px"><div class="text-inner"><p style="text-align:left"><span style="font-size:28px;color:#163D35;font-weight:650">更新</span></p></div></div>
+<div class="element text" data-role="body" style="left:950.5px;top:430px;width:265.5px;height:120px"><div class="text-inner"><p style="text-align:left"><span style="font-size:22px;color:#60756D;font-weight:400">补充课堂反馈</span></p><p style="text-align:left"><span style="font-size:22px;color:#60756D;font-weight:400">管理共享范围</span></p></div></div>
+<div class="element text" data-role="body" style="left:64px;top:591px;width:1152px;height:48px"><div class="text-inner"><p style="text-align:left"><span style="font-size:23px;color:#276450;font-weight:650">一次回答可以结束，一份教学积累可以继续生长</span></p></div></div></div>
+
+<div class="page-footer"><span>知识库与腾讯 ima 教育应用</span><span>16 / 30</span></div>
+</section>
+<section id="slide-17" data-page="case-overview" aria-label="第17页：四个场景，把知识库用到工作里" aria-hidden="true" class="slide dark" data-title="四个场景，把知识库用到工作里" data-chapter="教育典型应用" data-note="案例共40分钟，建议单元备课15分钟、练习设计10分钟、教研积累8分钟、校务查询7分钟。案例成果为教学示例，不是实测的产品生成效果。">
+<div class="page-kicker">教育典型应用</div>
+<h2 class="page-title">四个场景，把知识库用到工作里</h2>
+<div class="artboard"><div class="element text" data-role="number" style="left:64px;top:235px;width:264px;height:80px"><div class="text-inner"><p style="text-align:left"><span style="font-size:58px;color:#BDE6D1;font-weight:400">01</span></p></div></div>
+<div class="element text" data-role="body" style="left:64px;top:341px;width:264px;height:58px"><div class="text-inner"><p style="text-align:left"><span style="font-size:29px;color:#FFFFFF;font-weight:650">备课</span></p></div></div>
+<div class="element text" data-role="body" style="left:64px;top:417px;width:264px;height:150px"><div class="text-inner"><p style="text-align:left"><span style="font-size:23px;color:#C3D8CE;font-weight:400">读懂材料</span></p><p style="text-align:left"><span style="font-size:23px;color:#C3D8CE;font-weight:400">组织教学活动</span></p></div></div>
+<div class="element text" data-role="number" style="left:360px;top:235px;width:264px;height:80px"><div class="text-inner"><p style="text-align:left"><span style="font-size:58px;color:#BDE6D1;font-weight:400">02</span></p></div></div>
+<div class="element text" data-role="body" style="left:360px;top:341px;width:264px;height:58px"><div class="text-inner"><p style="text-align:left"><span style="font-size:29px;color:#FFFFFF;font-weight:650">练习</span></p></div></div>
+<div class="element text" data-role="body" style="left:360px;top:417px;width:264px;height:150px"><div class="text-inner"><p style="text-align:left"><span style="font-size:23px;color:#C3D8CE;font-weight:400">明确考查点</span></p><p style="text-align:left"><span style="font-size:23px;color:#C3D8CE;font-weight:400">审核题目与答案</span></p></div></div>
+<div class="element text" data-role="number" style="left:656px;top:235px;width:264px;height:80px"><div class="text-inner"><p style="text-align:left"><span style="font-size:58px;color:#BDE6D1;font-weight:400">03</span></p></div></div>
+<div class="element text" data-role="body" style="left:656px;top:341px;width:264px;height:58px"><div class="text-inner"><p style="text-align:left"><span style="font-size:29px;color:#FFFFFF;font-weight:650">教研</span></p></div></div>
+<div class="element text" data-role="body" style="left:656px;top:417px;width:264px;height:150px"><div class="text-inner"><p style="text-align:left"><span style="font-size:23px;color:#C3D8CE;font-weight:400">比较不同课例</span></p><p style="text-align:left"><span style="font-size:23px;color:#C3D8CE;font-weight:400">积累实施经验</span></p></div></div>
+<div class="element text" data-role="number" style="left:952px;top:235px;width:264px;height:80px"><div class="text-inner"><p style="text-align:left"><span style="font-size:58px;color:#BDE6D1;font-weight:400">04</span></p></div></div>
+<div class="element text" data-role="body" style="left:952px;top:341px;width:264px;height:58px"><div class="text-inner"><p style="text-align:left"><span style="font-size:29px;color:#FFFFFF;font-weight:650">校务</span></p></div></div>
+<div class="element text" data-role="body" style="left:952px;top:417px;width:264px;height:150px"><div class="text-inner"><p style="text-align:left"><span style="font-size:23px;color:#C3D8CE;font-weight:400">查现行文件</span></p><p style="text-align:left"><span style="font-size:23px;color:#C3D8CE;font-weight:400">整理办事清单</span></p></div></div></div>
+
+<div class="page-footer"><span>知识库与腾讯 ima 教育应用</span><span>17 / 30</span></div>
+</section>
+<section id="slide-18" data-page="case-lesson-materials" aria-label="第18页：案例一：先从材料中提炼备课要点" aria-hidden="true" class="slide" data-title="案例一：先从材料中提炼备课要点" data-chapter="备课案例" data-note="此表是根据随附模拟材料人工整理的示例成果，非课标原文、非ima实测输出。请现场提出问题后与此结构比较。重点检查目标、依据和活动之间的关系。">
+<div class="page-kicker">备课案例</div>
+<h2 class="page-title">案例一：先从材料中提炼备课要点</h2>
+<div class="artboard"><div class="element decoration" aria-hidden="true" style="left:64px;top:202px;width:180px;height:34px;background:#EAF3EE;border:0px solid transparent;border-radius:10px"></div>
+<div class="element text" data-role="body" style="left:76px;top:203px;width:156px;height:30px"><div class="text-inner"><p style="text-align:left"><span style="font-size:16px;color:#276450;font-weight:650">模拟成果示例</span></p></div></div>
+<div class="element table-wrap" style="left:64px;top:258px;width:1152px;height:290px"><table><colgroup><col style="width:240px"><col style="width:570px"><col style="width:342px"></colgroup><tr><th style="background:#276450"><p style="text-align:left"><span style="font-size:22px;color:#FFFFFF;font-weight:650">备课要点</span></p></th><th style="background:#276450"><p style="text-align:left"><span style="font-size:22px;color:#FFFFFF;font-weight:650">资料提供的信息</span></p></th><th style="background:#276450"><p style="text-align:left"><span style="font-size:22px;color:#FFFFFF;font-weight:650">可追溯的依据</span></p></th></tr><tr><td style="background:#FFFFFF"><p style="text-align:left"><span style="font-size:22px;color:#163D35;font-weight:400">核心概念</span></p></td><td style="background:#FFFFFF"><p style="text-align:left"><span style="font-size:22px;color:#163D35;font-weight:400">光沿直线传播，遮挡与影子的形成</span></p></td><td style="background:#FFFFFF"><p style="text-align:left"><span style="font-size:22px;color:#163D35;font-weight:400">01_主题说明</span></p></td></tr><tr><td style="background:#EAF3EE"><p style="text-align:left"><span style="font-size:22px;color:#163D35;font-weight:400">课堂观察</span></p></td><td style="background:#EAF3EE"><p style="text-align:left"><span style="font-size:22px;color:#163D35;font-weight:400">固定光源与屏幕，改变物体位置</span></p></td><td style="background:#EAF3EE"><p style="text-align:left"><span style="font-size:22px;color:#163D35;font-weight:400">02_活动建议</span></p></td></tr><tr><td style="background:#FFFFFF"><p style="text-align:left"><span style="font-size:22px;color:#163D35;font-weight:400">常见问题</span></p></td><td style="background:#FFFFFF"><p style="text-align:left"><span style="font-size:22px;color:#163D35;font-weight:400">同时改变多个条件，难以比较</span></p></td><td style="background:#FFFFFF"><p style="text-align:left"><span style="font-size:22px;color:#163D35;font-weight:400">03_课堂反思</span></p></td></tr></table></div>
+<div class="element text" data-role="body" style="left:64px;top:591px;width:1152px;height:48px"><div class="text-inner"><p style="text-align:left"><span style="font-size:23px;color:#276450;font-weight:650">提问：这些资料分别提供了哪些目标、活动和问题线索？</span></p></div></div></div>
+
+<div class="page-footer"><span>知识库与腾讯 ima 教育应用</span><span>18 / 30</span></div>
+</section>
+<section id="slide-19" data-page="case-lesson-plan" aria-label="第19页：案例一：形成可以修改的课堂活动初稿" aria-hidden="true" class="slide" data-title="案例一：形成可以修改的课堂活动初稿" data-chapter="备课案例" data-note="示例课堂40分钟安排：5分钟提出问题、15分钟控制变量观察、10分钟解释、10分钟交流。此为讲师设计建议，不是课标要求。教师需审核实验安全、学情与时间。">
+<div class="page-kicker">备课案例</div>
+<h2 class="page-title">案例一：形成可以修改的课堂活动初稿</h2>
+<div class="artboard"><div class="element table-wrap" style="left:64px;top:226px;width:1152px;height:295px"><table><colgroup><col style="width:320px"><col style="width:470px"><col style="width:362px"></colgroup><tr><th style="background:#276450"><p style="text-align:left"><span style="font-size:22px;color:#FFFFFF;font-weight:650">目标</span></p></th><th style="background:#276450"><p style="text-align:left"><span style="font-size:22px;color:#FFFFFF;font-weight:650">课堂活动建议</span></p></th><th style="background:#276450"><p style="text-align:left"><span style="font-size:22px;color:#FFFFFF;font-weight:650">观察学生的表现</span></p></th></tr><tr><td style="background:#FFFFFF"><p style="text-align:left"><span style="font-size:22px;color:#163D35;font-weight:400">解释影子的形成</span></p></td><td style="background:#FFFFFF"><p style="text-align:left"><span style="font-size:22px;color:#163D35;font-weight:400">用光源、物体和屏幕搭建装置</span></p></td><td style="background:#FFFFFF"><p style="text-align:left"><span style="font-size:22px;color:#163D35;font-weight:400">能否说明三者的关系</span></p></td></tr><tr><td style="background:#EAF3EE"><p style="text-align:left"><span style="font-size:22px;color:#163D35;font-weight:400">控制一个变化条件</span></p></td><td style="background:#EAF3EE"><p style="text-align:left"><span style="font-size:22px;color:#163D35;font-weight:400">固定光源与屏幕，移动物体</span></p></td><td style="background:#EAF3EE"><p style="text-align:left"><span style="font-size:22px;color:#163D35;font-weight:400">能否指出不变与变化条件</span></p></td></tr><tr><td style="background:#FFFFFF"><p style="text-align:left"><span style="font-size:22px;color:#163D35;font-weight:400">根据证据表达</span></p></td><td style="background:#FFFFFF"><p style="text-align:left"><span style="font-size:22px;color:#163D35;font-weight:400">比较观察记录并交流解释</span></p></td><td style="background:#FFFFFF"><p style="text-align:left"><span style="font-size:22px;color:#163D35;font-weight:400">能否用观察支持自己的说法</span></p></td></tr></table></div>
+<div class="element text" data-role="body" style="left:64px;top:591px;width:1152px;height:48px"><div class="text-inner"><p style="text-align:left"><span style="font-size:23px;color:#276450;font-weight:650">补充给 AI：课时、学生已有经验、器材与限制条件</span></p></div></div></div>
+
+<div class="page-footer"><span>知识库与腾讯 ima 教育应用</span><span>19 / 30</span></div>
+</section>
+<section id="slide-20" data-page="case-exercises" aria-label="第20页：案例二：分层练习体现不同思维要求" aria-hidden="true" class="slide" data-title="案例二：分层练习体现不同思维要求" data-chapter="练习设计案例" data-note="以下是基于光与影主题的示例题型，教师正式使用前检查科学性和课程匹配。基础题观察条件，应用题解释，拓展题实验设计。">
+<div class="page-kicker">练习设计案例</div>
+<h2 class="page-title">案例二：分层练习体现不同思维要求</h2>
+<div class="artboard"><div class="element text" data-role="number" style="left:64px;top:235px;width:362.667px;height:80px"><div class="text-inner"><p style="text-align:left"><span style="font-size:58px;color:#276450;font-weight:400">01</span></p></div></div>
+<div class="element text" data-role="body" style="left:64px;top:341px;width:362.667px;height:58px"><div class="text-inner"><p style="text-align:left"><span style="font-size:29px;color:#163D35;font-weight:650">基础理解</span></p></div></div>
+<div class="element text" data-role="body" style="left:64px;top:417px;width:362.667px;height:150px"><div class="text-inner"><p style="text-align:left"><span style="font-size:23px;color:#60756D;font-weight:400">指出形成影子需要的条件</span></p><p style="text-align:left"><span style=""></span></p><p style="text-align:left"><span style="font-size:23px;color:#60756D;font-weight:400">考查概念与关系</span></p></div></div>
+<div class="element text" data-role="number" style="left:458.667px;top:235px;width:362.667px;height:80px"><div class="text-inner"><p style="text-align:left"><span style="font-size:58px;color:#276450;font-weight:400">02</span></p></div></div>
+<div class="element text" data-role="body" style="left:458.667px;top:341px;width:362.667px;height:58px"><div class="text-inner"><p style="text-align:left"><span style="font-size:29px;color:#163D35;font-weight:650">情境应用</span></p></div></div>
+<div class="element text" data-role="body" style="left:458.667px;top:417px;width:362.667px;height:150px"><div class="text-inner"><p style="text-align:left"><span style="font-size:23px;color:#60756D;font-weight:400">解释同一装置中</span></p><p style="text-align:left"><span style="font-size:23px;color:#60756D;font-weight:400">物体位置改变后的现象</span></p><p style="text-align:left"><span style=""></span></p><p style="text-align:left"><span style="font-size:23px;color:#60756D;font-weight:400">考查条件分析</span></p></div></div>
+<div class="element text" data-role="number" style="left:853.333px;top:235px;width:362.667px;height:80px"><div class="text-inner"><p style="text-align:left"><span style="font-size:58px;color:#276450;font-weight:400">03</span></p></div></div>
+<div class="element text" data-role="body" style="left:853.333px;top:341px;width:362.667px;height:58px"><div class="text-inner"><p style="text-align:left"><span style="font-size:29px;color:#163D35;font-weight:650">探究设计</span></p></div></div>
+<div class="element text" data-role="body" style="left:853.333px;top:417px;width:362.667px;height:150px"><div class="text-inner"><p style="text-align:left"><span style="font-size:23px;color:#60756D;font-weight:400">设计一个只改变</span></p><p style="text-align:left"><span style="font-size:23px;color:#60756D;font-weight:400">物体位置的观察方案</span></p><p style="text-align:left"><span style=""></span></p><p style="text-align:left"><span style="font-size:23px;color:#60756D;font-weight:400">考查实验设计</span></p></div></div>
+<div class="element text" data-role="body" style="left:64px;top:591px;width:1152px;height:48px"><div class="text-inner"><p style="text-align:left"><span style="font-size:23px;color:#276450;font-weight:650">要求同时给出考查点、参考答案、适用前提和设计意图</span></p></div></div></div>
+
+<div class="page-footer"><span>知识库与腾讯 ima 教育应用</span><span>20 / 30</span></div>
+</section>
+<section id="slide-21" data-page="case-question-review" aria-label="第21页：案例二：一道题，展示教师如何审核" aria-hidden="true" class="slide" data-title="案例二：一道题，展示教师如何审核" data-chapter="练习设计案例" data-note="演示修正题干的条件。点光源模型，屏幕垂直光轴，物体在光源与屏幕之间，光源屏幕固定。物体靠近光源，屏幕上的影子通常变大。真实光源有大小时需注意半影，训练中使用理想化描述。">
+<div class="page-kicker">练习设计案例</div>
+<h2 class="page-title">案例二：一道题，展示教师如何审核</h2>
+<div class="artboard"><div class="element text" data-role="body" style="left:64px;top:224px;width:520px;height:44px"><div class="text-inner"><p style="text-align:left"><span style="font-size:24px;color:#60756D;font-weight:400">初稿中的问题</span></p></div></div>
+<div class="element text" data-role="body" style="left:64px;top:298px;width:520px;height:150px"><div class="text-inner"><p style="text-align:left"><span style="font-size:40px;color:#163D35;font-weight:650">“物体靠近光源，</span></p><p style="text-align:left"><span style="font-size:40px;color:#163D35;font-weight:650">影子会怎样？”</span></p></div></div>
+<div class="element decoration" aria-hidden="true" style="left:655px;top:219px;width:561px;height:350px;background:#EAF3EE;border:0px solid transparent;border-radius:10px"></div>
+<div class="element text" data-role="body" style="left:687px;top:249px;width:490px;height:44px"><div class="text-inner"><p style="text-align:left"><span style="font-size:26px;color:#276450;font-weight:650">教师补充条件</span></p></div></div>
+<div class="element text" data-role="body" style="left:687px;top:326px;width:490px;height:150px"><div class="text-inner"><p style="text-align:left"><span style="font-size:28px;color:#163D35;font-weight:400">近似点光源与屏幕保持固定。</span></p><p style="text-align:left"><span style="font-size:28px;color:#163D35;font-weight:400">物体位于光源和屏幕之间。</span></p><p style="text-align:left"><span style="font-size:28px;color:#163D35;font-weight:400">只移动物体，使其靠近光源。</span></p></div></div>
+<div class="element text" data-role="body" style="left:687px;top:510px;width:490px;height:44px"><div class="text-inner"><p style="text-align:left"><span style="font-size:24px;color:#276450;font-weight:650">参考判断：屏幕上的影子变大。</span></p></div></div>
+<div class="element text" data-role="body" style="left:64px;top:591px;width:1152px;height:48px"><div class="text-inner"><p style="text-align:left"><span style="font-size:23px;color:#276450;font-weight:650">审核四项：条件完整、答案正确、范围匹配、难度合适</span></p></div></div></div>
+
+<div class="page-footer"><span>知识库与腾讯 ima 教育应用</span><span>21 / 30</span></div>
+</section>
+<section id="slide-22" data-page="case-research-comparison" aria-label="第22页：案例三：比较课例，留下适用条件" aria-hidden="true" class="slide" data-title="案例三：比较课例，留下适用条件" data-chapter="教研积累案例" data-note="A和B为模拟课例，不是效果评估。教师共同讨论适用条件。不要根据两个课例声称一种教法必然更好。">
+<div class="page-kicker">教研积累案例</div>
+<h2 class="page-title">案例三：比较课例，留下适用条件</h2>
+<div class="artboard"><div class="element table-wrap" style="left:64px;top:226px;width:1152px;height:360px"><table><colgroup><col style="width:230px"><col style="width:461px"><col style="width:461px"></colgroup><tr><th style="background:#276450"><p style="text-align:left"><span style="font-size:22px;color:#FFFFFF;font-weight:650">比较维度</span></p></th><th style="background:#276450"><p style="text-align:left"><span style="font-size:22px;color:#FFFFFF;font-weight:650">课例 A：教师演示</span></p></th><th style="background:#276450"><p style="text-align:left"><span style="font-size:22px;color:#FFFFFF;font-weight:650">课例 B：小组观察</span></p></th></tr><tr><td style="background:#FFFFFF"><p style="text-align:left"><span style="font-size:22px;color:#163D35;font-weight:400">组织方式</span></p></td><td style="background:#FFFFFF"><p style="text-align:left"><span style="font-size:22px;color:#163D35;font-weight:400">教师操作，学生记录</span></p></td><td style="background:#FFFFFF"><p style="text-align:left"><span style="font-size:22px;color:#163D35;font-weight:400">学生分组操作与交流</span></p></td></tr><tr><td style="background:#EAF3EE"><p style="text-align:left"><span style="font-size:22px;color:#163D35;font-weight:400">优势与条件</span></p></td><td style="background:#EAF3EE"><p style="text-align:left"><span style="font-size:22px;color:#163D35;font-weight:400">器材少，过程容易统一</span></p></td><td style="background:#EAF3EE"><p style="text-align:left"><span style="font-size:22px;color:#163D35;font-weight:400">需要器材与操作常规</span></p></td></tr><tr><td style="background:#FFFFFF"><p style="text-align:left"><span style="font-size:22px;color:#163D35;font-weight:400">需要关注</span></p></td><td style="background:#FFFFFF"><p style="text-align:left"><span style="font-size:22px;color:#163D35;font-weight:400">每位学生是否真正观察到</span></p></td><td style="background:#FFFFFF"><p style="text-align:left"><span style="font-size:22px;color:#163D35;font-weight:400">是否控制变量，记录是否清晰</span></p></td></tr><tr><td style="background:#EAF3EE"><p style="text-align:left"><span style="font-size:22px;color:#163D35;font-weight:400">后续改进</span></p></td><td style="background:#EAF3EE"><p style="text-align:left"><span style="font-size:22px;color:#163D35;font-weight:400">增加预测与解释环节</span></p></td><td style="background:#EAF3EE"><p style="text-align:left"><span style="font-size:22px;color:#163D35;font-weight:400">增加角色分工和记录样例</span></p></td></tr></table></div>
+<div class="element text" data-role="body" style="left:64px;top:591px;width:1152px;height:48px"><div class="text-inner"><p style="text-align:left"><span style="font-size:23px;color:#276450;font-weight:650">教研比较表应保留来源、课堂条件和待验证的问题</span></p></div></div></div>
+
+<div class="page-footer"><span>知识库与腾讯 ima 教育应用</span><span>22 / 30</span></div>
+</section>
+<section id="slide-23" data-page="case-research-sharing" aria-label="第23页：案例三：共享库需要持续维护" aria-hidden="true" class="slide" data-title="案例三：共享库需要持续维护" data-chapter="教研积累案例" data-note="共享功能与权限以授课账号当前版本为准。设置维护人、成员权限与更新规则。示例一个主题库中设置说明、资料、设计、反思四类内容，不承诺某种特定文件夹功能。">
+<div class="page-kicker">教研积累案例</div>
+<h2 class="page-title">案例三：共享库需要持续维护</h2>
+<div class="artboard"><div class="element text" data-role="number" style="left:64px;top:235px;width:362.667px;height:80px"><div class="text-inner"><p style="text-align:left"><span style="font-size:58px;color:#276450;font-weight:400">01</span></p></div></div>
+<div class="element text" data-role="body" style="left:64px;top:341px;width:362.667px;height:58px"><div class="text-inner"><p style="text-align:left"><span style="font-size:29px;color:#163D35;font-weight:650">放什么</span></p></div></div>
+<div class="element text" data-role="body" style="left:64px;top:417px;width:362.667px;height:150px"><div class="text-inner"><p style="text-align:left"><span style="font-size:23px;color:#60756D;font-weight:400">主题说明与来源</span></p><p style="text-align:left"><span style="font-size:23px;color:#60756D;font-weight:400">参考资料与教学设计</span></p><p style="text-align:left"><span style="font-size:23px;color:#60756D;font-weight:400">实践反思与改进</span></p></div></div>
+<div class="element text" data-role="number" style="left:458.667px;top:235px;width:362.667px;height:80px"><div class="text-inner"><p style="text-align:left"><span style="font-size:58px;color:#276450;font-weight:400">02</span></p></div></div>
+<div class="element text" data-role="body" style="left:458.667px;top:341px;width:362.667px;height:58px"><div class="text-inner"><p style="text-align:left"><span style="font-size:29px;color:#163D35;font-weight:650">谁维护</span></p></div></div>
+<div class="element text" data-role="body" style="left:458.667px;top:417px;width:362.667px;height:150px"><div class="text-inner"><p style="text-align:left"><span style="font-size:23px;color:#60756D;font-weight:400">明确维护人与贡献者</span></p><p style="text-align:left"><span style="font-size:23px;color:#60756D;font-weight:400">更新后标注日期</span></p><p style="text-align:left"><span style="font-size:23px;color:#60756D;font-weight:400">保留适用范围</span></p></div></div>
+<div class="element text" data-role="number" style="left:853.333px;top:235px;width:362.667px;height:80px"><div class="text-inner"><p style="text-align:left"><span style="font-size:58px;color:#276450;font-weight:400">03</span></p></div></div>
+<div class="element text" data-role="body" style="left:853.333px;top:341px;width:362.667px;height:58px"><div class="text-inner"><p style="text-align:left"><span style="font-size:29px;color:#163D35;font-weight:650">怎样共用</span></p></div></div>
+<div class="element text" data-role="body" style="left:853.333px;top:417px;width:362.667px;height:150px"><div class="text-inner"><p style="text-align:left"><span style="font-size:23px;color:#60756D;font-weight:400">核对成员权限</span></p><p style="text-align:left"><span style="font-size:23px;color:#60756D;font-weight:400">先审核再共享</span></p><p style="text-align:left"><span style="font-size:23px;color:#60756D;font-weight:400">课堂反馈持续补充</span></p></div></div>
+<div class="element text" data-role="body" style="left:64px;top:591px;width:1152px;height:48px"><div class="text-inner"><p style="text-align:left"><span style="font-size:23px;color:#276450;font-weight:650">共享的价值来自可理解、可追溯、可继续改进的内容</span></p></div></div></div>
+
+<div class="page-footer"><span>知识库与腾讯 ima 教育应用</span><span>23 / 30</span></div>
+</section>
+<section id="slide-24" data-page="case-school-process" aria-label="第24页：案例四：从制度文件整理办事清单" aria-hidden="true" class="slide" data-title="案例四：从制度文件整理办事清单" data-chapter="校务查询案例" data-note="使用材料04_校务办理模拟指南。全部制度、角色及流程为培训虚构示例，禁止作为学校正式规定。演示问题：校内培训申请需要哪些材料，经过哪些环节？">
+<div class="page-kicker">校务查询案例</div>
+<h2 class="page-title">案例四：从制度文件整理办事清单</h2>
+<div class="artboard"><div class="element decoration" aria-hidden="true" style="left:64px;top:202px;width:180px;height:34px;background:#EAF3EE;border:0px solid transparent;border-radius:10px"></div>
+<div class="element text" data-role="body" style="left:76px;top:203px;width:156px;height:30px"><div class="text-inner"><p style="text-align:left"><span style="font-size:16px;color:#276450;font-weight:650">模拟制度示例</span></p></div></div>
+<div class="element table-wrap" style="left:64px;top:256px;width:1152px;height:285px"><table><colgroup><col style="width:270px"><col style="width:600px"><col style="width:282px"></colgroup><tr><th style="background:#276450"><p style="text-align:left"><span style="font-size:22px;color:#FFFFFF;font-weight:650">办理环节</span></p></th><th style="background:#276450"><p style="text-align:left"><span style="font-size:22px;color:#FFFFFF;font-weight:650">需要准备或确认</span></p></th><th style="background:#276450"><p style="text-align:left"><span style="font-size:22px;color:#FFFFFF;font-weight:650">依据</span></p></th></tr><tr><td style="background:#FFFFFF"><p style="text-align:left"><span style="font-size:22px;color:#163D35;font-weight:400">提交申请</span></p></td><td style="background:#FFFFFF"><p style="text-align:left"><span style="font-size:22px;color:#163D35;font-weight:400">主题、时间、参与对象与资源需求</span></p></td><td style="background:#FFFFFF"><p style="text-align:left"><span style="font-size:22px;color:#163D35;font-weight:400">模拟指南第1条</span></p></td></tr><tr><td style="background:#EAF3EE"><p style="text-align:left"><span style="font-size:22px;color:#163D35;font-weight:400">审核与沟通</span></p></td><td style="background:#EAF3EE"><p style="text-align:left"><span style="font-size:22px;color:#163D35;font-weight:400">交教研负责人确认，缺项补充</span></p></td><td style="background:#EAF3EE"><p style="text-align:left"><span style="font-size:22px;color:#163D35;font-weight:400">模拟指南第2条</span></p></td></tr><tr><td style="background:#FFFFFF"><p style="text-align:left"><span style="font-size:22px;color:#163D35;font-weight:400">活动后归档</span></p></td><td style="background:#FFFFFF"><p style="text-align:left"><span style="font-size:22px;color:#163D35;font-weight:400">活动记录与简要总结</span></p></td><td style="background:#FFFFFF"><p style="text-align:left"><span style="font-size:22px;color:#163D35;font-weight:400">模拟指南第3条</span></p></td></tr></table></div>
+<div class="element text" data-role="body" style="left:64px;top:591px;width:1152px;height:48px"><div class="text-inner"><p style="text-align:left"><span style="font-size:23px;color:#276450;font-weight:650">实际使用时，列出正式文件名称、发布日期与对应条款</span></p></div></div></div>
+
+<div class="page-footer"><span>知识库与腾讯 ima 教育应用</span><span>24 / 30</span></div>
+</section>
+<section id="slide-25" data-page="case-missing-evidence" aria-label="第25页：案例四：冲突与缺失，需要明确呈现" aria-hidden="true" class="slide" data-title="案例四：冲突与缺失，需要明确呈现" data-chapter="校务查询案例" data-note="这是文件使用习惯，不是法律意见。不能只凭日期自动断言某文件具有更高效力，要看适用范围、发布主体和学校确认。材料04未规定审批时限，回答应明确未找到。">
+<div class="page-kicker">校务查询案例</div>
+<h2 class="page-title">案例四：冲突与缺失，需要明确呈现</h2>
+<div class="artboard"><div class="element text" data-role="number" style="left:64px;top:235px;width:362.667px;height:80px"><div class="text-inner"><p style="text-align:left"><span style="font-size:58px;color:#276450;font-weight:400">01</span></p></div></div>
+<div class="element text" data-role="body" style="left:64px;top:341px;width:362.667px;height:58px"><div class="text-inner"><p style="text-align:left"><span style="font-size:29px;color:#163D35;font-weight:650">版本不同</span></p></div></div>
+<div class="element text" data-role="body" style="left:64px;top:417px;width:362.667px;height:150px"><div class="text-inner"><p style="text-align:left"><span style="font-size:23px;color:#60756D;font-weight:400">并列文件日期</span></p><p style="text-align:left"><span style="font-size:23px;color:#60756D;font-weight:400">核对适用范围</span></p><p style="text-align:left"><span style="font-size:23px;color:#60756D;font-weight:400">向负责人确认</span></p></div></div>
+<div class="element text" data-role="number" style="left:458.667px;top:235px;width:362.667px;height:80px"><div class="text-inner"><p style="text-align:left"><span style="font-size:58px;color:#276450;font-weight:400">02</span></p></div></div>
+<div class="element text" data-role="body" style="left:458.667px;top:341px;width:362.667px;height:58px"><div class="text-inner"><p style="text-align:left"><span style="font-size:29px;color:#163D35;font-weight:650">信息冲突</span></p></div></div>
+<div class="element text" data-role="body" style="left:458.667px;top:417px;width:362.667px;height:150px"><div class="text-inner"><p style="text-align:left"><span style="font-size:23px;color:#60756D;font-weight:400">列出相互矛盾的条款</span></p><p style="text-align:left"><span style="font-size:23px;color:#60756D;font-weight:400">说明差异</span></p><p style="text-align:left"><span style="font-size:23px;color:#60756D;font-weight:400">暂停确定性结论</span></p></div></div>
+<div class="element text" data-role="number" style="left:853.333px;top:235px;width:362.667px;height:80px"><div class="text-inner"><p style="text-align:left"><span style="font-size:58px;color:#276450;font-weight:400">03</span></p></div></div>
+<div class="element text" data-role="body" style="left:853.333px;top:341px;width:362.667px;height:58px"><div class="text-inner"><p style="text-align:left"><span style="font-size:29px;color:#163D35;font-weight:650">资料没有</span></p></div></div>
+<div class="element text" data-role="body" style="left:853.333px;top:417px;width:362.667px;height:150px"><div class="text-inner"><p style="text-align:left"><span style="font-size:23px;color:#60756D;font-weight:400">明确“未找到依据”</span></p><p style="text-align:left"><span style="font-size:23px;color:#60756D;font-weight:400">不补写审批时限</span></p><p style="text-align:left"><span style="font-size:23px;color:#60756D;font-weight:400">列出待确认事项</span></p></div></div>
+<div class="element text" data-role="body" style="left:64px;top:591px;width:1152px;height:48px"><div class="text-inner"><p style="text-align:left"><span style="font-size:23px;color:#276450;font-weight:650">一个可追溯的“待确认”，比编造一个具体答案更有用</span></p></div></div></div>
+
+<div class="page-footer"><span>知识库与腾讯 ima 教育应用</span><span>25 / 30</span></div>
+</section>
+<section id="slide-26" data-page="practice" aria-label="第26页：现场练习：建立自己的教学专题库" aria-hidden="true" class="slide dark" data-title="现场练习：建立自己的教学专题库" data-chapter="现场练习" data-note="本环节12分钟独立操作、8分钟分享，最后10分钟使用习惯与答疑，合计30分钟。材料包包含3份光与影模拟资料、1份模拟校务文件和练习单。登录与导入需授课前验证。">
+<div class="page-kicker">现场练习</div>
+<h2 class="page-title">现场练习：建立自己的教学专题库</h2>
+<div class="artboard"><div class="element text" data-role="number" style="left:64px;top:217px;width:390px;height:180px"><div class="text-inner"><p style="text-align:left"><span style="font-size:110px;color:#BDE6D1;font-weight:650" class="practice-clock">12:00</span></p></div></div>
+<div class="element text" data-role="body" style="left:70px;top:410px;width:430px;height:60px"><div class="text-inner"><p style="text-align:left"><span style="font-size:34px;color:#FFFFFF;font-weight:650">独立操作时间</span></p></div></div>
+<div class="element text" data-role="body" style="left:70px;top:493px;width:460px;height:70px"><div class="text-inner"><p style="text-align:left"><span style="font-size:25px;color:#C0D5CA;font-weight:400">再用 8 分钟交流与分享</span></p></div></div>
+<div class="element decoration" aria-hidden="true" style="left:650px;top:235px;width:36px;height:36px;background:#BDE6D1;border:0px solid transparent;border-radius:50%"></div>
+<div class="element text" data-role="number" style="left:650px;top:235px;width:36px;height:36px"><div class="text-inner"><p style="text-align:center"><span style="font-size:19px;color:#163D35;font-weight:650">1</span></p></div></div>
+<div class="element text" data-role="body" style="left:705px;top:226px;width:510px;height:62px"><div class="text-inner"><p style="text-align:left"><span style="font-size:25px;color:#FFFFFF;font-weight:400">选择一个主题，导入 3—5 份资料</span></p></div></div>
+<div class="element decoration" aria-hidden="true" style="left:650px;top:323px;width:36px;height:36px;background:#BDE6D1;border:0px solid transparent;border-radius:50%"></div>
+<div class="element text" data-role="number" style="left:650px;top:323px;width:36px;height:36px"><div class="text-inner"><p style="text-align:center"><span style="font-size:19px;color:#163D35;font-weight:650">2</span></p></div></div>
+<div class="element text" data-role="body" style="left:705px;top:314px;width:510px;height:62px"><div class="text-inner"><p style="text-align:left"><span style="font-size:25px;color:#FFFFFF;font-weight:400">提出一个查询问题和一个综合问题</span></p></div></div>
+<div class="element decoration" aria-hidden="true" style="left:650px;top:411px;width:36px;height:36px;background:#BDE6D1;border:0px solid transparent;border-radius:50%"></div>
+<div class="element text" data-role="number" style="left:650px;top:411px;width:36px;height:36px"><div class="text-inner"><p style="text-align:center"><span style="font-size:19px;color:#163D35;font-weight:650">3</span></p></div></div>
+<div class="element text" data-role="body" style="left:705px;top:402px;width:510px;height:62px"><div class="text-inner"><p style="text-align:left"><span style="font-size:25px;color:#FFFFFF;font-weight:400">核对至少两处引用，进行一次修改</span></p></div></div>
+<div class="element decoration" aria-hidden="true" style="left:650px;top:499px;width:36px;height:36px;background:#BDE6D1;border:0px solid transparent;border-radius:50%"></div>
+<div class="element text" data-role="number" style="left:650px;top:499px;width:36px;height:36px"><div class="text-inner"><p style="text-align:center"><span style="font-size:19px;color:#163D35;font-weight:650">4</span></p></div></div>
+<div class="element text" data-role="body" style="left:705px;top:490px;width:510px;height:62px"><div class="text-inner"><p style="text-align:left"><span style="font-size:25px;color:#FFFFFF;font-weight:400">保存一份成果与查证记录</span></p></div></div></div>
+<div class="practice-tools"><button data-action="timer-toggle">开始 12 分钟练习</button><button data-action="timer-reset">重置</button><button data-action="materials">下载练习资料</button></div>
+<div class="page-footer"><span>知识库与腾讯 ima 教育应用</span><span>26 / 30</span></div>
+</section>
+<section id="slide-27" data-page="prompt-template" aria-label="第27页：一段可以反复使用的提问模板" aria-hidden="true" class="slide" data-title="一段可以反复使用的提问模板" data-chapter="现场练习" data-note="邀请老师把年级、学科、任务、资料范围、输出结构填完整。对于资料未涉及的内容不能保证模型一定拒答，必须检查实际回答。">
+<div class="page-kicker">现场练习</div>
+<h2 class="page-title">一段可以反复使用的提问模板</h2>
+<div class="artboard"><div class="element decoration" aria-hidden="true" style="left:64px;top:229px;width:1152px;height:328px;background:#EAF3EE;border:0px solid transparent;border-radius:10px"></div>
+<div class="element text prompt-copy" data-role="body" style="left:94px;top:252px;width:1092px;height:282px"><div class="text-inner"><p style="text-align:left"><span style="font-size:25px;color:#163D35;font-weight:400">我正在为【年级／学科／主题】开展【具体任务】。</span></p><p style="text-align:left"><span style="font-size:25px;color:#163D35;font-weight:400">请基于【指定资料范围】，完成【具体要求】。</span></p><p style="text-align:left"><span style="font-size:25px;color:#163D35;font-weight:400">请用【表格／清单／教学设计初稿】呈现，并注明依据。</span></p><p style="text-align:left"><span style="font-size:25px;color:#163D35;font-weight:400">将资料明确说明的内容与补充建议分开。</span></p><p style="text-align:left"><span style="font-size:25px;color:#163D35;font-weight:400">没有找到依据的信息，请明确标注。</span></p></div></div>
+<div class="element text" data-role="body" style="left:64px;top:591px;width:1152px;height:48px"><div class="text-inner"><p style="text-align:left"><span style="font-size:23px;color:#276450;font-weight:650">不必一次问完，可以通过追问逐步补充条件</span></p></div></div></div>
+<button class="slide-action" data-action="copy-prompt">复制提问模板</button>
+<div class="page-footer"><span>知识库与腾讯 ima 教育应用</span><span>27 / 30</span></div>
+</section>
+<section id="slide-28" data-page="practice-checklist" aria-label="第28页：练习完成，能展示这五项成果" aria-hidden="true" class="slide" data-title="练习完成，能展示这五项成果" data-chapter="现场练习" data-note="邀请2至3位教师分享。重点观察查证与修改过程，不能只看生成文本是否流畅。">
+<div class="page-kicker">现场练习</div>
+<h2 class="page-title">练习完成，能展示这五项成果</h2>
+<div class="artboard"><div class="element text" data-role="number" style="left:64px;top:206px;width:60px;height:50px"><div class="text-inner"><p style="text-align:left"><span style="font-size:30px;color:#276450;font-weight:650">01</span></p></div></div>
+<div class="element text" data-role="body" style="left:149px;top:206px;width:1067px;height:44px"><div class="text-inner"><p style="text-align:left"><span style="font-size:28px;color:#163D35;font-weight:650">资料可读</span></p></div></div>
+<div class="element text" data-role="body" style="left:149px;top:249px;width:1067px;height:42px"><div class="text-inner"><p style="text-align:left"><span style="font-size:21px;color:#60756D;font-weight:400">能打开原文，并说明主题与来源</span></p></div></div>
+<svg class="element decoration" style="left:149px;top:294px;width:1067px;height:1px;overflow:visible" aria-hidden="true"><line x1="0" y1="0" x2="1067.0" y2="0.0" stroke="#D9E3DD" stroke-width="2.0"/></svg>
+<div class="element text" data-role="number" style="left:64px;top:287px;width:60px;height:50px"><div class="text-inner"><p style="text-align:left"><span style="font-size:30px;color:#276450;font-weight:650">02</span></p></div></div>
+<div class="element text" data-role="body" style="left:149px;top:287px;width:1067px;height:44px"><div class="text-inner"><p style="text-align:left"><span style="font-size:28px;color:#163D35;font-weight:650">问题明确</span></p></div></div>
+<div class="element text" data-role="body" style="left:149px;top:330px;width:1067px;height:42px"><div class="text-inner"><p style="text-align:left"><span style="font-size:21px;color:#60756D;font-weight:400">能够解释自己要解决的工作问题</span></p></div></div>
+<svg class="element decoration" style="left:149px;top:375px;width:1067px;height:1px;overflow:visible" aria-hidden="true"><line x1="0" y1="0" x2="1067.0" y2="0.0" stroke="#D9E3DD" stroke-width="2.0"/></svg>
+<div class="element text" data-role="number" style="left:64px;top:368px;width:60px;height:50px"><div class="text-inner"><p style="text-align:left"><span style="font-size:30px;color:#276450;font-weight:650">03</span></p></div></div>
+<div class="element text" data-role="body" style="left:149px;top:368px;width:1067px;height:44px"><div class="text-inner"><p style="text-align:left"><span style="font-size:28px;color:#163D35;font-weight:650">依据可查</span></p></div></div>
+<div class="element text" data-role="body" style="left:149px;top:411px;width:1067px;height:42px"><div class="text-inner"><p style="text-align:left"><span style="font-size:21px;color:#60756D;font-weight:400">展示两处引用，以及核对后的判断</span></p></div></div>
+<svg class="element decoration" style="left:149px;top:456px;width:1067px;height:1px;overflow:visible" aria-hidden="true"><line x1="0" y1="0" x2="1067.0" y2="0.0" stroke="#D9E3DD" stroke-width="2.0"/></svg>
+<div class="element text" data-role="number" style="left:64px;top:449px;width:60px;height:50px"><div class="text-inner"><p style="text-align:left"><span style="font-size:30px;color:#276450;font-weight:650">04</span></p></div></div>
+<div class="element text" data-role="body" style="left:149px;top:449px;width:1067px;height:44px"><div class="text-inner"><p style="text-align:left"><span style="font-size:28px;color:#163D35;font-weight:650">有过修改</span></p></div></div>
+<div class="element text" data-role="body" style="left:149px;top:492px;width:1067px;height:42px"><div class="text-inner"><p style="text-align:left"><span style="font-size:21px;color:#60756D;font-weight:400">至少一次追问或教师修改</span></p></div></div>
+<svg class="element decoration" style="left:149px;top:537px;width:1067px;height:1px;overflow:visible" aria-hidden="true"><line x1="0" y1="0" x2="1067.0" y2="0.0" stroke="#D9E3DD" stroke-width="2.0"/></svg>
+<div class="element text" data-role="number" style="left:64px;top:530px;width:60px;height:50px"><div class="text-inner"><p style="text-align:left"><span style="font-size:30px;color:#276450;font-weight:650">05</span></p></div></div>
+<div class="element text" data-role="body" style="left:149px;top:530px;width:1067px;height:44px"><div class="text-inner"><p style="text-align:left"><span style="font-size:28px;color:#163D35;font-weight:650">成果可用</span></p></div></div>
+<div class="element text" data-role="body" style="left:149px;top:573px;width:1067px;height:42px"><div class="text-inner"><p style="text-align:left"><span style="font-size:21px;color:#60756D;font-weight:400">找到并打开保存的最终内容</span></p></div></div></div>
+<button class="slide-action" data-action="checklist">打开完成清单</button>
+<div class="page-footer"><span>知识库与腾讯 ima 教育应用</span><span>28 / 30</span></div>
+</section>
+<section id="slide-29" data-page="daily-habits" aria-label="第29页：让资料库保持有用的日常习惯" aria-hidden="true" class="slide" data-title="让资料库保持有用的日常习惯" data-chapter="持续使用" data-note="不上传未获授权的敏感资料。按学校要求处理学生信息。共享前检查成员与内容权限。定期清理旧资料与失效内容，保留实践反思。">
+<div class="page-kicker">持续使用</div>
+<h2 class="page-title">让资料库保持有用的日常习惯</h2>
+<div class="artboard"><div class="element text" data-role="number" style="left:64px;top:235px;width:362.667px;height:80px"><div class="text-inner"><p style="text-align:left"><span style="font-size:58px;color:#276450;font-weight:400">01</span></p></div></div>
+<div class="element text" data-role="body" style="left:64px;top:341px;width:362.667px;height:58px"><div class="text-inner"><p style="text-align:left"><span style="font-size:29px;color:#163D35;font-weight:650">范围小一点</span></p></div></div>
+<div class="element text" data-role="body" style="left:64px;top:417px;width:362.667px;height:150px"><div class="text-inner"><p style="text-align:left"><span style="font-size:23px;color:#60756D;font-weight:400">围绕一个真实任务</span></p><p style="text-align:left"><span style="font-size:23px;color:#60756D;font-weight:400">先积累高质量资料</span></p></div></div>
+<div class="element text" data-role="number" style="left:458.667px;top:235px;width:362.667px;height:80px"><div class="text-inner"><p style="text-align:left"><span style="font-size:58px;color:#276450;font-weight:400">02</span></p></div></div>
+<div class="element text" data-role="body" style="left:458.667px;top:341px;width:362.667px;height:58px"><div class="text-inner"><p style="text-align:left"><span style="font-size:29px;color:#163D35;font-weight:650">维护勤一点</span></p></div></div>
+<div class="element text" data-role="body" style="left:458.667px;top:417px;width:362.667px;height:150px"><div class="text-inner"><p style="text-align:left"><span style="font-size:23px;color:#60756D;font-weight:400">补充来源与日期</span></p><p style="text-align:left"><span style="font-size:23px;color:#60756D;font-weight:400">检查旧版和重复内容</span></p></div></div>
+<div class="element text" data-role="number" style="left:853.333px;top:235px;width:362.667px;height:80px"><div class="text-inner"><p style="text-align:left"><span style="font-size:58px;color:#276450;font-weight:400">03</span></p></div></div>
+<div class="element text" data-role="body" style="left:853.333px;top:341px;width:362.667px;height:58px"><div class="text-inner"><p style="text-align:left"><span style="font-size:29px;color:#163D35;font-weight:650">使用稳一点</span></p></div></div>
+<div class="element text" data-role="body" style="left:853.333px;top:417px;width:362.667px;height:150px"><div class="text-inner"><p style="text-align:left"><span style="font-size:23px;color:#60756D;font-weight:400">核对正式使用的成果</span></p><p style="text-align:left"><span style="font-size:23px;color:#60756D;font-weight:400">处理学生信息与共享权限</span></p></div></div>
+<div class="element text" data-role="body" style="left:64px;top:591px;width:1152px;height:48px"><div class="text-inner"><p style="text-align:left"><span style="font-size:23px;color:#276450;font-weight:650">把自己的课堂反思补回库里，让下一次备课有据可循</span></p></div></div></div>
+
+<div class="page-footer"><span>知识库与腾讯 ima 教育应用</span><span>29 / 30</span></div>
+</section>
+<section id="slide-30" data-page="closing" aria-label="第30页：从一个单元开始" aria-hidden="true" class="slide dark" data-title="从一个单元开始" data-chapter="交流与答疑" data-note="结尾预留答疑时间。作业：一周内带回一个专题库、一份教师修改后的成果、一次查证记录。培训重点是可持续的使用方法，不对教学效果作未经验证的承诺。">
+<div class="page-kicker">交流与答疑</div>
+<h2 class="page-title closing-title">从一个单元开始</h2>
+<div class="artboard"><div class="element text" data-role="body" style="left:68px;top:315px;width:1140px;height:70px"><div class="text-inner"><p style="text-align:left"><span style="font-size:34px;color:#BDE6D1;font-weight:400">让下一次备课，多一份可以复用的积累。</span></p></div></div>
+<div class="element text" data-role="body" style="left:68px;top:480px;width:360px;height:58px"><div class="text-inner"><p style="text-align:left"><span style="font-size:33px;color:#FFFFFF;font-weight:650">一个小库</span></p></div></div>
+<div class="element text" data-role="body" style="left:68px;top:554px;width:360px;height:55px"><div class="text-inner"><p style="text-align:left"><span style="font-size:23px;color:#C0D5CA;font-weight:400">聚焦一个真实主题</span></p></div></div>
+<div class="element text" data-role="body" style="left:458px;top:480px;width:360px;height:58px"><div class="text-inner"><p style="text-align:left"><span style="font-size:33px;color:#FFFFFF;font-weight:650">一份成果</span></p></div></div>
+<div class="element text" data-role="body" style="left:458px;top:554px;width:360px;height:55px"><div class="text-inner"><p style="text-align:left"><span style="font-size:23px;color:#C0D5CA;font-weight:400">经过教师检查与修改</span></p></div></div>
+<div class="element text" data-role="body" style="left:848px;top:480px;width:360px;height:58px"><div class="text-inner"><p style="text-align:left"><span style="font-size:33px;color:#FFFFFF;font-weight:650">一次查证</span></p></div></div>
+<div class="element text" data-role="body" style="left:848px;top:554px;width:360px;height:55px"><div class="text-inner"><p style="text-align:left"><span style="font-size:23px;color:#C0D5CA;font-weight:400">保留依据与核对记录</span></p></div></div></div>
+
+<div class="page-footer"><span>知识库与腾讯 ima 教育应用</span><span>30 / 30</span></div>
+</section></div></main>
+<nav id="toolbar" aria-label="演示控制">
+<div id="progress" role="progressbar" aria-label="课程进度" aria-valuemin="1" aria-valuemax="30"></div>
+<a class="brand" href="#slide-1" aria-label="返回封面"><span class="brand-mark">知</span><span>让教学资料用起来</span></a>
+<div class="nav-group"><button data-action="prev" id="prev" aria-label="上一页">←</button><span id="page-label"></span><button data-action="next" id="next" aria-label="下一页">→</button></div>
+<span id="hint">方向键翻页</span><span id="mini-timer" role="timer"></span><div class="spacer"></div>
+<button data-action="toc" title="目录（M）">目录<span class="key">M</span></button><button data-action="notes" title="讲师备注（N）">备注<span class="key">N</span></button><button data-action="materials">资料</button><button data-action="reading" id="reading-toggle" aria-pressed="false">阅读模式</button><button data-action="full" class="full-button" title="全屏（F）">全屏<span class="key">F</span></button>
+</nav>
+<dialog id="toc-dialog"><header><div><p class="eyebrow">课程目录</p><h2>30 页，120 分钟</h2></div><button data-close aria-label="关闭目录">关闭 ×</button></header><input id="toc-search" type="search" placeholder="搜索标题或章节" aria-label="搜索目录"><div id="toc-list"></div><p id="toc-empty" hidden>没有匹配的页面，请换个关键词。</p></dialog>
+<dialog id="notes-dialog"><header><div><p class="eyebrow">讲师备注 · 打开时会显示在投影上</p><h2 id="notes-title"></h2></div><button data-close>关闭 ×</button></header><div id="notes-body"></div></dialog>
+<dialog id="materials-dialog"><header><div><p class="eyebrow">现场练习</p><h2>资料与播放说明</h2></div><button data-close>关闭 ×</button></header><p class="dialog-lead">先用材料 01—03 建立“光与影”专题库。材料 04 用于独立的校务查询案例，材料 05 用于记录练习成果。</p><div id="material-list"></div><button class="primary" data-action="download-all">下载完整练习包 ZIP</button><details><summary>官方来源与使用说明</summary><p>官方截图：<a href="https://ima.qq.com/" target="_blank" rel="noopener">腾讯 ima 未登录 Web 首页</a>，2026-11-03。产品介绍：<a href="https://ima.tencent.com/download" target="_blank" rel="noopener">腾讯 ima 官网</a>。</p><p>本网页可离线播放，不调用 AI，也不上传资料。产品操作需要联网。教学与校务案例均为模拟示例，不能替代课程标准、教材或学校正式制度。登录后的导入、来源点击、笔记和共享操作需在授课前验证。</p><p>← → / 空格翻页，Home / End 到首尾页，M 目录，N 备注，F 全屏，R 阅读模式，Esc 关闭弹窗。手机可左右滑动翻页，或切换阅读模式。截图可点击放大。</p></details></dialog>
+<dialog id="image-dialog"><header><h2>腾讯 ima 官方首页</h2><button data-close>关闭 ×</button></header><img id="zoom-image" alt="腾讯 ima 官方未登录首页放大图"></dialog>
+<dialog id="copy-dialog"><header><h2>手动复制提问模板</h2><button data-close>关闭 ×</button></header><textarea id="copy-text" aria-label="提问模板"></textarea><p>当前浏览器未允许自动复制，可选择上面的文字手动复制。</p></dialog>
+<dialog id="check-dialog"><header><div><p class="eyebrow">完成后逐项勾选</p><h2>你的成果准备好了吗？</h2></div><button data-close>关闭 ×</button></header><div class="checks"><label><input type="checkbox">资料可读，主题与来源清楚</label><label><input type="checkbox">问题明确，资料范围匹配</label><label><input type="checkbox">已经核对至少两处引用</label><label><input type="checkbox">完成过一次追问或修改</label><label><input type="checkbox">能够找到保存的最终成果</label></div><p id="check-status" aria-live="polite">已完成 0 / 5 项</p></dialog>
+<div id="toast" role="status"></div><div id="live-status" class="visually-hidden" aria-live="polite"></div>
+<script>const MATERIALS=[{"name": "01_主题说明.md", "content": "# 光与影教学专题：主题说明\n\n> 培训模拟材料，非课程标准或教材原文。不绑定具体学科年级和教材版本，正式教学前由教师核对适用范围。\n\n## 核心概念\n\n在均匀介质中，光沿直线传播。不透明物体遮挡光线时，可在适当位置的屏幕上观察到影子。观察装置包括光源、不透明物体和屏幕。\n\n## 教学目标建议\n\n1. 能描述光源、遮挡物和屏幕的关系。\n2. 能在观察中说明哪些条件保持不变、哪个条件发生变化。\n3. 能用观察记录支持自己的解释。\n\n## 适用范围\n\n用于培训中演示资料入库、提问和查证。实验讨论使用近似点光源，忽略复杂半影影响。正式使用前，教师应结合课程要求、学生经验、器材条件和实验安全进行修改。\n\n## 不包含的内容\n\n本材料未规定年级、教材章节、官方课标要求和固定课时安排，不应从本材料推断这些信息。\n"}, {"name": "02_活动建议.md", "content": "# 光与影教学专题：活动建议\n\n> 培训模拟材料，非课程标准或教材原文。\n\n## 观察装置\n\n使用安全的低功率光源、不透明物体和屏幕。避免直视强光。实验条件由教师现场检查。\n\n## 观察方案\n\n保持光源与屏幕固定，改变物体在二者之间的位置。其他条件应保持不变。记录物体的位置和屏幕上的影子大小。\n\n## 讨论问题\n\n- 本次观察中，哪一个条件发生变化？\n- 哪些条件需要保持不变？\n- 哪些记录可以支持你的判断？\n\n## 设计建议\n\n先请学生预测，再观察与记录，最后交流解释。教师可根据器材和学生经验选择演示或小组观察。\n\n## 信息边界\n\n本材料没有说明“光源越远，影子一定越大”。影子的变化应结合光源、物体和屏幕之间的相对位置与其他条件讨论。\n"}, {"name": "03_课堂反思.md", "content": "# 光与影教学专题：课堂反思\n\n> 培训模拟反思，非真实课堂观察记录。\n\n## 常见问题线索\n\n1. 一次同时改变光源和物体的位置，难以比较结果。\n2. 学生只说“变大了”，没有记录观察条件。\n3. 小组内分工不清楚，部分成员没有参与观察。\n\n## 改进建议\n\n- 在开始前明确不变条件和变化条件。\n- 提供记录表，记录位置、观察现象和解释。\n- 设置操作、记录、检查与汇报等角色。\n\n## 同课异构模拟课例\n\n课例A采用教师演示，器材需求较少，但需要关注每位学生是否看清。\n\n课例B采用小组观察，学生参与操作，但需要器材、分工与课堂常规支持。\n\n本材料不提供课堂效果统计，不能据此判断哪一种方式必然更好。\n"}, {"name": "04_校务办理模拟指南.md", "content": "# 校内培训办理模拟指南\n\n> 纯属培训虚构示例。所有角色与流程均非学校正式规定，禁止作为真实办事依据。\n\n模拟发布日期：2026-11-03。\n\n## 第1条：提交申请\n\n说明培训主题、拟开展时间、参与对象与资源需求。\n\n## 第2条：审核与沟通\n\n交教研负责人确认。信息缺失时补充后再确认。\n\n## 第3条：活动后归档\n\n保留活动记录与简要总结，供后续教研参考。\n\n## 未规定事项\n\n本指南没有规定审批时限、报销额度与其他审批角色。对于这些问题，应回答“未找到依据，需向负责人确认”。\n"}, {"name": "05_现场练习单.md", "content": "# 现场练习单\n\n建议用时：12分钟操作，8分钟分享。\n\n## 任务\n\n1. 建立“光与影教学专题演示库”，导入材料01、02、03。校务案例使用材料04，建议单独建库。\n2. 打开资料，确认解析内容完整。\n3. 提出一个查询问题和一个综合整理问题。\n4. 核对至少两处引用，记录原文与自己的判断。\n5. 通过追问或手工修改形成一份成果，保存到自己能找到的位置。\n\n## 可复制的提问\n\n请基于这3份资料，整理“光与影”专题的核心概念、活动建议和常见问题，用表格呈现，并标明资料名称。将资料依据与补充建议分开，缺少依据时明确说明。\n\n## 查证记录\n\n| 待核对的说法 | 资料名称与原文 | 是否支持 | 我的修改 |\n|---|---|---|---|\n| | | | |\n| | | | |\n\n## 成果检查\n\n- [ ] 资料可读，主题清楚。\n- [ ] 问题明确，资料范围匹配。\n- [ ] 至少核对两处引用。\n- [ ] 至少一次追问或修改。\n- [ ] 已找到保存的成果。\n\n分享时请说明：一个有帮助的结果，以及一处必须由自己判断或修改的内容。\n"}];
+const MATERIAL_ZIP="UEsDBBQAAAgIAAAAIQDEiH5WbgIAAM0DAAASAAAAMDFf5Li76aKY6K+05piOLm1kXVPJcptAEL3zFaryPVVJ7vk2CRtrQyAZJEuWZaR4EZHNYMWyzRo+JtM9w8m/kB6m7KRSxQGmp9/S/ThqgdXniQPlHqcLiO544tXf52/FBU9yepHxAeeOYXxrQZBKFmG4wWGAqzHOFm+FXa+uZPxLhENcd6F7ir0ZoVAVnABn3d9tkycjkU+AXYD1ykuPCMR2AulBZFs4s/Vl0e/h5QOhYXQNhat1QH8k/EZT0sN1AnFat03hh9I+huWBkA3j6KilKtUx3plQPRsGXIaw6oLd5vlQHkKeRARK/vBnJZZEWfFijWeRllW3XXIm+j9IVt1haG/oJt3B8xfV5caERpRQerwciZKJixPYu5BOeTKQWxPiAHqPNDaIxgSoT+S1RTfBtnD4oHgzKnX+4yLbGufDQ+NXLJmaYZ5Jxgzj86eWPC7RdWX1+AGkVRLKB4TSZD2Jp1xhfWl6SLXWQu718sDb8WyJqw3PX3i1QlspAndOiKqU7HQJ3InwAzoHe6bgvjZwauLaGiOzU/Rj6pfdHbzuiVxur+vu4N3IvwsyDHrlmaNTQ1qw8MVNJp9PKDhg3ULmET+64/qcqSAEtzLuEBCwq3pnSxZKlvGyUnjVhBeFMFM9B7WbqhTTW7gZ4cqE0UDtgB5vRO06QbqREqQy1SQIMl/kHox7Oq3yroN7Uw2ABu8HIneJVH0uQhVtPQ8aciMGWB8skrGUG5tXDP303bCao23B+F7t4dQClhoGJVn/HXi5k9sTlfwm7cqtTvv9Wg4abjbHWUqCaO9akKJcZtSiDs9fiBidM/KgeDKf585fcCfEWSSrBW2WVxvsxErTH1BLAwQUAAAICAAAACEAARMOiCECAABoAwAAEgAAADAyX+a0u+WKqOW7uuiuri5tZF1S21LiQBR8z1dQxfP+wn5bYhEJEBJ2CZFLMEZQoiWJbqGbC4F/0TlnJk/+gmcySrn7emZOd5/ubrfA7LHMgeoJJzPY3rJsXF9P3/dz3JXQj6EsRJJo2s8WhLlIthhHOAhxOUJ/9r636+WlSA88HuBVF7rnaPmEQq/ghOh33/QzTWu3W2JzBmkoViavCIpVR+7FkPTAjPm8wyoH+iF3uiQEi9GbbrBsWOsuTh3eu2PVGH7b8ORCPiG42jiCOeSLndicw76gFRpCclnf27iMWPnCveaOzOLOIwQFrnQMb/7VgX6OkUU6jku0DcUqHWg4YFFAMqfL0MvBnX4qCGJW2EI3WT6oL3aN6CHdIrnNF1b6ihsKT2HSAbRLryJ5hGqiQE5bp3tY1qchOQ/bEaw38OiehCaxSIr6IqEoNO1HC4MHfIiUfJZtSR6M71mms+z+k9r9xb2QSMH23/chrcgPxUK91oEubo3v2r7/USLBTVl5g14q/1RXUpi1Rn8rfypJB5FEX3UA0xLpX6oLsdbXHXweSE3nwy+JjgKVPgY6jBxWrPHZEJtV3e3TkSoiosSrHIcJzGLZGfKlAeSlS3nWeg8Hd7j3+LqgXpE7vOwo/C+b2DFCIxWHnE9sTZMmNb3EPxEGPZHuqEKveqASFi99cQykysZvMo9ypiEZ/6ovZZLNXN7duEhh8nIMI+tUy//aeOoCX2SQ5ipb2aNvjVA5SrkfUEsDBBQAAAgIAAAAIQAQUKzNFQIAACYDAAASAAAAMDNf6K++5aCC5Y+N5oCdLm1kVVLbbtpAEH33V1jiOZHavldqv8w4XAPGTjCEi4E6AexGwYYEEQO2+ZdkZ3Z5yi90liWt+uT1aOZc5kxBh3KdJS3IVtjpw2LOkvbxvveRDkScwy8TbAuNkaZ912GyFdECQx8bE1X9SJvH0Zh7E4jGqlsEJsQTES0h67wbpqYVCjokiQiKx7uIYPnuwNf3mvblUmeJgU8+OE2826C7BbtHQnDnwG2T13+zrM0HJZZZPIskzSBn+xnGrsiv+L6NY0+if73USTB3Sc6jiNdvhidRpgHbVd5O6vDZR6+u5ChpOPLZfiOHv9Hw0ub7ElTKUKvA64wlFiZlnA0k4VVIRaw5cNNTKGCbtCaF8mmNdIvDEPY7EUWadqGDF0JqQNCAuoW9FvcjwiRNipWcSX3N7j8RFzraDsuHZ4l+SNTqray/G0XFyFtLsfIJQQQPx+q1mhVRTj3Ytljmyc7z2ov4YOCE7LRwVcXrGV/URXAr6s9/E3GaMq7UxHFJ5Um/LG9omvr+OFar3A3lPSQ1TF0+3ZEu6Ic4co6egSuTYoDlDRVZVqGKmBeh/IIvIcY2CVehYC8GZ869Bi31xKzAfypwtXtlToKfc5Q7Vob+Az9Rk7PPoFrn45SnVUI3xmbxRIHeEzVity+zVJs9NWKnRjfD93SavgROLHGVoRXhYgq1KXYX0H6kg+SBhd0tpDYcyry0weEaZpkE/gNQSwMEFAAACAgAAAAhALtzRl/EAQAAfgIAAB4AAAAwNF/moKHliqHlip7nkIbmqKHmi5/mjIfljZcubWRdkd1OIkEQhe/nKUi4NhFMvNxnaxBwBwRGFxaB+aH5k2yYQVhU6BngXbSruufKV7DGXjebvet0VZ1z6qt8DkccalUI9joKoe4rp4YLjo0Ab66h2bOsbzklVrD2TYfuD9CvqKmQx8YbK6PN0LX1w522N3LXwqeSWjTAu049H8I5SWM4gaStHyoQDd6TGzUvYTiWB1fuhHIDiHyylKIhjx42IxK0LOMO7VvYXWFvhm7wngyK58XLs0Lh7Pzisyefz6nlsoAepxq2HSmmqvNbr14sS6+2eN8yYeUuTsf3b6yUCSYM1l3sPae9Lf1Au0x5YbXXa04P/VRB4aQuw3X5H4eicYCI42iX7bcJUjawLPLDbl+NOnob6O1ECqF4pKMpjcoTx9JKJQKma3LTfAbVKjgtqDX/9nzJX/xZYBtDfZH1HO6QT0j+5Klu33zr6BEOXfJWEdNEj8Uq/kEk5XFIEyoOTRDaR7OrL210fxnkhDble4LqLs09ccM/D5YVs7XsfYak72SQ6rO0w9KxB2Kesak+y/in6TEHJnUCJkVLn/pSDNNeRHQpCogODH0Vdl6ZS85oH+H7o7koVQkqOLf/gXplXpb1A1BLAwQUAAAICAAAACEAzjVWc7MCAAByBAAAFQAAADA1X+eOsOWcuue7g+S5oOWNlS5tZF1T21LiQBB9z1ekymcsb1u1/7K1f8JDEANBEohyEVkQoqCslwRXlJAL+Red7gxP/sL2ZFDZLYrUTNJ95vQ5Z7bUtDaFXpCGRbYYgtVSFAgD7rppc4JnL+9Rd3cPjNLqdIANi8W998j8Lvf0ZMHdm3aoKFtbKgtDOHYUZXdbpf70rvqq9UCvML8G8SO2zuHhmvmN1WUHo2Y6CiBovGp9AgMvAn2MfRvb5zu7b1phZ0889gkXhw5BomOwZZXFiSAkyw5EX0aS+KbVe1oTnmCyt61ipQGRxp+PqJLqUsfl7ojfXOGFDSUd3AW4JrZmonqfqus2lAPma8y/xcGYe5erM5dYwqkpX6ZhBLZBDaldkp9E5wF1Dn3wFrz8BNMT5o9gdARRizjSmdydQtyC2gDbZRKAl29h/ph2j8AYYftB9H/bVldalydlnsSEikYbK1WYj1niYnMB8SUatjg/jGmBF0J1lvThoQPGVMLxYoyVJW0Jl8VWGrsfTkDdg5EFxgt9ofEIXlG4N4dBwIIaT873CfVTHjnYpldkizRKtNOMSRGvDyF5JldwRh5P1sqfmuD7/KYgRRFKNyfcmeAwghODMiU8WrzgsIydmjwObCu9mRJNmJbkG7bso+UKiZwx6Poa2SiRgQIwCoS2WQ1FkXCEmd6MFh+zZpYVpN6KkldhqUtfiLyofGqpeXXzdDFj5gu9x44H9jU2PTQLYmucCC0zB9S8ks/lcv/8CX7921hlJDKL8EojNoqSU3+oPz/OrHvcC4V5fiii7+s47gruskhKJ+cSscl6uFmEXzMwFyvd+iqVOZOzbabt/woKDd47n6mS03wVwfyPTI1Mk7A4I5/pKS80KU1pkTLT7V9fjV4FfBeOf1NHGjbWiQzHUD+mAsEm0VdOmDYfZTpl0j8JiOxnd0+c8xdQSwECFAMUAAAICAAAACEAxIh+Vm4CAADNAwAAEgAAAAAAAAAAAAAAgAEAAAAAMDFf5Li76aKY6K+05piOLm1kUEsBAhQDFAAACAgAAAAhAAETDoghAgAAaAMAABIAAAAAAAAAAAAAAIABngIAADAyX+a0u+WKqOW7uuiuri5tZFBLAQIUAxQAAAgIAAAAIQAQUKzNFQIAACYDAAASAAAAAAAAAAAAAACAAe8EAAAwM1/or77loILlj43mgJ0ubWRQSwECFAMUAAAICAAAACEAu3NGX8QBAAB+AgAAHgAAAAAAAAAAAAAAgAE0BwAAMDRf5qCh5Yqh5Yqe55CG5qih5ouf5oyH5Y2XLm1kUEsBAhQDFAAACAgAAAAhAM41VnOzAgAAcgQAABUAAAAAAAAAAAAAAIABNAkAADA1X+eOsOWcuue7g+S5oOWNlS5tZFBLBQYAAAAABQAFAE8BAAAaDAAAAAA=";
+'use strict';
+const slides=[...document.querySelectorAll('.slide')];
+const stage=document.getElementById('stage');
+let current=0,reading=false,lastFocus=null,noticeTimeout;
+const $=id=>document.getElementById(id);
+function toast(message){$('toast').textContent=message;$('toast').classList.add('show');clearTimeout(noticeTimeout);noticeTimeout=setTimeout(()=>$('toast').classList.remove('show'),2800);}
+function resize(){const bar=$('toolbar').getBoundingClientRect().height;stage.style.transform=`scale(${Math.min(innerWidth/1280,(innerHeight-bar)/720)})`;}
+function update(){const slide=slides[current];$('page-label').textContent=`${String(current+1).padStart(2,'0')} / ${slides.length}`;$('progress').style.width=`${(current+1)/slides.length*100}%`;$('progress').setAttribute('aria-valuenow',String(current+1));$('prev').disabled=current===0;$('next').disabled=current===slides.length-1;document.title=`${current+1}. ${slide.dataset.title} · 知识库培训`;$('live-status').textContent=`第 ${current+1} 页，共 ${slides.length} 页：${slide.dataset.title}`;document.querySelectorAll('.toc-item').forEach((b,i)=>{b.classList.toggle('current',i===current);b.setAttribute('aria-current',i===current?'page':'false');});}
+function go(index,hash=true,scroll=true){current=Math.max(0,Math.min(slides.length-1,index));slides.forEach((s,i)=>{s.classList.toggle('active',i===current);s.inert=!reading&&i!==current;s.setAttribute('aria-hidden',String(!reading&&i!==current));});if(hash){try{history.replaceState(null,'',`#slide-${current+1}`);}catch{location.hash=`slide-${current+1}`;}}update();if(reading&&scroll)slides[current].scrollIntoView({block:'start'});}
+function fromHash(){const m=location.hash.match(/^#slide-(\d+)$/);go(m?Number(m[1])-1:0,false);}
+function show(id){lastFocus=document.activeElement;$(id).showModal();}
+function notes(){$('notes-title').textContent=`${current+1}. ${slides[current].dataset.title}`;$('notes-body').textContent=slides[current].dataset.note;show('notes-dialog');}
+function toggleReading(){reading=!reading;document.body.classList.toggle('reading',reading);$('reading-toggle').setAttribute('aria-pressed',String(reading));$('reading-toggle').textContent=reading?'演示模式':'阅读模式';if(!reading)window.scrollTo(0,0);resize();go(current);}
+async function fullscreen(){try{if(document.fullscreenElement)await document.exitFullscreen();else if(document.documentElement.requestFullscreen)await document.documentElement.requestFullscreen();else toast('请通过浏览器菜单进入全屏。');}catch{toast('此浏览器需通过菜单进入全屏。');}}
+async function copyPrompt(){const target=slides[current].querySelector('.prompt-copy');if(!target)return;const value=target.innerText.trim();try{if(navigator.clipboard&&isSecureContext){await navigator.clipboard.writeText(value);}else{const t=document.createElement('textarea');t.value=value;t.style.position='fixed';t.style.opacity='0';document.body.append(t);t.select();const ok=document.execCommand('copy');t.remove();if(!ok)throw new Error('copy');}toast('提问模板已复制，可粘贴到 ima。');}catch{$('copy-text').value=value;show('copy-dialog');}}
+function download(blob,name){const url=URL.createObjectURL(blob),a=document.createElement('a');a.href=url;a.download=name;document.body.append(a);a.click();a.remove();setTimeout(()=>URL.revokeObjectURL(url),10000);toast(`已准备下载：${name}`);}
+function downloadMaterial(index){const item=MATERIALS[index];if(item)download(new Blob(['\uFEFF'+item.content],{type:'text/markdown;charset=utf-8'}),item.name);}
+function downloadAll(){const bytes=Uint8Array.from(atob(MATERIAL_ZIP),c=>c.charCodeAt(0));download(new Blob([bytes],{type:'application/zip'}),'培训练习材料.zip');}
+// The deadline keeps the countdown accurate after background-tab throttling.
+let remaining=720,deadline=0,running=false,timerStarted=false;
+function renderTimer(){const time=`${String(Math.floor(remaining/60)).padStart(2,'0')}:${String(remaining%60).padStart(2,'0')}`;$('mini-timer').textContent=timerStarted?`练习 ${time}${running?'':' · 已暂停'}`:'';document.querySelectorAll('[data-action="timer-toggle"]').forEach(b=>b.textContent=running?'暂停计时':remaining===0?'重新开始':timerStarted?'继续计时':'开始 12 分钟练习');const clock=document.querySelector('.practice-clock');if(clock)clock.textContent=time;}
+function toggleTimer(){if(running){remaining=Math.max(0,Math.ceil((deadline-Date.now())/1000));running=false;}else{if(remaining===0)remaining=720;deadline=Date.now()+remaining*1000;running=true;timerStarted=true;}renderTimer();}
+setInterval(()=>{if(!running)return;remaining=Math.max(0,Math.ceil((deadline-Date.now())/1000));if(remaining===0){running=false;toast('练习时间到，请分享你的成果。');}renderTimer();},250);
+document.addEventListener('click',event=>{const image=event.target.closest('.image-zoom');if(image){$('zoom-image').src=image.querySelector('img').src;show('image-dialog');return;}const b=event.target.closest('button');if(!b)return;if(b.hasAttribute('data-close')){b.closest('dialog').close();return;}if(b.dataset.slide!==undefined){$('toc-dialog').close();go(Number(b.dataset.slide));return;}if(b.dataset.material!==undefined){downloadMaterial(Number(b.dataset.material));return;}const actions={prev:()=>go(current-1),next:()=>go(current+1),toc:()=>show('toc-dialog'),notes,materials:()=>show('materials-dialog'),reading:toggleReading,full:fullscreen,'copy-prompt':copyPrompt,'download-all':downloadAll,'timer-toggle':toggleTimer,'timer-reset':()=>{running=false;remaining=720;timerStarted=false;renderTimer();},checklist:()=>show('check-dialog')};actions[b.dataset.action]?.();});
+document.querySelectorAll('dialog').forEach(d=>{d.addEventListener('close',()=>{if(lastFocus?.isConnected&&!lastFocus.closest('[inert]'))lastFocus.focus();});d.addEventListener('click',e=>{if(e.target!==d)return;const r=d.getBoundingClientRect();if(e.clientX<r.left||e.clientX>r.right||e.clientY<r.top||e.clientY>r.bottom)d.close();});});
+document.addEventListener('keydown',e=>{if(document.querySelector('dialog[open]')||e.ctrlKey||e.metaKey||e.altKey||e.target.closest('input,textarea,select,[contenteditable]'))return;if(e.target.closest('button,a')&&(e.key===' '||e.key==='Enter'))return;const key=e.key.toLowerCase();if(['arrowright','arrowdown',' ','pagedown'].includes(key)){e.preventDefault();go(current+1);}else if(['arrowleft','arrowup','pageup'].includes(key)){e.preventDefault();go(current-1);}else if(key==='home'){e.preventDefault();go(0);}else if(key==='end'){e.preventDefault();go(slides.length-1);}else if(key==='m')show('toc-dialog');else if(key==='n')notes();else if(key==='f')fullscreen();else if(key==='r')toggleReading();});
+let touch=null;$('viewport').addEventListener('touchstart',e=>{if(reading||e.target.closest('button,a,input,textarea'))return;touch={x:e.touches[0].clientX,y:e.touches[0].clientY};},{passive:true});$('viewport').addEventListener('touchend',e=>{if(!touch)return;const dx=e.changedTouches[0].clientX-touch.x,dy=e.changedTouches[0].clientY-touch.y;if(Math.abs(dx)>60&&Math.abs(dx)>Math.abs(dy)*1.5)go(current+(dx<0?1:-1));touch=null;},{passive:true});
+slides.forEach((s,i)=>{const b=document.createElement('button');b.className='toc-item';b.dataset.slide=String(i);const num=document.createElement('span');num.textContent=String(i+1).padStart(2,'0');const label=document.createElement('div');label.textContent=s.dataset.title;b.append(num,label);$('toc-list').append(b);});
+$('toc-search').addEventListener('input',e=>{const q=e.target.value.trim().toLowerCase();let count=0;document.querySelectorAll('.toc-item').forEach((b,i)=>{const match=(slides[i].dataset.title+' '+slides[i].dataset.chapter).toLowerCase().includes(q);b.hidden=!match;if(match)count++;});$('toc-empty').hidden=count>0;});
+MATERIALS.forEach((m,i)=>{const item=document.createElement('div');item.className='material-item';const name=document.createElement('span');name.textContent=m.name;const small=document.createElement('small');small.textContent=i<3?'光与影专题模拟资料':i===3?'独立校务案例模拟资料':'练习任务与查证记录';name.append(small);const b=document.createElement('button');b.dataset.material=String(i);b.textContent='下载';b.setAttribute('aria-label',`下载 ${m.name}`);item.append(name,b);$('material-list').append(item);});
+document.querySelectorAll('.checks input').forEach(c=>c.addEventListener('change',()=>{$('check-status').textContent=`已完成 ${document.querySelectorAll('.checks input:checked').length} / 5 项`;}));
+let scrollFrame=0;window.addEventListener('scroll',()=>{if(!reading||scrollFrame)return;scrollFrame=requestAnimationFrame(()=>{scrollFrame=0;const index=slides.findIndex(s=>s.getBoundingClientRect().bottom>150);if(index>=0&&index!==current){current=index;update();}});},{passive:true});
+let printReading=false;window.addEventListener('beforeprint',()=>{printReading=reading;document.body.classList.remove('reading');});window.addEventListener('afterprint',()=>{document.body.classList.toggle('reading',printReading);});
+window.addEventListener('resize',resize);window.addEventListener('hashchange',fromHash);resize();fromHash();renderTimer();
+</script></body></html>

scripts/build.mjs

@@ -108,7 +108,7 @@ text(s,'从一个单元开始，建立自己的教学资料库',68,518,670,78,25
 
 await fs.mkdir(path.join(BASE,'build','previews'),{recursive:true});
 await fs.mkdir(path.join(BASE,'outputs'),{recursive:true});
-await fs.writeFile(path.join(BASE,'src','deck.json'),JSON.stringify(manifest,null,2));
+await fs.writeFile(path.join(BASE,'src','pptx-deck.json'),JSON.stringify(manifest,null,2));
 const draft=path.join(BASE,'build','candidate.pptx');
 await (await PresentationFile.exportPptx(p)).save(draft);
 console.log('Draft exported: '+draft);

scripts/build_web.py

@@ -0,0 +1,164 @@
+#!/usr/bin/env python3
+"""Build the offline deck using only Python's standard library."""
+import argparse
+import io
+import zipfile
+import base64
+import html
+import json
+import mimetypes
+import re
+from collections import Counter
+from html.parser import HTMLParser
+from pathlib import Path
+
+ROOT = Path(__file__).resolve().parents[1]
+OUTPUT = ROOT / "outputs/index.html"
+
+
+class Markup(HTMLParser):
+    def __init__(self, text):
+        super().__init__(convert_charrefs=True)
+        self.ids = []
+        self.sections = []
+        self.resources = []
+        self.feed(text)
+
+    def handle_starttag(self, tag, attrs):
+        attrs = dict(attrs)
+        if "id" in attrs:
+            self.ids.append(attrs["id"])
+        if tag == "section":
+            self.sections.append(attrs)
+        if tag in ("img", "script", "iframe", "video", "audio", "source"):
+            if attrs.get("src"):
+                self.resources.append(attrs["src"])
+
+
+def require(condition, message):
+    if not condition:
+        raise ValueError(message)
+
+
+def extract(text, tag):
+    blocks = re.findall(rf"<{tag}>(.*?)</{tag}>", text, re.S)
+    return re.sub(rf"<{tag}>.*?</{tag}>", "", text, flags=re.S), blocks
+
+
+def scoped_css(css, page_id):
+    """Require every local selector to begin at this page's root."""
+    # Page styles deliberately use ordinary rules; global animations belong in theme.css.
+    clean = re.sub(r"/\*.*?\*/", "", css, flags=re.S)
+    rules = re.findall(r"([^{}]+)\{([^{}]*)\}", clean)
+    require(not re.sub(r"[^{}]+\{[^{}]*\}", "", clean).strip(),
+            f"{page_id}: 页内样式不支持嵌套规则，请将公共媒体规则放入 theme.css")
+    for selectors, _ in rules:
+        require(all(re.match(r"^:scope(?=[\s.#:[>+~]|$)", selector.strip())
+                    for selector in selectors.split(",")),
+                f"{page_id}: 每个专用样式选择器必须以 :scope 开头")
+        require(not re.search(r":scope\s*[+~]", selectors),
+                f"{page_id}: 页内样式不能选择其他页面")
+    return css.replace(":scope", f':where([data-page="{page_id}"])')
+
+
+def build():
+    ids = json.loads((ROOT / "src/deck.json").read_text())
+    require(isinstance(ids, list) and ids, "deck.json 必须是非空页面 ID 列表")
+    require(all(isinstance(x, str) and re.fullmatch(r"[a-z][a-z0-9-]*", x) for x in ids),
+            "页面 ID 只能包含小写字母、数字和连字符")
+    require(len(ids) == len(set(ids)), "deck.json 中存在重复页面 ID")
+    pages, styles, scripts = [], [], []
+    styles.append((ROOT / "src/styles/theme.css").read_text())
+    materials = [{"name": p.name, "content": p.read_text()} for p in sorted((ROOT / "materials").glob("*.md"))]
+    require(len(materials) == 5, "练习资料必须包含5份Markdown文件")
+    buffer = io.BytesIO()
+    with zipfile.ZipFile(buffer, "w", zipfile.ZIP_DEFLATED) as archive:
+        for item in materials:
+            info = zipfile.ZipInfo(item["name"], date_time=(1980, 1, 1, 0, 0, 0))
+            info.compress_type = zipfile.ZIP_DEFLATED
+            archive.writestr(info, item["content"])
+    material = buffer.getvalue()
+    scripts.append("const MATERIALS=" + json.dumps(materials, ensure_ascii=False) + ";")
+    scripts.append("const MATERIAL_ZIP=" + json.dumps(base64.b64encode(material).decode()) + ";")
+    scripts.append((ROOT / "src/runtime/player.js").read_text())
+    image_types = {}
+
+    def inline_asset(match):
+        name = match[1]
+        path = (ROOT / "assets" / name).resolve()
+        require((ROOT / "assets").resolve() in path.parents, f"图片路径越界: {name}")
+        require(path.is_file(), f"图片不存在: {name}")
+        mime = ("image/" + image_types[name] if name in image_types
+                else mimetypes.guess_type(name)[0])
+        require(mime and mime.startswith("image/"), f"无法识别图片类型: {name}")
+        return "data:" + mime + ";base64," + base64.b64encode(path.read_bytes()).decode()
+
+    for number, page_id in enumerate(ids, 1):
+        path = ROOT / "src/slides" / (page_id + ".html")
+        text = path.read_text()
+        text, page_styles = extract(text, "style")
+        text, page_scripts = extract(text, "script")
+        parsed = Markup(text)
+        require(len(parsed.sections) == 1, f"{path.name}: 必须恰好有一个 section")
+        attrs = parsed.sections[0]
+        require("slide" in attrs.get("class", "").split(), f"{path.name}: 缺少 slide 类")
+        require(all(attrs.get(key) for key in ("data-title", "data-chapter", "data-note")),
+                f"{path.name}: 缺少标题、章节或讲稿备注")
+        require(not any(key in attrs for key in ("id", "data-page", "aria-label", "aria-hidden")),
+                f"{path.name}: 页码、标识和可见状态由构建生成，请移除手写属性")
+        require("active" not in attrs["class"].split(), f"{path.name}: 不要手写 active")
+        title = html.escape(attrs["data-title"], quote=True)
+        text = text.replace("<section", (
+            f'<section id="slide-{number}" data-page="{page_id}"'
+            f' aria-label="第{number}页：{title}" aria-hidden="true"'
+        ), 1)
+        text = text.replace("{{PAGE_NUMBER}}", f"{number:02}")
+        text = text.replace("{{PAGE_COUNT}}", str(len(ids)))
+        # asset: paths are relative to assets/, independent of the page's location.
+        text = re.sub(r"asset:([^\"'<>\s]+)", inline_asset, text)
+        pages.append(text.strip())
+        for css in page_styles:
+            styles.append(scoped_css(css, page_id))
+        for script in page_scripts:
+            scripts.append(
+                f'(() => {{\nconst root = document.querySelector(\'[data-page="{page_id}"]\');\n'
+                + script + "\n})();"
+            )
+
+    shell = (ROOT / "src/shell.html").read_text()
+    for marker in ("{{SLIDES}}", "{{STYLES}}", "{{SCRIPTS}}"):
+        require(shell.count(marker) == 1, f"shell.html 中 {marker} 必须恰好出现一次")
+    result = shell.replace("{{PAGE_COUNT}}", str(len(ids)))
+    result = result.replace("{{SLIDES}}", "\n".join(pages))
+    result = result.replace("{{STYLES}}", "\n".join(styles))
+    result = result.replace("{{SCRIPTS}}", "\n".join(scripts).replace("</script", r"<\/script"))
+    require(not re.search(r"\{\{[A-Z_]+\}\}", result), "存在未替换的构建占位符")
+    parsed = Markup(result)
+    duplicates = [key for key, count in Counter(parsed.ids).items() if count > 1]
+    require(not duplicates, "存在重复 HTML ID: " + ", ".join(duplicates))
+    require(len(parsed.sections) == len(ids), "最终页面数不一致")
+    require(all(url.startswith("data:") for url in parsed.resources),
+            "播放资源必须内嵌，不能依赖网络或本地相对路径")
+    return result, material, len(ids)
+
+
+def main():
+    parser = argparse.ArgumentParser(description=__doc__)
+    parser.add_argument("--check", action="store_true", help="仅验证源码，不写入输出")
+    parser.add_argument("--output", type=Path, default=OUTPUT, help="指定生成文件位置")
+    args = parser.parse_args()
+    result, material, count = build()
+    if args.check:
+        print(f"检查通过：{count} 页；ID、页面元数据和内嵌资源有效。")
+        return
+    args.output.parent.mkdir(parents=True, exist_ok=True)
+    # Replace only after the complete deck has passed validation.
+    temp = args.output.with_suffix(".html.tmp")
+    temp.write_text(result, encoding="utf-8")
+    temp.replace(args.output)
+    (args.output.parent / "培训练习材料.zip").write_bytes(material)
+    print(f"已生成 {count} 页：{args.output}")
+
+
+if __name__ == "__main__":
+    main()

src/deck.json

@@ -1,152 +1,32 @@
 [
-  {
-    "page": 1,
-    "title": "让教学资料用起来",
-    "chapter": "教师培训"
-  },
-  {
-    "page": 2,
-    "title": "资料越来越多，使用依然费劲",
-    "chapter": "从日常问题出发"
-  },
-  {
-    "page": 3,
-    "title": "今天建立一个能回答问题的资料库",
-    "chapter": "今天的成果"
-  },
-  {
-    "page": 4,
-    "title": "知识库，把资料组织成可用的资源",
-    "chapter": "知识库基础"
-  },
-  {
-    "page": 5,
-    "title": "资料管理工具，各有适合的问题",
-    "chapter": "知识库基础"
-  },
-  {
-    "page": 6,
-    "title": "AI 如何使用你放进去的资料",
-    "chapter": "知识库基础"
-  },
-  {
-    "page": 7,
-    "title": "知识库进入教师工作的五个环节",
-    "chapter": "知识库基础"
-  },
-  {
-    "page": 8,
-    "title": "第一个知识库，从一个具体主题开始",
-    "chapter": "知识库基础"
-  },
-  {
-    "page": 9,
-    "title": "回答质量，取决于资料质量",
-    "chapter": "知识库基础"
-  },
-  {
-    "page": 10,
-    "title": "腾讯 ima，围绕知识库开展搜读写",
-    "chapter": "认识腾讯 ima"
-  },
-  {
-    "page": 11,
-    "title": "一次备课，可以连起五种操作",
-    "chapter": "认识腾讯 ima"
-  },
-  {
-    "page": 12,
-    "title": "先认识知识库入口与提问区域",
-    "chapter": "ima 基础操作"
-  },
-  {
-    "page": 13,
-    "title": "建立“光与影”教学专题演示库",
-    "chapter": "ima 基础操作"
-  },
-  {
-    "page": 14,
-    "title": "具体的问题，让回答更接近任务",
-    "chapter": "ima 基础操作"
-  },
-  {
-    "page": 15,
-    "title": "有引用，还需要回到原文核对",
-    "chapter": "ima 基础操作"
-  },
-  {
-    "page": 16,
-    "title": "把回答继续加工成自己的教学积累",
-    "chapter": "ima 基础操作"
-  },
-  {
-    "page": 17,
-    "title": "四个场景，把知识库用到工作里",
-    "chapter": "教育典型应用"
-  },
-  {
-    "page": 18,
-    "title": "案例一：先从材料中提炼备课要点",
-    "chapter": "备课案例"
-  },
-  {
-    "page": 19,
-    "title": "案例一：形成可以修改的课堂活动初稿",
-    "chapter": "备课案例"
-  },
-  {
-    "page": 20,
-    "title": "案例二：分层练习体现不同思维要求",
-    "chapter": "练习设计案例"
-  },
-  {
-    "page": 21,
-    "title": "案例二：一道题，展示教师如何审核",
-    "chapter": "练习设计案例"
-  },
-  {
-    "page": 22,
-    "title": "案例三：比较课例，留下适用条件",
-    "chapter": "教研积累案例"
-  },
-  {
-    "page": 23,
-    "title": "案例三：共享库需要持续维护",
-    "chapter": "教研积累案例"
-  },
-  {
-    "page": 24,
-    "title": "案例四：从制度文件整理办事清单",
-    "chapter": "校务查询案例"
-  },
-  {
-    "page": 25,
-    "title": "案例四：冲突与缺失，需要明确呈现",
-    "chapter": "校务查询案例"
-  },
-  {
-    "page": 26,
-    "title": "现场练习：建立自己的教学专题库",
-    "chapter": "现场练习"
-  },
-  {
-    "page": 27,
-    "title": "一段可以反复使用的提问模板",
-    "chapter": "现场练习"
-  },
-  {
-    "page": 28,
-    "title": "练习完成，能展示这五项成果",
-    "chapter": "现场练习"
-  },
-  {
-    "page": 29,
-    "title": "让资料库保持有用的日常习惯",
-    "chapter": "持续使用"
-  },
-  {
-    "page": 30,
-    "title": "从一个单元开始",
-    "chapter": "交流与答疑"
-  }
+  "cover",
+  "material-problems",
+  "training-goal",
+  "knowledge-base",
+  "tool-comparison",
+  "how-it-works",
+  "teacher-workflow",
+  "choose-topic",
+  "material-quality",
+  "ima-intro",
+  "ima-capabilities",
+  "ima-interface",
+  "create-library",
+  "ask-clearly",
+  "verify-sources",
+  "save-knowledge",
+  "case-overview",
+  "case-lesson-materials",
+  "case-lesson-plan",
+  "case-exercises",
+  "case-question-review",
+  "case-research-comparison",
+  "case-research-sharing",
+  "case-school-process",
+  "case-missing-evidence",
+  "practice",
+  "prompt-template",
+  "practice-checklist",
+  "daily-habits",
+  "closing"
 ]

src/pptx-deck.json

@@ -0,0 +1,152 @@
+[
+  {
+    "page": 1,
+    "title": "让教学资料用起来",
+    "chapter": "教师培训"
+  },
+  {
+    "page": 2,
+    "title": "资料越来越多，使用依然费劲",
+    "chapter": "从日常问题出发"
+  },
+  {
+    "page": 3,
+    "title": "今天建立一个能回答问题的资料库",
+    "chapter": "今天的成果"
+  },
+  {
+    "page": 4,
+    "title": "知识库，把资料组织成可用的资源",
+    "chapter": "知识库基础"
+  },
+  {
+    "page": 5,
+    "title": "资料管理工具，各有适合的问题",
+    "chapter": "知识库基础"
+  },
+  {
+    "page": 6,
+    "title": "AI 如何使用你放进去的资料",
+    "chapter": "知识库基础"
+  },
+  {
+    "page": 7,
+    "title": "知识库进入教师工作的五个环节",
+    "chapter": "知识库基础"
+  },
+  {
+    "page": 8,
+    "title": "第一个知识库，从一个具体主题开始",
+    "chapter": "知识库基础"
+  },
+  {
+    "page": 9,
+    "title": "回答质量，取决于资料质量",
+    "chapter": "知识库基础"
+  },
+  {
+    "page": 10,
+    "title": "腾讯 ima，围绕知识库开展搜读写",
+    "chapter": "认识腾讯 ima"
+  },
+  {
+    "page": 11,
+    "title": "一次备课，可以连起五种操作",
+    "chapter": "认识腾讯 ima"
+  },
+  {
+    "page": 12,
+    "title": "先认识知识库入口与提问区域",
+    "chapter": "ima 基础操作"
+  },
+  {
+    "page": 13,
+    "title": "建立“光与影”教学专题演示库",
+    "chapter": "ima 基础操作"
+  },
+  {
+    "page": 14,
+    "title": "具体的问题，让回答更接近任务",
+    "chapter": "ima 基础操作"
+  },
+  {
+    "page": 15,
+    "title": "有引用，还需要回到原文核对",
+    "chapter": "ima 基础操作"
+  },
+  {
+    "page": 16,
+    "title": "把回答继续加工成自己的教学积累",
+    "chapter": "ima 基础操作"
+  },
+  {
+    "page": 17,
+    "title": "四个场景，把知识库用到工作里",
+    "chapter": "教育典型应用"
+  },
+  {
+    "page": 18,
+    "title": "案例一：先从材料中提炼备课要点",
+    "chapter": "备课案例"
+  },
+  {
+    "page": 19,
+    "title": "案例一：形成可以修改的课堂活动初稿",
+    "chapter": "备课案例"
+  },
+  {
+    "page": 20,
+    "title": "案例二：分层练习体现不同思维要求",
+    "chapter": "练习设计案例"
+  },
+  {
+    "page": 21,
+    "title": "案例二：一道题，展示教师如何审核",
+    "chapter": "练习设计案例"
+  },
+  {
+    "page": 22,
+    "title": "案例三：比较课例，留下适用条件",
+    "chapter": "教研积累案例"
+  },
+  {
+    "page": 23,
+    "title": "案例三：共享库需要持续维护",
+    "chapter": "教研积累案例"
+  },
+  {
+    "page": 24,
+    "title": "案例四：从制度文件整理办事清单",
+    "chapter": "校务查询案例"
+  },
+  {
+    "page": 25,
+    "title": "案例四：冲突与缺失，需要明确呈现",
+    "chapter": "校务查询案例"
+  },
+  {
+    "page": 26,
+    "title": "现场练习：建立自己的教学专题库",
+    "chapter": "现场练习"
+  },
+  {
+    "page": 27,
+    "title": "一段可以反复使用的提问模板",
+    "chapter": "现场练习"
+  },
+  {
+    "page": 28,
+    "title": "练习完成，能展示这五项成果",
+    "chapter": "现场练习"
+  },
+  {
+    "page": 29,
+    "title": "让资料库保持有用的日常习惯",
+    "chapter": "持续使用"
+  },
+  {
+    "page": 30,
+    "title": "从一个单元开始",
+    "chapter": "交流与答疑"
+  }
+]

src/runtime/player.js

@@ -0,0 +1,34 @@
+'use strict';
+const slides=[...document.querySelectorAll('.slide')];
+const stage=document.getElementById('stage');
+let current=0,reading=false,lastFocus=null,noticeTimeout;
+const $=id=>document.getElementById(id);
+function toast(message){$('toast').textContent=message;$('toast').classList.add('show');clearTimeout(noticeTimeout);noticeTimeout=setTimeout(()=>$('toast').classList.remove('show'),2800);}
+function resize(){const bar=$('toolbar').getBoundingClientRect().height;stage.style.transform=`scale(${Math.min(innerWidth/1280,(innerHeight-bar)/720)})`;}
+function update(){const slide=slides[current];$('page-label').textContent=`${String(current+1).padStart(2,'0')} / ${slides.length}`;$('progress').style.width=`${(current+1)/slides.length*100}%`;$('progress').setAttribute('aria-valuenow',String(current+1));$('prev').disabled=current===0;$('next').disabled=current===slides.length-1;document.title=`${current+1}. ${slide.dataset.title} · 知识库培训`;$('live-status').textContent=`第 ${current+1} 页，共 ${slides.length} 页：${slide.dataset.title}`;document.querySelectorAll('.toc-item').forEach((b,i)=>{b.classList.toggle('current',i===current);b.setAttribute('aria-current',i===current?'page':'false');});}
+function go(index,hash=true,scroll=true){current=Math.max(0,Math.min(slides.length-1,index));slides.forEach((s,i)=>{s.classList.toggle('active',i===current);s.inert=!reading&&i!==current;s.setAttribute('aria-hidden',String(!reading&&i!==current));});if(hash){try{history.replaceState(null,'',`#slide-${current+1}`);}catch{location.hash=`slide-${current+1}`;}}update();if(reading&&scroll)slides[current].scrollIntoView({block:'start'});}
+function fromHash(){const m=location.hash.match(/^#slide-(\d+)$/);go(m?Number(m[1])-1:0,false);}
+function show(id){lastFocus=document.activeElement;$(id).showModal();}
+function notes(){$('notes-title').textContent=`${current+1}. ${slides[current].dataset.title}`;$('notes-body').textContent=slides[current].dataset.note;show('notes-dialog');}
+function toggleReading(){reading=!reading;document.body.classList.toggle('reading',reading);$('reading-toggle').setAttribute('aria-pressed',String(reading));$('reading-toggle').textContent=reading?'演示模式':'阅读模式';if(!reading)window.scrollTo(0,0);resize();go(current);}
+async function fullscreen(){try{if(document.fullscreenElement)await document.exitFullscreen();else if(document.documentElement.requestFullscreen)await document.documentElement.requestFullscreen();else toast('请通过浏览器菜单进入全屏。');}catch{toast('此浏览器需通过菜单进入全屏。');}}
+async function copyPrompt(){const target=slides[current].querySelector('.prompt-copy');if(!target)return;const value=target.innerText.trim();try{if(navigator.clipboard&&isSecureContext){await navigator.clipboard.writeText(value);}else{const t=document.createElement('textarea');t.value=value;t.style.position='fixed';t.style.opacity='0';document.body.append(t);t.select();const ok=document.execCommand('copy');t.remove();if(!ok)throw new Error('copy');}toast('提问模板已复制，可粘贴到 ima。');}catch{$('copy-text').value=value;show('copy-dialog');}}
+function download(blob,name){const url=URL.createObjectURL(blob),a=document.createElement('a');a.href=url;a.download=name;document.body.append(a);a.click();a.remove();setTimeout(()=>URL.revokeObjectURL(url),10000);toast(`已准备下载：${name}`);}
+function downloadMaterial(index){const item=MATERIALS[index];if(item)download(new Blob(['\uFEFF'+item.content],{type:'text/markdown;charset=utf-8'}),item.name);}
+function downloadAll(){const bytes=Uint8Array.from(atob(MATERIAL_ZIP),c=>c.charCodeAt(0));download(new Blob([bytes],{type:'application/zip'}),'培训练习材料.zip');}
+// The deadline keeps the countdown accurate after background-tab throttling.
+let remaining=720,deadline=0,running=false,timerStarted=false;
+function renderTimer(){const time=`${String(Math.floor(remaining/60)).padStart(2,'0')}:${String(remaining%60).padStart(2,'0')}`;$('mini-timer').textContent=timerStarted?`练习 ${time}${running?'':' · 已暂停'}`:'';document.querySelectorAll('[data-action="timer-toggle"]').forEach(b=>b.textContent=running?'暂停计时':remaining===0?'重新开始':timerStarted?'继续计时':'开始 12 分钟练习');const clock=document.querySelector('.practice-clock');if(clock)clock.textContent=time;}
+function toggleTimer(){if(running){remaining=Math.max(0,Math.ceil((deadline-Date.now())/1000));running=false;}else{if(remaining===0)remaining=720;deadline=Date.now()+remaining*1000;running=true;timerStarted=true;}renderTimer();}
+setInterval(()=>{if(!running)return;remaining=Math.max(0,Math.ceil((deadline-Date.now())/1000));if(remaining===0){running=false;toast('练习时间到，请分享你的成果。');}renderTimer();},250);
+document.addEventListener('click',event=>{const image=event.target.closest('.image-zoom');if(image){$('zoom-image').src=image.querySelector('img').src;show('image-dialog');return;}const b=event.target.closest('button');if(!b)return;if(b.hasAttribute('data-close')){b.closest('dialog').close();return;}if(b.dataset.slide!==undefined){$('toc-dialog').close();go(Number(b.dataset.slide));return;}if(b.dataset.material!==undefined){downloadMaterial(Number(b.dataset.material));return;}const actions={prev:()=>go(current-1),next:()=>go(current+1),toc:()=>show('toc-dialog'),notes,materials:()=>show('materials-dialog'),reading:toggleReading,full:fullscreen,'copy-prompt':copyPrompt,'download-all':downloadAll,'timer-toggle':toggleTimer,'timer-reset':()=>{running=false;remaining=720;timerStarted=false;renderTimer();},checklist:()=>show('check-dialog')};actions[b.dataset.action]?.();});
+document.querySelectorAll('dialog').forEach(d=>{d.addEventListener('close',()=>{if(lastFocus?.isConnected&&!lastFocus.closest('[inert]'))lastFocus.focus();});d.addEventListener('click',e=>{if(e.target!==d)return;const r=d.getBoundingClientRect();if(e.clientX<r.left||e.clientX>r.right||e.clientY<r.top||e.clientY>r.bottom)d.close();});});
+document.addEventListener('keydown',e=>{if(document.querySelector('dialog[open]')||e.ctrlKey||e.metaKey||e.altKey||e.target.closest('input,textarea,select,[contenteditable]'))return;if(e.target.closest('button,a')&&(e.key===' '||e.key==='Enter'))return;const key=e.key.toLowerCase();if(['arrowright','arrowdown',' ','pagedown'].includes(key)){e.preventDefault();go(current+1);}else if(['arrowleft','arrowup','pageup'].includes(key)){e.preventDefault();go(current-1);}else if(key==='home'){e.preventDefault();go(0);}else if(key==='end'){e.preventDefault();go(slides.length-1);}else if(key==='m')show('toc-dialog');else if(key==='n')notes();else if(key==='f')fullscreen();else if(key==='r')toggleReading();});
+let touch=null;$('viewport').addEventListener('touchstart',e=>{if(reading||e.target.closest('button,a,input,textarea'))return;touch={x:e.touches[0].clientX,y:e.touches[0].clientY};},{passive:true});$('viewport').addEventListener('touchend',e=>{if(!touch)return;const dx=e.changedTouches[0].clientX-touch.x,dy=e.changedTouches[0].clientY-touch.y;if(Math.abs(dx)>60&&Math.abs(dx)>Math.abs(dy)*1.5)go(current+(dx<0?1:-1));touch=null;},{passive:true});
+slides.forEach((s,i)=>{const b=document.createElement('button');b.className='toc-item';b.dataset.slide=String(i);const num=document.createElement('span');num.textContent=String(i+1).padStart(2,'0');const label=document.createElement('div');label.textContent=s.dataset.title;b.append(num,label);$('toc-list').append(b);});
+$('toc-search').addEventListener('input',e=>{const q=e.target.value.trim().toLowerCase();let count=0;document.querySelectorAll('.toc-item').forEach((b,i)=>{const match=(slides[i].dataset.title+' '+slides[i].dataset.chapter).toLowerCase().includes(q);b.hidden=!match;if(match)count++;});$('toc-empty').hidden=count>0;});
+MATERIALS.forEach((m,i)=>{const item=document.createElement('div');item.className='material-item';const name=document.createElement('span');name.textContent=m.name;const small=document.createElement('small');small.textContent=i<3?'光与影专题模拟资料':i===3?'独立校务案例模拟资料':'练习任务与查证记录';name.append(small);const b=document.createElement('button');b.dataset.material=String(i);b.textContent='下载';b.setAttribute('aria-label',`下载 ${m.name}`);item.append(name,b);$('material-list').append(item);});
+document.querySelectorAll('.checks input').forEach(c=>c.addEventListener('change',()=>{$('check-status').textContent=`已完成 ${document.querySelectorAll('.checks input:checked').length} / 5 项`;}));
+let scrollFrame=0;window.addEventListener('scroll',()=>{if(!reading||scrollFrame)return;scrollFrame=requestAnimationFrame(()=>{scrollFrame=0;const index=slides.findIndex(s=>s.getBoundingClientRect().bottom>150);if(index>=0&&index!==current){current=index;update();}});},{passive:true});
+let printReading=false;window.addEventListener('beforeprint',()=>{printReading=reading;document.body.classList.remove('reading');});window.addEventListener('afterprint',()=>{document.body.classList.toggle('reading',printReading);});
+window.addEventListener('resize',resize);window.addEventListener('hashchange',fromHash);resize();fromHash();renderTimer();

src/shell.html

@@ -0,0 +1,20 @@
+<!doctype html>
+<html lang="zh-CN"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><meta name="color-scheme" content="light"><meta name="description" content="知识库与腾讯 ima 教育应用，30页教师培训演示，含讲师备注、练习材料与阅读模式。"><link rel="icon" href="data:,"><title>让教学资料用起来</title><style>{{STYLES}}</style></head>
+<body>
+<noscript><p class="no-script">请启用 JavaScript 以使用翻页与练习功能。</p></noscript>
+<main id="viewport" aria-label="培训演示"><div id="stage">{{SLIDES}}</div></main>
+<nav id="toolbar" aria-label="演示控制">
+<div id="progress" role="progressbar" aria-label="课程进度" aria-valuemin="1" aria-valuemax="{{PAGE_COUNT}}"></div>
+<a class="brand" href="#slide-1" aria-label="返回封面"><span class="brand-mark">知</span><span>让教学资料用起来</span></a>
+<div class="nav-group"><button data-action="prev" id="prev" aria-label="上一页">←</button><span id="page-label"></span><button data-action="next" id="next" aria-label="下一页">→</button></div>
+<span id="hint">方向键翻页</span><span id="mini-timer" role="timer"></span><div class="spacer"></div>
+<button data-action="toc" title="目录（M）">目录<span class="key">M</span></button><button data-action="notes" title="讲师备注（N）">备注<span class="key">N</span></button><button data-action="materials">资料</button><button data-action="reading" id="reading-toggle" aria-pressed="false">阅读模式</button><button data-action="full" class="full-button" title="全屏（F）">全屏<span class="key">F</span></button>
+</nav>
+<dialog id="toc-dialog"><header><div><p class="eyebrow">课程目录</p><h2>30 页，120 分钟</h2></div><button data-close aria-label="关闭目录">关闭 ×</button></header><input id="toc-search" type="search" placeholder="搜索标题或章节" aria-label="搜索目录"><div id="toc-list"></div><p id="toc-empty" hidden>没有匹配的页面，请换个关键词。</p></dialog>
+<dialog id="notes-dialog"><header><div><p class="eyebrow">讲师备注 · 打开时会显示在投影上</p><h2 id="notes-title"></h2></div><button data-close>关闭 ×</button></header><div id="notes-body"></div></dialog>
+<dialog id="materials-dialog"><header><div><p class="eyebrow">现场练习</p><h2>资料与播放说明</h2></div><button data-close>关闭 ×</button></header><p class="dialog-lead">先用材料 01—03 建立“光与影”专题库。材料 04 用于独立的校务查询案例，材料 05 用于记录练习成果。</p><div id="material-list"></div><button class="primary" data-action="download-all">下载完整练习包 ZIP</button><details><summary>官方来源与使用说明</summary><p>官方截图：<a href="https://ima.qq.com/" target="_blank" rel="noopener">腾讯 ima 未登录 Web 首页</a>，2026-11-03。产品介绍：<a href="https://ima.tencent.com/download" target="_blank" rel="noopener">腾讯 ima 官网</a>。</p><p>本网页可离线播放，不调用 AI，也不上传资料。产品操作需要联网。教学与校务案例均为模拟示例，不能替代课程标准、教材或学校正式制度。登录后的导入、来源点击、笔记和共享操作需在授课前验证。</p><p>← → / 空格翻页，Home / End 到首尾页，M 目录，N 备注，F 全屏，R 阅读模式，Esc 关闭弹窗。手机可左右滑动翻页，或切换阅读模式。截图可点击放大。</p></details></dialog>
+<dialog id="image-dialog"><header><h2>腾讯 ima 官方首页</h2><button data-close>关闭 ×</button></header><img id="zoom-image" alt="腾讯 ima 官方未登录首页放大图"></dialog>
+<dialog id="copy-dialog"><header><h2>手动复制提问模板</h2><button data-close>关闭 ×</button></header><textarea id="copy-text" aria-label="提问模板"></textarea><p>当前浏览器未允许自动复制，可选择上面的文字手动复制。</p></dialog>
+<dialog id="check-dialog"><header><div><p class="eyebrow">完成后逐项勾选</p><h2>你的成果准备好了吗？</h2></div><button data-close>关闭 ×</button></header><div class="checks"><label><input type="checkbox">资料可读，主题与来源清楚</label><label><input type="checkbox">问题明确，资料范围匹配</label><label><input type="checkbox">已经核对至少两处引用</label><label><input type="checkbox">完成过一次追问或修改</label><label><input type="checkbox">能够找到保存的最终成果</label></div><p id="check-status" aria-live="polite">已完成 0 / 5 项</p></dialog>
+<div id="toast" role="status"></div><div id="live-status" class="visually-hidden" aria-live="polite"></div>
+<script>{{SCRIPTS}}</script></body></html>

src/slides/ask-clearly.html

@@ -0,0 +1,11 @@
+<section class="slide" data-title="具体的问题，让回答更接近任务" data-chapter="ima 基础操作" data-note="演示先问“总结一下”，再用完整要求追问。不要伪造产品回答。本页是可复制的提问示例。">
+<div class="page-kicker">ima 基础操作</div>
+<h2 class="page-title">具体的问题，让回答更接近任务</h2>
+<div class="artboard"><div class="element text" data-role="body" style="left:64px;top:220px;width:160px;height:42px"><div class="text-inner"><p style="text-align:left"><span style="font-size:22px;color:#60756D;font-weight:400">起点</span></p></div></div>
+<div class="element text" data-role="body" style="left:64px;top:271px;width:1000px;height:65px"><div class="text-inner"><p style="text-align:left"><span style="font-size:37px;color:#60756D;font-weight:400">“帮我总结一下。”</span></p></div></div>
+<div class="element text" data-role="body" style="left:64px;top:366px;width:800px;height:40px"><div class="text-inner"><p style="text-align:left"><span style="font-size:22px;color:#276450;font-weight:650">补充任务与要求</span></p></div></div>
+<div class="element decoration" aria-hidden="true" style="left:64px;top:423px;width:1152px;height:185px;background:#EAF3EE;border:0px solid transparent;border-radius:10px"></div>
+<div class="element text prompt-copy" data-role="body" style="left:94px;top:446px;width:1092px;height:139px"><div class="text-inner"><p style="text-align:left"><span style="font-size:25px;color:#163D35;font-weight:400">请基于这 3 份资料，整理“光与影”专题的核心概念、</span></p><p style="text-align:left"><span style="font-size:25px;color:#163D35;font-weight:400">活动建议和常见问题，用表格呈现，并标明资料名称。</span></p><p style="text-align:left"><span style="font-size:25px;color:#163D35;font-weight:400">将资料依据与补充建议分开，缺少依据时明确说明。</span></p></div></div></div>
+<button class="slide-action" data-action="copy-prompt">复制提问模板</button>
+<div class="page-footer"><span>知识库与腾讯 ima 教育应用</span><span>{{PAGE_NUMBER}} / {{PAGE_COUNT}}</span></div>
+</section>

src/slides/case-exercises.html

@@ -0,0 +1,16 @@
+<section class="slide" data-title="案例二：分层练习体现不同思维要求" data-chapter="练习设计案例" data-note="以下是基于光与影主题的示例题型，教师正式使用前检查科学性和课程匹配。基础题观察条件，应用题解释，拓展题实验设计。">
+<div class="page-kicker">练习设计案例</div>
+<h2 class="page-title">案例二：分层练习体现不同思维要求</h2>
+<div class="artboard"><div class="element text" data-role="number" style="left:64px;top:235px;width:362.667px;height:80px"><div class="text-inner"><p style="text-align:left"><span style="font-size:58px;color:#276450;font-weight:400">01</span></p></div></div>
+<div class="element text" data-role="body" style="left:64px;top:341px;width:362.667px;height:58px"><div class="text-inner"><p style="text-align:left"><span style="font-size:29px;color:#163D35;font-weight:650">基础理解</span></p></div></div>
+<div class="element text" data-role="body" style="left:64px;top:417px;width:362.667px;height:150px"><div class="text-inner"><p style="text-align:left"><span style="font-size:23px;color:#60756D;font-weight:400">指出形成影子需要的条件</span></p><p style="text-align:left"><span style=""></span></p><p style="text-align:left"><span style="font-size:23px;color:#60756D;font-weight:400">考查概念与关系</span></p></div></div>
+<div class="element text" data-role="number" style="left:458.667px;top:235px;width:362.667px;height:80px"><div class="text-inner"><p style="text-align:left"><span style="font-size:58px;color:#276450;font-weight:400">02</span></p></div></div>
+<div class="element text" data-role="body" style="left:458.667px;top:341px;width:362.667px;height:58px"><div class="text-inner"><p style="text-align:left"><span style="font-size:29px;color:#163D35;font-weight:650">情境应用</span></p></div></div>
+<div class="element text" data-role="body" style="left:458.667px;top:417px;width:362.667px;height:150px"><div class="text-inner"><p style="text-align:left"><span style="font-size:23px;color:#60756D;font-weight:400">解释同一装置中</span></p><p style="text-align:left"><span style="font-size:23px;color:#60756D;font-weight:400">物体位置改变后的现象</span></p><p style="text-align:left"><span style=""></span></p><p style="text-align:left"><span style="font-size:23px;color:#60756D;font-weight:400">考查条件分析</span></p></div></div>
+<div class="element text" data-role="number" style="left:853.333px;top:235px;width:362.667px;height:80px"><div class="text-inner"><p style="text-align:left"><span style="font-size:58px;color:#276450;font-weight:400">03</span></p></div></div>
+<div class="element text" data-role="body" style="left:853.333px;top:341px;width:362.667px;height:58px"><div class="text-inner"><p style="text-align:left"><span style="font-size:29px;color:#163D35;font-weight:650">探究设计</span></p></div></div>
+<div class="element text" data-role="body" style="left:853.333px;top:417px;width:362.667px;height:150px"><div class="text-inner"><p style="text-align:left"><span style="font-size:23px;color:#60756D;font-weight:400">设计一个只改变</span></p><p style="text-align:left"><span style="font-size:23px;color:#60756D;font-weight:400">物体位置的观察方案</span></p><p style="text-align:left"><span style=""></span></p><p style="text-align:left"><span style="font-size:23px;color:#60756D;font-weight:400">考查实验设计</span></p></div></div>
+<div class="element text" data-role="body" style="left:64px;top:591px;width:1152px;height:48px"><div class="text-inner"><p style="text-align:left"><span style="font-size:23px;color:#276450;font-weight:650">要求同时给出考查点、参考答案、适用前提和设计意图</span></p></div></div></div>
+
+<div class="page-footer"><span>知识库与腾讯 ima 教育应用</span><span>{{PAGE_NUMBER}} / {{PAGE_COUNT}}</span></div>
+</section>

src/slides/case-lesson-materials.html

@@ -0,0 +1,10 @@
+<section class="slide" data-title="案例一：先从材料中提炼备课要点" data-chapter="备课案例" data-note="此表是根据随附模拟材料人工整理的示例成果，非课标原文、非ima实测输出。请现场提出问题后与此结构比较。重点检查目标、依据和活动之间的关系。">
+<div class="page-kicker">备课案例</div>
+<h2 class="page-title">案例一：先从材料中提炼备课要点</h2>
+<div class="artboard"><div class="element decoration" aria-hidden="true" style="left:64px;top:202px;width:180px;height:34px;background:#EAF3EE;border:0px solid transparent;border-radius:10px"></div>
+<div class="element text" data-role="body" style="left:76px;top:203px;width:156px;height:30px"><div class="text-inner"><p style="text-align:left"><span style="font-size:16px;color:#276450;font-weight:650">模拟成果示例</span></p></div></div>
+<div class="element table-wrap" style="left:64px;top:258px;width:1152px;height:290px"><table><colgroup><col style="width:240px"><col style="width:570px"><col style="width:342px"></colgroup><tr><th style="background:#276450"><p style="text-align:left"><span style="font-size:22px;color:#FFFFFF;font-weight:650">备课要点</span></p></th><th style="background:#276450"><p style="text-align:left"><span style="font-size:22px;color:#FFFFFF;font-weight:650">资料提供的信息</span></p></th><th style="background:#276450"><p style="text-align:left"><span style="font-size:22px;color:#FFFFFF;font-weight:650">可追溯的依据</span></p></th></tr><tr><td style="background:#FFFFFF"><p style="text-align:left"><span style="font-size:22px;color:#163D35;font-weight:400">核心概念</span></p></td><td style="background:#FFFFFF"><p style="text-align:left"><span style="font-size:22px;color:#163D35;font-weight:400">光沿直线传播，遮挡与影子的形成</span></p></td><td style="background:#FFFFFF"><p style="text-align:left"><span style="font-size:22px;color:#163D35;font-weight:400">01_主题说明</span></p></td></tr><tr><td style="background:#EAF3EE"><p style="text-align:left"><span style="font-size:22px;color:#163D35;font-weight:400">课堂观察</span></p></td><td style="background:#EAF3EE"><p style="text-align:left"><span style="font-size:22px;color:#163D35;font-weight:400">固定光源与屏幕，改变物体位置</span></p></td><td style="background:#EAF3EE"><p style="text-align:left"><span style="font-size:22px;color:#163D35;font-weight:400">02_活动建议</span></p></td></tr><tr><td style="background:#FFFFFF"><p style="text-align:left"><span style="font-size:22px;color:#163D35;font-weight:400">常见问题</span></p></td><td style="background:#FFFFFF"><p style="text-align:left"><span style="font-size:22px;color:#163D35;font-weight:400">同时改变多个条件，难以比较</span></p></td><td style="background:#FFFFFF"><p style="text-align:left"><span style="font-size:22px;color:#163D35;font-weight:400">03_课堂反思</span></p></td></tr></table></div>
+<div class="element text" data-role="body" style="left:64px;top:591px;width:1152px;height:48px"><div class="text-inner"><p style="text-align:left"><span style="font-size:23px;color:#276450;font-weight:650">提问：这些资料分别提供了哪些目标、活动和问题线索？</span></p></div></div></div>
+
+<div class="page-footer"><span>知识库与腾讯 ima 教育应用</span><span>{{PAGE_NUMBER}} / {{PAGE_COUNT}}</span></div>
+</section>

src/slides/case-lesson-plan.html

@@ -0,0 +1,8 @@
+<section class="slide" data-title="案例一：形成可以修改的课堂活动初稿" data-chapter="备课案例" data-note="示例课堂40分钟安排：5分钟提出问题、15分钟控制变量观察、10分钟解释、10分钟交流。此为讲师设计建议，不是课标要求。教师需审核实验安全、学情与时间。">
+<div class="page-kicker">备课案例</div>
+<h2 class="page-title">案例一：形成可以修改的课堂活动初稿</h2>
+<div class="artboard"><div class="element table-wrap" style="left:64px;top:226px;width:1152px;height:295px"><table><colgroup><col style="width:320px"><col style="width:470px"><col style="width:362px"></colgroup><tr><th style="background:#276450"><p style="text-align:left"><span style="font-size:22px;color:#FFFFFF;font-weight:650">目标</span></p></th><th style="background:#276450"><p style="text-align:left"><span style="font-size:22px;color:#FFFFFF;font-weight:650">课堂活动建议</span></p></th><th style="background:#276450"><p style="text-align:left"><span style="font-size:22px;color:#FFFFFF;font-weight:650">观察学生的表现</span></p></th></tr><tr><td style="background:#FFFFFF"><p style="text-align:left"><span style="font-size:22px;color:#163D35;font-weight:400">解释影子的形成</span></p></td><td style="background:#FFFFFF"><p style="text-align:left"><span style="font-size:22px;color:#163D35;font-weight:400">用光源、物体和屏幕搭建装置</span></p></td><td style="background:#FFFFFF"><p style="text-align:left"><span style="font-size:22px;color:#163D35;font-weight:400">能否说明三者的关系</span></p></td></tr><tr><td style="background:#EAF3EE"><p style="text-align:left"><span style="font-size:22px;color:#163D35;font-weight:400">控制一个变化条件</span></p></td><td style="background:#EAF3EE"><p style="text-align:left"><span style="font-size:22px;color:#163D35;font-weight:400">固定光源与屏幕，移动物体</span></p></td><td style="background:#EAF3EE"><p style="text-align:left"><span style="font-size:22px;color:#163D35;font-weight:400">能否指出不变与变化条件</span></p></td></tr><tr><td style="background:#FFFFFF"><p style="text-align:left"><span style="font-size:22px;color:#163D35;font-weight:400">根据证据表达</span></p></td><td style="background:#FFFFFF"><p style="text-align:left"><span style="font-size:22px;color:#163D35;font-weight:400">比较观察记录并交流解释</span></p></td><td style="background:#FFFFFF"><p style="text-align:left"><span style="font-size:22px;color:#163D35;font-weight:400">能否用观察支持自己的说法</span></p></td></tr></table></div>
+<div class="element text" data-role="body" style="left:64px;top:591px;width:1152px;height:48px"><div class="text-inner"><p style="text-align:left"><span style="font-size:23px;color:#276450;font-weight:650">补充给 AI：课时、学生已有经验、器材与限制条件</span></p></div></div></div>
+
+<div class="page-footer"><span>知识库与腾讯 ima 教育应用</span><span>{{PAGE_NUMBER}} / {{PAGE_COUNT}}</span></div>
+</section>

src/slides/case-missing-evidence.html

@@ -0,0 +1,16 @@
+<section class="slide" data-title="案例四：冲突与缺失，需要明确呈现" data-chapter="校务查询案例" data-note="这是文件使用习惯，不是法律意见。不能只凭日期自动断言某文件具有更高效力，要看适用范围、发布主体和学校确认。材料04未规定审批时限，回答应明确未找到。">
+<div class="page-kicker">校务查询案例</div>
+<h2 class="page-title">案例四：冲突与缺失，需要明确呈现</h2>
+<div class="artboard"><div class="element text" data-role="number" style="left:64px;top:235px;width:362.667px;height:80px"><div class="text-inner"><p style="text-align:left"><span style="font-size:58px;color:#276450;font-weight:400">01</span></p></div></div>
+<div class="element text" data-role="body" style="left:64px;top:341px;width:362.667px;height:58px"><div class="text-inner"><p style="text-align:left"><span style="font-size:29px;color:#163D35;font-weight:650">版本不同</span></p></div></div>
+<div class="element text" data-role="body" style="left:64px;top:417px;width:362.667px;height:150px"><div class="text-inner"><p style="text-align:left"><span style="font-size:23px;color:#60756D;font-weight:400">并列文件日期</span></p><p style="text-align:left"><span style="font-size:23px;color:#60756D;font-weight:400">核对适用范围</span></p><p style="text-align:left"><span style="font-size:23px;color:#60756D;font-weight:400">向负责人确认</span></p></div></div>
+<div class="element text" data-role="number" style="left:458.667px;top:235px;width:362.667px;height:80px"><div class="text-inner"><p style="text-align:left"><span style="font-size:58px;color:#276450;font-weight:400">02</span></p></div></div>
+<div class="element text" data-role="body" style="left:458.667px;top:341px;width:362.667px;height:58px"><div class="text-inner"><p style="text-align:left"><span style="font-size:29px;color:#163D35;font-weight:650">信息冲突</span></p></div></div>
+<div class="element text" data-role="body" style="left:458.667px;top:417px;width:362.667px;height:150px"><div class="text-inner"><p style="text-align:left"><span style="font-size:23px;color:#60756D;font-weight:400">列出相互矛盾的条款</span></p><p style="text-align:left"><span style="font-size:23px;color:#60756D;font-weight:400">说明差异</span></p><p style="text-align:left"><span style="font-size:23px;color:#60756D;font-weight:400">暂停确定性结论</span></p></div></div>
+<div class="element text" data-role="number" style="left:853.333px;top:235px;width:362.667px;height:80px"><div class="text-inner"><p style="text-align:left"><span style="font-size:58px;color:#276450;font-weight:400">03</span></p></div></div>
+<div class="element text" data-role="body" style="left:853.333px;top:341px;width:362.667px;height:58px"><div class="text-inner"><p style="text-align:left"><span style="font-size:29px;color:#163D35;font-weight:650">资料没有</span></p></div></div>
+<div class="element text" data-role="body" style="left:853.333px;top:417px;width:362.667px;height:150px"><div class="text-inner"><p style="text-align:left"><span style="font-size:23px;color:#60756D;font-weight:400">明确“未找到依据”</span></p><p style="text-align:left"><span style="font-size:23px;color:#60756D;font-weight:400">不补写审批时限</span></p><p style="text-align:left"><span style="font-size:23px;color:#60756D;font-weight:400">列出待确认事项</span></p></div></div>
+<div class="element text" data-role="body" style="left:64px;top:591px;width:1152px;height:48px"><div class="text-inner"><p style="text-align:left"><span style="font-size:23px;color:#276450;font-weight:650">一个可追溯的“待确认”，比编造一个具体答案更有用</span></p></div></div></div>
+
+<div class="page-footer"><span>知识库与腾讯 ima 教育应用</span><span>{{PAGE_NUMBER}} / {{PAGE_COUNT}}</span></div>
+</section>

src/slides/case-overview.html

@@ -0,0 +1,18 @@
+<section class="slide dark" data-title="四个场景，把知识库用到工作里" data-chapter="教育典型应用" data-note="案例共40分钟，建议单元备课15分钟、练习设计10分钟、教研积累8分钟、校务查询7分钟。案例成果为教学示例，不是实测的产品生成效果。">
+<div class="page-kicker">教育典型应用</div>
+<h2 class="page-title">四个场景，把知识库用到工作里</h2>
+<div class="artboard"><div class="element text" data-role="number" style="left:64px;top:235px;width:264px;height:80px"><div class="text-inner"><p style="text-align:left"><span style="font-size:58px;color:#BDE6D1;font-weight:400">01</span></p></div></div>
+<div class="element text" data-role="body" style="left:64px;top:341px;width:264px;height:58px"><div class="text-inner"><p style="text-align:left"><span style="font-size:29px;color:#FFFFFF;font-weight:650">备课</span></p></div></div>
+<div class="element text" data-role="body" style="left:64px;top:417px;width:264px;height:150px"><div class="text-inner"><p style="text-align:left"><span style="font-size:23px;color:#C3D8CE;font-weight:400">读懂材料</span></p><p style="text-align:left"><span style="font-size:23px;color:#C3D8CE;font-weight:400">组织教学活动</span></p></div></div>
+<div class="element text" data-role="number" style="left:360px;top:235px;width:264px;height:80px"><div class="text-inner"><p style="text-align:left"><span style="font-size:58px;color:#BDE6D1;font-weight:400">02</span></p></div></div>
+<div class="element text" data-role="body" style="left:360px;top:341px;width:264px;height:58px"><div class="text-inner"><p style="text-align:left"><span style="font-size:29px;color:#FFFFFF;font-weight:650">练习</span></p></div></div>
+<div class="element text" data-role="body" style="left:360px;top:417px;width:264px;height:150px"><div class="text-inner"><p style="text-align:left"><span style="font-size:23px;color:#C3D8CE;font-weight:400">明确考查点</span></p><p style="text-align:left"><span style="font-size:23px;color:#C3D8CE;font-weight:400">审核题目与答案</span></p></div></div>
+<div class="element text" data-role="number" style="left:656px;top:235px;width:264px;height:80px"><div class="text-inner"><p style="text-align:left"><span style="font-size:58px;color:#BDE6D1;font-weight:400">03</span></p></div></div>
+<div class="element text" data-role="body" style="left:656px;top:341px;width:264px;height:58px"><div class="text-inner"><p style="text-align:left"><span style="font-size:29px;color:#FFFFFF;font-weight:650">教研</span></p></div></div>
+<div class="element text" data-role="body" style="left:656px;top:417px;width:264px;height:150px"><div class="text-inner"><p style="text-align:left"><span style="font-size:23px;color:#C3D8CE;font-weight:400">比较不同课例</span></p><p style="text-align:left"><span style="font-size:23px;color:#C3D8CE;font-weight:400">积累实施经验</span></p></div></div>
+<div class="element text" data-role="number" style="left:952px;top:235px;width:264px;height:80px"><div class="text-inner"><p style="text-align:left"><span style="font-size:58px;color:#BDE6D1;font-weight:400">04</span></p></div></div>
+<div class="element text" data-role="body" style="left:952px;top:341px;width:264px;height:58px"><div class="text-inner"><p style="text-align:left"><span style="font-size:29px;color:#FFFFFF;font-weight:650">校务</span></p></div></div>
+<div class="element text" data-role="body" style="left:952px;top:417px;width:264px;height:150px"><div class="text-inner"><p style="text-align:left"><span style="font-size:23px;color:#C3D8CE;font-weight:400">查现行文件</span></p><p style="text-align:left"><span style="font-size:23px;color:#C3D8CE;font-weight:400">整理办事清单</span></p></div></div></div>
+
+<div class="page-footer"><span>知识库与腾讯 ima 教育应用</span><span>{{PAGE_NUMBER}} / {{PAGE_COUNT}}</span></div>
+</section>

src/slides/case-question-review.html

@@ -0,0 +1,13 @@
+<section class="slide" data-title="案例二：一道题，展示教师如何审核" data-chapter="练习设计案例" data-note="演示修正题干的条件。点光源模型，屏幕垂直光轴，物体在光源与屏幕之间，光源屏幕固定。物体靠近光源，屏幕上的影子通常变大。真实光源有大小时需注意半影，训练中使用理想化描述。">
+<div class="page-kicker">练习设计案例</div>
+<h2 class="page-title">案例二：一道题，展示教师如何审核</h2>
+<div class="artboard"><div class="element text" data-role="body" style="left:64px;top:224px;width:520px;height:44px"><div class="text-inner"><p style="text-align:left"><span style="font-size:24px;color:#60756D;font-weight:400">初稿中的问题</span></p></div></div>
+<div class="element text" data-role="body" style="left:64px;top:298px;width:520px;height:150px"><div class="text-inner"><p style="text-align:left"><span style="font-size:40px;color:#163D35;font-weight:650">“物体靠近光源，</span></p><p style="text-align:left"><span style="font-size:40px;color:#163D35;font-weight:650">影子会怎样？”</span></p></div></div>
+<div class="element decoration" aria-hidden="true" style="left:655px;top:219px;width:561px;height:350px;background:#EAF3EE;border:0px solid transparent;border-radius:10px"></div>
+<div class="element text" data-role="body" style="left:687px;top:249px;width:490px;height:44px"><div class="text-inner"><p style="text-align:left"><span style="font-size:26px;color:#276450;font-weight:650">教师补充条件</span></p></div></div>
+<div class="element text" data-role="body" style="left:687px;top:326px;width:490px;height:150px"><div class="text-inner"><p style="text-align:left"><span style="font-size:28px;color:#163D35;font-weight:400">近似点光源与屏幕保持固定。</span></p><p style="text-align:left"><span style="font-size:28px;color:#163D35;font-weight:400">物体位于光源和屏幕之间。</span></p><p style="text-align:left"><span style="font-size:28px;color:#163D35;font-weight:400">只移动物体，使其靠近光源。</span></p></div></div>
+<div class="element text" data-role="body" style="left:687px;top:510px;width:490px;height:44px"><div class="text-inner"><p style="text-align:left"><span style="font-size:24px;color:#276450;font-weight:650">参考判断：屏幕上的影子变大。</span></p></div></div>
+<div class="element text" data-role="body" style="left:64px;top:591px;width:1152px;height:48px"><div class="text-inner"><p style="text-align:left"><span style="font-size:23px;color:#276450;font-weight:650">审核四项：条件完整、答案正确、范围匹配、难度合适</span></p></div></div></div>
+
+<div class="page-footer"><span>知识库与腾讯 ima 教育应用</span><span>{{PAGE_NUMBER}} / {{PAGE_COUNT}}</span></div>
+</section>

src/slides/case-research-comparison.html

@@ -0,0 +1,8 @@
+<section class="slide" data-title="案例三：比较课例，留下适用条件" data-chapter="教研积累案例" data-note="A和B为模拟课例，不是效果评估。教师共同讨论适用条件。不要根据两个课例声称一种教法必然更好。">
+<div class="page-kicker">教研积累案例</div>
+<h2 class="page-title">案例三：比较课例，留下适用条件</h2>
+<div class="artboard"><div class="element table-wrap" style="left:64px;top:226px;width:1152px;height:360px"><table><colgroup><col style="width:230px"><col style="width:461px"><col style="width:461px"></colgroup><tr><th style="background:#276450"><p style="text-align:left"><span style="font-size:22px;color:#FFFFFF;font-weight:650">比较维度</span></p></th><th style="background:#276450"><p style="text-align:left"><span style="font-size:22px;color:#FFFFFF;font-weight:650">课例 A：教师演示</span></p></th><th style="background:#276450"><p style="text-align:left"><span style="font-size:22px;color:#FFFFFF;font-weight:650">课例 B：小组观察</span></p></th></tr><tr><td style="background:#FFFFFF"><p style="text-align:left"><span style="font-size:22px;color:#163D35;font-weight:400">组织方式</span></p></td><td style="background:#FFFFFF"><p style="text-align:left"><span style="font-size:22px;color:#163D35;font-weight:400">教师操作，学生记录</span></p></td><td style="background:#FFFFFF"><p style="text-align:left"><span style="font-size:22px;color:#163D35;font-weight:400">学生分组操作与交流</span></p></td></tr><tr><td style="background:#EAF3EE"><p style="text-align:left"><span style="font-size:22px;color:#163D35;font-weight:400">优势与条件</span></p></td><td style="background:#EAF3EE"><p style="text-align:left"><span style="font-size:22px;color:#163D35;font-weight:400">器材少，过程容易统一</span></p></td><td style="background:#EAF3EE"><p style="text-align:left"><span style="font-size:22px;color:#163D35;font-weight:400">需要器材与操作常规</span></p></td></tr><tr><td style="background:#FFFFFF"><p style="text-align:left"><span style="font-size:22px;color:#163D35;font-weight:400">需要关注</span></p></td><td style="background:#FFFFFF"><p style="text-align:left"><span style="font-size:22px;color:#163D35;font-weight:400">每位学生是否真正观察到</span></p></td><td style="background:#FFFFFF"><p style="text-align:left"><span style="font-size:22px;color:#163D35;font-weight:400">是否控制变量，记录是否清晰</span></p></td></tr><tr><td style="background:#EAF3EE"><p style="text-align:left"><span style="font-size:22px;color:#163D35;font-weight:400">后续改进</span></p></td><td style="background:#EAF3EE"><p style="text-align:left"><span style="font-size:22px;color:#163D35;font-weight:400">增加预测与解释环节</span></p></td><td style="background:#EAF3EE"><p style="text-align:left"><span style="font-size:22px;color:#163D35;font-weight:400">增加角色分工和记录样例</span></p></td></tr></table></div>
+<div class="element text" data-role="body" style="left:64px;top:591px;width:1152px;height:48px"><div class="text-inner"><p style="text-align:left"><span style="font-size:23px;color:#276450;font-weight:650">教研比较表应保留来源、课堂条件和待验证的问题</span></p></div></div></div>
+
+<div class="page-footer"><span>知识库与腾讯 ima 教育应用</span><span>{{PAGE_NUMBER}} / {{PAGE_COUNT}}</span></div>
+</section>

src/slides/case-research-sharing.html

@@ -0,0 +1,16 @@
+<section class="slide" data-title="案例三：共享库需要持续维护" data-chapter="教研积累案例" data-note="共享功能与权限以授课账号当前版本为准。设置维护人、成员权限与更新规则。示例一个主题库中设置说明、资料、设计、反思四类内容，不承诺某种特定文件夹功能。">
+<div class="page-kicker">教研积累案例</div>
+<h2 class="page-title">案例三：共享库需要持续维护</h2>
+<div class="artboard"><div class="element text" data-role="number" style="left:64px;top:235px;width:362.667px;height:80px"><div class="text-inner"><p style="text-align:left"><span style="font-size:58px;color:#276450;font-weight:400">01</span></p></div></div>
+<div class="element text" data-role="body" style="left:64px;top:341px;width:362.667px;height:58px"><div class="text-inner"><p style="text-align:left"><span style="font-size:29px;color:#163D35;font-weight:650">放什么</span></p></div></div>
+<div class="element text" data-role="body" style="left:64px;top:417px;width:362.667px;height:150px"><div class="text-inner"><p style="text-align:left"><span style="font-size:23px;color:#60756D;font-weight:400">主题说明与来源</span></p><p style="text-align:left"><span style="font-size:23px;color:#60756D;font-weight:400">参考资料与教学设计</span></p><p style="text-align:left"><span style="font-size:23px;color:#60756D;font-weight:400">实践反思与改进</span></p></div></div>
+<div class="element text" data-role="number" style="left:458.667px;top:235px;width:362.667px;height:80px"><div class="text-inner"><p style="text-align:left"><span style="font-size:58px;color:#276450;font-weight:400">02</span></p></div></div>
+<div class="element text" data-role="body" style="left:458.667px;top:341px;width:362.667px;height:58px"><div class="text-inner"><p style="text-align:left"><span style="font-size:29px;color:#163D35;font-weight:650">谁维护</span></p></div></div>
+<div class="element text" data-role="body" style="left:458.667px;top:417px;width:362.667px;height:150px"><div class="text-inner"><p style="text-align:left"><span style="font-size:23px;color:#60756D;font-weight:400">明确维护人与贡献者</span></p><p style="text-align:left"><span style="font-size:23px;color:#60756D;font-weight:400">更新后标注日期</span></p><p style="text-align:left"><span style="font-size:23px;color:#60756D;font-weight:400">保留适用范围</span></p></div></div>
+<div class="element text" data-role="number" style="left:853.333px;top:235px;width:362.667px;height:80px"><div class="text-inner"><p style="text-align:left"><span style="font-size:58px;color:#276450;font-weight:400">03</span></p></div></div>
+<div class="element text" data-role="body" style="left:853.333px;top:341px;width:362.667px;height:58px"><div class="text-inner"><p style="text-align:left"><span style="font-size:29px;color:#163D35;font-weight:650">怎样共用</span></p></div></div>
+<div class="element text" data-role="body" style="left:853.333px;top:417px;width:362.667px;height:150px"><div class="text-inner"><p style="text-align:left"><span style="font-size:23px;color:#60756D;font-weight:400">核对成员权限</span></p><p style="text-align:left"><span style="font-size:23px;color:#60756D;font-weight:400">先审核再共享</span></p><p style="text-align:left"><span style="font-size:23px;color:#60756D;font-weight:400">课堂反馈持续补充</span></p></div></div>
+<div class="element text" data-role="body" style="left:64px;top:591px;width:1152px;height:48px"><div class="text-inner"><p style="text-align:left"><span style="font-size:23px;color:#276450;font-weight:650">共享的价值来自可理解、可追溯、可继续改进的内容</span></p></div></div></div>
+
+<div class="page-footer"><span>知识库与腾讯 ima 教育应用</span><span>{{PAGE_NUMBER}} / {{PAGE_COUNT}}</span></div>
+</section>

src/slides/case-school-process.html

@@ -0,0 +1,10 @@
+<section class="slide" data-title="案例四：从制度文件整理办事清单" data-chapter="校务查询案例" data-note="使用材料04_校务办理模拟指南。全部制度、角色及流程为培训虚构示例，禁止作为学校正式规定。演示问题：校内培训申请需要哪些材料，经过哪些环节？">
+<div class="page-kicker">校务查询案例</div>
+<h2 class="page-title">案例四：从制度文件整理办事清单</h2>
+<div class="artboard"><div class="element decoration" aria-hidden="true" style="left:64px;top:202px;width:180px;height:34px;background:#EAF3EE;border:0px solid transparent;border-radius:10px"></div>
+<div class="element text" data-role="body" style="left:76px;top:203px;width:156px;height:30px"><div class="text-inner"><p style="text-align:left"><span style="font-size:16px;color:#276450;font-weight:650">模拟制度示例</span></p></div></div>
+<div class="element table-wrap" style="left:64px;top:256px;width:1152px;height:285px"><table><colgroup><col style="width:270px"><col style="width:600px"><col style="width:282px"></colgroup><tr><th style="background:#276450"><p style="text-align:left"><span style="font-size:22px;color:#FFFFFF;font-weight:650">办理环节</span></p></th><th style="background:#276450"><p style="text-align:left"><span style="font-size:22px;color:#FFFFFF;font-weight:650">需要准备或确认</span></p></th><th style="background:#276450"><p style="text-align:left"><span style="font-size:22px;color:#FFFFFF;font-weight:650">依据</span></p></th></tr><tr><td style="background:#FFFFFF"><p style="text-align:left"><span style="font-size:22px;color:#163D35;font-weight:400">提交申请</span></p></td><td style="background:#FFFFFF"><p style="text-align:left"><span style="font-size:22px;color:#163D35;font-weight:400">主题、时间、参与对象与资源需求</span></p></td><td style="background:#FFFFFF"><p style="text-align:left"><span style="font-size:22px;color:#163D35;font-weight:400">模拟指南第1条</span></p></td></tr><tr><td style="background:#EAF3EE"><p style="text-align:left"><span style="font-size:22px;color:#163D35;font-weight:400">审核与沟通</span></p></td><td style="background:#EAF3EE"><p style="text-align:left"><span style="font-size:22px;color:#163D35;font-weight:400">交教研负责人确认，缺项补充</span></p></td><td style="background:#EAF3EE"><p style="text-align:left"><span style="font-size:22px;color:#163D35;font-weight:400">模拟指南第2条</span></p></td></tr><tr><td style="background:#FFFFFF"><p style="text-align:left"><span style="font-size:22px;color:#163D35;font-weight:400">活动后归档</span></p></td><td style="background:#FFFFFF"><p style="text-align:left"><span style="font-size:22px;color:#163D35;font-weight:400">活动记录与简要总结</span></p></td><td style="background:#FFFFFF"><p style="text-align:left"><span style="font-size:22px;color:#163D35;font-weight:400">模拟指南第3条</span></p></td></tr></table></div>
+<div class="element text" data-role="body" style="left:64px;top:591px;width:1152px;height:48px"><div class="text-inner"><p style="text-align:left"><span style="font-size:23px;color:#276450;font-weight:650">实际使用时，列出正式文件名称、发布日期与对应条款</span></p></div></div></div>
+
+<div class="page-footer"><span>知识库与腾讯 ima 教育应用</span><span>{{PAGE_NUMBER}} / {{PAGE_COUNT}}</span></div>
+</section>

src/slides/choose-topic.html

@@ -0,0 +1,8 @@
+<section class="slide" data-title="第一个知识库，从一个具体主题开始" data-chapter="知识库基础" data-note="范围越大不代表越好用。举例：八年级物理光学备课、教研组同课异构、学校培训办理。学生使用应由学校与教师按实际要求安排。">
+<div class="page-kicker">知识库基础</div>
+<h2 class="page-title">第一个知识库，从一个具体主题开始</h2>
+<div class="artboard"><div class="element table-wrap" style="left:64px;top:226px;width:1152px;height:350px"><table><colgroup><col style="width:200px"><col style="width:360px"><col style="width:592px"></colgroup><tr><th style="background:#276450"><p style="text-align:left"><span style="font-size:22px;color:#FFFFFF;font-weight:650">使用者</span></p></th><th style="background:#276450"><p style="text-align:left"><span style="font-size:22px;color:#FFFFFF;font-weight:650">适合的主题</span></p></th><th style="background:#276450"><p style="text-align:left"><span style="font-size:22px;color:#FFFFFF;font-weight:650">先放哪些材料</span></p></th></tr><tr><td style="background:#FFFFFF"><p style="text-align:left"><span style="font-size:22px;color:#163D35;font-weight:400">教师个人</span></p></td><td style="background:#FFFFFF"><p style="text-align:left"><span style="font-size:22px;color:#163D35;font-weight:400">一个单元的备课</span></p></td><td style="background:#FFFFFF"><p style="text-align:left"><span style="font-size:22px;color:#163D35;font-weight:400">教学参考、已有教案、课后反思</span></p></td></tr><tr><td style="background:#EAF3EE"><p style="text-align:left"><span style="font-size:22px;color:#163D35;font-weight:400">教研组</span></p></td><td style="background:#EAF3EE"><p style="text-align:left"><span style="font-size:22px;color:#163D35;font-weight:400">一次同课异构教研</span></p></td><td style="background:#EAF3EE"><p style="text-align:left"><span style="font-size:22px;color:#163D35;font-weight:400">多份课例、听评课记录</span></p></td></tr><tr><td style="background:#FFFFFF"><p style="text-align:left"><span style="font-size:22px;color:#163D35;font-weight:400">学校管理</span></p></td><td style="background:#FFFFFF"><p style="text-align:left"><span style="font-size:22px;color:#163D35;font-weight:400">一项校务办理</span></p></td><td style="background:#FFFFFF"><p style="text-align:left"><span style="font-size:22px;color:#163D35;font-weight:400">现行制度、流程、常见问题</span></p></td></tr><tr><td style="background:#EAF3EE"><p style="text-align:left"><span style="font-size:22px;color:#163D35;font-weight:400">学生学习支持</span></p></td><td style="background:#EAF3EE"><p style="text-align:left"><span style="font-size:22px;color:#163D35;font-weight:400">教师筛选的学习专题</span></p></td><td style="background:#EAF3EE"><p style="text-align:left"><span style="font-size:22px;color:#163D35;font-weight:400">讲义、例题、学习提示</span></p></td></tr></table></div>
+<div class="element text" data-role="body" style="left:64px;top:591px;width:1152px;height:48px"><div class="text-inner"><p style="text-align:left"><span style="font-size:23px;color:#276450;font-weight:650">起步建议：一个主题，3—5 份资料，一个真实问题</span></p></div></div></div>
+
+<div class="page-footer"><span>知识库与腾讯 ima 教育应用</span><span>{{PAGE_NUMBER}} / {{PAGE_COUNT}}</span></div>
+</section>

src/slides/closing.html

@@ -0,0 +1,16 @@
+<section class="slide dark" data-title="从一个单元开始" data-chapter="交流与答疑" data-note="结尾预留答疑时间。作业：一周内带回一个专题库、一份教师修改后的成果、一次查证记录。培训重点是可持续的使用方法，不对教学效果作未经验证的承诺。">
+<div class="page-kicker">交流与答疑</div>
+<h2 class="page-title closing-title">从一个单元开始</h2>
+<div class="artboard"><div class="element text" data-role="body" style="left:68px;top:315px;width:1140px;height:70px"><div class="text-inner"><p style="text-align:left"><span style="font-size:34px;color:#BDE6D1;font-weight:400">让下一次备课，多一份可以复用的积累。</span></p></div></div>
+<div class="element text" data-role="body" style="left:68px;top:480px;width:360px;height:58px"><div class="text-inner"><p style="text-align:left"><span style="font-size:33px;color:#FFFFFF;font-weight:650">一个小库</span></p></div></div>
+<div class="element text" data-role="body" style="left:68px;top:554px;width:360px;height:55px"><div class="text-inner"><p style="text-align:left"><span style="font-size:23px;color:#C0D5CA;font-weight:400">聚焦一个真实主题</span></p></div></div>
+<div class="element text" data-role="body" style="left:458px;top:480px;width:360px;height:58px"><div class="text-inner"><p style="text-align:left"><span style="font-size:33px;color:#FFFFFF;font-weight:650">一份成果</span></p></div></div>
+<div class="element text" data-role="body" style="left:458px;top:554px;width:360px;height:55px"><div class="text-inner"><p style="text-align:left"><span style="font-size:23px;color:#C0D5CA;font-weight:400">经过教师检查与修改</span></p></div></div>
+<div class="element text" data-role="body" style="left:848px;top:480px;width:360px;height:58px"><div class="text-inner"><p style="text-align:left"><span style="font-size:33px;color:#FFFFFF;font-weight:650">一次查证</span></p></div></div>
+<div class="element text" data-role="body" style="left:848px;top:554px;width:360px;height:55px"><div class="text-inner"><p style="text-align:left"><span style="font-size:23px;color:#C0D5CA;font-weight:400">保留依据与核对记录</span></p></div></div></div>
+
+<div class="page-footer"><span>知识库与腾讯 ima 教育应用</span><span>{{PAGE_NUMBER}} / {{PAGE_COUNT}}</span></div>
+</section>
+<style>
+:scope .closing-title{top:160px;height:110px;font-size:70px}
+</style>

src/slides/cover.html

@@ -0,0 +1,26 @@
+<section class="slide dark" data-title="让教学资料用起来" data-chapter="教师培训" data-note="开场5分钟。请老师回想最近一次“记得存过，却找不到”的资料。全课120分钟，产品操作25分钟，案例40分钟，练习与交流30分钟。">
+<div class="page-kicker">教师培训</div>
+<h2 class="page-title visually-hidden">让教学资料用起来</h2>
+<div class="artboard"><div class="element text" data-role="body" style="left:64px;top:168px;width:680px;height:206px"><div class="text-inner"><p style="text-align:left"><span style="font-size:74px;color:#FFFFFF;font-weight:650">让教学资料</span></p><p style="text-align:left"><span style="font-size:74px;color:#FFFFFF;font-weight:650">用起来</span></p></div></div>
+<div class="element text" data-role="body" style="left:68px;top:414px;width:680px;height:64px"><div class="text-inner"><p style="text-align:left"><span style="font-size:30px;color:#BDE6D1;font-weight:400">知识库与腾讯 ima 教育应用</span></p></div></div>
+<div class="element text" data-role="body" style="left:68px;top:518px;width:670px;height:78px"><div class="text-inner"><p style="text-align:left"><span style="font-size:25px;color:#C0D5CA;font-weight:400">从一个单元开始，建立自己的教学资料库</span></p></div></div>
+<svg class="element decoration" style="left:920px;top:205px;width:1px;height:175px;overflow:visible" aria-hidden="true"><line x1="0" y1="175.0" x2="0.0" y2="0" stroke="#41685A" stroke-width="2.0"/></svg>
+<svg class="element decoration" style="left:920px;top:380px;width:215px;height:10px;overflow:visible" aria-hidden="true"><line x1="0" y1="0" x2="215.0" y2="10.0" stroke="#41685A" stroke-width="2.0"/></svg>
+<svg class="element decoration" style="left:920px;top:380px;width:85px;height:195px;overflow:visible" aria-hidden="true"><line x1="0" y1="0" x2="85.0" y2="195.0" stroke="#41685A" stroke-width="2.0"/></svg>
+<svg class="element decoration" style="left:775px;top:380px;width:145px;height:175px;overflow:visible" aria-hidden="true"><line x1="145.0" y1="0" x2="0" y2="175.0" stroke="#41685A" stroke-width="2.0"/></svg>
+<svg class="element decoration" style="left:735px;top:310px;width:185px;height:70px;overflow:visible" aria-hidden="true"><line x1="185.0" y1="70.0" x2="0" y2="0" stroke="#41685A" stroke-width="2.0"/></svg>
+<div class="element decoration" aria-hidden="true" style="left:824px;top:290px;width:190px;height:190px;background:#BDE6D1;border:0px solid transparent;border-radius:50%"></div>
+<div class="element text" data-role="body" style="left:845px;top:323px;width:148px;height:114px"><div class="text-inner"><p style="text-align:center"><span style="font-size:35px;color:#163D35;font-weight:650">教学</span></p><p style="text-align:center"><span style="font-size:35px;color:#163D35;font-weight:650">知识库</span></p></div></div>
+<div class="element decoration" aria-hidden="true" style="left:860px;top:145px;width:120px;height:120px;background:#244A3E;border:0px solid transparent;border-radius:50%"></div>
+<div class="element text" data-role="body" style="left:865px;top:150px;width:110px;height:110px"><div class="text-inner"><p style="text-align:center"><span style="font-size:19px;color:#FFFFFF;font-weight:400">课程标准</span></p></div></div>
+<div class="element decoration" aria-hidden="true" style="left:1080px;top:335px;width:110px;height:110px;background:#244A3E;border:0px solid transparent;border-radius:50%"></div>
+<div class="element text" data-role="body" style="left:1085px;top:340px;width:100px;height:100px"><div class="text-inner"><p style="text-align:center"><span style="font-size:19px;color:#FFFFFF;font-weight:400">教学设计</span></p></div></div>
+<div class="element decoration" aria-hidden="true" style="left:950px;top:520px;width:110px;height:110px;background:#244A3E;border:0px solid transparent;border-radius:50%"></div>
+<div class="element text" data-role="body" style="left:955px;top:525px;width:100px;height:100px"><div class="text-inner"><p style="text-align:center"><span style="font-size:19px;color:#FFFFFF;font-weight:400">课堂反思</span></p></div></div>
+<div class="element decoration" aria-hidden="true" style="left:720px;top:500px;width:110px;height:110px;background:#244A3E;border:0px solid transparent;border-radius:50%"></div>
+<div class="element text" data-role="body" style="left:725px;top:505px;width:100px;height:100px"><div class="text-inner"><p style="text-align:center"><span style="font-size:19px;color:#FFFFFF;font-weight:400">教研经验</span></p></div></div>
+<div class="element decoration" aria-hidden="true" style="left:690px;top:265px;width:90px;height:90px;background:#244A3E;border:0px solid transparent;border-radius:50%"></div>
+<div class="element text" data-role="body" style="left:695px;top:270px;width:80px;height:80px"><div class="text-inner"><p style="text-align:center"><span style="font-size:19px;color:#FFFFFF;font-weight:400">课例</span></p></div></div></div>
+
+<div class="page-footer"><span>知识库与腾讯 ima 教育应用</span><span>{{PAGE_NUMBER}} / {{PAGE_COUNT}}</span></div>
+</section>

src/slides/create-library.html

@@ -0,0 +1,18 @@
+<section class="slide" data-title="建立“光与影”教学专题演示库" data-chapter="ima 基础操作" data-note="这里将原大纲“七年级科学”改为不绑定教材版本的“光与影教学专题演示库”。随附3份模拟材料，不能替代真实教材和课程标准。操作：新建库、加入3份Markdown资料、打开检查解析、记下资料名。授课前使用实际账号验证。">
+<div class="page-kicker">ima 基础操作</div>
+<h2 class="page-title">建立“光与影”教学专题演示库</h2>
+<div class="artboard"><div class="element text" data-role="number" style="left:64px;top:235px;width:362.667px;height:80px"><div class="text-inner"><p style="text-align:left"><span style="font-size:58px;color:#276450;font-weight:400">01</span></p></div></div>
+<div class="element text" data-role="body" style="left:64px;top:341px;width:362.667px;height:58px"><div class="text-inner"><p style="text-align:left"><span style="font-size:29px;color:#163D35;font-weight:650">主题说明</span></p></div></div>
+<div class="element text" data-role="body" style="left:64px;top:417px;width:362.667px;height:150px"><div class="text-inner"><p style="text-align:left"><span style="font-size:23px;color:#60756D;font-weight:400">01_主题说明.md</span></p><p style="text-align:left"><span style="font-size:23px;color:#60756D;font-weight:400">概念、适用范围</span></p><p style="text-align:left"><span style="font-size:23px;color:#60756D;font-weight:400">与课堂目标</span></p></div></div>
+<div class="element text" data-role="number" style="left:458.667px;top:235px;width:362.667px;height:80px"><div class="text-inner"><p style="text-align:left"><span style="font-size:58px;color:#276450;font-weight:400">02</span></p></div></div>
+<div class="element text" data-role="body" style="left:458.667px;top:341px;width:362.667px;height:58px"><div class="text-inner"><p style="text-align:left"><span style="font-size:29px;color:#163D35;font-weight:650">活动建议</span></p></div></div>
+<div class="element text" data-role="body" style="left:458.667px;top:417px;width:362.667px;height:150px"><div class="text-inner"><p style="text-align:left"><span style="font-size:23px;color:#60756D;font-weight:400">02_活动建议.md</span></p><p style="text-align:left"><span style="font-size:23px;color:#60756D;font-weight:400">控制变量</span></p><p style="text-align:left"><span style="font-size:23px;color:#60756D;font-weight:400">与观察记录</span></p></div></div>
+<div class="element text" data-role="number" style="left:853.333px;top:235px;width:362.667px;height:80px"><div class="text-inner"><p style="text-align:left"><span style="font-size:58px;color:#276450;font-weight:400">03</span></p></div></div>
+<div class="element text" data-role="body" style="left:853.333px;top:341px;width:362.667px;height:58px"><div class="text-inner"><p style="text-align:left"><span style="font-size:29px;color:#163D35;font-weight:650">课堂反思</span></p></div></div>
+<div class="element text" data-role="body" style="left:853.333px;top:417px;width:362.667px;height:150px"><div class="text-inner"><p style="text-align:left"><span style="font-size:23px;color:#60756D;font-weight:400">03_课堂反思.md</span></p><p style="text-align:left"><span style="font-size:23px;color:#60756D;font-weight:400">常见问题</span></p><p style="text-align:left"><span style="font-size:23px;color:#60756D;font-weight:400">与改进线索</span></p></div></div>
+<div class="element text" data-role="body" style="left:64px;top:591px;width:1152px;height:48px"><div class="text-inner"><p style="text-align:left"><span style="font-size:23px;color:#276450;font-weight:650">导入后逐份打开，确认内容可读、名称清晰</span></p></div></div>
+<div class="element decoration" aria-hidden="true" style="left:64px;top:194px;width:180px;height:34px;background:#EAF3EE;border:0px solid transparent;border-radius:10px"></div>
+<div class="element text" data-role="body" style="left:76px;top:195px;width:156px;height:30px"><div class="text-inner"><p style="text-align:left"><span style="font-size:16px;color:#276450;font-weight:650">随附模拟材料</span></p></div></div></div>
+
+<div class="page-footer"><span>知识库与腾讯 ima 教育应用</span><span>{{PAGE_NUMBER}} / {{PAGE_COUNT}}</span></div>
+</section>

src/slides/daily-habits.html

@@ -0,0 +1,16 @@
+<section class="slide" data-title="让资料库保持有用的日常习惯" data-chapter="持续使用" data-note="不上传未获授权的敏感资料。按学校要求处理学生信息。共享前检查成员与内容权限。定期清理旧资料与失效内容，保留实践反思。">
+<div class="page-kicker">持续使用</div>
+<h2 class="page-title">让资料库保持有用的日常习惯</h2>
+<div class="artboard"><div class="element text" data-role="number" style="left:64px;top:235px;width:362.667px;height:80px"><div class="text-inner"><p style="text-align:left"><span style="font-size:58px;color:#276450;font-weight:400">01</span></p></div></div>
+<div class="element text" data-role="body" style="left:64px;top:341px;width:362.667px;height:58px"><div class="text-inner"><p style="text-align:left"><span style="font-size:29px;color:#163D35;font-weight:650">范围小一点</span></p></div></div>
+<div class="element text" data-role="body" style="left:64px;top:417px;width:362.667px;height:150px"><div class="text-inner"><p style="text-align:left"><span style="font-size:23px;color:#60756D;font-weight:400">围绕一个真实任务</span></p><p style="text-align:left"><span style="font-size:23px;color:#60756D;font-weight:400">先积累高质量资料</span></p></div></div>
+<div class="element text" data-role="number" style="left:458.667px;top:235px;width:362.667px;height:80px"><div class="text-inner"><p style="text-align:left"><span style="font-size:58px;color:#276450;font-weight:400">02</span></p></div></div>
+<div class="element text" data-role="body" style="left:458.667px;top:341px;width:362.667px;height:58px"><div class="text-inner"><p style="text-align:left"><span style="font-size:29px;color:#163D35;font-weight:650">维护勤一点</span></p></div></div>
+<div class="element text" data-role="body" style="left:458.667px;top:417px;width:362.667px;height:150px"><div class="text-inner"><p style="text-align:left"><span style="font-size:23px;color:#60756D;font-weight:400">补充来源与日期</span></p><p style="text-align:left"><span style="font-size:23px;color:#60756D;font-weight:400">检查旧版和重复内容</span></p></div></div>
+<div class="element text" data-role="number" style="left:853.333px;top:235px;width:362.667px;height:80px"><div class="text-inner"><p style="text-align:left"><span style="font-size:58px;color:#276450;font-weight:400">03</span></p></div></div>
+<div class="element text" data-role="body" style="left:853.333px;top:341px;width:362.667px;height:58px"><div class="text-inner"><p style="text-align:left"><span style="font-size:29px;color:#163D35;font-weight:650">使用稳一点</span></p></div></div>
+<div class="element text" data-role="body" style="left:853.333px;top:417px;width:362.667px;height:150px"><div class="text-inner"><p style="text-align:left"><span style="font-size:23px;color:#60756D;font-weight:400">核对正式使用的成果</span></p><p style="text-align:left"><span style="font-size:23px;color:#60756D;font-weight:400">处理学生信息与共享权限</span></p></div></div>
+<div class="element text" data-role="body" style="left:64px;top:591px;width:1152px;height:48px"><div class="text-inner"><p style="text-align:left"><span style="font-size:23px;color:#276450;font-weight:650">把自己的课堂反思补回库里，让下一次备课有据可循</span></p></div></div></div>
+
+<div class="page-footer"><span>知识库与腾讯 ima 教育应用</span><span>{{PAGE_NUMBER}} / {{PAGE_COUNT}}</span></div>
+</section>

src/slides/how-it-works.html

@@ -0,0 +1,26 @@
+<section class="slide" data-title="AI 如何使用你放进去的资料" data-chapter="知识库基础" data-note="这是常见检索增强问答的简化解释，并非ima内部技术架构说明。入库通常不是重新训练专属模型。检索可能遗漏，回答仍需要查证。">
+<div class="page-kicker">知识库基础</div>
+<h2 class="page-title">AI 如何使用你放进去的资料</h2>
+<div class="artboard"><div class="element decoration" aria-hidden="true" style="left:64px;top:255px;width:62px;height:62px;background:#BDE6D1;border:0px solid transparent;border-radius:50%"></div>
+<div class="element text" data-role="number" style="left:64px;top:255px;width:62px;height:62px"><div class="text-inner"><p style="text-align:center"><span style="font-size:27px;color:#163D35;font-weight:650">1</span></p></div></div>
+<div class="element text" data-role="body" style="left:64px;top:345px;width:265.5px;height:70px"><div class="text-inner"><p style="text-align:left"><span style="font-size:28px;color:#163D35;font-weight:650">解析资料</span></p></div></div>
+<div class="element text" data-role="body" style="left:64px;top:430px;width:265.5px;height:120px"><div class="text-inner"><p style="text-align:left"><span style="font-size:22px;color:#60756D;font-weight:400">读取内容</span></p><p style="text-align:left"><span style="font-size:22px;color:#60756D;font-weight:400">建立可检索的索引</span></p></div></div>
+<svg class="element decoration" style="left:140px;top:286px;width:203.5px;height:1px;overflow:visible" aria-hidden="true"><line x1="0" y1="0" x2="203.50005249343832" y2="0.0" stroke="#D9E3DD" stroke-width="3.0"/></svg>
+<div class="element decoration" aria-hidden="true" style="left:359.5px;top:255px;width:62px;height:62px;background:#BDE6D1;border:0px solid transparent;border-radius:50%"></div>
+<div class="element text" data-role="number" style="left:359.5px;top:255px;width:62px;height:62px"><div class="text-inner"><p style="text-align:center"><span style="font-size:27px;color:#163D35;font-weight:650">2</span></p></div></div>
+<div class="element text" data-role="body" style="left:359.5px;top:345px;width:265.5px;height:70px"><div class="text-inner"><p style="text-align:left"><span style="font-size:28px;color:#163D35;font-weight:650">查找片段</span></p></div></div>
+<div class="element text" data-role="body" style="left:359.5px;top:430px;width:265.5px;height:120px"><div class="text-inner"><p style="text-align:left"><span style="font-size:22px;color:#60756D;font-weight:400">根据问题</span></p><p style="text-align:left"><span style="font-size:22px;color:#60756D;font-weight:400">寻找相关材料</span></p></div></div>
+<svg class="element decoration" style="left:435.5px;top:286px;width:203.5px;height:1px;overflow:visible" aria-hidden="true"><line x1="0" y1="0" x2="203.50005249343832" y2="0.0" stroke="#D9E3DD" stroke-width="3.0"/></svg>
+<div class="element decoration" aria-hidden="true" style="left:655px;top:255px;width:62px;height:62px;background:#BDE6D1;border:0px solid transparent;border-radius:50%"></div>
+<div class="element text" data-role="number" style="left:655px;top:255px;width:62px;height:62px"><div class="text-inner"><p style="text-align:center"><span style="font-size:27px;color:#163D35;font-weight:650">3</span></p></div></div>
+<div class="element text" data-role="body" style="left:655px;top:345px;width:265.5px;height:70px"><div class="text-inner"><p style="text-align:left"><span style="font-size:28px;color:#163D35;font-weight:650">组织回答</span></p></div></div>
+<div class="element text" data-role="body" style="left:655px;top:430px;width:265.5px;height:120px"><div class="text-inner"><p style="text-align:left"><span style="font-size:22px;color:#60756D;font-weight:400">结合找到的内容</span></p><p style="text-align:left"><span style="font-size:22px;color:#60756D;font-weight:400">归纳与表达</span></p></div></div>
+<svg class="element decoration" style="left:731px;top:286px;width:203.5px;height:1px;overflow:visible" aria-hidden="true"><line x1="0" y1="0" x2="203.50005249343832" y2="0.0" stroke="#D9E3DD" stroke-width="3.0"/></svg>
+<div class="element decoration" aria-hidden="true" style="left:950.5px;top:255px;width:62px;height:62px;background:#276450;border:0px solid transparent;border-radius:50%"></div>
+<div class="element text" data-role="number" style="left:950.5px;top:255px;width:62px;height:62px"><div class="text-inner"><p style="text-align:center"><span style="font-size:27px;color:#FFFFFF;font-weight:650">4</span></p></div></div>
+<div class="element text" data-role="body" style="left:950.5px;top:345px;width:265.5px;height:70px"><div class="text-inner"><p style="text-align:left"><span style="font-size:28px;color:#163D35;font-weight:650">回到原文</span></p></div></div>
+<div class="element text" data-role="body" style="left:950.5px;top:430px;width:265.5px;height:120px"><div class="text-inner"><p style="text-align:left"><span style="font-size:22px;color:#60756D;font-weight:400">核对事实</span></p><p style="text-align:left"><span style="font-size:22px;color:#60756D;font-weight:400">检查上下文</span></p></div></div>
+<div class="element text" data-role="body" style="left:64px;top:591px;width:1152px;height:48px"><div class="text-inner"><p style="text-align:left"><span style="font-size:23px;color:#276450;font-weight:650">入库后仍需要核对答案与来源</span></p></div></div></div>
+
+<div class="page-footer"><span>知识库与腾讯 ima 教育应用</span><span>{{PAGE_NUMBER}} / {{PAGE_COUNT}}</span></div>
+</section>

src/slides/ima-capabilities.html

@@ -0,0 +1,21 @@
+<section class="slide" data-title="一次备课，可以连起五种操作" data-chapter="认识腾讯 ima" data-note="能力来源：https://ima.tencent.com/download 与官方应用说明 https://apps.apple.com/cn/app/id6737188438。具体格式及端侧入口因版本而异，不在本页承诺。">
+<div class="page-kicker">认识腾讯 ima</div>
+<h2 class="page-title">一次备课，可以连起五种操作</h2>
+<div class="artboard"><div class="element text" data-role="number" style="left:64px;top:213px;width:60px;height:50px"><div class="text-inner"><p style="text-align:left"><span style="font-size:30px;color:#276450;font-weight:650">01</span></p></div></div>
+<div class="element text" data-role="body" style="left:149px;top:213px;width:1067px;height:44px"><div class="text-inner"><p style="text-align:left"><span style="font-size:28px;color:#163D35;font-weight:650">收资料、读资料</span></p></div></div>
+<div class="element text" data-role="body" style="left:149px;top:256px;width:1067px;height:42px"><div class="text-inner"><p style="text-align:left"><span style="font-size:21px;color:#60756D;font-weight:400">把相关文件、文章集中起来，辅助提取重点</span></p></div></div>
+<svg class="element decoration" style="left:149px;top:301px;width:1067px;height:1px;overflow:visible" aria-hidden="true"><line x1="0" y1="0" x2="1067.0" y2="0.0" stroke="#D9E3DD" stroke-width="2.0"/></svg>
+<div class="element text" data-role="number" style="left:64px;top:308px;width:60px;height:50px"><div class="text-inner"><p style="text-align:left"><span style="font-size:30px;color:#276450;font-weight:650">02</span></p></div></div>
+<div class="element text" data-role="body" style="left:149px;top:308px;width:1067px;height:44px"><div class="text-inner"><p style="text-align:left"><span style="font-size:28px;color:#163D35;font-weight:650">问资料</span></p></div></div>
+<div class="element text" data-role="body" style="left:149px;top:351px;width:1067px;height:42px"><div class="text-inner"><p style="text-align:left"><span style="font-size:21px;color:#60756D;font-weight:400">针对指定资料范围，查询、比较和归纳</span></p></div></div>
+<svg class="element decoration" style="left:149px;top:396px;width:1067px;height:1px;overflow:visible" aria-hidden="true"><line x1="0" y1="0" x2="1067.0" y2="0.0" stroke="#D9E3DD" stroke-width="2.0"/></svg>
+<div class="element text" data-role="number" style="left:64px;top:403px;width:60px;height:50px"><div class="text-inner"><p style="text-align:left"><span style="font-size:30px;color:#276450;font-weight:650">03</span></p></div></div>
+<div class="element text" data-role="body" style="left:149px;top:403px;width:1067px;height:44px"><div class="text-inner"><p style="text-align:left"><span style="font-size:28px;color:#163D35;font-weight:650">写内容</span></p></div></div>
+<div class="element text" data-role="body" style="left:149px;top:446px;width:1067px;height:42px"><div class="text-inner"><p style="text-align:left"><span style="font-size:21px;color:#60756D;font-weight:400">整理教学初稿，并加入教师的判断与修改</span></p></div></div>
+<svg class="element decoration" style="left:149px;top:491px;width:1067px;height:1px;overflow:visible" aria-hidden="true"><line x1="0" y1="0" x2="1067.0" y2="0.0" stroke="#D9E3DD" stroke-width="2.0"/></svg>
+<div class="element text" data-role="number" style="left:64px;top:498px;width:60px;height:50px"><div class="text-inner"><p style="text-align:left"><span style="font-size:30px;color:#276450;font-weight:650">04</span></p></div></div>
+<div class="element text" data-role="body" style="left:149px;top:498px;width:1067px;height:44px"><div class="text-inner"><p style="text-align:left"><span style="font-size:28px;color:#163D35;font-weight:650">共用资料</span></p></div></div>
+<div class="element text" data-role="body" style="left:149px;top:541px;width:1067px;height:42px"><div class="text-inner"><p style="text-align:left"><span style="font-size:21px;color:#60756D;font-weight:400">围绕共同主题积累内容，管理成员与权限</span></p></div></div></div>
+
+<div class="page-footer"><span>知识库与腾讯 ima 教育应用</span><span>{{PAGE_NUMBER}} / {{PAGE_COUNT}}</span></div>
+</section>

src/slides/ima-interface.html

@@ -0,0 +1,19 @@
+<section class="slide" data-title="先认识知识库入口与提问区域" data-chapter="ima 基础操作" data-note="截图来源：https://ima.qq.com/，2026-11-03，未登录Web首页。此截图仅说明可见入口。库内资料、来源、笔记及共享操作需要登录后演示，本次没有使用个人账号实测。">
+<div class="page-kicker">ima 基础操作</div>
+<h2 class="page-title">先认识知识库入口与提问区域</h2>
+<div class="artboard"><button class="element image-zoom" style="left:64px;top:204.125px;width:780px;height:438.75px" aria-label="放大腾讯 ima 官方首页截图"><img src="asset:ima-official-home.png" alt="腾讯 ima 未登录 Web 首页，2026年11月3日"></button>
+<div class="element text" data-role="number" style="left:914px;top:232px;width:60px;height:50px"><div class="text-inner"><p style="text-align:left"><span style="font-size:30px;color:#276450;font-weight:650">01</span></p></div></div>
+<div class="element text" data-role="body" style="left:999px;top:232px;width:215px;height:44px"><div class="text-inner"><p style="text-align:left"><span style="font-size:28px;color:#163D35;font-weight:650">知识库</span></p></div></div>
+<div class="element text" data-role="body" style="left:999px;top:275px;width:215px;height:42px"><div class="text-inner"><p style="text-align:left"><span style="font-size:21px;color:#60756D;font-weight:400">添加与管理资料</span></p></div></div>
+<svg class="element decoration" style="left:999px;top:320px;width:215px;height:1px;overflow:visible" aria-hidden="true"><line x1="0" y1="0" x2="215.0" y2="0.0" stroke="#D9E3DD" stroke-width="2.0"/></svg>
+<div class="element text" data-role="number" style="left:914px;top:354px;width:60px;height:50px"><div class="text-inner"><p style="text-align:left"><span style="font-size:30px;color:#276450;font-weight:650">02</span></p></div></div>
+<div class="element text" data-role="body" style="left:999px;top:354px;width:215px;height:44px"><div class="text-inner"><p style="text-align:left"><span style="font-size:28px;color:#163D35;font-weight:650">提问区域</span></p></div></div>
+<div class="element text" data-role="body" style="left:999px;top:397px;width:215px;height:42px"><div class="text-inner"><p style="text-align:left"><span style="font-size:21px;color:#60756D;font-weight:400">描述任务与要求</span></p></div></div>
+<svg class="element decoration" style="left:999px;top:442px;width:215px;height:1px;overflow:visible" aria-hidden="true"><line x1="0" y1="0" x2="215.0" y2="0.0" stroke="#D9E3DD" stroke-width="2.0"/></svg>
+<div class="element text" data-role="number" style="left:914px;top:476px;width:60px;height:50px"><div class="text-inner"><p style="text-align:left"><span style="font-size:30px;color:#276450;font-weight:650">03</span></p></div></div>
+<div class="element text" data-role="body" style="left:999px;top:476px;width:215px;height:44px"><div class="text-inner"><p style="text-align:left"><span style="font-size:28px;color:#163D35;font-weight:650">后续演示</span></p></div></div>
+<div class="element text" data-role="body" style="left:999px;top:519px;width:215px;height:70px"><div class="text-inner"><p style="text-align:left"><span style="font-size:21px;color:#60756D;font-weight:400">登录后查看来源</span></p><p style="text-align:left"><span style="font-size:21px;color:#60756D;font-weight:400">笔记与共享入口</span></p></div></div>
+<div class="element text" data-role="body" style="left:64px;top:643px;width:800px;height:22px"><div class="text-inner"><p style="text-align:left"><span style="font-size:14px;color:#60756D;font-weight:400">官方 Web 首页截图，未登录状态</span></p></div></div></div>
+
+<div class="page-footer"><span>知识库与腾讯 ima 教育应用</span><span>{{PAGE_NUMBER}} / {{PAGE_COUNT}}</span></div>
+</section>

src/slides/ima-intro.html

@@ -0,0 +1,10 @@
+<section class="slide dark" data-title="腾讯 ima，围绕知识库开展搜读写" data-chapter="认识腾讯 ima" data-note="来源：https://ima.tencent.com/download；https://ima.qq.com/。核对日期：2026-11-03。此课聚焦知识库基础能力，不讨论动态额度、价格和模型排名。产品功能与入口以授课账号实际版本为准。">
+<div class="page-kicker">认识腾讯 ima</div>
+<h2 class="page-title">腾讯 ima，围绕知识库开展搜读写</h2>
+<div class="artboard"><div class="element text" data-role="body" style="left:64px;top:211px;width:480px;height:180px"><div class="text-inner"><p style="text-align:left"><span style="font-size:135px;color:#BDE6D1;font-weight:650">ima</span></p></div></div>
+<div class="element text" data-role="body" style="left:650px;top:238px;width:550px;height:140px"><div class="text-inner"><p style="text-align:left"><span style="font-size:42px;color:#FFFFFF;font-weight:650">资料收集、阅读理解</span></p><p style="text-align:left"><span style="font-size:42px;color:#FFFFFF;font-weight:650">与内容创作相连接</span></p></div></div>
+<div class="element text" data-role="body" style="left:650px;top:443px;width:560px;height:112px"><div class="text-inner"><p style="text-align:left"><span style="font-size:25px;color:#C0D5CA;font-weight:400">本次聚焦</span></p><p style="text-align:left"><span style="font-size:25px;color:#C0D5CA;font-weight:400">资料入库  /  基于资料问答  /  笔记与共享</span></p></div></div>
+<div class="element text" data-role="body" style="left:64px;top:596px;width:1152px;height:48px"><div class="text-inner"><p style="text-align:left"><span style="font-size:23px;color:#BDE6D1;font-weight:650">用一个教学专题库，贯穿接下来的操作</span></p></div></div></div>
+
+<div class="page-footer"><span>知识库与腾讯 ima 教育应用</span><span>{{PAGE_NUMBER}} / {{PAGE_COUNT}}</span></div>
+</section>

src/slides/knowledge-base.html

@@ -0,0 +1,14 @@
+<section class="slide" data-title="知识库，把资料组织成可用的资源" data-chapter="知识库基础" data-note="此处知识库是知识管理意义上的集合。带AI问答的知识库增加了内容检索、归纳和问答能力。用“某单元备课库”解释主题、资料、维护与复用。">
+<div class="page-kicker">知识库基础</div>
+<h2 class="page-title">知识库，把资料组织成可用的资源</h2>
+<div class="artboard"><div class="element text" data-role="body" style="left:64px;top:230px;width:650px;height:160px"><div class="text-inner"><p style="text-align:left"><span style="font-size:48px;color:#163D35;font-weight:650">围绕一个主题</span></p><p style="text-align:left"><span style="font-size:48px;color:#163D35;font-weight:650">持续积累与使用知识</span></p></div></div>
+<div class="element text" data-role="body" style="left:64px;top:437px;width:620px;height:112px"><div class="text-inner"><p style="text-align:left"><span style="font-size:27px;color:#60756D;font-weight:400">资料、笔记、案例与经验</span></p><p style="text-align:left"><span style="font-size:27px;color:#60756D;font-weight:400">经过组织，可以查找，也可以反复使用。</span></p></div></div>
+<div class="element decoration" aria-hidden="true" style="left:830px;top:232px;width:355px;height:90px;background:#276450;border:0px solid transparent;border-radius:10px"></div>
+<div class="element text" data-role="body" style="left:856px;top:244px;width:305px;height:66px"><div class="text-inner"><p style="text-align:left"><span style="font-size:29px;color:#FFFFFF;font-weight:650">单元备课库</span></p></div></div>
+<div class="element decoration" aria-hidden="true" style="left:830px;top:347px;width:355px;height:90px;background:#EAF3EE;border:0px solid transparent;border-radius:10px"></div>
+<div class="element text" data-role="body" style="left:856px;top:359px;width:305px;height:66px"><div class="text-inner"><p style="text-align:left"><span style="font-size:29px;color:#163D35;font-weight:650">教研资料库</span></p></div></div>
+<div class="element decoration" aria-hidden="true" style="left:830px;top:462px;width:355px;height:90px;background:#EAF3EE;border:0px solid transparent;border-radius:10px"></div>
+<div class="element text" data-role="body" style="left:856px;top:474px;width:305px;height:66px"><div class="text-inner"><p style="text-align:left"><span style="font-size:29px;color:#163D35;font-weight:650">学校制度库</span></p></div></div></div>
+
+<div class="page-footer"><span>知识库与腾讯 ima 教育应用</span><span>{{PAGE_NUMBER}} / {{PAGE_COUNT}}</span></div>
+</section>

src/slides/material-problems.html

@@ -0,0 +1,19 @@
+<section class="slide" data-title="资料越来越多，使用依然费劲" data-chapter="从日常问题出发" data-note="请举手或口头互动：找不到资料、材料太多读不完、重复备课、成果难共享，哪一项最常见？不承诺具体节省时间。">
+<div class="page-kicker">从日常问题出发</div>
+<h2 class="page-title">资料越来越多，使用依然费劲</h2>
+<div class="artboard"><div class="element text" data-role="number" style="left:64px;top:235px;width:264px;height:80px"><div class="text-inner"><p style="text-align:left"><span style="font-size:58px;color:#276450;font-weight:400">01</span></p></div></div>
+<div class="element text" data-role="body" style="left:64px;top:341px;width:264px;height:58px"><div class="text-inner"><p style="text-align:left"><span style="font-size:29px;color:#163D35;font-weight:650">散落各处</span></p></div></div>
+<div class="element text" data-role="body" style="left:64px;top:417px;width:264px;height:150px"><div class="text-inner"><p style="text-align:left"><span style="font-size:23px;color:#60756D;font-weight:400">电脑、微信与网盘</span></p><p style="text-align:left"><span style="font-size:23px;color:#60756D;font-weight:400">各自留下一份资料</span></p></div></div>
+<div class="element text" data-role="number" style="left:360px;top:235px;width:264px;height:80px"><div class="text-inner"><p style="text-align:left"><span style="font-size:58px;color:#276450;font-weight:400">02</span></p></div></div>
+<div class="element text" data-role="body" style="left:360px;top:341px;width:264px;height:58px"><div class="text-inner"><p style="text-align:left"><span style="font-size:29px;color:#163D35;font-weight:650">找不到重点</span></p></div></div>
+<div class="element text" data-role="body" style="left:360px;top:417px;width:264px;height:150px"><div class="text-inner"><p style="text-align:left"><span style="font-size:23px;color:#60756D;font-weight:400">记得看过，却想不起</span></p><p style="text-align:left"><span style="font-size:23px;color:#60756D;font-weight:400">文件名和关键段落</span></p></div></div>
+<div class="element text" data-role="number" style="left:656px;top:235px;width:264px;height:80px"><div class="text-inner"><p style="text-align:left"><span style="font-size:58px;color:#276450;font-weight:400">03</span></p></div></div>
+<div class="element text" data-role="body" style="left:656px;top:341px;width:264px;height:58px"><div class="text-inner"><p style="text-align:left"><span style="font-size:29px;color:#163D35;font-weight:650">重复做整理</span></p></div></div>
+<div class="element text" data-role="body" style="left:656px;top:417px;width:264px;height:150px"><div class="text-inner"><p style="text-align:left"><span style="font-size:23px;color:#60756D;font-weight:400">同一主题的材料</span></p><p style="text-align:left"><span style="font-size:23px;color:#60756D;font-weight:400">每次重新阅读比较</span></p></div></div>
+<div class="element text" data-role="number" style="left:952px;top:235px;width:264px;height:80px"><div class="text-inner"><p style="text-align:left"><span style="font-size:58px;color:#276450;font-weight:400">04</span></p></div></div>
+<div class="element text" data-role="body" style="left:952px;top:341px;width:264px;height:58px"><div class="text-inner"><p style="text-align:left"><span style="font-size:29px;color:#163D35;font-weight:650">经验难复用</span></p></div></div>
+<div class="element text" data-role="body" style="left:952px;top:417px;width:264px;height:150px"><div class="text-inner"><p style="text-align:left"><span style="font-size:23px;color:#60756D;font-weight:400">优秀教案和课堂反思</span></p><p style="text-align:left"><span style="font-size:23px;color:#60756D;font-weight:400">还停留在个人手里</span></p></div></div>
+<div class="element text" data-role="body" style="left:64px;top:591px;width:1152px;height:48px"><div class="text-inner"><p style="text-align:left"><span style="font-size:23px;color:#276450;font-weight:650">今天从“保存资料”继续走到“围绕资料解决问题”</span></p></div></div></div>
+
+<div class="page-footer"><span>知识库与腾讯 ima 教育应用</span><span>{{PAGE_NUMBER}} / {{PAGE_COUNT}}</span></div>
+</section>

src/slides/material-quality.html

@@ -0,0 +1,21 @@
+<section class="slide" data-title="回答质量，取决于资料质量" data-chapter="知识库基础" data-note="请现场比较：清晰命名的文本PDF与缺页扫描件。识别不完整时先修复资料，不要仅靠追问。旧版、新版和矛盾资料需要清晰标注。">
+<div class="page-kicker">知识库基础</div>
+<h2 class="page-title">回答质量，取决于资料质量</h2>
+<div class="artboard"><div class="element text" data-role="number" style="left:64px;top:213px;width:60px;height:50px"><div class="text-inner"><p style="text-align:left"><span style="font-size:30px;color:#276450;font-weight:650">01</span></p></div></div>
+<div class="element text" data-role="body" style="left:149px;top:213px;width:1067px;height:44px"><div class="text-inner"><p style="text-align:left"><span style="font-size:28px;color:#163D35;font-weight:650">来源可靠</span></p></div></div>
+<div class="element text" data-role="body" style="left:149px;top:256px;width:1067px;height:42px"><div class="text-inner"><p style="text-align:left"><span style="font-size:21px;color:#60756D;font-weight:400">保留出处、发布日期和适用范围</span></p></div></div>
+<svg class="element decoration" style="left:149px;top:301px;width:1067px;height:1px;overflow:visible" aria-hidden="true"><line x1="0" y1="0" x2="1067.0" y2="0.0" stroke="#D9E3DD" stroke-width="2.0"/></svg>
+<div class="element text" data-role="number" style="left:64px;top:308px;width:60px;height:50px"><div class="text-inner"><p style="text-align:left"><span style="font-size:30px;color:#276450;font-weight:650">02</span></p></div></div>
+<div class="element text" data-role="body" style="left:149px;top:308px;width:1067px;height:44px"><div class="text-inner"><p style="text-align:left"><span style="font-size:28px;color:#163D35;font-weight:650">版本匹配</span></p></div></div>
+<div class="element text" data-role="body" style="left:149px;top:351px;width:1067px;height:42px"><div class="text-inner"><p style="text-align:left"><span style="font-size:21px;color:#60756D;font-weight:400">检查学科、年级、教材版本与资料时效</span></p></div></div>
+<svg class="element decoration" style="left:149px;top:396px;width:1067px;height:1px;overflow:visible" aria-hidden="true"><line x1="0" y1="0" x2="1067.0" y2="0.0" stroke="#D9E3DD" stroke-width="2.0"/></svg>
+<div class="element text" data-role="number" style="left:64px;top:403px;width:60px;height:50px"><div class="text-inner"><p style="text-align:left"><span style="font-size:30px;color:#276450;font-weight:650">03</span></p></div></div>
+<div class="element text" data-role="body" style="left:149px;top:403px;width:1067px;height:44px"><div class="text-inner"><p style="text-align:left"><span style="font-size:28px;color:#163D35;font-weight:650">内容可读</span></p></div></div>
+<div class="element text" data-role="body" style="left:149px;top:446px;width:1067px;height:42px"><div class="text-inner"><p style="text-align:left"><span style="font-size:21px;color:#60756D;font-weight:400">确认没有缺页，扫描件能够正常识别</span></p></div></div>
+<svg class="element decoration" style="left:149px;top:491px;width:1067px;height:1px;overflow:visible" aria-hidden="true"><line x1="0" y1="0" x2="1067.0" y2="0.0" stroke="#D9E3DD" stroke-width="2.0"/></svg>
+<div class="element text" data-role="number" style="left:64px;top:498px;width:60px;height:50px"><div class="text-inner"><p style="text-align:left"><span style="font-size:30px;color:#276450;font-weight:650">04</span></p></div></div>
+<div class="element text" data-role="body" style="left:149px;top:498px;width:1067px;height:44px"><div class="text-inner"><p style="text-align:left"><span style="font-size:28px;color:#163D35;font-weight:650">持续维护</span></p></div></div>
+<div class="element text" data-role="body" style="left:149px;top:541px;width:1067px;height:42px"><div class="text-inner"><p style="text-align:left"><span style="font-size:21px;color:#60756D;font-weight:400">处理重复、过期和相互冲突的内容</span></p></div></div></div>
+
+<div class="page-footer"><span>知识库与腾讯 ima 教育应用</span><span>{{PAGE_NUMBER}} / {{PAGE_COUNT}}</span></div>
+</section>

src/slides/practice-checklist.html

@@ -0,0 +1,25 @@
+<section class="slide" data-title="练习完成，能展示这五项成果" data-chapter="现场练习" data-note="邀请2至3位教师分享。重点观察查证与修改过程，不能只看生成文本是否流畅。">
+<div class="page-kicker">现场练习</div>
+<h2 class="page-title">练习完成，能展示这五项成果</h2>
+<div class="artboard"><div class="element text" data-role="number" style="left:64px;top:206px;width:60px;height:50px"><div class="text-inner"><p style="text-align:left"><span style="font-size:30px;color:#276450;font-weight:650">01</span></p></div></div>
+<div class="element text" data-role="body" style="left:149px;top:206px;width:1067px;height:44px"><div class="text-inner"><p style="text-align:left"><span style="font-size:28px;color:#163D35;font-weight:650">资料可读</span></p></div></div>
+<div class="element text" data-role="body" style="left:149px;top:249px;width:1067px;height:42px"><div class="text-inner"><p style="text-align:left"><span style="font-size:21px;color:#60756D;font-weight:400">能打开原文，并说明主题与来源</span></p></div></div>
+<svg class="element decoration" style="left:149px;top:294px;width:1067px;height:1px;overflow:visible" aria-hidden="true"><line x1="0" y1="0" x2="1067.0" y2="0.0" stroke="#D9E3DD" stroke-width="2.0"/></svg>
+<div class="element text" data-role="number" style="left:64px;top:287px;width:60px;height:50px"><div class="text-inner"><p style="text-align:left"><span style="font-size:30px;color:#276450;font-weight:650">02</span></p></div></div>
+<div class="element text" data-role="body" style="left:149px;top:287px;width:1067px;height:44px"><div class="text-inner"><p style="text-align:left"><span style="font-size:28px;color:#163D35;font-weight:650">问题明确</span></p></div></div>
+<div class="element text" data-role="body" style="left:149px;top:330px;width:1067px;height:42px"><div class="text-inner"><p style="text-align:left"><span style="font-size:21px;color:#60756D;font-weight:400">能够解释自己要解决的工作问题</span></p></div></div>
+<svg class="element decoration" style="left:149px;top:375px;width:1067px;height:1px;overflow:visible" aria-hidden="true"><line x1="0" y1="0" x2="1067.0" y2="0.0" stroke="#D9E3DD" stroke-width="2.0"/></svg>
+<div class="element text" data-role="number" style="left:64px;top:368px;width:60px;height:50px"><div class="text-inner"><p style="text-align:left"><span style="font-size:30px;color:#276450;font-weight:650">03</span></p></div></div>
+<div class="element text" data-role="body" style="left:149px;top:368px;width:1067px;height:44px"><div class="text-inner"><p style="text-align:left"><span style="font-size:28px;color:#163D35;font-weight:650">依据可查</span></p></div></div>
+<div class="element text" data-role="body" style="left:149px;top:411px;width:1067px;height:42px"><div class="text-inner"><p style="text-align:left"><span style="font-size:21px;color:#60756D;font-weight:400">展示两处引用，以及核对后的判断</span></p></div></div>
+<svg class="element decoration" style="left:149px;top:456px;width:1067px;height:1px;overflow:visible" aria-hidden="true"><line x1="0" y1="0" x2="1067.0" y2="0.0" stroke="#D9E3DD" stroke-width="2.0"/></svg>
+<div class="element text" data-role="number" style="left:64px;top:449px;width:60px;height:50px"><div class="text-inner"><p style="text-align:left"><span style="font-size:30px;color:#276450;font-weight:650">04</span></p></div></div>
+<div class="element text" data-role="body" style="left:149px;top:449px;width:1067px;height:44px"><div class="text-inner"><p style="text-align:left"><span style="font-size:28px;color:#163D35;font-weight:650">有过修改</span></p></div></div>
+<div class="element text" data-role="body" style="left:149px;top:492px;width:1067px;height:42px"><div class="text-inner"><p style="text-align:left"><span style="font-size:21px;color:#60756D;font-weight:400">至少一次追问或教师修改</span></p></div></div>
+<svg class="element decoration" style="left:149px;top:537px;width:1067px;height:1px;overflow:visible" aria-hidden="true"><line x1="0" y1="0" x2="1067.0" y2="0.0" stroke="#D9E3DD" stroke-width="2.0"/></svg>
+<div class="element text" data-role="number" style="left:64px;top:530px;width:60px;height:50px"><div class="text-inner"><p style="text-align:left"><span style="font-size:30px;color:#276450;font-weight:650">05</span></p></div></div>
+<div class="element text" data-role="body" style="left:149px;top:530px;width:1067px;height:44px"><div class="text-inner"><p style="text-align:left"><span style="font-size:28px;color:#163D35;font-weight:650">成果可用</span></p></div></div>
+<div class="element text" data-role="body" style="left:149px;top:573px;width:1067px;height:42px"><div class="text-inner"><p style="text-align:left"><span style="font-size:21px;color:#60756D;font-weight:400">找到并打开保存的最终内容</span></p></div></div></div>
+<button class="slide-action" data-action="checklist">打开完成清单</button>
+<div class="page-footer"><span>知识库与腾讯 ima 教育应用</span><span>{{PAGE_NUMBER}} / {{PAGE_COUNT}}</span></div>
+</section>

src/slides/practice.html

@@ -0,0 +1,21 @@
+<section class="slide dark" data-title="现场练习：建立自己的教学专题库" data-chapter="现场练习" data-note="本环节12分钟独立操作、8分钟分享，最后10分钟使用习惯与答疑，合计30分钟。材料包包含3份光与影模拟资料、1份模拟校务文件和练习单。登录与导入需授课前验证。">
+<div class="page-kicker">现场练习</div>
+<h2 class="page-title">现场练习：建立自己的教学专题库</h2>
+<div class="artboard"><div class="element text" data-role="number" style="left:64px;top:217px;width:390px;height:180px"><div class="text-inner"><p style="text-align:left"><span style="font-size:110px;color:#BDE6D1;font-weight:650" class="practice-clock">12:00</span></p></div></div>
+<div class="element text" data-role="body" style="left:70px;top:410px;width:430px;height:60px"><div class="text-inner"><p style="text-align:left"><span style="font-size:34px;color:#FFFFFF;font-weight:650">独立操作时间</span></p></div></div>
+<div class="element text" data-role="body" style="left:70px;top:493px;width:460px;height:70px"><div class="text-inner"><p style="text-align:left"><span style="font-size:25px;color:#C0D5CA;font-weight:400">再用 8 分钟交流与分享</span></p></div></div>
+<div class="element decoration" aria-hidden="true" style="left:650px;top:235px;width:36px;height:36px;background:#BDE6D1;border:0px solid transparent;border-radius:50%"></div>
+<div class="element text" data-role="number" style="left:650px;top:235px;width:36px;height:36px"><div class="text-inner"><p style="text-align:center"><span style="font-size:19px;color:#163D35;font-weight:650">1</span></p></div></div>
+<div class="element text" data-role="body" style="left:705px;top:226px;width:510px;height:62px"><div class="text-inner"><p style="text-align:left"><span style="font-size:25px;color:#FFFFFF;font-weight:400">选择一个主题，导入 3—5 份资料</span></p></div></div>
+<div class="element decoration" aria-hidden="true" style="left:650px;top:323px;width:36px;height:36px;background:#BDE6D1;border:0px solid transparent;border-radius:50%"></div>
+<div class="element text" data-role="number" style="left:650px;top:323px;width:36px;height:36px"><div class="text-inner"><p style="text-align:center"><span style="font-size:19px;color:#163D35;font-weight:650">2</span></p></div></div>
+<div class="element text" data-role="body" style="left:705px;top:314px;width:510px;height:62px"><div class="text-inner"><p style="text-align:left"><span style="font-size:25px;color:#FFFFFF;font-weight:400">提出一个查询问题和一个综合问题</span></p></div></div>
+<div class="element decoration" aria-hidden="true" style="left:650px;top:411px;width:36px;height:36px;background:#BDE6D1;border:0px solid transparent;border-radius:50%"></div>
+<div class="element text" data-role="number" style="left:650px;top:411px;width:36px;height:36px"><div class="text-inner"><p style="text-align:center"><span style="font-size:19px;color:#163D35;font-weight:650">3</span></p></div></div>
+<div class="element text" data-role="body" style="left:705px;top:402px;width:510px;height:62px"><div class="text-inner"><p style="text-align:left"><span style="font-size:25px;color:#FFFFFF;font-weight:400">核对至少两处引用，进行一次修改</span></p></div></div>
+<div class="element decoration" aria-hidden="true" style="left:650px;top:499px;width:36px;height:36px;background:#BDE6D1;border:0px solid transparent;border-radius:50%"></div>
+<div class="element text" data-role="number" style="left:650px;top:499px;width:36px;height:36px"><div class="text-inner"><p style="text-align:center"><span style="font-size:19px;color:#163D35;font-weight:650">4</span></p></div></div>
+<div class="element text" data-role="body" style="left:705px;top:490px;width:510px;height:62px"><div class="text-inner"><p style="text-align:left"><span style="font-size:25px;color:#FFFFFF;font-weight:400">保存一份成果与查证记录</span></p></div></div></div>
+<div class="practice-tools"><button data-action="timer-toggle">开始 12 分钟练习</button><button data-action="timer-reset">重置</button><button data-action="materials">下载练习资料</button></div>
+<div class="page-footer"><span>知识库与腾讯 ima 教育应用</span><span>{{PAGE_NUMBER}} / {{PAGE_COUNT}}</span></div>
+</section>

src/slides/prompt-template.html

@@ -0,0 +1,9 @@
+<section class="slide" data-title="一段可以反复使用的提问模板" data-chapter="现场练习" data-note="邀请老师把年级、学科、任务、资料范围、输出结构填完整。对于资料未涉及的内容不能保证模型一定拒答，必须检查实际回答。">
+<div class="page-kicker">现场练习</div>
+<h2 class="page-title">一段可以反复使用的提问模板</h2>
+<div class="artboard"><div class="element decoration" aria-hidden="true" style="left:64px;top:229px;width:1152px;height:328px;background:#EAF3EE;border:0px solid transparent;border-radius:10px"></div>
+<div class="element text prompt-copy" data-role="body" style="left:94px;top:252px;width:1092px;height:282px"><div class="text-inner"><p style="text-align:left"><span style="font-size:25px;color:#163D35;font-weight:400">我正在为【年级／学科／主题】开展【具体任务】。</span></p><p style="text-align:left"><span style="font-size:25px;color:#163D35;font-weight:400">请基于【指定资料范围】，完成【具体要求】。</span></p><p style="text-align:left"><span style="font-size:25px;color:#163D35;font-weight:400">请用【表格／清单／教学设计初稿】呈现，并注明依据。</span></p><p style="text-align:left"><span style="font-size:25px;color:#163D35;font-weight:400">将资料明确说明的内容与补充建议分开。</span></p><p style="text-align:left"><span style="font-size:25px;color:#163D35;font-weight:400">没有找到依据的信息，请明确标注。</span></p></div></div>
+<div class="element text" data-role="body" style="left:64px;top:591px;width:1152px;height:48px"><div class="text-inner"><p style="text-align:left"><span style="font-size:23px;color:#276450;font-weight:650">不必一次问完，可以通过追问逐步补充条件</span></p></div></div></div>
+<button class="slide-action" data-action="copy-prompt">复制提问模板</button>
+<div class="page-footer"><span>知识库与腾讯 ima 教育应用</span><span>{{PAGE_NUMBER}} / {{PAGE_COUNT}}</span></div>
+</section>

src/slides/save-knowledge.html

@@ -0,0 +1,26 @@
+<section class="slide" data-title="把回答继续加工成自己的教学积累" data-chapter="ima 基础操作" data-note="建议笔记包含来源、已核对结论、教师修改和课堂反馈。是否保存回库、具体入口请现场验证。强调教师的实践反馈会形成下一次更有价值的资料。">
+<div class="page-kicker">ima 基础操作</div>
+<h2 class="page-title">把回答继续加工成自己的教学积累</h2>
+<div class="artboard"><div class="element decoration" aria-hidden="true" style="left:64px;top:255px;width:62px;height:62px;background:#BDE6D1;border:0px solid transparent;border-radius:50%"></div>
+<div class="element text" data-role="number" style="left:64px;top:255px;width:62px;height:62px"><div class="text-inner"><p style="text-align:center"><span style="font-size:27px;color:#163D35;font-weight:650">1</span></p></div></div>
+<div class="element text" data-role="body" style="left:64px;top:345px;width:265.5px;height:70px"><div class="text-inner"><p style="text-align:left"><span style="font-size:28px;color:#163D35;font-weight:650">核对</span></p></div></div>
+<div class="element text" data-role="body" style="left:64px;top:430px;width:265.5px;height:120px"><div class="text-inner"><p style="text-align:left"><span style="font-size:22px;color:#60756D;font-weight:400">事实、条件</span></p><p style="text-align:left"><span style="font-size:22px;color:#60756D;font-weight:400">与原文来源</span></p></div></div>
+<svg class="element decoration" style="left:140px;top:286px;width:203.5px;height:1px;overflow:visible" aria-hidden="true"><line x1="0" y1="0" x2="203.50005249343832" y2="0.0" stroke="#D9E3DD" stroke-width="3.0"/></svg>
+<div class="element decoration" aria-hidden="true" style="left:359.5px;top:255px;width:62px;height:62px;background:#BDE6D1;border:0px solid transparent;border-radius:50%"></div>
+<div class="element text" data-role="number" style="left:359.5px;top:255px;width:62px;height:62px"><div class="text-inner"><p style="text-align:center"><span style="font-size:27px;color:#163D35;font-weight:650">2</span></p></div></div>
+<div class="element text" data-role="body" style="left:359.5px;top:345px;width:265.5px;height:70px"><div class="text-inner"><p style="text-align:left"><span style="font-size:28px;color:#163D35;font-weight:650">修改</span></p></div></div>
+<div class="element text" data-role="body" style="left:359.5px;top:430px;width:265.5px;height:120px"><div class="text-inner"><p style="text-align:left"><span style="font-size:22px;color:#60756D;font-weight:400">加入学情</span></p><p style="text-align:left"><span style="font-size:22px;color:#60756D;font-weight:400">与教学判断</span></p></div></div>
+<svg class="element decoration" style="left:435.5px;top:286px;width:203.5px;height:1px;overflow:visible" aria-hidden="true"><line x1="0" y1="0" x2="203.50005249343832" y2="0.0" stroke="#D9E3DD" stroke-width="3.0"/></svg>
+<div class="element decoration" aria-hidden="true" style="left:655px;top:255px;width:62px;height:62px;background:#BDE6D1;border:0px solid transparent;border-radius:50%"></div>
+<div class="element text" data-role="number" style="left:655px;top:255px;width:62px;height:62px"><div class="text-inner"><p style="text-align:center"><span style="font-size:27px;color:#163D35;font-weight:650">3</span></p></div></div>
+<div class="element text" data-role="body" style="left:655px;top:345px;width:265.5px;height:70px"><div class="text-inner"><p style="text-align:left"><span style="font-size:28px;color:#163D35;font-weight:650">记录</span></p></div></div>
+<div class="element text" data-role="body" style="left:655px;top:430px;width:265.5px;height:120px"><div class="text-inner"><p style="text-align:left"><span style="font-size:22px;color:#60756D;font-weight:400">标注出处</span></p><p style="text-align:left"><span style="font-size:22px;color:#60756D;font-weight:400">与修改日期</span></p></div></div>
+<svg class="element decoration" style="left:731px;top:286px;width:203.5px;height:1px;overflow:visible" aria-hidden="true"><line x1="0" y1="0" x2="203.50005249343832" y2="0.0" stroke="#D9E3DD" stroke-width="3.0"/></svg>
+<div class="element decoration" aria-hidden="true" style="left:950.5px;top:255px;width:62px;height:62px;background:#276450;border:0px solid transparent;border-radius:50%"></div>
+<div class="element text" data-role="number" style="left:950.5px;top:255px;width:62px;height:62px"><div class="text-inner"><p style="text-align:center"><span style="font-size:27px;color:#FFFFFF;font-weight:650">4</span></p></div></div>
+<div class="element text" data-role="body" style="left:950.5px;top:345px;width:265.5px;height:70px"><div class="text-inner"><p style="text-align:left"><span style="font-size:28px;color:#163D35;font-weight:650">更新</span></p></div></div>
+<div class="element text" data-role="body" style="left:950.5px;top:430px;width:265.5px;height:120px"><div class="text-inner"><p style="text-align:left"><span style="font-size:22px;color:#60756D;font-weight:400">补充课堂反馈</span></p><p style="text-align:left"><span style="font-size:22px;color:#60756D;font-weight:400">管理共享范围</span></p></div></div>
+<div class="element text" data-role="body" style="left:64px;top:591px;width:1152px;height:48px"><div class="text-inner"><p style="text-align:left"><span style="font-size:23px;color:#276450;font-weight:650">一次回答可以结束，一份教学积累可以继续生长</span></p></div></div></div>
+
+<div class="page-footer"><span>知识库与腾讯 ima 教育应用</span><span>{{PAGE_NUMBER}} / {{PAGE_COUNT}}</span></div>
+</section>

src/slides/teacher-workflow.html

@@ -0,0 +1,21 @@
+<section class="slide" data-title="知识库进入教师工作的五个环节" data-chapter="知识库基础" data-note="讲解价值时结合具体工作：定位课标相关段落、比较两份教案、起草课堂活动、记录实践反思、教研组共用。不要使用未经测量的效率数字。">
+<div class="page-kicker">知识库基础</div>
+<h2 class="page-title">知识库进入教师工作的五个环节</h2>
+<div class="artboard"><div class="element decoration" aria-hidden="true" style="left:94px;top:245px;width:140px;height:140px;background:#BDE6D1;border:0px solid transparent;border-radius:50%"></div>
+<div class="element text" data-role="body" style="left:94px;top:245px;width:140px;height:140px"><div class="text-inner"><p style="text-align:center"><span style="font-size:58px;color:#276450;font-weight:650">找</span></p></div></div>
+<div class="element text" data-role="body" style="left:64px;top:433px;width:210px;height:90px"><div class="text-inner"><p style="text-align:center"><span style="font-size:26px;color:#163D35;font-weight:650">定位相关资料</span></p></div></div>
+<div class="element decoration" aria-hidden="true" style="left:329px;top:245px;width:140px;height:140px;background:#EAF3EE;border:0px solid transparent;border-radius:50%"></div>
+<div class="element text" data-role="body" style="left:329px;top:245px;width:140px;height:140px"><div class="text-inner"><p style="text-align:center"><span style="font-size:58px;color:#276450;font-weight:650">读</span></p></div></div>
+<div class="element text" data-role="body" style="left:299px;top:433px;width:210px;height:90px"><div class="text-inner"><p style="text-align:center"><span style="font-size:26px;color:#163D35;font-weight:650">比较与提取重点</span></p></div></div>
+<div class="element decoration" aria-hidden="true" style="left:564px;top:245px;width:140px;height:140px;background:#BDE6D1;border:0px solid transparent;border-radius:50%"></div>
+<div class="element text" data-role="body" style="left:564px;top:245px;width:140px;height:140px"><div class="text-inner"><p style="text-align:center"><span style="font-size:58px;color:#276450;font-weight:650">用</span></p></div></div>
+<div class="element text" data-role="body" style="left:534px;top:433px;width:210px;height:90px"><div class="text-inner"><p style="text-align:center"><span style="font-size:26px;color:#163D35;font-weight:650">形成教学初稿</span></p></div></div>
+<div class="element decoration" aria-hidden="true" style="left:799px;top:245px;width:140px;height:140px;background:#EAF3EE;border:0px solid transparent;border-radius:50%"></div>
+<div class="element text" data-role="body" style="left:799px;top:245px;width:140px;height:140px"><div class="text-inner"><p style="text-align:center"><span style="font-size:58px;color:#276450;font-weight:650">留</span></p></div></div>
+<div class="element text" data-role="body" style="left:769px;top:433px;width:210px;height:90px"><div class="text-inner"><p style="text-align:center"><span style="font-size:26px;color:#163D35;font-weight:650">补充实践反思</span></p></div></div>
+<div class="element decoration" aria-hidden="true" style="left:1034px;top:245px;width:140px;height:140px;background:#BDE6D1;border:0px solid transparent;border-radius:50%"></div>
+<div class="element text" data-role="body" style="left:1034px;top:245px;width:140px;height:140px"><div class="text-inner"><p style="text-align:center"><span style="font-size:58px;color:#276450;font-weight:650">享</span></p></div></div>
+<div class="element text" data-role="body" style="left:1004px;top:433px;width:210px;height:90px"><div class="text-inner"><p style="text-align:center"><span style="font-size:26px;color:#163D35;font-weight:650">共用教研积累</span></p></div></div></div>
+
+<div class="page-footer"><span>知识库与腾讯 ima 教育应用</span><span>{{PAGE_NUMBER}} / {{PAGE_COUNT}}</span></div>
+</section>

src/slides/tool-comparison.html

@@ -0,0 +1,8 @@
+<section class="slide" data-title="资料管理工具，各有适合的问题" data-chapter="知识库基础" data-note="这三类工具的能力可能重叠。表格比较常见使用方式，不声称文件夹、网盘或笔记没有搜索或AI功能。">
+<div class="page-kicker">知识库基础</div>
+<h2 class="page-title">资料管理工具，各有适合的问题</h2>
+<div class="artboard"><div class="element table-wrap" style="left:64px;top:226px;width:1152px;height:330px"><table><colgroup><col style="width:245px"><col style="width:420px"><col style="width:487px"></colgroup><tr><th style="background:#276450"><p style="text-align:left"><span style="font-size:22px;color:#FFFFFF;font-weight:650">常见方式</span></p></th><th style="background:#276450"><p style="text-align:left"><span style="font-size:22px;color:#FFFFFF;font-weight:650">你通常怎么用</span></p></th><th style="background:#276450"><p style="text-align:left"><span style="font-size:22px;color:#FFFFFF;font-weight:650">主要帮助</span></p></th></tr><tr><td style="background:#FFFFFF"><p style="text-align:left"><span style="font-size:22px;color:#163D35;font-weight:400">文件夹与网盘</span></p></td><td style="background:#FFFFFF"><p style="text-align:left"><span style="font-size:22px;color:#163D35;font-weight:400">目录、文件名、关键词</span></p></td><td style="background:#FFFFFF"><p style="text-align:left"><span style="font-size:22px;color:#163D35;font-weight:400">找到文件，保存和分发</span></p></td></tr><tr><td style="background:#EAF3EE"><p style="text-align:left"><span style="font-size:22px;color:#163D35;font-weight:400">笔记工具</span></p></td><td style="background:#EAF3EE"><p style="text-align:left"><span style="font-size:22px;color:#163D35;font-weight:400">记录、分类、关联</span></p></td><td style="background:#EAF3EE"><p style="text-align:left"><span style="font-size:22px;color:#163D35;font-weight:400">保留理解与思考</span></p></td></tr><tr><td style="background:#FFFFFF"><p style="text-align:left"><span style="font-size:22px;color:#163D35;font-weight:400">带 AI 问答的知识库</span></p></td><td style="background:#FFFFFF"><p style="text-align:left"><span style="font-size:22px;color:#163D35;font-weight:400">围绕内容提问、比较、归纳</span></p></td><td style="background:#FFFFFF"><p style="text-align:left"><span style="font-size:22px;color:#163D35;font-weight:400">用资料回答问题、形成初稿</span></p></td></tr></table></div>
+<div class="element text" data-role="body" style="left:64px;top:591px;width:1152px;height:48px"><div class="text-inner"><p style="text-align:left"><span style="font-size:23px;color:#276450;font-weight:650">整理资料、标注来源和及时更新，依然重要</span></p></div></div></div>
+
+<div class="page-footer"><span>知识库与腾讯 ima 教育应用</span><span>{{PAGE_NUMBER}} / {{PAGE_COUNT}}</span></div>
+</section>

src/slides/training-goal.html

@@ -0,0 +1,26 @@
+<section class="slide" data-title="今天建立一个能回答问题的资料库" data-chapter="今天的成果" data-note="先展示目标成果：有资料、有问题、有依据、有教师修改。建议用随附演示材料，全程明确为模拟教学资料。">
+<div class="page-kicker">今天的成果</div>
+<h2 class="page-title">今天建立一个能回答问题的资料库</h2>
+<div class="artboard"><div class="element decoration" aria-hidden="true" style="left:64px;top:255px;width:62px;height:62px;background:#BDE6D1;border:0px solid transparent;border-radius:50%"></div>
+<div class="element text" data-role="number" style="left:64px;top:255px;width:62px;height:62px"><div class="text-inner"><p style="text-align:center"><span style="font-size:27px;color:#163D35;font-weight:650">1</span></p></div></div>
+<div class="element text" data-role="body" style="left:64px;top:345px;width:265.5px;height:70px"><div class="text-inner"><p style="text-align:left"><span style="font-size:28px;color:#163D35;font-weight:650">几份资料</span></p></div></div>
+<div class="element text" data-role="body" style="left:64px;top:430px;width:265.5px;height:120px"><div class="text-inner"><p style="text-align:left"><span style="font-size:22px;color:#60756D;font-weight:400">围绕同一主题</span></p><p style="text-align:left"><span style="font-size:22px;color:#60756D;font-weight:400">小范围开始</span></p></div></div>
+<svg class="element decoration" style="left:140px;top:286px;width:203.5px;height:1px;overflow:visible" aria-hidden="true"><line x1="0" y1="0" x2="203.50005249343832" y2="0.0" stroke="#D9E3DD" stroke-width="3.0"/></svg>
+<div class="element decoration" aria-hidden="true" style="left:359.5px;top:255px;width:62px;height:62px;background:#BDE6D1;border:0px solid transparent;border-radius:50%"></div>
+<div class="element text" data-role="number" style="left:359.5px;top:255px;width:62px;height:62px"><div class="text-inner"><p style="text-align:center"><span style="font-size:27px;color:#163D35;font-weight:650">2</span></p></div></div>
+<div class="element text" data-role="body" style="left:359.5px;top:345px;width:265.5px;height:70px"><div class="text-inner"><p style="text-align:left"><span style="font-size:28px;color:#163D35;font-weight:650">一个问题</span></p></div></div>
+<div class="element text" data-role="body" style="left:359.5px;top:430px;width:265.5px;height:120px"><div class="text-inner"><p style="text-align:left"><span style="font-size:22px;color:#60756D;font-weight:400">来自真实备课</span></p><p style="text-align:left"><span style="font-size:22px;color:#60756D;font-weight:400">或日常工作</span></p></div></div>
+<svg class="element decoration" style="left:435.5px;top:286px;width:203.5px;height:1px;overflow:visible" aria-hidden="true"><line x1="0" y1="0" x2="203.50005249343832" y2="0.0" stroke="#D9E3DD" stroke-width="3.0"/></svg>
+<div class="element decoration" aria-hidden="true" style="left:655px;top:255px;width:62px;height:62px;background:#BDE6D1;border:0px solid transparent;border-radius:50%"></div>
+<div class="element text" data-role="number" style="left:655px;top:255px;width:62px;height:62px"><div class="text-inner"><p style="text-align:center"><span style="font-size:27px;color:#163D35;font-weight:650">3</span></p></div></div>
+<div class="element text" data-role="body" style="left:655px;top:345px;width:265.5px;height:70px"><div class="text-inner"><p style="text-align:left"><span style="font-size:28px;color:#163D35;font-weight:650">核对依据</span></p></div></div>
+<div class="element text" data-role="body" style="left:655px;top:430px;width:265.5px;height:120px"><div class="text-inner"><p style="text-align:left"><span style="font-size:22px;color:#60756D;font-weight:400">返回原文</span></p><p style="text-align:left"><span style="font-size:22px;color:#60756D;font-weight:400">检查上下文</span></p></div></div>
+<svg class="element decoration" style="left:731px;top:286px;width:203.5px;height:1px;overflow:visible" aria-hidden="true"><line x1="0" y1="0" x2="203.50005249343832" y2="0.0" stroke="#D9E3DD" stroke-width="3.0"/></svg>
+<div class="element decoration" aria-hidden="true" style="left:950.5px;top:255px;width:62px;height:62px;background:#276450;border:0px solid transparent;border-radius:50%"></div>
+<div class="element text" data-role="number" style="left:950.5px;top:255px;width:62px;height:62px"><div class="text-inner"><p style="text-align:center"><span style="font-size:27px;color:#FFFFFF;font-weight:650">4</span></p></div></div>
+<div class="element text" data-role="body" style="left:950.5px;top:345px;width:265.5px;height:70px"><div class="text-inner"><p style="text-align:left"><span style="font-size:28px;color:#163D35;font-weight:650">一份成果</span></p></div></div>
+<div class="element text" data-role="body" style="left:950.5px;top:430px;width:265.5px;height:120px"><div class="text-inner"><p style="text-align:left"><span style="font-size:22px;color:#60756D;font-weight:400">教师修改后</span></p><p style="text-align:left"><span style="font-size:22px;color:#60756D;font-weight:400">保存并复用</span></p></div></div>
+<div class="element text" data-role="body" style="left:64px;top:591px;width:1152px;height:48px"><div class="text-inner"><p style="text-align:left"><span style="font-size:23px;color:#276450;font-weight:650">你将带走一个小库、一份成果和一次查证记录</span></p></div></div></div>
+
+<div class="page-footer"><span>知识库与腾讯 ima 教育应用</span><span>{{PAGE_NUMBER}} / {{PAGE_COUNT}}</span></div>
+</section>

src/slides/verify-sources.html

@@ -0,0 +1,14 @@
+<section class="slide" data-title="有引用，还需要回到原文核对" data-chapter="ima 基础操作" data-note="示例依据为随附模拟材料02，不是ima实测输出。展示答案中的一句话，然后打开原文，判断它是否受到支持。不要用“有来源”代替“来源支持”。">
+<div class="page-kicker">ima 基础操作</div>
+<h2 class="page-title">有引用，还需要回到原文核对</h2>
+<div class="artboard"><div class="element decoration" aria-hidden="true" style="left:64px;top:219px;width:150px;height:34px;background:#EAF3EE;border:0px solid transparent;border-radius:10px"></div>
+<div class="element text" data-role="body" style="left:76px;top:220px;width:126px;height:30px"><div class="text-inner"><p style="text-align:left"><span style="font-size:16px;color:#276450;font-weight:650">查证示例</span></p></div></div>
+<div class="element text" data-role="body" style="left:64px;top:291px;width:500px;height:42px"><div class="text-inner"><p style="text-align:left"><span style="font-size:23px;color:#60756D;font-weight:400">待核对的说法</span></p></div></div>
+<div class="element text" data-role="body" style="left:64px;top:355px;width:530px;height:125px"><div class="text-inner"><p style="text-align:left"><span style="font-size:38px;color:#163D35;font-weight:650">“光源越远，影子一定越大。”</span></p></div></div>
+<div class="element decoration" aria-hidden="true" style="left:670px;top:254px;width:546px;height:302px;background:#EAF3EE;border:0px solid transparent;border-radius:10px"></div>
+<div class="element text" data-role="body" style="left:700px;top:279px;width:486px;height:44px"><div class="text-inner"><p style="text-align:left"><span style="font-size:23px;color:#276450;font-weight:650">原文依据</span></p></div></div>
+<div class="element text" data-role="body" style="left:700px;top:351px;width:476px;height:150px"><div class="text-inner"><p style="text-align:left"><span style="font-size:28px;color:#163D35;font-weight:400">保持光源与屏幕固定，</span></p><p style="text-align:left"><span style="font-size:28px;color:#163D35;font-weight:400">改变物体在二者之间的位置。</span></p><p style="text-align:left"><span style="font-size:28px;color:#163D35;font-weight:400">其他条件应保持不变。</span></p></div></div>
+<div class="element text" data-role="body" style="left:64px;top:591px;width:1152px;height:48px"><div class="text-inner"><p style="text-align:left"><span style="font-size:23px;color:#276450;font-weight:650">原文没有支持这个结论，需要纠正并说明条件</span></p></div></div></div>
+
+<div class="page-footer"><span>知识库与腾讯 ima 教育应用</span><span>{{PAGE_NUMBER}} / {{PAGE_COUNT}}</span></div>
+</section>

src/styles/theme.css

@@ -0,0 +1,12 @@
+:root{--ink:#163d35;--green:#276450;--mint:#bde6d1;--light:#eaf3ee;--paper:#f7faf8;--muted:#60756d;--line:#d9e3dd;--dark:#102f29;--bar:72px;--shadow:0 24px 80px #061b2633}
+*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden}body{font-family:"PingFang SC","Microsoft YaHei","Noto Sans CJK SC",sans-serif;background:#dce5df;color:var(--ink)}button,input,textarea{font:inherit}button{cursor:pointer;background:transparent;border:1px solid var(--line);border-radius:9px;color:inherit;padding:10px 16px;transition:background .18s}button:hover{background:var(--light)}button:disabled{opacity:.3;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #4f9b7d;outline-offset:3px}a{color:var(--green);text-underline-offset:4px}h2,p{margin:0}button.primary{background:var(--green);color:white;border-color:var(--green)}
+#viewport{position:fixed;inset:0 0 var(--bar);display:grid;place-items:center;overflow:hidden}#stage{width:1280px;height:720px;position:absolute;transform-origin:center;box-shadow:var(--shadow);background:var(--paper)}
+.slide{position:absolute;inset:0;background:var(--paper);display:none;overflow:hidden}.slide.active{display:block;animation:none}.slide.dark{background:var(--dark);color:white}.page-kicker{position:absolute;left:64px;top:35px;font-size:16px;line-height:28px;color:var(--muted)}.dark .page-kicker{color:var(--mint)}.page-title{position:absolute;left:64px;top:89px;width:1152px;height:104px;display:flex;align-items:center;font-size:42px;font-weight:650;line-height:1.25;letter-spacing:-.5px}.artboard{position:absolute;inset:0}.element{position:absolute}.text{display:flex;align-items:center;pointer-events:auto}.text-inner{width:100%;min-width:0}.text p{line-height:1.25;overflow-wrap:break-word;white-space:pre-wrap}.decoration{pointer-events:none}.page-footer{position:absolute;left:64px;right:64px;bottom:26px;display:flex;justify-content:space-between;font-size:13px;color:var(--muted);pointer-events:none}.dark .page-footer{color:#aac7ba}.table-wrap table{width:100%;height:100%;border-collapse:collapse;table-layout:fixed}.table-wrap td,.table-wrap th{border:1px solid var(--line);padding:12px 10px;text-align:left;vertical-align:middle}.table-wrap p{line-height:1.4;white-space:pre-wrap;overflow-wrap:break-word}.image-zoom{border:0;padding:0;border-radius:4px;overflow:hidden;cursor:zoom-in}.image-zoom img{width:100%;height:100%;object-fit:contain;display:block}.image-zoom:hover{box-shadow:0 0 0 3px #85b69f}.slide-action{position:absolute;right:64px;bottom:69px;background:var(--green);border-color:var(--green);color:white;font-size:16px;padding:8px 18px;z-index:2}.slide-action:hover{background:#1b493b}.practice-tools{position:absolute;left:68px;bottom:68px;display:flex;gap:10px}.dark .practice-tools button{color:var(--mint);border-color:#4a7762;font-size:15px}.dark .practice-tools button:hover{background:#254a3f}.prompt-copy{cursor:text}
+#toolbar{position:fixed;inset:auto 0 0;height:var(--bar);z-index:20;display:flex;align-items:center;gap:10px;padding:0 24px;background:#ffffffed;border-top:1px solid #cad9ce;backdrop-filter:blur(20px);font-size:13px}#progress{position:absolute;top:-3px;left:0;height:3px;background:var(--green);transition:width .2s}#toolbar button{padding:8px 11px;white-space:nowrap}.brand{display:flex;gap:9px;align-items:center;font-weight:600;text-decoration:none;margin-right:25px;color:var(--ink)}.brand-mark{width:31px;height:31px;display:grid;place-items:center;background:var(--green);border-radius:9px;color:var(--mint);font-size:17px}.nav-group{display:flex;align-items:center;gap:8px}#page-label{font-variant-numeric:tabular-nums;min-width:62px;text-align:center}#hint{font-size:12px;color:var(--muted);margin-left:8px}.key{font-size:10px;color:var(--muted);margin-left:9px}.spacer{flex:1}#mini-timer{color:var(--green);font-weight:600;font-variant-numeric:tabular-nums}#reading-toggle[aria-pressed=true]{background:var(--green);color:white;border-color:var(--green)}
+dialog{border:1px solid var(--line);border-radius:18px;padding:32px;background:var(--paper);color:var(--ink);width:min(1040px,94vw);max-height:88vh;box-shadow:var(--shadow)}dialog::backdrop{background:#0c251fcc;backdrop-filter:blur(7px)}dialog header{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px}dialog header h2{font-size:26px;line-height:1.5}dialog header button{flex-shrink:0}dialog p{line-height:1.85;color:var(--muted);margin:12px 0}dialog .eyebrow{font-size:13px;color:var(--green);margin:0 0 5px}#toc-search{width:100%;border:1px solid var(--line);border-radius:10px;padding:13px 16px;background:white;margin-bottom:20px}#toc-list{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.toc-item{padding:16px;text-align:left;font-size:14px;line-height:1.65;display:flex;gap:12px;align-items:flex-start}.toc-item span{font-variant-numeric:tabular-nums;color:var(--green)}.toc-item.current{background:var(--light);border-color:var(--green);font-weight:600}.toc-item[hidden]{display:none}#notes-body{font-size:21px;line-height:1.95;white-space:pre-wrap}#material-list{display:grid;gap:10px;margin:20px 0}.material-item{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:white;border:1px solid var(--line);border-radius:10px;gap:15px}.material-item span{line-height:1.7}.material-item small{display:block;color:var(--muted)}details{margin-top:24px;border-top:1px solid var(--line);padding-top:20px}summary{cursor:pointer;font-weight:600}#image-dialog{width:min(1400px,96vw)}#zoom-image{width:100%;height:68vh;object-fit:contain}#copy-text{width:100%;height:240px;resize:vertical;padding:18px;border:1px solid var(--line);border-radius:10px;line-height:1.8}#toast{position:fixed;left:50%;bottom:calc(var(--bar) + 18px);transform:translateX(-50%);padding:12px 22px;border-radius:10px;background:var(--green);color:white;opacity:0;transition:opacity .2s;pointer-events:none;z-index:100;max-width:90vw;font-size:15px}#toast.show{opacity:1}.checks{display:grid;gap:14px}.checks label{display:flex;gap:14px;align-items:center;background:white;border:1px solid var(--line);border-radius:10px;padding:16px;font-size:19px;cursor:pointer}.checks input{width:21px;height:21px;accent-color:var(--green)}.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.no-script{position:fixed;z-index:1000;padding:30px;background:white}
+body.reading{overflow:auto;background:var(--paper)}.reading #viewport{position:static;display:block;overflow:visible;padding:30px 24px 100px}.reading #stage{position:static;width:min(1040px,100%);height:auto;transform:none!important;box-shadow:none;margin:auto;background:none}.reading .slide,.reading .slide.active{position:relative;display:block;height:auto;min-height:0;overflow:visible;padding:45px 48px;margin:20px 0 40px;background:white;border:1px solid var(--line);border-radius:20px;color:var(--ink);animation:none}.reading .page-kicker{position:static;color:var(--green);margin-bottom:12px}.reading .page-title,.reading .page-title.visually-hidden{position:static!important;width:auto!important;height:auto!important;clip:auto!important;overflow:visible!important;white-space:normal!important;margin:0 0 30px!important;font-size:32px;display:block}.reading .artboard{position:static;display:flex;flex-direction:column;gap:18px}.reading .element{position:static!important;width:auto!important;height:auto!important}.reading .decoration,.reading .text[data-role=number],.reading .page-footer{display:none}.reading .text span{font-size:21px!important;color:var(--ink)!important}.reading .text p{line-height:1.8}.reading .table-wrap{overflow-x:auto}.reading table{min-width:650px;height:auto}.reading table span{font-size:18px!important;color:var(--ink)!important}.reading th span{color:white!important}.reading td,.reading th{padding:16px}.reading .image-zoom{width:100%!important;aspect-ratio:16/9}.reading .slide-action,.reading .practice-tools{position:static;margin-top:24px}.reading .practice-tools button{color:var(--green);border-color:var(--line)}.reading .dark .practice-tools button:hover{background:var(--light)}.reading .prompt-copy{padding:20px;background:var(--light);border-radius:12px}.reading .brand{margin-right:10px}
+@keyframes page-in{from{opacity:.4;transform:translateY(7px)}to{opacity:1;transform:none}}
+@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}
+@media(max-width:1100px){.brand span:last-child,#hint{display:none}.brand{margin-right:8px}.key{display:none}#toolbar{padding:0 16px}.toc-item{font-size:13px}}
+@media(max-width:640px){:root{--bar:64px}.brand,.full-button{display:none}#toolbar{padding:0 8px;gap:5px}#toolbar button{font-size:12px;padding:9px 7px}.nav-group{gap:3px}#page-label{min-width:49px;font-size:12px}.spacer{min-width:0}#mini-timer{position:fixed;top:10px;right:10px;background:var(--mint);padding:5px 9px;border-radius:6px;font-size:12px}#mini-timer:empty{display:none}#toc-list{grid-template-columns:1fr}dialog{padding:23px;max-height:85vh}dialog header h2{font-size:21px}#notes-body{font-size:17px}.material-item{align-items:flex-start;font-size:14px;padding:12px}.material-item button{padding:8px}.reading #viewport{padding:5px 12px 75px}.reading .slide{padding:28px 22px;margin-bottom:20px}.reading .page-title{font-size:27px!important}.reading .text span{font-size:18px!important}.reading .practice-tools{flex-wrap:wrap}}
+@media print{@page{size:13.333in 7.5in;margin:0}html,body,body.reading{height:auto;overflow:visible;background:white}#viewport,.reading #viewport{position:static;display:block;padding:0;overflow:visible}#stage,.reading #stage{position:static;width:1280px;max-width:none;height:auto;transform:none!important;box-shadow:none}body .slide,body .slide.active,body.reading .slide{display:block;position:relative;width:1280px;height:720px;min-height:720px;padding:0;margin:0;border:0;border-radius:0;overflow:hidden;break-after:page;page-break-after:always;print-color-adjust:exact;-webkit-print-color-adjust:exact}.slide:last-child{break-after:auto}#toolbar,dialog,#toast,.slide-action,.practice-tools,#live-status{display:none!important}.reading .artboard{position:absolute;inset:0;display:block}.reading .element{position:absolute!important}.reading .decoration{display:block}.reading .page-title{position:absolute!important;left:64px;top:89px;font-size:42px!important}.reading .page-kicker{position:absolute}.reading .text span{font-size:revert-layer!important}.reading .page-footer{display:flex}.reading .text[data-role=number]{display:flex}}