:root{--ink:#142033;--muted:#68788d;--line:#dce5ef;--blue:#2563eb;--blue-soft:#eaf1ff;--orange:#ea580c;--green:#059669;--purple:#7c3aed;--paper:#f3f6fa}*{box-sizing:border-box}html,body{width:100%;min-height:100%;margin:0}body{color:var(--ink);background:var(--paper);font-family:"Microsoft YaHei","PingFang SC",system-ui,sans-serif}button,input,textarea,select{font:inherit}button,a,label.file-button{user-select:none}.loading{position:fixed;inset:0;z-index:999;display:grid;place-content:center;justify-items:center;background:#f4f7fb;color:#526175}.loading.hidden{display:none}.loader{width:42px;height:42px;border:4px solid #cbd5e1;border-top-color:var(--blue);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.editor-bar{position:sticky;top:0;z-index:20;height:68px;display:flex;align-items:center;gap:24px;padding:0 22px;border-bottom:1px solid #d5dfeb;background:rgba(255,255,255,.96);backdrop-filter:blur(12px)}.brand{display:flex;align-items:center;gap:10px;min-width:260px}.brand-mark{display:grid;place-items:center;width:39px;height:39px;border-radius:12px;color:#fff;background:linear-gradient(145deg,#2563eb,#4f46e5);font:900 24px Georgia}.brand div{display:grid}.brand b{font-size:15px}.brand small{color:#748399;font-size:11px}.save-state{display:flex;align-items:center;gap:7px;margin-right:auto;color:#64748b;font-size:12px}.save-state i{width:8px;height:8px;border-radius:50%;background:#22c55e}.save-state.saving i{background:#f59e0b;animation:pulse 1s infinite}.save-state.error i{background:#dc2626}@keyframes pulse{50%{opacity:.35}}.editor-bar nav{display:flex;align-items:center;gap:8px}.editor-bar button,.ghost{height:36px;padding:0 12px;border:1px solid #d5deea;border-radius:9px;color:#475569;background:#fff;font-size:12px;font-weight:800;cursor:pointer;text-decoration:none}.file-button{display:inline-flex;align-items:center}.file-button input{display:none}.primary-link{display:inline-flex;align-items:center;gap:14px;height:38px;padding:0 14px;border-radius:10px;color:#fff;background:#2563eb;font-size:13px;font-weight:900;text-decoration:none}.danger-text{color:#c2410c!important}.editor-layout{height:calc(100vh - 68px);display:grid;grid-template-columns:220px minmax(520px,1fr) 330px}.slide-list-panel,.inspector{min-width:0;background:#fff}.slide-list-panel{display:flex;flex-direction:column;border-right:1px solid #d5dfeb}.inspector{padding:0 17px 28px;border-left:1px solid #d5dfeb;overflow:auto}.panel-heading{height:52px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;border-bottom:1px solid #e3e9f0}.panel-heading b{font-size:14px}.panel-heading span{color:#7b899a;font-size:11px}.thumbnail-list{flex:1;padding:12px;overflow:auto}.thumbnail{display:grid;grid-template-columns:27px 1fr;gap:7px;margin-bottom:10px;padding:7px;border:2px solid transparent;border-radius:10px;cursor:pointer}.thumbnail:hover{background:#f4f7fb}.thumbnail.active{border-color:#60a5fa;background:#eef5ff}.thumbnail-number{padding-top:3px;color:#7b899a;font-size:11px;text-align:center}.thumbnail-preview{position:relative;aspect-ratio:16/9;padding:8px;border:1px solid #d7e0ea;border-radius:6px;background:linear-gradient(135deg,#fff,#edf4ff);overflow:hidden}.thumbnail-preview:after{content:"";position:absolute;right:-14px;bottom:-15px;width:52px;height:52px;border-radius:50%;background:var(--thumb,#2563eb);opacity:.13}.thumbnail-preview b{display:block;position:relative;z-index:1;font-size:10px;line-height:1.25}.thumbnail-preview small{display:block;position:relative;z-index:1;margin-top:4px;color:#64748b;font-size:7px}.add-slide{margin:10px 12px 14px;padding:11px;border:1px dashed #94a3b8;border-radius:10px;color:#475569;background:#f8fafc;font-weight:800;cursor:pointer}.canvas-area{min-width:0;padding:12px 24px 18px;overflow:auto}.canvas-toolbar{height:38px;display:flex;align-items:center;justify-content:space-between}.canvas-toolbar div{display:flex;gap:5px}.canvas-toolbar button{padding:5px 9px;border:0;border-radius:7px;color:#64748b;background:transparent;font-size:11px;font-weight:800;cursor:pointer}.canvas-toolbar button:hover{background:#fff}.canvas-toolbar>span{color:#94a3b8;font-size:11px}.stage-frame{width:100%;max-width:980px;margin:8px auto;padding:8px;border-radius:16px;background:#dce4ed;box-shadow:0 15px 35px #3341551c}.editor-tip{margin-top:10px;color:#8290a1;font-size:11px;text-align:center}.inspector>.panel-heading{margin:0 -17px 13px}.inspector>label,.image-options>label{display:block;margin:11px 0;color:#536174;font-size:11px;font-weight:800}.inspector label small{float:right;color:#94a3b8;font-weight:500}.inspector input,.inspector textarea,.inspector select{width:100%;margin-top:5px;padding:8px 9px;border:1px solid #d5deea;border-radius:8px;outline:none;color:#263449;background:#fbfcfe;font-size:12px;line-height:1.45;resize:vertical}.inspector input:focus,.inspector textarea:focus,.inspector select:focus{border-color:#60a5fa;box-shadow:0 0 0 3px #dbeafe}.image-editor{margin:16px 0;padding:13px;border:1px solid #dbe5ef;border-radius:12px;background:#f8fafc}.section-title{display:flex;justify-content:space-between}.section-title b{font-size:12px}.section-title span{color:#94a3b8;font-size:9px}.image-status{margin:9px 0;padding:8px;border-radius:7px;color:#64748b;background:#fff;font-size:10px;word-break:break-all}.upload-button,.subtle{display:flex!important;align-items:center;justify-content:center;width:100%;height:34px;margin:6px 0!important;border:1px solid #93c5fd!important;border-radius:8px!important;color:#1d4ed8!important;background:#eff6ff!important;font-size:11px!important;font-weight:900!important;cursor:pointer}.upload-button input{display:none}.subtle{border-color:#e2e8f0!important;background:#fff!important}.image-options{margin-top:10px;padding-top:6px;border-top:1px solid #e2e8f0}.image-options label span{float:right;color:#64748b}.image-options input[type=range]{height:22px;padding:0;border:0;box-shadow:none;accent-color:#2563eb}.notes-label{margin-top:16px!important;padding-top:13px;border-top:1px solid #e2e8f0}.lesson-slide{--accent:#2563eb;position:relative;isolation:isolate;width:100%;aspect-ratio:16/9;padding:5.2% 6%;overflow:hidden;color:#152238;background:linear-gradient(135deg,#fff 0%,#f7faff 70%,#edf4ff 100%)}.lesson-slide:before{content:"";position:absolute;z-index:-1;right:-12%;top:-30%;width:48%;aspect-ratio:1;border-radius:50%;background:var(--accent);opacity:.06}.lesson-slide:after{content:"";position:absolute;left:6%;right:6%;bottom:4%;height:1px;background:#dfe7f0}.slide-kicker{display:inline-flex;align-items:center;gap:.5em;margin-bottom:2%;color:var(--accent);font-size:clamp(9px,1.25vw,18px);font-weight:900;letter-spacing:.06em}.slide-kicker:before{content:"";width:1.3em;height:.28em;border-radius:99px;background:var(--accent)}.slide-title{max-width:90%;margin:0;color:#142033;font-size:clamp(23px,4vw,58px);line-height:1.12;letter-spacing:-.04em}.slide-subtitle{margin:1.4% 0 0;color:var(--accent);font-size:clamp(13px,2.1vw,30px);font-weight:800;line-height:1.3}.slide-body{max-width:75%;margin:2% 0 0;color:#4b5e74;font-size:clamp(10px,1.55vw,22px);line-height:1.65}.slide-content{position:relative;z-index:2}.slide-visual{position:absolute;z-index:1;right:5%;bottom:9%;width:38%;height:58%;display:grid;place-items:center}.slide-image{width:100%;height:100%;border-radius:2.2vw;box-shadow:0 1.4vw 3vw #1e3a8a22;background:#edf3fa}.slide-visual-placeholder{position:relative;width:100%;height:100%;display:grid;place-items:center;border-radius:2.2vw;background:linear-gradient(145deg,#edf4ff,#dbeafe);overflow:hidden}.slide-visual-placeholder span{position:relative;z-index:2;color:var(--accent);font-size:clamp(42px,8vw,116px);font-weight:900}.slide-visual-placeholder .mini-formula{font-family:Georgia,serif;font-size:clamp(26px,5vw,70px)}.slide-bullets{display:grid;gap:.75em;max-width:57%;margin:2.4% 0 0;padding:0;list-style:none}.slide-bullets li{display:flex;align-items:flex-start;gap:.75em;color:#26374d;font-size:clamp(10px,1.4vw,20px);font-weight:700;line-height:1.45}.slide-bullets li:before{content:"";flex:0 0 auto;width:.55em;height:.55em;margin-top:.43em;border-radius:50%;background:var(--accent)}.slide-quote{position:absolute;left:6%;bottom:7%;max-width:62%;padding-left:1em;border-left:.25em solid var(--accent);color:#52657a;font-size:clamp(9px,1.25vw,18px);font-weight:800}.model-button{position:absolute;z-index:4;right:6%;bottom:7%;display:inline-flex;align-items:center;gap:.7em;padding:.75em 1.1em;border-radius:.7em;color:#fff;background:var(--accent);box-shadow:0 .6em 1.4em color-mix(in srgb,var(--accent) 25%,transparent);font-size:clamp(9px,1.2vw,17px);font-weight:900;text-decoration:none}.model-button:after{content:"↗"}.slide-number{position:absolute;right:2.8%;bottom:2.1%;color:#94a3b8;font-size:clamp(7px,.9vw,12px);font-weight:800}.layout-hero{padding-top:8%}.layout-hero .slide-title{max-width:70%;font-size:clamp(28px,5.2vw,75px)}.layout-hero .slide-body{max-width:62%}.layout-hero .slide-visual{right:4%;bottom:10%;width:34%;height:68%}.layout-question .slide-title{max-width:92%;font-size:clamp(27px,4.7vw,68px)}.layout-question .slide-subtitle{max-width:75%}.layout-question .slide-body{max-width:60%}.layout-question .slide-bullets{grid-template-columns:repeat(3,auto);max-width:65%;gap:1em;margin-top:3%}.layout-question .slide-bullets li{padding:.7em 1em;border:1px solid #d8e2ed;border-radius:.7em;background:#fff}.layout-statement{display:grid;align-content:center}.layout-statement .slide-content{text-align:center}.layout-statement .slide-kicker{justify-content:center}.layout-statement .slide-title,.layout-statement .slide-body,.layout-statement .slide-bullets{max-width:86%;margin-left:auto;margin-right:auto}.layout-statement .slide-title{font-size:clamp(28px,4.7vw,68px)}.layout-statement .slide-bullets{grid-template-columns:repeat(3,1fr);margin-top:4%}.layout-statement .slide-bullets li{display:grid;place-items:center;min-height:5em;padding:1em;border-top:.3em solid var(--accent);background:#fff;box-shadow:0 .7em 1.8em #33415512}.layout-statement .slide-bullets li:before{display:none}.layout-statement .slide-quote{left:19%;max-width:62%;text-align:left}.layout-statement .slide-visual{display:none}.layout-process .slide-body{max-width:80%}.layout-process .slide-visual{display:none}.layout-process .slide-bullets{grid-template-columns:repeat(3,1fr);max-width:100%;margin-top:4%}.layout-process .slide-bullets li{position:relative;min-height:5em;padding:1em 1em 1em 3.1em;border-radius:1em;background:#fff;box-shadow:0 .7em 1.8em #33415512}.layout-process .slide-bullets li:before{content:counter(step);counter-increment:step;position:absolute;left:1em;top:1em;display:grid;place-items:center;width:1.5em;height:1.5em;margin:0;color:#fff;background:var(--accent);font-size:.9em}.layout-process .slide-bullets{counter-reset:step}.layout-checklist .slide-visual{right:6%;width:31%;height:62%}.layout-checklist .slide-bullets{max-width:61%;gap:1em}.layout-checklist .slide-bullets li{padding:.8em 1em;border-left:.35em solid var(--accent);background:#fff;box-shadow:0 .6em 1.3em #3341550d}.layout-exit .slide-title{font-size:clamp(28px,4.8vw,70px)}.layout-exit .slide-visual{display:none}.layout-exit .slide-bullets{max-width:88%;gap:1em}.layout-exit .slide-bullets li{padding:.8em 1em;border-radius:.8em;background:#fff;font-size:clamp(12px,1.8vw,25px);box-shadow:0 .6em 1.3em #3341550d}.layout-exit .slide-bullets li:before{content:counter(question);counter-increment:question;display:grid;place-items:center;width:1.6em;height:1.6em;margin:0;color:#fff;font-size:.8em}.layout-exit .slide-bullets{counter-reset:question}.accent-blue{--accent:#2563eb}.accent-orange{--accent:#ea580c}.accent-green{--accent:#059669}.accent-purple{--accent:#7c3aed}.visual-train:before{content:"";position:absolute;width:90%;height:18%;bottom:15%;border-radius:99px;background:#94a3b8}.visual-train span:before{content:"🚄"}.visual-particle span:before{content:"●"}.visual-photogate span:before{content:"Π"}.visual-satellite span:before,.visual-beidou span:before{content:"✦"}.visual-focus span:before{content:"◎"}.visual-formula span:before{content:"v≈d/Δt"}.visual-process span:before{content:"↻"}.visual-method span:before{content:"→"}.visual-notebook span:before{content:"✓"}.visual-exit span:before{content:"?"}.visual-orbit:after,.visual-satellite:after,.visual-beidou:after{content:"";position:absolute;width:74%;aspect-ratio:1;border:3px solid var(--accent);border-radius:50%;opacity:.25;transform:rotate(-18deg)}.visual-orbit:before,.visual-satellite:before,.visual-beidou:before{content:"";position:absolute;width:45%;aspect-ratio:1;border:2px dashed var(--accent);border-radius:50%;opacity:.32}.presentation-shell{position:fixed;inset:0;display:grid;place-items:center;background:#0f172a;overflow:hidden}.presentation-stage{width:min(100vw,177.777vh);height:min(100vh,56.25vw);aspect-ratio:16/9}.present-controls{position:fixed;z-index:50;left:50%;bottom:18px;display:flex;align-items:center;gap:7px;padding:7px;border:1px solid #ffffff22;border-radius:12px;background:#0f172add;box-shadow:0 10px 30px #0006;transform:translateX(-50%);opacity:.2;transition:opacity .2s}.presentation-shell:hover .present-controls,.present-controls:focus-within{opacity:1}.present-controls button,.present-controls a{height:34px;display:grid;place-items:center;padding:0 12px;border:0;border-radius:7px;color:#e2e8f0;background:#ffffff12;font-size:12px;font-weight:800;text-decoration:none;cursor:pointer}.present-controls span{min-width:65px;color:#cbd5e1;font-size:12px;text-align:center}.present-progress{position:fixed;z-index:45;left:0;right:0;bottom:0;height:4px;background:#ffffff18}.present-progress i{display:block;height:100%;background:#60a5fa;transition:width .3s}.black-screen{position:fixed;z-index:100;inset:0;display:none;background:#000}.black-screen.active{display:block}.key-help{position:fixed;z-index:40;right:18px;top:14px;padding:7px 10px;border-radius:8px;color:#cbd5e1;background:#0f172a99;font-size:10px;opacity:.25;transition:opacity .2s}.presentation-shell:hover .key-help{opacity:1}.toast{position:fixed;z-index:1000;left:50%;bottom:28px;padding:10px 16px;border-radius:10px;color:#fff;background:#172033;font-size:12px;font-weight:800;box-shadow:0 10px 30px #0003;opacity:0;pointer-events:none;transform:translate(-50%,15px);transition:.22s}.toast.show{opacity:1;transform:translate(-50%,0)}@media(max-width:1100px){.editor-layout{grid-template-columns:180px minmax(470px,1fr) 290px}.canvas-area{padding-left:12px;padding-right:12px}.brand{min-width:auto}.brand small{display:none}}@media(max-width:820px){.editor-bar{position:relative;height:auto;min-height:68px;flex-wrap:wrap;padding:10px}.editor-bar nav{width:100%;overflow:auto}.editor-layout{height:auto;display:block}.slide-list-panel{height:220px}.thumbnail-list{display:flex}.thumbnail{flex:0 0 170px}.canvas-area{min-height:420px}.inspector{border-top:1px solid #d5dfeb}.stage-frame{min-width:0}.layout-process .slide-bullets{grid-template-columns:1fr 1fr}}

/* 20260830 教学图片版式优化：图片页强调真实情境，结论页继续保持大字与留白。 */
.layout-hero:has(.slide-image) .slide-content{width:50%}
.layout-hero:has(.slide-image) .slide-title,.layout-hero:has(.slide-image) .slide-body{max-width:100%}
.layout-hero:has(.slide-image) .slide-title{font-size:clamp(28px,4.7vw,68px)}
.layout-hero:has(.slide-image) .slide-visual{right:1.5%;bottom:8%;width:47%;height:78%;background:transparent;box-shadow:none}
.layout-question:has(.slide-image) .slide-title{max-width:54%;font-size:clamp(25px,3.75vw,55px)}
.layout-question:has(.slide-image) .slide-subtitle,.layout-question:has(.slide-image) .slide-body{max-width:52%}
.layout-question:has(.slide-image) .slide-bullets{max-width:52%}
.layout-question:has(.slide-image) .slide-quote{max-width:50%}
.layout-question:has(.slide-image) .slide-visual{right:4%;bottom:12%;width:38%;height:58%}
.layout-split:has(.slide-image) .slide-title{max-width:54%;font-size:clamp(25px,3.65vw,53px)}
.layout-split:has(.slide-image) .slide-subtitle,.layout-split:has(.slide-image) .slide-body{max-width:52%}
.layout-split:has(.slide-image) .slide-bullets{max-width:52%}
.layout-split:has(.slide-image) .slide-quote{max-width:50%}
.layout-split:has(.slide-image) .slide-visual{right:4%;bottom:12%;width:38%;height:58%}
.layout-question:has(.slide-image) .slide-visual,.layout-split:has(.slide-image) .slide-visual{overflow:hidden;border:.45vw solid #fff;border-radius:2.25vw;background:#fff;box-shadow:0 1.2vw 3vw #1e3a8a26}
.lesson-slide:has(.slide-image) .slide-image{border-radius:inherit;box-shadow:none}
/* 20260831 完整页面缩略图：以 1600×900 画布等比缩放，不裁切页面内容。 */
.editor-layout{grid-template-columns:300px minmax(520px,1fr) 330px}
.thumbnail-list{padding:10px 12px}
.thumbnail{position:relative;display:block;margin-bottom:12px;padding:7px 7px 7px 30px;border-radius:11px}
.thumbnail-number{position:absolute;left:6px;top:50%;width:20px;padding:0;transform:translateY(-50%);font-size:12px;font-weight:800}
.thumbnail-preview{position:relative;width:100%;aspect-ratio:16/9;padding:0;border:1px solid #cbd7e5;border-radius:7px;background:#fff;box-shadow:0 3px 10px #33415512;overflow:hidden}
.thumbnail-preview:after{display:none}
.thumbnail-slide{position:absolute;left:0;top:0;width:1600px!important;height:900px!important;min-height:0;aspect-ratio:auto!important;transform-origin:left top;pointer-events:none}
.thumbnail:hover .thumbnail-preview{border-color:#93b5df;box-shadow:0 5px 14px #2563eb1c}
.thumbnail.active .thumbnail-preview{border-color:#3b82f6;box-shadow:0 0 0 2px #bfdbfe,0 5px 14px #2563eb20}
@media(max-width:1100px){.editor-layout{grid-template-columns:245px minmax(470px,1fr) 290px}}
@media(max-width:820px){.editor-layout{display:block}.thumbnail{flex:0 0 220px;padding-left:27px}.thumbnail-list{align-items:flex-start}}
.lesson-back-link{display:inline-flex;align-items:center;justify-content:center}


/* 20260901：课堂大字号与可视化图片编辑 */
.editor-layout{grid-template-columns:300px minmax(560px,1fr) 390px}
.inspector{padding-left:20px;padding-right:20px}
.image-editor{padding:16px;border-color:#cbd8e8;background:#f7faff}
.image-option-heading{display:block;margin:15px 0 4px;padding-top:11px;border-top:1px solid #dbe5ef;color:#263b55;font-size:12px}
.image-quick-actions{display:grid;grid-template-columns:1fr 1fr 1fr;gap:6px;margin:8px 0 3px}
.image-quick-actions button{min-height:38px;padding:5px 7px;border:1px solid #bfd3ec;border-radius:9px;color:#1d4f91;background:#fff;font-size:11px;font-weight:900;cursor:pointer}
.image-quick-actions button:hover{border-color:#60a5fa;background:#eff6ff}
.image-options>label{margin:9px 0;font-size:12px}
.image-options input[type=range]{height:30px;margin-top:3px;padding:0;background:transparent;cursor:pointer;accent-color:#2563eb}
.image-options input[type=range]::-webkit-slider-runnable-track{height:8px;border-radius:99px;background:#d7e5f7}
.image-options input[type=range]::-webkit-slider-thumb{width:22px;height:22px;margin-top:-7px;border:3px solid #fff;border-radius:50%;background:#2563eb;box-shadow:0 2px 7px #1e3a8a55;appearance:none}
.image-options input[type=range]::-moz-range-track{height:8px;border-radius:99px;background:#d7e5f7}
.image-options input[type=range]::-moz-range-thumb{width:18px;height:18px;border:3px solid #fff;border-radius:50%;background:#2563eb;box-shadow:0 2px 7px #1e3a8a55}

.slide-kicker{font-size:clamp(14px,1.5vw,24px)}
.slide-title{font-size:clamp(32px,4.25vw,76px);line-height:1.08}
.slide-subtitle{font-size:clamp(19px,2.25vw,36px);line-height:1.25}
.slide-body{font-size:clamp(16px,1.85vw,30px);line-height:1.48}
.slide-bullets li{font-size:clamp(16px,1.72vw,28px);line-height:1.36}
.slide-quote{font-size:clamp(14px,1.5vw,24px)}
.model-button{font-size:clamp(13px,1.35vw,22px)}
.layout-hero .slide-title{font-size:clamp(40px,5.25vw,86px)}
.layout-question .slide-title{font-size:clamp(35px,4.55vw,76px)}
.layout-statement .slide-title{font-size:clamp(36px,4.65vw,78px)}
.layout-exit .slide-title{font-size:clamp(36px,4.7vw,80px)}
.layout-exit .slide-bullets li{font-size:clamp(18px,1.95vw,32px)}
.layout-hero:has(.slide-image) .slide-title{font-size:clamp(36px,4.7vw,76px)}
.layout-question:has(.slide-image) .slide-title,.layout-split:has(.slide-image) .slide-title{font-size:clamp(31px,4vw,66px)}
.layout-question:has(.slide-image) .slide-bullets{grid-template-columns:1fr;gap:.45em;margin-top:1.4%}
.layout-question:has(.slide-image) .slide-bullets li{padding:.5em .75em}

.lesson-slide:has(.slide-image) .slide-visual{display:grid;overflow:hidden;border:.45vw solid #fff;border-radius:2.25vw;background:#fff;box-shadow:0 1.2vw 3vw #1e3a8a26}
.lesson-slide:has(.slide-image) .slide-image{display:block;width:100%;height:100%;border-radius:inherit;box-shadow:none;transition:transform .12s ease}
.layout-statement:has(.slide-image){display:block}
.layout-statement:has(.slide-image) .slide-content{width:53%;text-align:left}
.layout-statement:has(.slide-image) .slide-kicker{justify-content:flex-start}
.layout-statement:has(.slide-image) .slide-title,.layout-statement:has(.slide-image) .slide-subtitle,.layout-statement:has(.slide-image) .slide-body,.layout-statement:has(.slide-image) .slide-bullets{max-width:100%;margin-left:0;margin-right:0}
.layout-statement:has(.slide-image) .slide-title{font-size:clamp(31px,4vw,66px)}
.layout-statement:has(.slide-image) .slide-bullets{grid-template-columns:1fr;gap:.45em;margin-top:1.7%}
.layout-statement:has(.slide-image) .slide-bullets li{display:flex;place-items:initial;min-height:0;padding:.55em .75em;border-top:0;border-left:.3em solid var(--accent);box-shadow:0 .4em 1em #3341550d}
.layout-statement:has(.slide-image) .slide-quote{left:6%;max-width:49%;text-align:left}

@media(max-width:1200px){.editor-layout{grid-template-columns:245px minmax(500px,1fr) 350px}.inspector{padding-left:15px;padding-right:15px}}
@media(max-width:900px){.editor-layout{display:block}.image-quick-actions{grid-template-columns:1fr 1fr 1fr}}

/* 20260904：编辑器与正式放映共用比例坐标；三栏内部独立滚动，页面本身不再下滚。 */
body:has(.editor-layout){overflow:hidden}
.editor-layout{min-height:0;overflow:hidden}
.slide-list-panel,.canvas-area,.inspector{min-height:0}
.slide-list-panel{overflow:hidden}
.thumbnail-list{min-height:0;overflow-y:auto;overscroll-behavior:contain}
.canvas-area{overflow:auto;overscroll-behavior:contain}
.stage-frame{display:flex;align-items:center;min-height:0}
.stage-frame .lesson-slide{container-type:inline-size}
.lesson-slide{container-type:inline-size}
.slide-kicker{font-size:clamp(14px,1.5cqw,24px)}
.slide-title{font-size:clamp(32px,4.25cqw,76px)}
.slide-subtitle{font-size:clamp(19px,2.25cqw,36px)}
.slide-body{font-size:clamp(16px,1.85cqw,30px)}
.slide-bullets li{font-size:clamp(16px,1.72cqw,28px)}
.slide-quote{font-size:clamp(14px,1.5cqw,24px)}
.model-button{font-size:clamp(13px,1.35cqw,22px)}
.layout-hero .slide-title{font-size:clamp(40px,5.25cqw,86px)}
.layout-question .slide-title{font-size:clamp(35px,4.55cqw,76px)}
.layout-statement .slide-title{font-size:clamp(36px,4.65cqw,78px)}
.layout-exit .slide-title{font-size:clamp(36px,4.7cqw,80px)}
.layout-exit .slide-bullets li{font-size:clamp(18px,1.95cqw,32px)}
.layout-hero:has(.slide-image) .slide-title{font-size:clamp(36px,4.7cqw,76px)}
.layout-question:has(.slide-image) .slide-title,.layout-split:has(.slide-image) .slide-title{font-size:clamp(31px,4cqw,66px)}
.layout-image-question{padding:3.2% 4.4%;background:#f8fbff}
.layout-image-question .slide-content{position:relative;z-index:3;display:flex;align-items:baseline;gap:1.1em;max-width:100%}
.layout-image-question .slide-kicker{margin:0;white-space:nowrap}
.layout-image-question .slide-title{max-width:none;font-size:clamp(24px,3.1cqw,54px);line-height:1.05}
.layout-image-question .slide-subtitle,.layout-image-question .slide-body,.layout-image-question .slide-bullets,.layout-image-question .slide-quote,.layout-image-question .model-button{display:none}
.layout-image-question .slide-visual{left:4.4%!important;top:16%!important;width:91.2%!important;height:75%!important;transform:none!important;right:auto!important;bottom:auto!important;border:.3cqw solid #d9e5f2!important;border-radius:1.2cqw!important;box-shadow:0 .8cqw 2cqw #1e3a8a18!important}
.layout-image-question .slide-image{object-fit:contain!important;transform:none!important;object-position:center!important}
.layout-image-question .slide-number{right:4.4%;bottom:3%;font-size:clamp(10px,1cqw,16px)}

/* 编辑器操作菜单与分组面板：默认收起低频设置，降低课堂编辑认知负担。 */
.more-actions{position:relative}.more-actions summary{list-style:none;display:flex;align-items:center}.more-actions summary::-webkit-details-marker{display:none}.more-menu{position:absolute;right:0;top:42px;z-index:30;display:grid;gap:4px;min-width:150px;padding:7px;border:1px solid #d5deea;border-radius:10px;background:#fff;box-shadow:0 12px 30px #1e293b22}.more-menu button,.more-menu .file-button{height:32px;padding:0 9px;border:0;border-radius:7px;background:#fff;text-align:left;cursor:pointer}.more-menu button:hover,.more-menu .file-button:hover{background:#eef5ff}.inspector-section{margin:0 -1px 12px;border-bottom:1px solid #e3e9f0}.inspector-section summary{padding:9px 0;color:#263449;font-size:12px;font-weight:900;cursor:pointer}.inspector-section[open] summary{color:#2563eb}
.thumbnail{cursor:grab}.thumbnail.dragging{opacity:.45}.thumbnail.drag-over{border-color:#2563eb;background:#eef5ff}
.lesson-slide [data-edit-field]{cursor:text;outline:2px solid transparent;outline-offset:5px;border-radius:4px;transition:outline-color .15s,background .15s}.lesson-slide [data-edit-field]:hover{outline-color:#93c5fd;background:#eff6ff66}.lesson-slide [data-edit-field].is-editing{outline-color:#2563eb;background:#dbeafe66}
.thumbnail-info{min-width:0}.thumbnail-title{display:block;overflow:hidden;color:#334155;font-size:11px;line-height:1.3;text-overflow:ellipsis;white-space:nowrap}.thumbnail-info>small{display:block;margin:2px 0 5px;color:#94a3b8;font-size:9px}.thumbnail-preview{margin-top:0}
.new-slide-template{margin:10px 12px 6px;width:calc(100% - 24px);height:34px;padding:0 8px;border:1px solid #d5deea;border-radius:8px;color:#475569;background:#fff;font-size:11px;font-weight:700}
