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

src/slides/workbuddy-connect-ima.html

@@ -0,0 +1,19 @@
+<section class="slide" data-title="操作①：授权连接，让 WorkBuddy 访问 ima" data-chapter="教师场景实操" data-note="【口播】
+先点更多，再点ima。切换到第二张图，查看连接说明：授权后可以浏览知识库、搜索并引用文件内容作为上下文。点击立即前往授权后，按页面完成登录并核对账号与权限，再确认。连接后应能看到知识库目录。
+
+【操作与提醒】
+两张图片均为用户提供的WorkBuddy V5.9.3截图，点击下方按钮切换，点击图片放大。截图未展示最终授权确认页；流程说明参考用户直播笔记，不代表本次代用户执行了授权。授权页说明可在设置中断开；浏览和引用权限不等于已验证写入权限。"><div class="page-kicker">WorkBuddy 中使用 ima · 操作步骤</div><div class="series-brand">AI × TEACHERS</div><h2 class="page-title">操作①：授权连接，让 WorkBuddy 访问 ima</h2><div class="artboard"><button class="element image-zoom auth-shot" data-auth-shot="entry" style="left:64px;top:195px;width:760px;height:416px;background:white;border:1px solid #D5E1E6;border-radius:14px" aria-label="放大WorkBuddy 更多菜单中的 ima 入口"><img src="asset:workbuddy-ima-entry.png" alt="WorkBuddy 更多菜单中的 ima 入口"></button><button class="element image-zoom auth-shot" data-auth-shot="authorization" hidden style="left:64px;top:195px;width:760px;height:416px;background:white;border:1px solid #D5E1E6;border-radius:14px" aria-label="放大WorkBuddy 连接 ima 授权说明"><img src="asset:workbuddy-ima-authorization.png" alt="WorkBuddy 连接 ima 授权说明"></button><div class="element shot-tabs" style="left:64px;top:621px;width:760px;height:32px"><button type="button" data-auth-target="entry" aria-pressed="true">① 找到入口</button><button type="button" data-auth-target="authorization" aria-pressed="false">② 查看授权说明</button></div><div class="element text feature-card" style="left:850px;top:195px;width:366px;height:139px"><div class="text-inner"><p class="feature-label"><span>找到入口</span></p><p><span class="feature-description">展开左侧栏，点击“更多”→“ima”，进入连接页面。</span></p></div></div><div class="element text feature-card" style="left:850px;top:346px;width:366px;height:139px"><div class="text-inner"><p class="feature-label"><span>确认授权</span></p><p><span class="feature-description">点“立即前往授权”，按页面完成登录；核对账号与授权内容后确认。</span></p></div></div><div class="element text feature-card" style="left:850px;top:497px;width:366px;height:139px"><div class="text-inner"><p class="feature-label"><span>检查连接</span></p><p><span class="feature-description">连接后应能看到知识库列表；如需断开，可按授权页说明到设置中处理。</span></p></div></div><div class="element text" style="left:64px;top:653px;width:760px;height:22px"><div class="text-inner"><p><span style="font-size:13px;color:#607286">用户提供的 WorkBuddy 截图 · 下方按钮切换，点击图片放大</span></p></div></div></div><div class="page-footer"><span>第二讲 · 知识库与 ima <span class="foot-time"> / 取 · 用 · 存</span></span><span>{{PAGE_NUMBER}} / {{PAGE_COUNT}}</span></div><style>
+:scope .feature-card{background:#EAF3F0;border:1px solid #D1E2DD;border-radius:14px;padding:14px 18px;box-sizing:border-box;align-items:flex-start}
+:scope .feature-label{margin-bottom:8px}
+:scope .feature-label span{font-size:23px;color:#17675D;font-weight:650}
+:scope .feature-description{font-size:19px;color:#526477;line-height:1.55}
+:scope .auth-shot[hidden]{display:none}
+:scope .shot-tabs{display:flex;gap:12px}
+:scope .shot-tabs button{font-size:17px;padding:7px 18px;border:1px solid #B9D7D1;border-radius:9px;color:#17675D;background:#FFF}
+:scope .shot-tabs button[aria-pressed="true"]{background:#17675D;color:#FFF}
+</style><script>
+root.querySelectorAll('[data-auth-target]').forEach(button => button.addEventListener('click', () => {
+  root.querySelectorAll('[data-auth-shot]').forEach(shot => { shot.hidden = shot.dataset.authShot !== button.dataset.authTarget; });
+  root.querySelectorAll('[data-auth-target]').forEach(tab => tab.setAttribute('aria-pressed', String(tab === button)));
+}));
+</script></section>