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

src/styles/theme.css

@@ -10,3 +10,46 @@ body.reading{overflow:auto;background:var(--paper)}.reading #viewport{position:s
 @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}}
+/* Series tokens and shared presentation patterns from the first lecture. */
+:root{--ink:#f4f7ff;--green:#77ecd7;--mint:#77ecd7;--light:#182b44;--paper:#080f20;--muted:#a8b7ce;--line:#425771;--dark:#080f20;--bar:62px;--shadow:0 25px 90px #0008;--bg:#080f20;--panel:#101d35;--text:#f4f7ff;--cyan:#77ecd7;--purple:#aaa3ff;--coral:#ffad95}
+body{background:#050913;color:var(--text)}
+.slide,.slide.dark{background:radial-gradient(ellipse at 100% 0,rgba(76,79,159,.14),transparent 48%),var(--bg);color:var(--text)}
+.slide:after{content:"";position:absolute;width:360px;height:360px;right:-240px;bottom:-240px;border:1px solid #7ef1da22;border-radius:50%;box-shadow:0 0 0 32px #7ef1da05,0 0 0 64px #7ef1da03;pointer-events:none}
+.page-kicker,.dark .page-kicker{color:var(--cyan);font-size:14.4px;letter-spacing:1.6px;top:35px}.series-brand{position:absolute;right:64px;top:35px;height:28px;line-height:28px;color:var(--muted);font-size:14.4px;letter-spacing:1.6px}
+.page-title{font-size:40.8px;letter-spacing:-.8px}.page-footer,.dark .page-footer{color:#8293ae;font-size:12.8px;letter-spacing:.8px}.page-footer>span:last-child{color:#c8d4e7}.foot-time{opacity:.85}
+.slide-top{position:absolute;top:35px;left:64px;right:64px;display:flex;justify-content:space-between;color:var(--muted);font-size:14.4px;letter-spacing:1.6px}.section-name{color:var(--cyan)}
+.title{position:absolute;top:89px;left:64px;width:1152px;height:104px;display:flex;align-items:center;font-size:40.8px;line-height:1.3;font-weight:650;margin:0;letter-spacing:-.8px}
+.content{position:absolute;left:64px;right:64px;top:195px;bottom:74px;display:flex;flex-direction:column;justify-content:center;gap:22.4px;min-height:0}.content h1,.content h3{margin:0}.content h1{font-size:65.6px;line-height:1.3;font-weight:650;letter-spacing:-2.4px}.eyebrow{font-size:16.8px;letter-spacing:2.4px;color:var(--cyan);margin-bottom:20.8px}.slide-foot{position:absolute;left:64px;right:64px;bottom:26px;display:flex;justify-content:space-between;align-items:center;color:#8293ae;font-size:12.8px;letter-spacing:.8px}.slide-foot b{color:#c8d4e7;font-weight:450}
+.cover .content{top:90px;bottom:70px}.cover .hero-copy{width:690px}.cover .hero-art{width:520px}.speaker .content{top:175px;bottom:75px}.agenda .content{top:190px;bottom:75px}.questions .content,.thanks .content{top:120px;bottom:80px}
+button{background:rgba(141,169,215,.09)}button:hover{background:rgba(141,169,215,.2)}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline-color:var(--cyan)}button.primary,.slide-action{background:var(--cyan);border-color:var(--cyan);color:#08251f;font-weight:600}.slide-action:hover{background:#a7ffe9}.dark .practice-tools button{border-color:#425771;color:var(--cyan)}.dark .practice-tools button:hover{background:#182b44}
+#toolbar{padding:0 22px;background:#0c1323;border-top-color:#26344d;backdrop-filter:none;gap:10px}#toolbar .brand{display:none}#toolbar button{font-size:13px;border-radius:6px;padding:7px 12px}#page-label{color:#ccdaeb}#hint{font-size:13px;color:#8ea1ba}#progress{background:linear-gradient(90deg,var(--cyan),var(--purple))}#mini-timer{color:var(--cyan)}#reading-toggle[aria-pressed=true]{background:#77ecd717;border-color:var(--cyan);color:var(--cyan)}.key{color:#8ea1ba}
+dialog{background:#101c30;border-color:#425771;border-radius:16px;color:var(--text)}dialog::backdrop{background:#020611db}dialog p{color:#c0d0e5}dialog .eyebrow{color:var(--cyan)}#toc-search,#copy-text{background:#0c1628;color:var(--text);border-color:var(--line)}.toc-item.current{border-color:var(--cyan);background:#77ecd717}.toc-item span{color:var(--cyan)}.material-item,.checks label{background:#15243b;border-color:#425771}.checks input{accent-color:var(--cyan)}#toast{background:#e0fff5;color:#173c32}
+.reading .slide,.reading .slide.active{background:#101d35;color:var(--text);border-color:#263b53}.reading .page-title,.reading .text span{color:var(--text)!important}.reading .page-kicker{color:var(--cyan)}.reading .slide:after{display:none}.reading .series-brand{display:none}.reading .slide-top{position:static;margin-bottom:18px}.reading .title{position:static;width:auto;height:auto;margin-bottom:25px;font-size:32px}.reading .content{position:static;display:flex;gap:20px}.reading .content h1{font-size:42px}.reading .slide-foot{display:none}.reading .cover .hero-copy,.reading .cover .hero-art,.reading .speaker .speaker-layout,.reading .speaker .speaker-figure{position:static;width:auto}.reading .cover .hero-art{max-width:450px}.reading .cover .hero-copy{width:100%}.reading .speaker .speaker-layout{grid-template-columns:1fr}.reading .speaker-photo{max-width:100%}.reading .agenda-list li{grid-template-columns:50px 1fr;gap:12px}.reading .agenda-list li p{grid-column:2}.reading .agenda-list h3{font-size:23px}.reading .agenda-list p{font-size:19px}.reading .agenda-goal{font-size:20px}.reading .thanks h1{font-size:100px}.reading .prompt-copy{background:#182b44}.reading th span{color:var(--text)!important}.reading .practice-tools button{color:var(--cyan)}
+@media(max-width:1100px){#hint{display:none}}
+@media(max-width:640px){#toolbar{padding:0 8px;gap:5px}#toolbar button{padding:8px 7px;font-size:12px}.reading .page-title,.reading .title{font-size:27px}.reading .content h1{font-size:34px}.reading .speaker-name{flex-wrap:wrap}.reading .hero-meta{flex-wrap:wrap}.reading .hero-sub{font-size:21px}.reading .series-brand{display:none}}
+@media print{.slide,.slide.dark{print-color-adjust:exact;-webkit-print-color-adjust:exact}}
+/* Keep table labels readable and the shared speaker layout within its frame. */
+.table-wrap th{background:#193850!important}.table-wrap th span{color:var(--cyan)!important}
+@media(min-width:641px){.speaker .speaker-layout{grid-template-columns:minmax(0,1fr) 320px}.speaker .speaker-photo{width:320px}}
+
+/* Light presentation trial: keep the series layout and use dark foregrounds. */
+:root{--ink:#1d3047;--green:#17675d;--mint:#d8eee5;--light:#eaf0f7;--paper:#f7f9fc;--muted:#526477;--line:#ced9e4;--dark:#f7f9fc;--bg:#f7f9fc;--panel:#ffffff;--text:#1d3047;--cyan:#17675d;--purple:#6652a6;--coral:#a64d2f;--shadow:0 22px 70px #243a501a}
+body{background:#e6edf4;color:var(--text)}
+.slide,.slide.dark{background:radial-gradient(ellipse at 100% 0,#edf0fa 0,transparent 52%),var(--bg);color:var(--text)}
+.slide:after{border-color:#5b8ba625;box-shadow:0 0 0 32px #5b8ba608,0 0 0 64px #5b8ba604}
+.page-footer,.dark .page-footer,.slide-foot{color:#607286}.page-footer>span:last-child,.slide-foot b{color:#40566e}
+.cover .primary,.slide-action,button.primary{background:var(--cyan);border-color:var(--cyan);color:#fff}.cover .primary:hover,.slide-action:hover,button.primary:hover{background:#115248}
+.cover .gradient,.questions .gradient,.thanks h1{background:linear-gradient(110deg,#17675d,#286d9e 50%,#6652a6);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
+.table-wrap td{border-color:var(--line)}.table-wrap th{background:#dce8f3!important}.table-wrap th span{color:#243f5d!important}
+button{background:#eaf0f799}button:hover{background:#dfe8f2}.dark .practice-tools button{color:var(--cyan);border-color:#afc6c9}.dark .practice-tools button:hover{background:#e3efed}
+#toolbar{background:#f9fbff;border-top-color:#ced9e4}#page-label{color:#243f5d}#hint,.key{color:#526477}#reading-toggle[aria-pressed=true]{background:#deeee9;border-color:var(--cyan);color:var(--cyan)}
+dialog{background:#f7f9fc;border-color:var(--line);color:var(--text)}dialog::backdrop{background:#23364f70}dialog p{color:#526477}#toc-search,#copy-text{background:#fff;color:var(--text);border-color:var(--line)}.material-item,.checks label{background:#fff;border-color:var(--line)}.toc-item.current{background:#deeee9;border-color:var(--cyan)}#toast{background:#17675d;color:#fff}
+.reading .slide,.reading .slide.active{background:#fff;color:var(--text);border-color:var(--line)}.reading .page-title,.reading .text span{color:var(--text)!important}.reading .prompt-copy{background:#eaf0f7}.reading .table-wrap th span{color:#243f5d!important}
+@media(max-width:640px){#mini-timer{background:#deeee9;color:#17675d}}
+
+/* The principle diagram stacks into a reading flow on smaller screens. */
+.reading [data-page="knowledge-retrieval-principle"] .principle-lane{grid-template-columns:1fr}
+.reading [data-page="knowledge-retrieval-principle"] .principle-takeaway{flex-wrap:wrap}
+@media(max-width:760px){.reading [data-page="knowledge-retrieval-principle"] .lane-flow{grid-template-columns:1fr}.reading [data-page="knowledge-retrieval-principle"] .flow-arrow{transform:rotate(90deg)}.reading [data-page="knowledge-retrieval-principle"] article{min-height:0}}
+
+.reading [data-page="knowledge-retrieval-principle"] .rag-intro{position:static;display:flex;flex-wrap:wrap;gap:8px;margin:0 0 24px}