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

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>