/* =========================================================
   智道AI · SIT 创新工场 · 场景样式
   ========================================================= */
.st-lab{position:relative}
.st-hud{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:9px}
.st-hud .hchip{display:inline-flex;align-items:center;gap:5px;padding:5px 9px;border-radius:99px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.035);font-size:9.5px;color:var(--dim);letter-spacing:.04em;white-space:nowrap}
.st-hud .hchip b{color:var(--gold2);font-family:var(--serif);font-size:12px}
.st-hud .hchip.sit{border-color:rgba(var(--acc-rgb),.32);color:var(--acc2);background:rgba(var(--acc-rgb),.07)}
.st-hud .hchip.xp{color:var(--gold)}
.st-scene{position:relative;height:clamp(240px,30vh,300px);border-radius:18px;border:1px solid rgba(var(--acc-rgb),.18);background:radial-gradient(ellipse at 50% 38%,rgba(var(--acc-rgb),.14),transparent 62%),linear-gradient(180deg,#0B1424,#070C16);overflow:hidden;box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 24px 60px rgba(0,0,0,.35)}
.st-scene:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(var(--acc-rgb),.08) 1px,transparent 1px),linear-gradient(90deg,rgba(var(--acc-rgb),.08) 1px,transparent 1px);background-size:38px 38px;transform:perspective(500px) rotateX(58deg) scale(1.7);transform-origin:50% 100%;opacity:.32;pointer-events:none}
.st-scene:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 45%,transparent 35%,rgba(0,0,0,.55) 100%);pointer-events:none}
.st-bg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.st-spotlight{position:absolute;left:50%;top:-10%;width:420px;height:420px;transform:translateX(-50%);background:radial-gradient(circle,rgba(var(--acc-rgb),.2),transparent 65%);filter:blur(10px);pointer-events:none}
.st-main{position:absolute;left:50%;top:48%;transform:translate(-50%,-50%);width:min(250px,46%);display:flex;align-items:center;justify-content:center;transition:.35s;z-index:2}
.st-main .st-object{width:100%;filter:drop-shadow(0 24px 26px rgba(0,0,0,.45))}
.st-object svg{width:100%;height:auto;display:block;overflow:visible}
.st-object .st-float{transform-origin:50% 60%;animation:stFloat 4.5s ease-in-out infinite}
.st-object.pop{animation:stPop .5s cubic-bezier(.2,.9,.25,1.2)}
.st-object.wobble{animation:stWobble .55s ease}
.st-object.powered .st-float{filter:drop-shadow(0 0 18px rgba(var(--acc-rgb),.8))}
.st-object .st-ring{position:absolute;inset:8%;border-radius:50%;border:1px dashed rgba(var(--acc-rgb),.35);animation:stSpin 18s linear infinite;pointer-events:none}
.st-empty{width:150px;height:150px;border-radius:50%;border:1px dashed rgba(255,255,255,.18);display:flex;align-items:center;justify-content:center;color:var(--faint);font-size:11px;text-align:center;line-height:1.7;background:rgba(255,255,255,.015)}
.st-pedestals{position:absolute;left:0;right:0;bottom:16px;display:flex;justify-content:center;gap:9px;z-index:3;transition:.3s}
.st-scene.has-object .st-pedestals{opacity:.28;transform:translateY(8px)}
.st-ped{width:96px;padding:8px 6px 7px;border-radius:12px;border:1px solid rgba(255,255,255,.1);background:rgba(9,16,30,.72);backdrop-filter:blur(8px);color:var(--dim);font-size:9.5px;text-align:center;transition:.2s}
.st-ped span{display:block;font-size:24px;line-height:1.2;margin-bottom:2px;transition:.25s}
.st-ped b{display:block;font-size:10px;color:var(--ink);font-weight:600}
.st-ped:hover,.st-ped.on{border-color:rgba(var(--acc-rgb),.65);background:rgba(var(--acc-rgb),.1);transform:translateY(-4px)}
.st-ped:hover span,.st-ped.on span{transform:scale(1.16) rotate(-4deg)}
.st-ped .dot{display:block;width:5px;height:5px;border-radius:50%;background:var(--acc);margin:4px auto 0;opacity:0;transition:.2s}
.st-ped.on .dot{opacity:1}
.st-scan{position:absolute;left:50%;top:48%;width:290px;height:290px;transform:translate(-50%,-50%);border-radius:50%;background:conic-gradient(from 0deg,transparent 0 78%,rgba(var(--acc-rgb),.18) 92%,transparent 100%);animation:stSpin 7s linear infinite;pointer-events:none;opacity:.55;mask-image:radial-gradient(circle,transparent 58%,#000 60%)}
.st-coach{display:flex;gap:9px;align-items:flex-start;margin-top:7px;padding:8px 11px;border-radius:13px;border:1px solid rgba(var(--acc-rgb),.22);background:linear-gradient(135deg,rgba(var(--acc-rgb),.08),rgba(255,255,255,.02))}
.st-coach .st-robot{width:36px;height:36px;flex:none;filter:drop-shadow(0 0 8px rgba(var(--acc-rgb),.25))}
.st-coach .say{font-size:11.5px;line-height:1.8;color:var(--dim)}
.st-coach .say b{color:var(--gold2)}
.st-coach .say em{font-style:normal;color:var(--acc2)}
.st-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-top:7px}
.st-actions .hint{font-size:9.5px;color:var(--faint)}
.st-part-tray{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin-top:10px}
.st-part-btn{padding:8px 12px;border-radius:9px;border:1px solid rgba(255,122,107,.3);background:rgba(255,122,107,.06);color:#FFB3A8;font-size:10.5px;transition:.2s}
.st-part-btn:hover{background:rgba(255,122,107,.14);transform:translateY(-2px)}
.st-part-btn.off{opacity:.35;text-decoration:line-through;pointer-events:none}
.st-use-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:7px}
.st-use-card{padding:7px 9px;border-radius:10px;border:1px solid var(--line);background:rgba(255,255,255,.025);color:var(--dim);font-size:10.5px;line-height:1.65;text-align:left;transition:.2s}
.st-use-card:hover,.st-use-card.on{border-color:rgba(var(--acc-rgb),.55);background:rgba(var(--acc-rgb),.09);color:var(--ink);transform:translateY(-2px)}
.st-use-card b{display:block;color:var(--gold2);font-size:9px;letter-spacing:.08em;margin-bottom:3px}
.st-power-tray{display:flex;gap:7px;flex-wrap:wrap;justify-content:center;margin-top:10px}
.st-power-chip{display:flex;align-items:center;gap:6px;padding:8px 10px;border-radius:9px;border:1px solid var(--line);background:rgba(255,255,255,.035);color:var(--dim);font-size:10px;transition:.2s;cursor:grab}
.st-power-chip span{font-size:17px}
.st-power-chip:hover,.st-power-chip.on{border-color:rgba(var(--acc-rgb),.55);background:rgba(var(--acc-rgb),.1);color:var(--ink);transform:translateY(-2px)}
.st-drop{position:absolute;inset:0;z-index:4}
.st-drop.over{box-shadow:inset 0 0 0 2px rgba(var(--acc-rgb),.55);background:rgba(var(--acc-rgb),.05)}
.st-combo{position:absolute;left:50%;bottom:16px;transform:translateX(-50%);padding:8px 14px;border-radius:99px;border:1px solid rgba(var(--acc-rgb),.4);background:rgba(8,14,26,.82);color:var(--acc2);font-size:10.5px;white-space:nowrap;z-index:5;backdrop-filter:blur(8px);opacity:0;transition:.3s}
.st-combo.on{opacity:1}
.st-flash{position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 50% 48%,rgba(var(--acc-rgb),.5),transparent 55%);opacity:0}
.st-flash.on{animation:stFlash .7s ease}
.st-blueprint{display:grid;grid-template-columns:1.35fr .8fr;gap:11px;margin-top:2px}
.st-blueprint-canvas{position:relative;min-height:330px;border-radius:15px;border:1px solid rgba(var(--acc-rgb),.2);background:linear-gradient(180deg,rgba(10,20,36,.9),rgba(6,12,22,.95)),repeating-linear-gradient(0deg,transparent 0 27px,rgba(var(--acc-rgb),.06) 27px 28px),repeating-linear-gradient(90deg,transparent 0 27px,rgba(var(--acc-rgb),.06) 27px 28px);overflow:hidden}
.st-blueprint-canvas .bp-label{position:absolute;left:12px;top:10px;font-size:8.5px;letter-spacing:.18em;color:var(--faint)}
.st-bp-obj{position:absolute;left:50%;top:48%;transform:translate(-50%,-50%);width:230px;opacity:.9}
.st-slot{position:absolute;width:94px;height:64px;border-radius:10px;border:1px dashed rgba(var(--acc-rgb),.38);background:rgba(8,16,28,.65);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:var(--faint);font-size:8.5px;text-align:center;transition:.2s;z-index:4}
.st-slot span{font-size:18px}
.st-slot.on{border-style:solid;border-color:rgba(var(--acc-rgb),.7);background:rgba(var(--acc-rgb),.12);color:var(--acc2);box-shadow:0 0 18px rgba(var(--acc-rgb),.18)}
.st-slot.over{border-color:var(--gold);background:rgba(245,196,81,.12)}
.st-slot[data-slot="0"]{left:6%;top:13%}.st-slot[data-slot="1"]{right:6%;top:13%}.st-slot[data-slot="2"]{left:6%;bottom:13%}.st-slot[data-slot="3"]{right:6%;bottom:13%}
.st-spec{padding:10px 12px;border-radius:14px;border:1px solid var(--line);background:rgba(255,255,255,.025);display:flex;flex-direction:column;gap:7px}
.st-spec h4{margin:0 0 2px;font-size:12px;color:var(--gold2)}
.st-spec .field{margin:0}
.st-spec .field label{font-size:8px;margin:0 0 3px}
.st-spec .field input,.st-spec .field textarea{font-size:10.5px;padding:7px 8px;min-height:0}
.st-spec .field textarea{height:36px;min-height:36px}
.st-module-tray{display:flex;gap:5px;flex-wrap:wrap;margin-top:2px}
.st-module{padding:5px 7px;border-radius:6px;border:1px solid var(--line);background:rgba(255,255,255,.03);color:var(--dim);font-size:9px;cursor:grab}
.st-module:hover,.st-module.on{border-color:rgba(var(--acc-rgb),.55);color:var(--acc2);background:rgba(var(--acc-rgb),.08)}
.st-draw-wrap{margin-top:9px;border-radius:12px;border:1px solid var(--line);overflow:hidden;background:rgba(0,0,0,.18)}
.st-draw-wrap .draw-head{padding:7px 10px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;font-size:9px;color:var(--faint);letter-spacing:.1em}
.st-draw-wrap .canvas-wrap{height:190px}
.st-draw-wrap canvas{width:100%;height:100%;display:block}
.st-test{position:relative}
.st-weather{position:absolute;inset:0;pointer-events:none;z-index:1;overflow:hidden;opacity:0;transition:.3s}
.st-weather.rain{opacity:1;background:linear-gradient(180deg,rgba(96,165,250,.18),transparent 60%)}
.st-weather.rain:before{content:"";position:absolute;inset:-20%;background-image:repeating-linear-gradient(105deg,transparent 0 18px,rgba(191,219,254,.35) 19px 21px,transparent 22px 38px);animation:stRain .55s linear infinite;opacity:.55}
.st-weather.dark{opacity:1;background:radial-gradient(circle at 50% 40%,rgba(0,0,0,.2),rgba(0,0,0,.72))}
.st-weather.crowd{opacity:1}
.st-weather.crowd:before{content:"🧒  🧒  🧒  🧒  🧒";position:absolute;left:0;right:0;bottom:10px;text-align:center;font-size:24px;opacity:.45;letter-spacing:8px;animation:stCrowd 2.8s ease-in-out infinite}
.st-test-object{position:absolute;left:50%;top:48%;transform:translate(-50%,-50%);width:220px;z-index:2}
.st-meter{position:absolute;right:16px;top:16px;width:120px;padding:8px 10px;border-radius:9px;border:1px solid rgba(var(--acc-rgb),.25);background:rgba(6,12,22,.7);z-index:5}
.st-meter span{font-size:8px;letter-spacing:.1em;color:var(--faint)}
.st-meter b{display:block;font-family:var(--serif);font-size:18px;color:var(--acc2);line-height:1.2}
.st-meter .bar{height:5px;border-radius:99px;background:rgba(255,255,255,.1);margin-top:5px;overflow:hidden}
.st-meter .bar i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--acc),var(--gold));transition:.6s}
.st-scenarios{display:flex;gap:7px;flex-wrap:wrap;margin-top:9px}
.st-scenario{padding:7px 10px;border-radius:8px;border:1px solid var(--line);background:rgba(255,255,255,.03);color:var(--dim);font-size:9.5px}
.st-scenario:hover,.st-scenario.on{border-color:rgba(var(--acc-rgb),.55);color:var(--acc2);background:rgba(var(--acc-rgb),.08)}
.st-result{padding:9px 12px;border-radius:9px;border:1px solid rgba(var(--acc-rgb),.25);background:rgba(var(--acc-rgb),.06);font-size:10.5px;line-height:1.7;color:var(--dim);margin-top:8px;min-height:38px}
.st-audience{display:flex;justify-content:center;gap:10px;margin-top:8px;font-size:24px;filter:grayscale(.1)}
.st-audience span{display:inline-block;animation:stIdle 2.2s ease-in-out infinite}
.st-audience span:nth-child(2){animation-delay:.2s}.st-audience span:nth-child(3){animation-delay:.4s}.st-audience span:nth-child(4){animation-delay:.6s}.st-audience span:nth-child(5){animation-delay:.8s}
.st-audience.clap span{animation:stClap .5s ease}
@keyframes stFloat{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-9px) rotate(1deg)}}
@keyframes stPop{0%{transform:scale(.7);opacity:.3}70%{transform:scale(1.06)}100%{transform:scale(1);opacity:1}}
@keyframes stWobble{0%,100%{transform:translateX(0)}20%{transform:translateX(-8px) rotate(-3deg)}40%{transform:translateX(8px) rotate(3deg)}60%{transform:translateX(-5px)}80%{transform:translateX(4px)}}
@keyframes stSpin{to{transform:rotate(360deg)}}
@keyframes stFlash{0%{opacity:0}25%{opacity:1}100%{opacity:0}}
@keyframes stRain{to{transform:translateY(38px)}}
@keyframes stCrowd{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
@keyframes stIdle{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}
@keyframes stClap{0%,100%{transform:scale(1)}50%{transform:scale(1.22) rotate(6deg)}}
.st-obj-svg [data-part]{transition:.45s cubic-bezier(.2,.8,.2,1);transform-box:fill-box;transform-origin:50% 50%}
.st-obj-svg [data-part].off{opacity:0;transform:translate(18px,-26px) rotate(28deg) scale(.7)}
@media(max-height:820px){.st-scene{height:340px}.st-main{width:min(280px,48%)}.st-blueprint-canvas{min-height:330px}.st-ped{width:84px;padding:6px 5px}.st-ped span{font-size:20px}.st-coach{padding:8px 11px}.st-draw-wrap .canvas-wrap{height:150px}}
@media(max-width:760px){.st-scene{height:330px}.st-main{width:min(240px,62%)}.st-pedestals{gap:5px;bottom:10px}.st-ped{width:72px;font-size:8.5px}.st-use-grid{grid-template-columns:1fr}.st-blueprint{grid-template-columns:1fr}.st-blueprint-canvas{min-height:320px}.st-spec{margin-top:8px}.st-meter{width:92px}}

.st-mini-draw{margin-top:4px;border-radius:8px;border:1px solid var(--line);overflow:hidden;background:rgba(0,0,0,.2)}
.st-mini-draw .draw-head{display:flex;justify-content:space-between;padding:5px 8px;border-bottom:1px solid var(--line);font-size:8px;color:var(--faint);letter-spacing:.08em}
.st-mini-draw canvas{display:block;width:100%;height:64px;cursor:crosshair}
.st-split{display:grid;grid-template-columns:1.2fr .8fr;gap:11px;align-items:start}
.st-side{display:flex;flex-direction:column;gap:6px;min-width:0}
.st-side .st-coach{margin-top:0}
.st-side .st-use-grid{grid-template-columns:1fr;margin-top:0}
.st-side .st-power-tray{justify-content:flex-start;margin-top:0}
.st-side .st-actions{margin-top:0}
.st-side .st-scenarios{margin-top:0}
.st-side .st-result{margin-top:0}
@media(max-width:900px){.st-split{grid-template-columns:1fr}.st-side{margin-top:2px}}
.st-spec{display:grid;grid-template-columns:1fr 1fr;gap:5px 8px;align-content:start}
.st-spec>h4,.st-spec>.st-mini-draw,.st-spec>.st-module-tray,.st-spec>div[style]{grid-column:1/-1}
.st-spec .field textarea{height:34px;min-height:34px}
@media(max-width:900px){.st-spec{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.st-spec{grid-template-columns:1fr}}

/* ---------- 第 06 章用户访谈 ---------- */
.st-user-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.st-user-card{padding:12px 10px;border-radius:13px;border:1px solid var(--line);background:rgba(255,255,255,.025);color:var(--dim);text-align:center;transition:.2s}
.st-user-card span{display:block;font-size:38px;line-height:1.2;margin-bottom:3px;transition:.25s}
.st-user-card b{display:block;font-size:12px;color:var(--ink)}
.st-user-card small{display:block;font-size:9px;color:var(--faint);margin-top:3px;line-height:1.5}
.st-user-card:hover,.st-user-card.on{border-color:rgba(var(--acc-rgb),.6);background:rgba(var(--acc-rgb),.1);transform:translateY(-3px)}
.st-user-card:hover span,.st-user-card.on span{transform:scale(1.12) rotate(-4deg)}
.st-user-scene{display:flex;align-items:center;justify-content:center;overflow:hidden}
.st-avatar{position:relative;z-index:2;width:clamp(130px,16vw,190px);height:clamp(130px,16vw,190px);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:clamp(64px,8vw,96px);background:radial-gradient(circle at 35% 28%,rgba(255,255,255,.2),rgba(var(--acc-rgb),.18) 45%,rgba(8,14,26,.9));border:1px solid rgba(var(--acc-rgb),.45);box-shadow:0 0 0 10px rgba(var(--acc-rgb),.05),0 22px 50px rgba(0,0,0,.45)}
.st-avatar:after{content:"";position:absolute;inset:-16px;border-radius:50%;border:1px dashed rgba(var(--acc-rgb),.35);animation:stSpin 18s linear infinite}
.st-speech{position:absolute;left:50%;bottom:14px;transform:translateX(-50%);width:min(86%,360px);padding:9px 12px;border-radius:11px;border:1px solid rgba(var(--acc-rgb),.3);background:rgba(7,13,24,.88);color:var(--ink);font-size:10.5px;line-height:1.7;z-index:3;backdrop-filter:blur(10px);opacity:0;transition:.25s}
.st-speech.on{opacity:1;animation:stPop .35s ease}
.st-speech:before{content:"";position:absolute;top:-6px;left:50%;transform:translateX(-50%) rotate(45deg);width:10px;height:10px;background:rgba(7,13,24,.88);border-left:1px solid rgba(var(--acc-rgb),.3);border-top:1px solid rgba(var(--acc-rgb),.3)}
.st-question-grid{display:flex;gap:5px;flex-wrap:wrap}
.st-question{padding:6px 9px;border-radius:7px;border:1px solid var(--line);background:rgba(255,255,255,.03);color:var(--dim);font-size:9.5px;line-height:1.4;text-align:left}
.st-question:hover,.st-question.asked{border-color:rgba(var(--acc-rgb),.5);color:var(--acc2);background:rgba(var(--acc-rgb),.08)}
.st-question.asked:after{content:" ✓";color:var(--teal)}
.st-need-list{display:flex;flex-direction:column;gap:5px}
.st-need-card{padding:7px 9px;border-radius:7px;border:1px solid var(--line);background:rgba(255,255,255,.025);color:var(--dim);font-size:10px;line-height:1.5;text-align:left}
.st-need-card:hover,.st-need-card.on{border-color:rgba(var(--acc-rgb),.55);background:rgba(var(--acc-rgb),.1);color:var(--ink)}
.st-need-card b{display:block;font-size:8px;color:var(--gold2);letter-spacing:.08em;margin-bottom:2px}
.st-machine{display:grid;grid-template-columns:1fr auto 1.25fr;gap:10px;align-items:center;margin-top:2px}
.st-machine-need{padding:14px 14px;border-radius:13px;border:1px solid rgba(var(--acc-rgb),.35);background:rgba(var(--acc-rgb),.07);min-height:150px;display:flex;flex-direction:column;justify-content:center;gap:6px}
.st-machine-need span{font-size:8px;letter-spacing:.12em;color:var(--faint)}
.st-machine-need b{font-family:var(--serif);font-size:17px;line-height:1.5;color:var(--gold2)}
.st-machine-arrow{font-size:22px;color:var(--acc);animation:stIdle 1.8s ease-in-out infinite}
.st-function-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.st-function-card{padding:8px 9px;border-radius:8px;border:1px solid var(--line);background:rgba(255,255,255,.03);color:var(--dim);font-size:9.5px;line-height:1.5;text-align:left}
.st-function-card:hover,.st-function-card.on{border-color:rgba(var(--acc-rgb),.55);background:rgba(var(--acc-rgb),.1);color:var(--ink)}
.st-function-card b{display:block;color:var(--gold2);font-size:9px;margin-bottom:2px}
.st-feature{margin-top:9px;padding:9px 12px;border-radius:9px;border:1px solid rgba(var(--acc-rgb),.3);background:rgba(var(--acc-rgb),.07);font-size:10.5px;line-height:1.7;color:var(--dim);min-height:38px}
.st-feature b{color:var(--acc2)}
.st-boundary-scene{display:flex;align-items:center;justify-content:center;gap:18px;overflow:hidden}
.st-product-icon{position:relative;z-index:2;width:clamp(90px,12vw,130px);height:clamp(90px,12vw,130px);border-radius:22px;display:flex;align-items:center;justify-content:center;font-size:clamp(42px,6vw,64px);background:radial-gradient(circle at 35% 28%,rgba(255,255,255,.2),rgba(var(--acc-rgb),.18) 45%,rgba(8,14,26,.9));border:1px solid rgba(var(--acc-rgb),.45);box-shadow:0 0 30px rgba(var(--acc-rgb),.18)}
.st-boundary-scene .st-avatar{width:clamp(100px,13vw,150px);height:clamp(100px,13vw,150px);font-size:clamp(50px,7vw,78px)}
.st-boundary-scene .st-speech{width:min(94%,420px);bottom:8px}
.st-boundary-warning{position:absolute;inset:0;background:radial-gradient(circle at 50% 55%,rgba(255,122,107,.18),transparent 55%);opacity:0;transition:.3s;pointer-events:none;z-index:1}
.st-boundary-warning.on{opacity:1;animation:stPulse 1.4s ease-in-out infinite}
.st-risk-grid,.st-fix-grid{display:flex;gap:5px;flex-wrap:wrap}
.st-risk,.st-fix{padding:6px 8px;border-radius:7px;border:1px solid var(--line);background:rgba(255,255,255,.03);color:var(--dim);font-size:9px;line-height:1.4;text-align:left}
.st-risk:hover,.st-risk.on{border-color:rgba(255,122,107,.6);background:rgba(255,122,107,.08);color:#FFB3A8}
.st-fix:hover,.st-fix.on{border-color:rgba(79,224,208,.55);background:rgba(79,224,208,.08);color:var(--teal)}
.st-boundary-result{padding:8px 10px;border-radius:8px;border:1px solid var(--line);background:rgba(255,255,255,.025);font-size:10px;line-height:1.65;color:var(--dim);min-height:34px}
@keyframes stPulse{0%,100%{opacity:.4}50%{opacity:1}}
@media(max-width:900px){.st-user-grid{grid-template-columns:1fr 1fr}.st-machine{grid-template-columns:1fr}.st-machine-arrow{transform:rotate(90deg);text-align:center}.st-function-grid{grid-template-columns:1fr 1fr}.st-boundary-scene{gap:8px}}
@media(max-width:620px){.st-user-grid{grid-template-columns:1fr 1fr}.st-function-grid{grid-template-columns:1fr}.st-boundary-scene{flex-direction:column;gap:4px}}
.st-tip-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:9px}
.st-tip-strip div{padding:8px 11px;border-radius:9px;border:1px solid var(--line);background:rgba(255,255,255,.025)}
.st-tip-strip b{display:block;font-size:9px;color:var(--gold2);letter-spacing:.08em;margin-bottom:3px}
.st-tip-strip span{font-size:10px;line-height:1.6;color:var(--dim)}
@media(max-width:760px){.st-tip-strip{grid-template-columns:1fr}}

/* ---------- 第 07 章纸结构竞技场 ---------- */
.st-arena-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
.st-arena-card{padding:10px;border-radius:13px;border:1px solid var(--line);background:rgba(255,255,255,.025);text-align:center;transition:.2s}
.st-arena-card:hover,.st-arena-card.on{border-color:rgba(var(--acc-rgb),.6);background:rgba(var(--acc-rgb),.09);transform:translateY(-3px)}
.st-arena-card b{display:block;font-size:11px;color:var(--ink);margin-top:4px}
.st-arena-card small{display:block;font-size:8.5px;color:var(--faint);line-height:1.5;margin-top:2px}
.st-paper{position:relative;width:126px;height:86px;margin:0 auto;transform-origin:50% 100%;transition:.4s cubic-bezier(.2,.8,.2,1);filter:drop-shadow(0 12px 14px rgba(0,0,0,.35))}
.st-paper.mini{width:72px;height:50px}
.st-paper.type-a{border:3px solid #F5C451;border-top:0;border-radius:2px 2px 6px 6px;background:linear-gradient(180deg,rgba(245,196,81,.12),rgba(245,196,81,.03))}
.st-paper.type-a:before,.st-paper.type-a:after{content:"";position:absolute;bottom:0;width:3px;height:100%;background:#F5C451}
.st-paper.type-a:before{left:18%}.st-paper.type-a:after{right:18%}
.st-paper.type-b{background:repeating-linear-gradient(180deg,rgba(79,224,208,.32) 0 12px,rgba(79,224,208,.08) 12px 17px);border:3px solid #4FE0D0;border-radius:4px;box-shadow:inset 0 0 18px rgba(79,224,208,.12)}
.st-paper.type-b:before{content:"";position:absolute;left:12%;right:12%;bottom:8px;height:6px;border-radius:99px;background:rgba(79,224,208,.5)}
.st-paper.type-c{background:linear-gradient(160deg,rgba(167,139,250,.4),rgba(167,139,250,.08));border:3px solid #A78BFA;clip-path:polygon(50% 0,100% 100%,0 100%);border-radius:3px}
.st-paper.type-c:before{content:"";position:absolute;left:50%;bottom:0;width:3px;height:100%;background:rgba(167,139,250,.6);transform:translateX(-50%)}
.st-paper.upgraded{animation:stPaperUp .6s ease}
.st-paper.collapse{transform:rotate(13deg) translate(10px,10px) scaleY(.82);opacity:.72}
.st-paper.collapse:after{content:"";position:absolute;left:-10%;right:-10%;bottom:-6px;height:14px;border-radius:50%;background:rgba(255,122,107,.18);filter:blur(6px)}
.st-struct-stage{position:relative;height:300px;display:flex;align-items:flex-end;justify-content:center;padding-bottom:34px}
.st-struct-stage .st-paper{position:relative;z-index:2}
.st-block-stack{position:absolute;left:50%;bottom:120px;transform:translateX(-50%);display:flex;flex-direction:column-reverse;align-items:center;gap:2px;z-index:3}
.st-block{width:48px;height:14px;border-radius:3px;background:linear-gradient(180deg,#FFE3A6,#D9A83E);border:1px solid rgba(122,84,20,.5);box-shadow:0 3px 6px rgba(0,0,0,.25);animation:stBlockDrop .3s ease}
.st-block.fall{animation:stBlockFall .85s cubic-bezier(.2,.7,.3,1) forwards}
.st-test-tabs{display:flex;gap:5px;flex-wrap:wrap}
.st-test-tab{padding:5px 9px;border-radius:7px;border:1px solid var(--line);background:rgba(255,255,255,.03);color:var(--dim);font-size:9px}
.st-test-tab:hover,.st-test-tab.on{border-color:rgba(var(--acc-rgb),.55);color:var(--acc2);background:rgba(var(--acc-rgb),.08)}
.st-test-tab.done:after{content:" ✓";color:var(--teal)}
.st-test-readout{padding:7px 9px;border-radius:8px;border:1px solid var(--line);background:rgba(255,255,255,.025);font-size:10px;line-height:1.6;color:var(--dim);min-height:34px}
.st-test-readout b{color:var(--acc2)}
.st-evidence{padding:13px 15px;border-radius:14px;border:1px solid rgba(var(--acc-rgb),.25);background:rgba(var(--acc-rgb),.05)}
.st-evidence h4{margin:0 0 8px;font-size:12px;color:var(--gold2)}
.st-ev-row{display:flex;align-items:center;gap:8px;padding:7px 8px;border-bottom:1px solid rgba(255,255,255,.07);font-size:10px}
.st-ev-row:last-child{border-bottom:0}
.st-ev-row b{width:24px;color:var(--acc2);font-family:var(--serif);font-size:14px}
.st-ev-row span{flex:1;color:var(--dim)}
.st-ev-row em{font-style:normal;color:var(--gold);font-family:var(--serif);font-size:13px}
.st-ev-note{margin-top:8px;padding:7px 9px;border-radius:7px;background:rgba(0,0,0,.18);font-size:9.5px;line-height:1.6;color:var(--faint)}
@keyframes stPaperUp{0%{transform:translateY(0)}45%{transform:translateY(-18px) scale(1.04)}100%{transform:translateY(0)}}
@keyframes stBlockDrop{0%{transform:translateY(-24px);opacity:0}100%{transform:translateY(0);opacity:1}}
@keyframes stBlockFall{to{transform:translate(var(--bx,20px),80px) rotate(var(--br,40deg));opacity:0}}
@media(max-width:900px){.st-arena-grid{grid-template-columns:1fr}.st-struct-stage{height:250px}.st-block-stack{bottom:100px}}
.st-copy-mark{position:absolute;z-index:2;pointer-events:none}
.st-copy-mark.copy-layer{left:4%;right:4%;top:15%;height:11px;border-radius:2px;background:rgba(255,227,166,.55);border:1px solid rgba(122,84,20,.5);transform:rotate(-4deg);box-shadow:0 3px 6px rgba(0,0,0,.25)}
.st-copy-mark.copy-leg{left:48%;bottom:-4px;width:6px;height:104%;border-radius:3px;background:#FFE3A6;border:1px solid rgba(122,84,20,.55);transform:skewX(-9deg)}
.st-copy-mark.copy-fold{left:18%;bottom:0;width:64%;height:72%;border-left:4px solid rgba(255,227,166,.75);border-radius:2px;transform:rotate(31deg);transform-origin:50% 100%;opacity:.85}

/* ---------- 第 08 章五段式分镜 ---------- */
.st-filmstrip{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}
.st-frame{position:relative;min-height:118px;padding:8px 8px 7px;border-radius:9px;border:1px solid var(--line);background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,.01));color:var(--dim);text-align:left;transition:.2s;overflow:hidden}
.st-frame:before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:rgba(var(--acc-rgb),.35)}
.st-frame:hover,.st-frame.on{border-color:rgba(var(--acc-rgb),.55);background:rgba(var(--acc-rgb),.08);transform:translateY(-2px)}
.st-frame.correct:before{background:var(--teal)}
.st-frame .fnum{display:block;font-size:8px;letter-spacing:.12em;color:var(--faint)}
.st-frame .fic{display:block;font-size:20px;line-height:1.2;margin:3px 0 2px}
.st-frame .ft{display:block;font-size:9.5px;color:var(--ink);font-weight:600;line-height:1.4}
.st-frame .fx{display:block;font-size:8px;color:var(--faint);line-height:1.5;margin-top:2px}
.st-frame .fcheck{position:absolute;right:6px;top:6px;font-size:9px;color:var(--teal);opacity:0}
.st-frame.done .fcheck{opacity:1}
.st-frame.dragging{opacity:.45}
.st-play{display:inline-flex;align-items:center;gap:6px;padding:7px 11px;border-radius:8px;border:1px solid rgba(var(--acc-rgb),.35);background:rgba(var(--acc-rgb),.07);color:var(--acc2);font-size:9.5px}
.st-play:hover{background:rgba(var(--acc-rgb),.14)}
.st-teleprompter{padding:11px 14px;border-radius:12px;border:1px solid rgba(var(--acc-rgb),.3);background:rgba(5,10,20,.72);font-size:11px;line-height:1.9;color:var(--dim);min-height:96px}
.st-teleprompter b{color:var(--gold2)}
.st-teleprompter .tp-line{padding:2px 0;border-bottom:1px dashed rgba(255,255,255,.06)}
.st-teleprompter .tp-line:last-child{border-bottom:0}
.st-teleprompter .tp-line.on{color:var(--ink);background:rgba(var(--acc-rgb),.07);border-radius:4px}
.st-frame-editor{display:grid;grid-template-columns:1.1fr .9fr;gap:10px;margin-top:9px}
.st-frame-editor .field textarea{height:64px;min-height:64px}
.st-frame-editor .peek{padding:10px 12px;border-radius:10px;border:1px solid var(--line);background:rgba(255,255,255,.025);font-size:10.5px;line-height:1.75;color:var(--dim)}
.st-frame-editor .peek b{color:var(--gold2)}
@media(max-width:900px){.st-filmstrip{grid-template-columns:repeat(2,1fr)}.st-frame:last-child{grid-column:1/-1}.st-frame-editor{grid-template-columns:1fr}}

/* ---------- 第 09 章纸塔建造 ---------- */
.st-tower-stage{position:relative;height:300px;display:flex;align-items:flex-end;justify-content:center;padding-bottom:28px}
.st-tower{position:relative;width:190px;height:190px;transform-origin:50% 100%;transition:.45s cubic-bezier(.2,.8,.2,1)}
.st-tower.mini{width:92px;height:92px;margin:0 auto}
.st-tower-base{position:absolute;left:50%;bottom:0;transform:translateX(-50%);width:150px;height:16px;border-radius:4px;background:linear-gradient(180deg,#F5C451,#B98A3C);box-shadow:0 8px 16px rgba(0,0,0,.35);transition:.3s}
.st-tower-base:after{content:"";position:absolute;left:6%;right:6%;bottom:-5px;height:5px;border-radius:50%;background:rgba(0,0,0,.22);filter:blur(3px)}
.st-tower-legs{position:absolute;left:50%;bottom:16px;transform:translateX(-50%);display:flex;align-items:flex-end;justify-content:space-between;width:120px;height:104px;transition:.3s}
.st-tower-legs i{display:block;width:6px;height:100%;border-radius:3px;background:linear-gradient(180deg,#FFE3A6,#D9A83E);box-shadow:0 2px 6px rgba(0,0,0,.25);transform-origin:50% 100%}
.st-tower-platform{position:absolute;left:50%;top:28px;transform:translateX(-50%);width:130px;height:13px;border-radius:3px;background:linear-gradient(180deg,#4FE0D0,#2AA79B);box-shadow:0 6px 12px rgba(0,0,0,.28);transition:.3s}
.st-tower-platform:before,.st-tower-platform:after{content:"";position:absolute;top:3px;width:3px;height:8px;background:rgba(0,0,0,.25)}
.st-tower-platform:before{left:18%}.st-tower-platform:after{right:18%}
.st-tower.base-narrow .st-tower-base{width:92px}
.st-tower.base-wide .st-tower-base{width:174px}
.st-tower.base-tube .st-tower-base{width:120px;height:26px;border-radius:50%/40%}
.st-tower.legs-3 .st-tower-legs i:nth-child(4){display:none}
.st-tower.legs-3 .st-tower-legs{width:96px}
.st-tower.legs-tri .st-tower-legs{width:150px;height:78px}
.st-tower.legs-tri .st-tower-legs i{transform:rotate(14deg)}
.st-tower.legs-tri .st-tower-legs i:nth-child(1){transform:rotate(20deg);height:92%}
.st-tower.legs-tri .st-tower-legs i:nth-child(4){transform:rotate(-20deg);height:92%}
.st-tower.platform-cross .st-tower-platform{width:154px;height:10px}
.st-tower.platform-cross .st-tower-platform:after{left:50%;right:auto;top:0;width:10px;height:100%;transform:translateX(-50%);background:rgba(79,224,208,.65)}
.st-tower.platform-cross .st-tower-platform:before{display:none}
.st-tower.connect-slot .st-tower-legs i:before{content:"";position:absolute;top:4px;left:-2px;width:10px;height:4px;background:#FFE3A6;border-radius:1px}
.st-tower.connect-fold .st-tower-legs i{background:linear-gradient(180deg,#FFE3A6 0 45%,#D9A83E 45% 55%,#FFE3A6 55%)}
.st-tower.fail{transform:rotate(11deg) translate(12px,8px) scaleY(.86);opacity:.75}
.st-tower.fail .st-tower-platform{transform:translateX(-50%) rotate(-8deg)}
.st-tower-blocks{position:absolute;left:50%;bottom:190px;transform:translateX(-50%);display:flex;flex-direction:column-reverse;align-items:center;gap:2px;z-index:4}
.st-tower-blocks .st-block{width:52px;height:14px}
.st-tower.mini .st-tower-base{height:8px}.st-tower.mini .st-tower-legs{height:50px;width:60px;bottom:8px}.st-tower.mini .st-tower-platform{top:14px;width:64px;height:7px}.st-tower.mini .st-tower-legs i{width:3px}
.st-part-choices{display:flex;flex-direction:column;gap:6px}
.st-part-row{display:flex;align-items:center;gap:6px;flex-wrap:wrap;padding:5px 7px;border-radius:8px;border:1px solid var(--line);background:rgba(255,255,255,.02)}
.st-part-row>b{font-size:8.5px;color:var(--faint);letter-spacing:.08em;width:34px;flex:none}
.st-part-row button{padding:4px 7px;border-radius:6px;border:1px solid var(--line);background:rgba(255,255,255,.03);color:var(--dim);font-size:8.5px}
.st-part-row button:hover,.st-part-row button.on{border-color:rgba(var(--acc-rgb),.55);background:rgba(var(--acc-rgb),.1);color:var(--acc2)}
.st-test-compare{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:7px}
.st-test-box{padding:9px 11px;border-radius:9px;border:1px solid var(--line);background:rgba(255,255,255,.025);font-size:10px;line-height:1.65;color:var(--dim)}
.st-test-box b{display:block;color:var(--gold2);font-size:9px;letter-spacing:.08em;margin-bottom:3px}
.st-test-box em{font-style:normal;color:var(--teal);font-family:var(--serif);font-size:16px}
@media(max-width:900px){.st-tower-stage{height:250px}.st-tower{width:150px;height:160px}.st-tower-blocks{bottom:160px}.st-tower.mini{width:78px;height:78px}}

/* ---------- 第 10 章杠杆实验室 ---------- */
.st-lever2-stage{position:relative;height:290px;display:flex;align-items:center;justify-content:center;overflow:hidden}
.st-lever2{position:relative;width:86%;height:190px}
.st-lever2-beam{position:absolute;left:6%;right:6%;top:88px;height:12px;border-radius:99px;background:linear-gradient(180deg,#F5C451,#B98A3C);box-shadow:0 8px 20px rgba(0,0,0,.35);transform-origin:50% 50%;transition:.45s cubic-bezier(.2,.8,.2,1)}
.st-lever2-beam .st-load{position:absolute;left:1%;top:-36px;font-size:30px;filter:drop-shadow(0 6px 8px rgba(0,0,0,.35));transition:.45s}
.st-lever2-beam .st-effort{position:absolute;right:1%;top:-38px;font-size:28px;transition:.45s}
.st-lever2-pivot{position:absolute;bottom:44px;left:50%;transform:translateX(-50%);width:0;height:0;border-left:22px solid transparent;border-right:22px solid transparent;border-bottom:36px solid rgba(79,224,208,.8);filter:drop-shadow(0 0 12px rgba(79,224,208,.3));transition:.4s}
.st-lever2-pivot:after{content:"支点";position:absolute;left:50%;top:38px;transform:translateX(-50%);font-size:8px;color:var(--teal);letter-spacing:.1em;white-space:nowrap}
.st-fulcrum-range{width:100%;accent-color:#4FE0D0;margin:2px 0 4px}
.st-lever2-trial{display:flex;gap:5px;flex-wrap:wrap}
.st-lever2-trial button{padding:5px 8px;border-radius:6px;border:1px solid var(--line);background:rgba(255,255,255,.03);color:var(--dim);font-size:8.5px}
.st-lever2-trial button:hover,.st-lever2-trial button.on{border-color:rgba(79,224,208,.55);background:rgba(79,224,208,.08);color:var(--teal)}
.st-lever2-meter{display:flex;align-items:center;gap:7px;font-size:9px;color:var(--faint)}
.st-lever2-meter .bar{flex:1;height:6px;border-radius:99px;background:rgba(255,255,255,.1);overflow:hidden}
.st-lever2-meter .bar i{display:block;height:100%;width:50%;background:linear-gradient(90deg,#4FE0D0,#F5C451);transition:.5s}
.st-design-lever{position:relative;height:210px;border-radius:12px;border:1px solid rgba(var(--acc-rgb),.2);background:linear-gradient(180deg,rgba(10,20,36,.9),rgba(6,12,22,.95));overflow:hidden}
.st-design-lever .st-lever2{position:absolute;inset:0;width:100%;height:100%}
.st-design-lever .st-lever2-beam{top:100px}
.st-design-lever .st-lever2-pivot{bottom:54px}
.st-lever-rows{display:flex;flex-direction:column;gap:6px}
.st-lever-row{display:flex;align-items:center;gap:6px;flex-wrap:wrap;padding:5px 7px;border-radius:8px;border:1px solid var(--line);background:rgba(255,255,255,.02)}
.st-lever-row>b{font-size:8.5px;color:var(--faint);letter-spacing:.08em;width:34px;flex:none}
.st-lever-row button{padding:4px 7px;border-radius:6px;border:1px solid var(--line);background:rgba(255,255,255,.03);color:var(--dim);font-size:8.5px}
.st-lever-row button:hover,.st-lever-row button.on{border-color:rgba(var(--acc-rgb),.55);background:rgba(var(--acc-rgb),.1);color:var(--acc2)}
@media(max-width:900px){.st-lever2-stage{height:240px}.st-lever2{height:160px}.st-lever2-beam{top:70px}}

/* ---------- 第 11 章小车测试跑道 ---------- */
.st-track-stage{position:relative;height:286px;border-radius:16px;border:1px solid rgba(var(--acc-rgb),.18);background:radial-gradient(ellipse at 50% 65%,rgba(var(--acc-rgb),.12),transparent 62%),linear-gradient(180deg,#0B1424,#070C16);overflow:hidden}
.st-track{position:absolute;left:4%;right:4%;bottom:64px;height:8px;border-radius:99px;background:linear-gradient(90deg,rgba(96,165,250,.15),rgba(96,165,250,.65),rgba(96,165,250,.15));box-shadow:0 0 24px rgba(96,165,250,.18)}
.st-track:after{content:"";position:absolute;left:0;right:0;top:3px;height:2px;background:repeating-linear-gradient(90deg,transparent 0 26px,rgba(255,255,255,.5) 26px 40px);opacity:.5}
.st-start,.st-end{position:absolute;bottom:48px;font-size:8px;color:var(--faint);letter-spacing:.12em}
.st-start{left:5%}.st-end{right:5%}
.st-car2{position:absolute;left:9%;bottom:74px;width:210px;height:96px;transform-origin:50% 100%;z-index:3;transition:.2s}
.st-car2-body{position:absolute;left:12px;right:12px;bottom:22px;height:38px;border-radius:10px 14px 7px 7px;background:linear-gradient(160deg,#9CC7FF,#4F86D6);box-shadow:0 10px 20px rgba(0,0,0,.35);border:1px solid rgba(255,255,255,.18)}
.st-car2-body:before{content:"";position:absolute;left:26%;top:-18px;width:42%;height:22px;border-radius:10px 12px 0 0;background:linear-gradient(180deg,#BFDBFE,#6EA8E8);border:1px solid rgba(255,255,255,.2);border-bottom:0}
.st-car2-load{position:absolute;left:50%;top:-6px;transform:translateX(-50%);font-size:24px;filter:drop-shadow(0 4px 6px rgba(0,0,0,.35));z-index:4;transition:.3s}
.st-car2-wheel{position:absolute;bottom:0;width:32px;height:32px;border-radius:50%;border:5px solid #111827;background:radial-gradient(circle,#64748B 35%,#111827 36%);box-shadow:0 0 0 2px rgba(255,255,255,.12);z-index:2}
.st-car2-wheel.big{width:42px;height:42px;border-width:6px}
.st-car2.run{animation:stCarRun 2.2s cubic-bezier(.2,.7,.2,1) forwards}
.st-car2.veer{animation:stCarVeer 2.2s cubic-bezier(.2,.7,.2,1) forwards}
.st-car2.tip{animation:stCarTip 2.2s ease forwards}
.st-car2.shake{animation:stCarShake .5s ease 3}
.st-car2.low .st-car2-load{top:8px}
.st-car2.high .st-car2-load{top:-24px}
.st-car2-legend{position:absolute;right:12px;top:12px;display:flex;gap:6px;flex-wrap:wrap;z-index:5}
.st-car2-legend span{padding:4px 7px;border-radius:6px;border:1px solid var(--line);background:rgba(5,10,20,.6);font-size:8px;color:var(--faint)}
.st-test-meters{display:flex;flex-direction:column;gap:5px}
.st-test-meter{display:flex;align-items:center;gap:6px;font-size:8.5px;color:var(--faint)}
.st-test-meter .bar{flex:1;height:5px;border-radius:99px;background:rgba(255,255,255,.1);overflow:hidden}
.st-test-meter .bar i{display:block;height:100%;width:0;background:linear-gradient(90deg,#60A5FA,#4FE0D0);transition:.6s}
.st-car2-options{display:flex;flex-wrap:wrap;gap:5px}
.st-car2-option{padding:5px 8px;border-radius:6px;border:1px solid var(--line);background:rgba(255,255,255,.03);color:var(--dim);font-size:8.5px}
.st-car2-option:hover,.st-car2-option.on{border-color:rgba(var(--acc-rgb),.55);background:rgba(var(--acc-rgb),.1);color:var(--acc2)}
@keyframes stCarRun{0%{left:9%}100%{left:66%}}
@keyframes stCarVeer{0%{left:9%;transform:rotate(0)}55%{left:40%;transform:rotate(-8deg)}100%{left:58%;transform:rotate(-18deg) translateY(8px);opacity:.85}}
@keyframes stCarTip{0%{left:9%;transform:rotate(0)}45%{left:34%;transform:rotate(0)}100%{left:48%;transform:rotate(24deg) translateY(18px);opacity:.8}}
@keyframes stCarShake{0%,100%{transform:translateX(0)}50%{transform:translateX(4px)}}
@media(max-width:900px){.st-track-stage{height:250px}.st-car2{width:170px;height:82px;bottom:62px}.st-track{bottom:52px}.st-car2-wheel{width:26px;height:26px}.st-car2-wheel.big{width:34px;height:34px}}

/* ---------- 第 12 章工程任务控制台 ---------- */
.st-console{display:grid;grid-template-columns:1.25fr .75fr;gap:9px;align-items:stretch}
.st-console-stage{position:relative;height:300px;border-radius:15px;border:1px solid rgba(var(--acc-rgb),.18);background:radial-gradient(ellipse at 50% 65%,rgba(var(--acc-rgb),.1),transparent 62%),linear-gradient(180deg,#0B1424,#070C16);overflow:hidden}
.st-console-track{position:absolute;left:5%;right:5%;bottom:74px;height:8px;border-radius:99px;background:linear-gradient(90deg,rgba(244,114,182,.12),rgba(244,114,182,.6),rgba(244,114,182,.12));box-shadow:0 0 22px rgba(244,114,182,.15)}
.st-console-track:after{content:"";position:absolute;left:0;right:0;top:3px;height:2px;background:repeating-linear-gradient(90deg,transparent 0 26px,rgba(255,255,255,.5) 26px 40px);opacity:.45}
.st-console-a,.st-console-b{position:absolute;bottom:54px;font-size:8px;color:var(--faint);letter-spacing:.12em}.st-console-a{left:5%}.st-console-b{right:5%}
.st-rover{position:absolute;left:9%;bottom:84px;width:190px;height:100px;transform-origin:50% 100%;z-index:3}
.st-rover-body{position:absolute;left:8px;right:8px;bottom:22px;height:38px;border-radius:9px;background:linear-gradient(160deg,#FBCFE8,#C084FC);box-shadow:0 10px 20px rgba(0,0,0,.35);border:1px solid rgba(255,255,255,.2)}
.st-rover-body:before{content:"";position:absolute;left:18%;top:-16px;width:34%;height:20px;border-radius:8px 8px 0 0;background:linear-gradient(180deg,#F5D0FE,#D8B4FE);border:1px solid rgba(255,255,255,.2);border-bottom:0}
.st-rover-cup{position:absolute;left:50%;top:-18px;transform:translateX(-50%);font-size:26px;filter:drop-shadow(0 5px 7px rgba(0,0,0,.4));z-index:4;transition:.35s}
.st-rover-wheel{position:absolute;bottom:0;width:32px;height:32px;border-radius:50%;border:5px solid #111827;background:radial-gradient(circle,#64748B 35%,#111827 36%);box-shadow:0 0 0 2px rgba(255,255,255,.12);z-index:2}
.st-rover.run{animation:stRoverRun 2.4s cubic-bezier(.2,.7,.2,1) forwards}
.st-rover.tip{animation:stRoverTip 2.4s ease forwards}
.st-rover.stuck{animation:stRoverStuck 2.4s ease forwards}
.st-rover.spill .st-rover-cup{animation:stCupSpill 2.4s ease forwards}
.st-telemetry{display:flex;flex-direction:column;gap:6px}
.st-gauge{padding:6px 8px;border-radius:8px;border:1px solid var(--line);background:rgba(255,255,255,.025)}
.st-gauge .gt{display:flex;justify-content:space-between;font-size:8.5px;color:var(--faint);margin-bottom:4px}
.st-gauge .gt b{color:var(--acc2);font-weight:600}
.st-gauge .gb{height:6px;border-radius:99px;background:rgba(255,255,255,.1);overflow:hidden}
.st-gauge .gb i{display:block;height:100%;width:0;background:linear-gradient(90deg,#F472B6,#F5C451);transition:.6s}
.st-log{height:112px;overflow:auto;padding:8px 10px;border-radius:10px;border:1px solid var(--line);background:rgba(5,10,20,.65);font-size:9px;line-height:1.7;color:var(--dim)}
.st-log div{padding:2px 0;border-bottom:1px dashed rgba(255,255,255,.06)}.st-log div:last-child{border-bottom:0}
.st-log b{color:var(--gold2)}.st-log .bad{color:#FFB3A8}.st-log .good{color:var(--teal)}
.st-cause-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:6px}
.st-cause{padding:8px 9px;border-radius:8px;border:1px solid var(--line);background:rgba(255,255,255,.03);color:var(--dim);font-size:9px;line-height:1.5;text-align:left}
.st-cause:hover,.st-cause.on{border-color:rgba(var(--acc-rgb),.55);background:rgba(var(--acc-rgb),.1);color:var(--ink)}
.st-cause.correct{border-color:rgba(79,224,208,.6);background:rgba(79,224,208,.08);color:var(--teal)}
.st-cause.wrong{border-color:rgba(255,122,107,.5);background:rgba(255,122,107,.06);color:#FFB3A8}
.st-fix-grid{display:flex;gap:5px;flex-wrap:wrap}
.st-fix-chip{padding:5px 8px;border-radius:6px;border:1px solid var(--line);background:rgba(255,255,255,.03);color:var(--dim);font-size:8.5px}
.st-fix-chip:hover,.st-fix-chip.on{border-color:rgba(79,224,208,.55);background:rgba(79,224,208,.08);color:var(--teal)}
.st-pass{display:grid;grid-template-columns:1fr 1fr;gap:7px}
.st-pass div{padding:8px 10px;border-radius:8px;border:1px solid var(--line);background:rgba(255,255,255,.025);font-size:10px;color:var(--dim)}
.st-pass b{display:block;color:var(--gold2);font-size:8.5px;letter-spacing:.08em;margin-bottom:3px}
@keyframes stRoverRun{0%{left:9%}100%{left:68%}}
@keyframes stRoverTip{0%{left:9%;transform:rotate(0)}50%{left:40%;transform:rotate(0)}100%{left:52%;transform:rotate(22deg) translateY(15px);opacity:.85}}
@keyframes stRoverStuck{0%{left:9%}45%{left:34%}55%{left:34%;transform:translateX(2px)}65%{left:34%;transform:translateX(-2px)}100%{left:34%;transform:translateX(0)}}
@keyframes stCupSpill{0%{top:-18px;transform:translateX(-50%) rotate(0)}60%{top:-18px;transform:translateX(-50%) rotate(0)}100%{top:18px;transform:translateX(-30%) rotate(64deg);opacity:.7}}
@media(max-width:900px){.st-console{grid-template-columns:1fr}.st-console-stage{height:250px}.st-rover{width:160px;height:86px;bottom:70px}.st-console-track{bottom:58px}.st-cause-grid{grid-template-columns:1fr}.st-log{height:92px}}
@media(min-width:1400px){.paper-layout.ch3-paper .paper-stage{min-height:418px}}
.stage-wrap.ch3-pitch .speech p{line-height:1.4}
.why-layout.ch2-why .why-detail{height:92px;min-height:92px;overflow:auto;padding:9px 12px}
.sit-cond{display:flex;flex-direction:column;gap:5px}
.sit-cond-top{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.sit-cond-top b{font-size:10.5px;color:var(--ink);font-weight:600}
.sit-tag{font-size:8px;letter-spacing:.1em;color:#FFC2B8;border:1px solid rgba(255,122,107,.35);background:rgba(255,122,107,.08);border-radius:5px;padding:2px 5px}
.cond-chips{display:flex;gap:5px;flex-wrap:wrap}
.cond-chips button{padding:3px 7px;border-radius:6px;border:1px solid var(--line);background:rgba(255,255,255,.03);color:var(--dim);font-size:8.5px}
.cond-chips button:hover,.cond-chips button.on{border-color:rgba(255,122,107,.55);background:rgba(255,122,107,.1);color:#FFC2B8}
.cond-out{font-size:9px;line-height:1.5;color:var(--faint);min-height:14px}
.report-layout.ch2-report .canvas-wrap{aspect-ratio:1000/480}
.st-merge{display:flex;flex-direction:column;gap:4px;margin:0 0 8px;padding:8px 11px;border-radius:11px;border:1px solid rgba(79,224,208,.28);background:rgba(79,224,208,.05)}
.st-merge-top{display:flex;align-items:center;gap:7px;flex-wrap:wrap}
.st-merge-top b{font-size:10.5px;color:var(--ink);font-weight:600}
.st-merge-row{display:flex;align-items:center;gap:4px;flex-wrap:wrap}
.st-merge-row em{font-style:normal;font-size:8px;color:var(--faint);width:26px;flex:none;letter-spacing:.08em}
.st-merge-row button{padding:3px 7px;border-radius:5px;border:1px solid var(--line);background:rgba(255,255,255,.03);color:var(--dim);font-size:8px}
.st-merge-row button:hover,.st-merge-row button.on{border-color:rgba(79,224,208,.55);background:rgba(79,224,208,.1);color:var(--teal)}
.st-merge-out{font-size:9px;line-height:1.55;color:var(--faint);min-height:14px}
.st-merge-out b{color:var(--gold2)}
.stage-wrap.ch4-pitch .speech p{line-height:1.52}
.report-layout.ch4-design .canvas-wrap{aspect-ratio:1000/420}
.report-layout.ch4-design .st-merge{padding:6px 9px;gap:3px;margin-bottom:6px}
.report-layout.ch4-design .st-merge-row button{font-size:7.5px;padding:2px 6px}
.stage-wrap.ch4-pitch .speech p{line-height:1.45}
@media(min-width:1400px){.stage-wrap.ch4-pitch .stage-content{min-height:388px}}
@media(min-width:1400px){.stage-wrap.ch4-pitch{min-height:408px}}

/* ---------- 13–40 SIT 进阶实验室 ---------- */
.sr-scene{position:relative;height:300px;border-radius:16px;border:1px solid rgba(var(--acc-rgb),.18);background:radial-gradient(ellipse at 50% 55%,rgba(var(--acc-rgb),.14),transparent 62%),linear-gradient(180deg,#0B1424,#070C16);overflow:hidden;display:flex;align-items:center;justify-content:center}
.sr-aura{position:absolute;width:220px;height:220px;border-radius:50%;border:1px dashed rgba(var(--acc-rgb),.35);animation:srSpin 22s linear infinite}
.sr-aura:before,.sr-aura:after{content:"";position:absolute;border-radius:50%;border:1px solid rgba(var(--acc-rgb),.18)}
.sr-aura:before{inset:28px}.sr-aura:after{inset:58px}
.sr-icon{position:relative;z-index:2;font-size:88px;line-height:1;filter:drop-shadow(0 18px 28px rgba(0,0,0,.45));animation:srFloat 4s ease-in-out infinite}
.sr-label{position:absolute;bottom:22px;left:50%;transform:translateX(-50%);font-size:9px;letter-spacing:.16em;color:var(--faint);white-space:nowrap}
.sr-waves{position:absolute;right:12%;top:18%;display:flex;gap:5px;align-items:center;opacity:.65}
.sr-waves i{display:block;width:3px;border-radius:99px;background:var(--acc);animation:srWave 1.4s ease-in-out infinite}
.sr-waves i:nth-child(1){height:12px;animation-delay:0s}.sr-waves i:nth-child(2){height:26px;animation-delay:.15s}.sr-waves i:nth-child(3){height:40px;animation-delay:.3s}.sr-waves i:nth-child(4){height:22px;animation-delay:.45s}.sr-waves i:nth-child(5){height:14px;animation-delay:.6s}
.sr-context-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:8px}
.sr-context{padding:8px 10px;border-radius:9px;border:1px solid var(--line);background:rgba(255,255,255,.025);color:var(--dim);text-align:left;font-size:9.5px;line-height:1.5}
.sr-context b{display:block;font-size:10px;color:var(--ink);margin-bottom:2px}
.sr-context:hover,.sr-context.on{border-color:rgba(var(--acc-rgb),.55);background:rgba(var(--acc-rgb),.09)}
.sr-tool-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.sr-tool{padding:8px 10px;border-radius:8px;border:1px solid var(--line);background:rgba(255,255,255,.03);color:var(--dim);font-size:9.5px;line-height:1.5;text-align:left}
.sr-tool b{display:block;color:var(--gold2);font-size:9px;margin-bottom:2px}
.sr-tool:hover,.sr-tool.on{border-color:rgba(var(--acc-rgb),.55);background:rgba(var(--acc-rgb),.1);color:var(--ink)}
.sr-part-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.sr-part{padding:9px 10px;border-radius:8px;border:1px solid var(--line);background:rgba(255,255,255,.03);color:var(--dim);font-size:9.5px;text-align:left}
.sr-part b{display:block;color:var(--ink);font-size:10px}.sr-part span{display:block;color:var(--faint);font-size:8.5px;margin-top:2px}
.sr-part:hover,.sr-part.on{border-color:rgba(var(--acc-rgb),.55);background:rgba(var(--acc-rgb),.1)}
.sr-action-row{display:flex;gap:5px;flex-wrap:wrap;margin-top:6px}
.sr-action{padding:4px 8px;border-radius:6px;border:1px solid var(--line);background:rgba(255,255,255,.03);color:var(--dim);font-size:8.5px}
.sr-action:hover,.sr-action.on{border-color:rgba(var(--acc-rgb),.55);background:rgba(var(--acc-rgb),.1);color:var(--acc2)}
.sr-test-scene{position:relative;height:290px;border-radius:15px;border:1px solid rgba(var(--acc-rgb),.18);background:radial-gradient(ellipse at 50% 60%,rgba(var(--acc-rgb),.12),transparent 62%),linear-gradient(180deg,#0B1424,#070C16);overflow:hidden;display:flex;align-items:center;justify-content:center}
.sr-test-icon{font-size:76px;position:relative;z-index:3;transition:.4s;filter:drop-shadow(0 14px 20px rgba(0,0,0,.4))}
.sr-test-scene.run .sr-test-icon{animation:srTestRun 2s ease}
.sr-test-scene.fail .sr-test-icon{animation:srTestFail 2s ease forwards}
.sr-test-scene.fix .sr-test-icon{animation:srFix 2s ease}
.sr-condition-overlay{position:absolute;inset:0;background:radial-gradient(circle at 50% 55%,rgba(255,122,107,.18),transparent 58%);opacity:0;transition:.3s;pointer-events:none}
.sr-condition-overlay.on{opacity:1;animation:srPulse 1.6s ease-in-out infinite}
.sr-test-readout{padding:8px 10px;border-radius:8px;border:1px solid var(--line);background:rgba(255,255,255,.025);font-size:10px;line-height:1.65;color:var(--dim);min-height:38px}
.sr-meters{display:flex;flex-direction:column;gap:5px;margin-top:6px}
.sr-meter{display:flex;align-items:center;gap:6px;font-size:8.5px;color:var(--faint)}
.sr-meter .bar{flex:1;height:5px;border-radius:99px;background:rgba(255,255,255,.1);overflow:hidden}
.sr-meter .bar i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--acc),var(--gold2));transition:.6s}
.sr-fix-grid{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin-top:5px}
.sr-fix{padding:6px 8px;border-radius:7px;border:1px solid var(--line);background:rgba(255,255,255,.03);color:var(--dim);font-size:8.5px;text-align:left}
.sr-fix:hover,.sr-fix.on{border-color:rgba(79,224,208,.55);background:rgba(79,224,208,.08);color:var(--teal)}
.sr-bp-icon{font-size:100px;filter:drop-shadow(0 18px 26px rgba(0,0,0,.45));animation:srFloat 4s ease-in-out infinite}
.sr-badge-icon{font-size:56px;margin-bottom:4px;filter:drop-shadow(0 8px 16px rgba(0,0,0,.4))}
@keyframes srSpin{to{transform:rotate(360deg)}}
@keyframes srFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
@keyframes srWave{0%,100%{transform:scaleY(.5);opacity:.45}50%{transform:scaleY(1.15);opacity:1}}
@keyframes srPulse{0%,100%{opacity:.35}50%{opacity:.9}}
@keyframes srTestRun{0%{transform:translateX(-20px) rotate(0)}50%{transform:translateX(10px) rotate(6deg)}100%{transform:translateX(0) rotate(0)}}
@keyframes srTestFail{0%{transform:translate(0,0) rotate(0)}65%{transform:translate(-14px,8px) rotate(-12deg)}100%{transform:translate(-26px,20px) rotate(-24deg);opacity:.7}}
@keyframes srFix{0%{transform:translate(-18px,14px) rotate(-16deg)}100%{transform:translate(0,0) rotate(0)}}
@media(max-width:900px){.sr-scene,.sr-test-scene{height:250px}.sr-icon{font-size:70px}.sr-context-grid{grid-template-columns:1fr}.sr-tool-grid,.sr-part-grid{grid-template-columns:1fr}}
@media(max-height:800px){.sr-scene{height:268px}}