:root{--background:#f8f9f4;--foreground:#233a2d;--card:#ffffff;--card-foreground:#233a2d;--popover:#fffefb;--popover-foreground:#233a2d;--primary:#365f36;--primary-foreground:#ffffff;--secondary:#eaf0e3;--secondary-foreground:#334f30;--muted:#e5eadf;--muted-foreground:#61705b;--accent:#e5eddb;--accent-foreground:#2b512c;--destructive:#b84436;--border:#d6dece;--input:#ced8c4;--ring:#64854a;--radius:.7rem;--sidebar:#11291f;--sidebar-foreground:#d5dfcb;--sidebar-primary:#d1e4a1;--sidebar-primary-foreground:#213623;--sidebar-accent:#244331;--sidebar-accent-foreground:#eff5e5;--sidebar-border:#2c4335;--sidebar-ring:#b7d484;--chart-1:#537f31;--chart-2:#299db7;--chart-3:#9b57c5;--chart-4:#d5922e;--chart-5:#cc7041;}

*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#fbfcf7;color:#344238;font-family:"Inter","PingFang SC","Microsoft YaHei",Arial,sans-serif;font-size:16px}button,a,input{touch-action:manipulation}button{cursor:pointer}button:disabled{opacity:.45;cursor:default}button,a{transition:background .18s,color .18s,box-shadow .18s}button:focus-visible,a:focus-visible{outline:2px solid #54754b;outline-offset:3px}button svg{flex-shrink:0}button:hover{color:#294f36}::selection{background:#dbe7c6}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-thumb{background:#d5dccb;border-radius:5px}
.lab-app{display:flex;width:100%;min-width:0;min-height:100svh}.lab-sidebar [data-slot=sidebar-inner]{background:#fbfcf7;border-right:1px solid #e2e6da}.brand-header{height:87px;padding:23px 24px 16px}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:#284e39}.brand-icon{width:39px;height:43px;border-radius:12px;background:#2c523d;color:#e9efda;display:flex;align-items:center;justify-content:center;box-shadow:0 3px 8px #31593816}.brand strong{font-size:27px;font-weight:650;line-height:1;letter-spacing:4px}.brand-dot{letter-spacing:0;color:#8dac62}.brand small{display:block;margin-top:6px;font-size:9px;letter-spacing:1.1px;color:#829078}.library-heading{margin:19px 22px 18px;display:flex;gap:9px;align-items:center;font-size:14px;font-weight:600}.library-heading b{margin-left:auto;border:1px solid #dce3d2;padding:1px 7px;border-radius:5px;font-size:11px;font-weight:400;color:#859079}.subject-tabs{margin:0 17px 13px}.subject-tabs [data-slot=tabs-list]{width:100%;height:38px;background:#f0f2e9;border:1px solid #e7ebdf;border-radius:9px;gap:1px;padding:3px}.subject-tabs [data-slot=tabs-trigger]{font-size:13px;padding:5px 8px;gap:5px;color:#8a927f}.subject-tabs [data-state=active]{background:#fffef8;color:#36563b;box-shadow:0 1px 4px #2d49221c}.lesson-scroll{padding:1px 12px;gap:0}.lesson-scroll [data-slot=sidebar-group]{padding:8px 0 12px}.grade-heading{font-size:12px;color:#9aa28e;font-weight:400;margin-bottom:8px;padding:0 12px;justify-content:space-between;letter-spacing:.3px}.grade-heading span{font-size:11px;color:#adb3a3}.lesson-button{font-size:13px;gap:11px;height:auto;min-height:43px;padding:10px 12px;border-radius:8px;color:#697560;white-space:normal;align-items:center;line-height:1.5}.lesson-button span{flex:1;overflow:visible!important;white-space:normal!important}.lesson-button small{font-size:10px;color:#bdc3b4}.lesson-button[data-active=true]{background:#e8efdc;color:#3d643e;box-shadow:inset 3px 0 #6f9053;font-weight:600}.lesson-button[data-active=true] svg{color:#698d51}.lesson-button:hover{background:#eff3e6}.nav-footer{padding:18px 19px 14px;border-top:1px solid #e7ebdf}.nav-note{display:flex;gap:10px;align-items:center;padding:12px 8px 19px}.mini-mark{display:flex;color:#8a9d73}.nav-note strong{font-size:13px;font-weight:500;color:#6d7e61}.nav-note p{font-size:11px;margin:6px 0 0;color:#abb2a1}.help-link{display:flex;align-items:center;gap:9px;font-size:12px;color:#89957f;padding:10px 7px}.help-link span{margin-left:auto;font-size:10px;border:1px solid #dce2d2;border-radius:4px;width:17px;height:17px;line-height:15px}
.main-shell{flex:1;min-width:0;height:100svh;display:flex;flex-direction:column;overflow:hidden}.topbar{height:66px;min-height:66px;display:flex;align-items:center;justify-content:space-between;padding:0 27px;border-bottom:1px solid #e1e6d8;gap:15px;background:#fbfcf7}.breadcrumb{display:flex;align-items:center;gap:12px;font-size:12px;color:#929b89;min-width:0}.breadcrumb strong{font-size:12px;font-weight:500;color:#586b51;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.breadcrumb>svg{color:#bbc3ae}.nav-toggle{margin-left:-9px;color:#86967c}.topbar-actions{display:flex;align-items:center;gap:23px;flex-shrink:0}.edition{font-size:10px;letter-spacing:1.5px;color:#a3ac98}.presentation-button{display:flex;align-items:center;gap:8px;font-size:12px;padding:9px 14px;border:1px solid #dce3d2;border-radius:7px;color:#687c5d;background:#fbfcf5}.presentation-button:hover{background:#ebf1df}.workspace{display:flex;flex:1;min-height:0;min-width:0}.exploration{flex:1;min-width:0;min-height:0;display:flex;flex-direction:column}.stage{position:relative;flex:1;min-height:350px;overflow:hidden;background:radial-gradient(ellipse at 49% 43%,#f8fbe7 0%,#f2f7e2 45%,#eef3e4 100%)}.stage-化学{background:radial-gradient(ellipse at 49% 43%,#f2f8f1 0%,#edf4ef 50%,#e7efeb 100%)}.stage-地理{background:radial-gradient(ellipse at 49% 43%,#f4f5e7 0%,#eef2e5 50%,#e7ecdf 100%)}.stage-heading{position:absolute;z-index:2;top:29px;left:34px;pointer-events:none;right:20px}.eyebrow{display:flex;align-items:center;gap:10px;color:#8b9978;font-size:10px;letter-spacing:1.4px;line-height:18px}.eyebrow>span:first-child{letter-spacing:.5px;font-size:11px}.eyebrow i{width:3px;height:3px;border-radius:50%;background:#aebd95}.eyebrow .index{margin-left:10px;color:#b5bea7;font-family:Georgia,serif;font-size:11px;letter-spacing:2px}.stage h1{font-family:Georgia,"Times New Roman",serif;font-size:clamp(33px,3.4vw,56px);letter-spacing:-1.6px;font-weight:400;line-height:1.14;color:#48573c;margin:9px 0 11px;max-width:90%;text-wrap:balance}.stage-subtitle{display:flex;gap:9px;align-items:center;color:#9aa489;max-width:75%}.stage-subtitle h2{font-size:14px;font-weight:500;letter-spacing:1px;flex-shrink:0;color:#687a54;margin:0}.stage-subtitle>span{font-size:10px}.stage-subtitle p{font-size:11px;line-height:1.5;margin:0;color:#9aa88a;max-width:340px}.stage-selector{position:absolute;top:28px;right:25px;z-index:5}.stage-selector [data-slot=select-trigger]{background:#fbfdeecc;border:1px solid #dce6ca;box-shadow:0 2px 5px #44611d05;font-size:12px;min-width:116px;color:#6b8153;height:34px}.webgl{position:absolute;inset:0;z-index:1;touch-action:none}.webgl canvas{width:100%;height:100%;display:block;outline:none}.webgl canvas:focus-visible{outline:2px solid #96af75;outline-offset:-4px}.labels-layer{position:absolute;inset:0;pointer-events:none;z-index:3}.model-label{position:absolute;transform:translate(-50%,-50%);pointer-events:auto;display:block;padding:5px 11px 5px 23px;font-size:11px;line-height:16px;white-space:nowrap;background:#fffff1dd;border:1px solid #bdcb9b88;box-shadow:0 3px 12px #59693c0b;border-radius:4px;color:#708052;backdrop-filter:blur(6px)}.model-label:before{content:'';width:4px;height:4px;position:absolute;left:11px;top:11px;background:#93a46c;border-radius:50%}.model-label[data-selected=true]{background:#fafdec;color:#567238;border-color:#9cab79;box-shadow:0 2px 12px #526b2615}.model-label:hover{background:#fffef9}.view-tools{position:absolute;right:23px;bottom:118px;z-index:5;display:flex;flex-direction:column;align-items:center;gap:3px;padding:5px;background:#fbfdecbb;border:1px solid #dce5cb;border-radius:9px;box-shadow:0 4px 15px #46512a06;backdrop-filter:blur(10px)}.view-tools>span{width:21px;height:1px;background:#dce5ce;margin:3px}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:31px;height:31px;border-radius:5px;color:#889971;background:transparent;border:0;flex-shrink:0}.icon-button:hover,.icon-button.active{background:#e5edd6;color:#54703b}.stage-bottom{position:absolute;z-index:5;left:30px;right:26px;bottom:43px;display:flex;align-items:center;gap:18px}.mode-switch{display:inline-flex;align-items:center;gap:3px;padding:4px;border:1px solid #dce4cc;border-radius:9px;background:#f8faefde;box-shadow:0 4px 10px #4b63280b;backdrop-filter:blur(10px)}.mode-switch button{display:flex;align-items:center;gap:7px;border-radius:6px;padding:7px 10px;font-size:12px;color:#929d80;white-space:nowrap}.mode-switch button.selected{background:#e9efd8;color:#59713d}.mouse-hint{font-size:10px;color:#a3ad92;display:flex;align-items:center;gap:5px}.model-caveat{position:absolute;bottom:15px;left:31px;color:#b1baa2;font-size:10px;letter-spacing:.5px;z-index:4}.axis-key{margin-left:auto;position:relative;width:41px;height:38px;color:#a4b38b;display:grid;place-items:center;font-size:9px}.axis-key span{position:absolute;top:-5px}.axis-key b{position:absolute;bottom:0;left:1px;color:#b69577;font-weight:400}.axis-key i{position:absolute;bottom:0;right:1px;color:#8da6ba;font-style:normal}
.demo-player{background:#fcfdf7;border-top:1px solid #dee6ce;padding:19px 28px 18px;min-height:177px}.player-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:17px}.player-heading>div:first-child{display:flex;align-items:center;gap:11px}.section-number{font-size:10px;color:#a6b097;font-family:Georgia,serif;letter-spacing:1px}.player-heading strong{font-weight:500;font-size:13px;color:#687e56;letter-spacing:1px}.player-controls{display:flex;gap:7px;align-items:center}.play-button{display:flex;align-items:center;gap:7px;font-size:11px;color:#638047;background:#eaf0dc;border:1px solid #dfe7cd;padding:6px 10px;border-radius:5px}.speed-selector{height:28px!important;padding:2px 6px!important;border:0!important;background:transparent;box-shadow:none;font-size:10px!important;color:#92a17f!important}.step-list{display:flex;justify-content:space-between;gap:10px}.step-list button{display:flex;align-items:center;gap:8px;flex:1;color:#a8b399;font-size:11px;text-align:left}.step-list button span{border:1px solid #dce4d0;border-radius:50%;width:19px;height:19px;display:grid;place-items:center;font-size:9px;flex-shrink:0}.step-list button strong{font-weight:400}.step-list button.current{color:#627e48}.step-list button.current span{background:#719159;color:#fff;border-color:#719159}.step-list button.current strong{font-weight:500}.step-list button.done{color:#83a263}.step-list button.done span{background:#e5edda;border-color:#d3dfc4}.timeline{margin:16px 0 13px}.timeline [data-slot=slider-track]{height:3px;background:#e6ecd9}.timeline [data-slot=slider-range]{background:#9caf7d}.timeline [data-slot=slider-thumb]{width:9px;height:9px;border:2px solid #fff;background:#8ba768;box-shadow:0 0 0 1px #94ac79}.step-description{display:flex;align-items:flex-start;gap:7px;font-size:11px;color:#9aa68b;margin:0;line-height:1.65}.step-description svg{flex-shrink:0;margin-top:1px;color:#adb99e}
.inspector{width:294px;flex-shrink:0;border-left:1px solid #e1e6d7;background:#fbfcf7;overflow-y:auto;padding:0 20px 20px}.inspector-tabs{gap:0}.inspector-tablist{width:100%;justify-content:space-between;height:56px;border-bottom:1px solid #e3e8db;gap:0;padding:0;margin:0 0 21px}.inspector-tablist [data-slot=tabs-trigger]{padding:0 7px;font-size:12px;gap:7px;height:100%;color:#9aa58f;flex:1;border-radius:0}.inspector-tablist [data-state=active]{color:#526c40!important}.inspector-tablist [data-slot=tabs-trigger]:after{bottom:0!important;background:#7c965e!important;height:2px!important;left:10px!important;right:10px!important}.selected-part{background:linear-gradient(120deg,#f3f0f8 0%,#f5f3f8 100%);border:1px solid #e7e1ed;border-radius:10px;padding:16px 16px 12px}.part-eyebrow{display:flex;align-items:center;gap:6px;color:#a694b2;font-size:10px;letter-spacing:.5px}.part-eyebrow>span:first-child{width:4px;height:4px;background:var(--part-color);border-radius:50%}.part-symbol{margin-left:auto;color:#b3a1c3}.selected-part h3{font-size:23px;font-weight:500;letter-spacing:1px;margin:7px 0 3px;color:#695679;line-height:1.4}.selected-part>small{font-family:Georgia,serif;font-size:12px;font-style:italic;color:#a999b7;letter-spacing:.5px}.selected-part>p{font-size:12px;line-height:1.95;color:#9a8aa7;margin:14px 0 11px}.part-fact{display:flex;align-items:flex-start;gap:5px;line-height:1.6;font-size:10px;color:#a290ae;padding:7px 0 12px;border-bottom:1px solid #e8e1eb}.part-fact svg{flex-shrink:0;margin-top:1px}.part-actions{display:flex;gap:9px;margin-top:12px}.part-actions button{display:flex;align-items:center;justify-content:center;gap:5px;font-size:10px;background:#fbf9fc9c;border:1px solid #e4ddea;border-radius:5px;padding:6px 7px;color:#a494b1;flex:1;white-space:nowrap}.part-actions button:hover,.part-actions button.is-active{background:#e9e0ef;color:#79638e}.structure-heading{display:flex;align-items:center;justify-content:space-between;margin:23px 0 10px}.structure-heading h3{font-size:12px;font-weight:500;color:#6c7e5c;margin:0}.structure-heading span{font-size:10px;color:#b0b8a4}.part-list{display:flex;flex-direction:column;gap:2px}.part-list button{display:flex;align-items:center;gap:9px;padding:8px 9px;border-radius:6px;font-size:12px;min-height:33px;color:#93a081}.part-list button>span:nth-child(2){flex:1;text-align:left}.part-list button svg{opacity:.5}.part-list button:hover,.part-list button.selected{background:#eff3e7;color:#647e4c}.part-dot{display:inline-block;width:7px;height:7px;border-radius:50%;box-shadow:0 0 0 3px #ffffff9c}.part-list button.selected svg{color:#7f9864;opacity:1}.experiment-controls{margin-top:22px;padding-top:20px;border-top:1px solid #e4e8dc}.experiment-controls h3{display:flex;gap:7px;align-items:center;font-size:12px;font-weight:500;color:#657b54;margin:0 0 18px}.parameter-label{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#99a58a;margin-bottom:15px}.parameter-label output{font-size:11px;font-family:ui-monospace,monospace;color:#748e59;background:#ecf2df;border-radius:4px;padding:3px 6px}.experiment-controls [data-slot=slider-track]{height:4px;background:#e5ecd8}.experiment-controls [data-slot=slider-range]{background:#a0b27e}.experiment-controls [data-slot=slider-thumb]{width:12px;height:12px;border:2px solid #fafcf2;background:#8b9f70;box-shadow:0 0 0 1px #abbc92}.slider-ticks{display:flex;justify-content:space-between;margin:8px 0 14px;font-size:9px;color:#b7c0a9}.option-row{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#92a080;padding:8px 0}.option-row [data-slot=switch]{width:28px;height:16px;background:#e1e8d5;box-shadow:none}.option-row [data-slot=switch][data-state=checked]{background:#8ca575}.option-row [data-slot=switch-thumb]{width:12px;height:12px;background:#fdfef7}.download-model{display:flex;align-items:center;justify-content:center;gap:8px;font-size:11px;color:#849771;margin-top:18px;padding:10px 9px;width:100%;border:1px solid #dfe7d2;border-radius:7px;background:#f7f9f0}.download-model span{font-size:9px;color:#b0bba0;margin-left:auto}.download-model:hover{background:#ebf1df}.controls-note{color:#b3bda6;font-size:10px;line-height:1.6;margin:10px 0 0;text-align:center}.knowledge-content{padding:0 0 5px}.knowledge-content>.eyebrow{font-size:9px;color:#a8b19b}.knowledge-content>h3{font-size:21px;font-weight:500;color:#5e7351;margin:9px 0 12px}.knowledge-content>p{font-size:13px;line-height:1.9;color:#89967d}.formula{font-size:13px;line-height:1.8;padding:15px;background:#eef3e4;border:1px solid #e1e9d3;border-radius:8px;color:#708659;margin:18px 0}.knowledge-step{display:flex;gap:12px;margin:22px 0}.knowledge-step>b{font-size:12px;font-family:Georgia,serif;color:#b0bd9e;margin-top:3px}.knowledge-step h4{font-size:13px;margin:0 0 6px;color:#748961;font-weight:500}.knowledge-step p{font-size:12px;color:#93a086;line-height:1.9;margin:0}.science-note{display:flex;gap:8px;padding:13px;background:#f0f2e9;border-radius:7px;color:#9ba58b}.science-note svg{flex-shrink:0;margin-top:2px}.science-note p{font-size:11px;line-height:1.85;margin:0}.source-link{display:flex;align-items:center;justify-content:space-between;gap:6px;color:#80966a;font-size:11px;margin:15px 0;text-decoration:none}.dosing{display:flex;gap:6px;margin:13px 0}.dosing button{flex:1;font-size:10px;padding:7px 3px;border:1px solid #dce6d0;background:#f3f7eb;border-radius:4px;color:#82986d}.live-reading{background:#f0f4e8;border-radius:8px;border:1px solid #e2e9d6;padding:12px;margin:15px 0}.live-reading>div{display:flex;align-items:center;justify-content:space-between;gap:8px}.live-reading span{font-size:10px;color:#93a280}.live-reading strong{font-family:Georgia,serif;font-size:22px;color:#6d8850;font-weight:400}.live-reading>p{font-size:10px;color:#a6b196;margin:8px 0 0}.ph-chart{width:100%;margin-top:8px}.workspace-footer{height:33px;min-height:33px;border-top:1px solid #e3e8d9;display:flex;align-items:center;gap:20px;padding:0 21px;background:#fbfcf7;color:#b0baa1;font-size:9px}.workspace-footer>span{display:flex;align-items:center;gap:6px;white-space:nowrap}.workspace-footer>p{flex:1;margin:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#b6bfaa}.workspace-footer button{display:flex;align-items:center;gap:4px;white-space:nowrap;font-size:9px}.toast{position:fixed;z-index:100;bottom:33px;left:50%;transform:translateX(-50%);padding:13px 19px;border:1px solid #d5dec9;border-radius:9px;background:#fffef4;box-shadow:0 10px 36px #3d562224;font-size:13px;display:flex;align-items:center;gap:8px;color:#6f8756;max-width:90vw}.help-dialog{max-width:660px!important;padding:30px!important;border-radius:15px!important;background:#fbfcf6!important;max-height:88vh;overflow:auto}.help-dialog [data-slot=dialog-title]{font-family:Georgia,"Songti SC",serif;font-size:27px;font-weight:400;color:#506842;line-height:1.5}.help-dialog [data-slot=dialog-description]{font-size:13px;color:#9aa88b}.help-grid{display:grid;grid-template-columns:1fr 1fr;gap:23px 30px;margin-top:8px}.help-grid>div>svg{color:#8da478;margin-bottom:7px}.help-grid h4{font-size:14px;font-weight:500;color:#6d825a;margin:0 0 7px}.help-grid p{font-size:12px;line-height:1.8;color:#98a58b;margin:0}.keyboard-note{font-size:11px;line-height:1.8;border-top:1px solid #e3e8d9;padding-top:16px;margin:4px 0 0;color:#a0ab94}.model-loading,.model-error{position:absolute;inset:0;z-index:7;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:14px;font-size:13px;color:#81966b;background:#f2f6e8}.model-loading span{width:28px;height:28px;border:2px solid #d3dfc1;border-top-color:#8aa56a;border-radius:50%;animation:spin 1s linear infinite}.model-error{padding:30px;text-align:center;background:#f2f6e8eb}.model-error p{font-size:14px;line-height:1.8;max-width:420px}.model-error button{border:1px solid #b7c6a5;padding:9px 14px;border-radius:6px}.presentation .lab-sidebar,.presentation .lab-sidebar+div,.presentation .group.peer{display:none!important}.presentation .inspector{display:none}.presentation .topbar .edition{display:none}.presentation .stage h1{font-size:48px}.presentation .stage{min-height:400px}.presentation .main-shell{width:100vw}.presentation .stage-heading{left:50px;top:34px}.presentation .demo-player{padding-left:50px;padding-right:50px}.presentation .mouse-hint{font-size:12px}.presentation .model-label{font-size:14px;padding:8px 13px 8px 25px}.presentation .model-label:before{top:15px}
/* Main instructional text remains readable at desktop and text enlargement. */
.selected-part>p,.knowledge-content>p,.knowledge-step p{font-size:14px}.part-list button,.lesson-button{font-size:14px}.parameter-label,.option-row,.step-description{font-size:13px}.stage-subtitle h2{font-size:16px}.part-actions button,.download-model,.play-button,.mode-switch button{font-size:12px}.science-note p,.part-fact{font-size:12px}.part-eyebrow,.eyebrow,.grade-heading,.structure-heading span,.nav-note p,.stage-subtitle p,.model-label,.step-list button,.controls-note,.slider-ticks,.live-reading span,.live-reading>p,.source-link{font-size:12px}.selected-part h3{font-size:24px}.selected-part>small{font-size:14px}.inspector{width:304px}.structure-heading h3,.experiment-controls h3,.inspector-tablist [data-slot=tabs-trigger],.player-heading strong{font-size:14px}.parameter-label,.option-row{font-size:14px}.step-description{font-size:14px;line-height:1.65}.step-list button{font-size:13px}.breadcrumb,.breadcrumb strong{font-size:13px}.help-grid p{font-size:14px}.model-caveat{font-size:12px}.stage-subtitle{max-width:80%}.model-label{line-height:17px}.selected-part>p{line-height:1.8}.stage-heading{pointer-events:none}.stage-selector{max-width:220px}.stage h1{padding-top:8px}.stage-selector{top:26px}.stage-heading .eyebrow{padding-right:175px}.stage-subtitle p{display:none}
@media(min-width:1600px){.inspector{width:326px;padding-left:24px;padding-right:24px}.stage-heading{top:36px;left:42px}.stage h1{font-size:58px}.stage-subtitle p{display:block}.demo-player{padding:23px 36px 22px;min-height:185px}.mouse-hint{font-size:12px}}
@media(max-width:1200px){.inspector{width:276px;padding:0 15px 16px}.stage-heading{left:24px;top:28px}.stage h1{font-size:38px;padding-top:5px;letter-spacing:-1px;max-width:90%;margin-top:11px}.stage-selector{right:16px;top:18px}.stage-selector [data-slot=select-trigger]{max-width:167px;font-size:11px;min-width:95px}.stage-bottom{left:20px;right:18px}.mouse-hint{display:none}.edition{display:none}.topbar{padding:0 20px}.demo-player{padding:16px 20px;min-height:179px}.step-list{gap:8px}.step-list button{font-size:12px;gap:5px}.stage-heading .eyebrow{font-size:10px}.eyebrow .index{display:none}.view-tools{right:17px}.stage-subtitle p{display:none}.selected-part{padding:14px 13px 10px}}
@media(max-width:1000px){.inspector{width:258px;padding:0 12px 16px}.stage h1{font-size:34px;max-width:100%;margin-top:19px}.stage-selector{top:16px}.stage-selector [data-slot=select-trigger]{height:30px}.stage-heading .eyebrow{padding-right:110px}.breadcrumb>span:first-of-type,.breadcrumb>svg:first-of-type{display:none}.step-list button strong{font-size:11px;line-height:1.4}.stage-heading{left:20px}.step-description{font-size:12px}.stage-bottom{bottom:40px}.mode-switch button{font-size:11px;padding:7px 8px}.selected-part h3{font-size:21px}.part-list button{font-size:13px}.inspector-tablist [data-slot=tabs-trigger]{font-size:12px}.player-controls{gap:1px}.player-heading strong{font-size:12px}.section-number{display:none}.brand-header{padding-left:21px}.brand small{font-size:8px}.workspace-footer>span{display:none}}
@media(max-width:767px){.main-shell{height:auto;min-height:100svh;overflow:visible}.topbar{height:59px;min-height:59px;padding:0 16px;position:sticky;top:0;z-index:15}.breadcrumb{gap:7px;font-size:11px}.breadcrumb strong{font-size:12px}.breadcrumb>span:first-of-type{display:none}.topbar-actions{gap:8px}.presentation-button{font-size:11px;padding:7px 9px;gap:6px}.presentation-button span{display:none}.workspace{flex-direction:column}.exploration{min-height:670px;flex:none}.stage{height:490px;min-height:490px;flex:none}.stage-heading{top:26px;left:23px}.stage h1{font-size:40px;padding-top:0;margin-top:14px;max-width:100%}.stage-heading .eyebrow{padding-right:160px;font-size:11px}.stage-selector{top:19px;right:17px}.stage-selector [data-slot=select-trigger]{height:32px;font-size:11px;max-width:160px}.stage-subtitle h2{font-size:14px}.view-tools{bottom:104px}.stage-bottom{bottom:42px;left:18px;right:17px}.mode-switch button{padding:8px 10px;font-size:12px}.model-caveat{font-size:11px;left:23px;bottom:15px}.model-label{font-size:11px;padding:4px 8px 4px 18px}.model-label:before{left:8px;top:10px}.demo-player{padding:17px 21px;min-height:182px}.step-list button{gap:5px}.step-list button strong{font-size:11px}.player-heading{margin-bottom:18px}.player-heading strong{font-size:14px}.player-controls{gap:7px}.step-description{font-size:13px}.inspector{width:100%;border-left:0;border-top:1px solid #e1e6d7;padding:0 24px 28px;overflow:visible}.selected-part{max-width:none;padding:20px}.selected-part h3{font-size:25px}.selected-part>p{font-size:16px;margin:14px 0}.part-actions button{font-size:13px;padding:9px}.part-list{display:grid;grid-template-columns:1fr 1fr;gap:5px 14px}.part-list button{font-size:14px;padding:11px 9px}.inspector-tablist [data-slot=tabs-trigger]{font-size:14px}.structure-heading{margin-top:26px}.experiment-controls{margin-top:25px}.experiment-controls h3{font-size:15px}.option-row{padding:12px 0}.controls-note{font-size:12px}.download-model{font-size:14px;padding:13px}.knowledge-step p,.knowledge-content>p{font-size:16px}.knowledge-step h4{font-size:16px}.workspace-footer{height:auto;padding:14px 24px;min-height:50px;align-items:flex-start}.workspace-footer>p{white-space:normal;font-size:11px;line-height:1.7}.workspace-footer button{font-size:11px;line-height:1.7}.help-grid{gap:20px;grid-template-columns:1fr}.help-grid>div{display:grid;grid-template-columns:27px 1fr;gap:6px 10px}.help-grid p{grid-column:2;font-size:14px}.help-grid h4{margin-top:1px}.help-grid>div>svg{margin:0}.help-dialog{padding:26px!important}.keyboard-note{font-size:12px}.presentation .stage{height:calc(100svh - 240px);min-height:400px}.presentation .stage-heading{left:24px;top:24px}.presentation .stage h1{font-size:38px}.presentation .demo-player{padding:17px 21px}.presentation .exploration{min-height:0}.presentation .workspace-footer{display:none}.presentation .topbar .nav-toggle{display:none}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}.model-loading span{animation:none}}
@keyframes spin{to{transform:rotate(360deg)}}

.selected-part>p{color:#81718e}.part-list button{color:#7a8a6d}.part-list button.selected{color:#5c7647}.knowledge-step p,.knowledge-content>p{color:#7d8d71}.parameter-label,.option-row{color:#7e916a}.step-description{color:#839574}.stage-subtitle h2{color:#6c8055}.model-label{color:#6b7e4e}.science-note p{color:#899677}.help-grid p{color:#7f8e71}


/* Lianshi adapter. Original course data, controls and model geometry are unchanged. */
:root{--background:#f7f8fc;--foreground:#30374c;--card:#fff;--card-foreground:#30374c;--popover:#fff;--popover-foreground:#30374c;--primary:#7d5bd6;--primary-foreground:#fff;--secondary:#f0edf8;--secondary-foreground:#625276;--muted:#f2f3f8;--muted-foreground:#7b8192;--accent:#eee8fa;--accent-foreground:#7551b6;--border:#e3e5ef;--input:#e1e3ed;--ring:#9f82dd;--sidebar:#fff;--sidebar-foreground:#687185;--sidebar-accent:#f1ebfb;--sidebar-accent-foreground:#7654bc;--sidebar-border:#e7e8f1}
html,body,.lab-app{background:#f7f8fc;color:#30374c}.lab-app{--lab-accent:#b9a0df;--lab-ink:#7657b2;--lab-soft:#f5f0fc}
.lab-sidebar [data-slot=sidebar-inner],[data-slot=sidebar][data-mobile=true]{background:#fff;border-right-color:#e7e8f1}
.brand-header{height:87px;padding:23px 20px 16px}.brand{color:#37324e}.brand strong{font-size:23px;letter-spacing:1px}.brand small{font-size:8px;color:#9a93ac}.brand-icon{background:linear-gradient(135deg,#a282ef,#7556c9);color:#fff;box-shadow:0 5px 14px #7d5bc225;border:0}.brand-dot{display:none}
.library-heading{color:#5a5270}.library-heading b{background:#f4effb;color:#9272bd;border-color:#e7dff2}
.subject-tabs [data-slot=tabs-list]{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));height:auto;gap:4px;background:transparent;padding:0;width:100%;border:0}
.subject-tabs [data-slot=tabs-trigger]{height:49px;display:flex;flex-direction:column;gap:4px;padding:5px 1px;font-size:14px;border-radius:8px;font-weight:400;color:#858299}
.subject-tabs [data-slot=tabs-trigger][data-state=active]{background:#eee6fb;color:#7752b8;box-shadow:inset 0 0 0 1px #e4d6f6}.subject-tabs{margin-bottom:8px}
.grade-heading,.grade-heading span{color:#a09aad}.lesson-button{height:auto;min-height:44px;color:#76718a}.lesson-button>span{white-space:normal;line-height:1.5}.lesson-button:hover{background:#f8f5fd!important;color:#7654b2}.lesson-button[data-active=true]{background:#f0eafa!important;color:#7c54b9!important;border-color:#e7dafa}.lesson-button small{color:#b7aeca}
.nav-footer{border-color:#ede8f4}.nav-note{background:#f7f3fc;border-color:#e9dff5}.nav-note strong{color:#7a638f}.nav-note p,.help-link{color:#a593b4}.mini-mark{color:#a180c5;background:#f0e8f9}
.main-shell{background:#f7f8fc}.topbar{background:#fff;border-color:#e7e8f1;min-height:59px}.breadcrumb{color:#a49cac}.breadcrumb strong{color:#70697e}.topbar-actions .edition{display:none}
.resource-return{color:#8565b3;font-size:13px;white-space:nowrap;text-decoration:none;padding:8px 10px;border:1px solid #e8dff3;border-radius:7px;background:#faf7fe}.resource-return:hover{background:#f1e8fb;color:#654496}
.presentation-button{background:#8761cf;color:#fff;border-color:#8761cf;box-shadow:0 3px 10px #7c56c01a}.presentation-button:hover{background:#9876da;color:#fff}
.stage{container-type:inline-size;container-name:model-stage;background:radial-gradient(ellipse at 50% 48%,#fffef8 0%,#f4f5e8 57%,#eef1e5 100%)!important;box-shadow:inset 0 1px #fff}
.stage-数学,.stage-英语{background:radial-gradient(ellipse at 50% 48%,#fdfcff,#f0f1fb 58%,#e8edf7)!important}.stage-化学{background:radial-gradient(ellipse at 50% 48%,#fcfefd,#edf6f6 58%,#e2edf1)!important}
.stage-heading{top:26px;left:28px;right:24px}.stage h1,.presentation .stage h1{font-family:inherit;font-size:32px;line-height:1.45;font-weight:600;letter-spacing:0;color:#465448;padding-top:0;margin:9px 0 4px}.stage-heading .eyebrow,.stage-heading .eyebrow>span:first-child{color:#809077;font-size:12px;letter-spacing:.5px}.stage-heading .eyebrow .index{color:#9ca692;font-size:11px}.stage-heading .eyebrow{padding-right:0}.stage .stage-subtitle .english-title{display:block;font-size:18px;color:#97a38d;line-height:1.5;font-family:Georgia,serif;max-width:100%}
.stage-selector [data-slot=select-trigger]{background:#ffffffdc;border-color:#dfe5d9;color:#667d5d}.model-label{background:#ffffffeb;color:#566f59;border-color:#a6b8a180}.model-label[data-selected=true]{background:#f7ffee;color:#47643b;border-color:#99b084}.model-label:hover{background:white}
.mode-switch{background:#ffffffbd;border-color:#dce4d4}.mode-switch button{color:#809076}.mode-switch button.selected,.stage-化学 .mode-switch button.selected,.stage[data-model=cyclone] .mode-switch button.selected{background:#dfebcf;color:#425b34}.view-tools{background:#ffffffd4;border-color:#dfe6d8}.view-tools .icon-button{color:#809775}.mouse-hint,.model-caveat{color:#99a790}
.demo-player{background:#fff;border-color:#e3e9db;box-shadow:0 -3px 20px #40543805}.player-heading strong{color:#536447}.section-number{color:#a4b098}.play-button{background:#e4edda;color:#4e6840;border-color:#d4e2c6;box-shadow:none}.play-button:hover{background:#dce9d1;color:#3d572f}.speed-selector{color:#839575}.step-list button{color:#abb6a1}.step-list button>span{color:#8fa17d;background:#f5f8ef;border-color:#dde5d3}.step-list button.current{color:#5f774b}.step-list button.current>span{color:#4d6739;background:#dce9ca;border-color:#bed29d}.step-list button.done{color:#8d9f7b}.step-description{color:#7e9070}.timeline [data-slot=slider-track]{background:#e5ebdd}.timeline [data-slot=slider-range]{background:#abc78e}.timeline [data-slot=slider-thumb]{background:#fff;border-color:#abc78e}
.inspector{background:#fff;border-color:#e8e8f1;scrollbar-color:#d8d0e3 transparent}.inspector-tablist{border-color:#eee7f4}.inspector-tablist [data-slot=tabs-trigger]{color:#a698b1}.inspector-tablist [data-slot=tabs-trigger][data-state=active]{color:#83639f;border-color:#b49acb}
.selected-part{background:linear-gradient(140deg,color-mix(in srgb,var(--part-color) 8%,#fff),#faf9fc);border-color:color-mix(in srgb,var(--part-color) 20%,#e8e5ed);box-shadow:0 6px 18px #6a598307}.selected-part h3{color:#61526b}.selected-part>small,.part-eyebrow,.part-symbol{color:#a392ac}.selected-part>p{color:#7a6d84;font-size:16px;line-height:1.85}.part-fact{color:#9584a0;background:#f5f0f8;border-color:#ebe2f2}.part-actions button{color:#8e799f;background:#fff;border-color:#e7ddef}.part-actions button:hover,.part-actions button.is-active{background:#eee5f8;color:#86619f;border-color:#d9c5e8}
.structure-heading h3,.experiment-controls h3{color:#82728f}.structure-heading span{color:#b3a6bd}.part-list button{color:#9a8ba5}.part-list button:hover,.part-list button.selected{background:#f5effb;border-color:#e5d7f3;color:#8d6ca6}.part-list button.selected>svg{color:#ad88c6}.experiment-controls{border-color:#eee7f4}.parameter-label,.option-row{color:#9b88a8}.parameter-label output{color:#a080b2;background:#f8f3fc;border-color:#e9dff1}.slider-ticks,.controls-note{color:#baadc3}
.experiment-controls [data-slot=slider-track]{background:#eee5f4}.experiment-controls [data-slot=slider-range]{background:#b89acb}.experiment-controls [data-slot=slider-thumb]{background:#fff;border-color:#b99dcc}.option-row [data-slot=switch]{background:#e5dce9;border-color:#ded2e4}.option-row [data-state=checked][data-slot=switch]{background:#bc9cd0}.option-row [data-slot=switch-thumb]{background:#fff}
.download-model{background:#f7f1fc;border-color:#e0cfed;color:#9b75b4}.download-model:hover{background:#f0e5f8;color:#865ea0}.download-model>span{color:#b395c5}.live-reading{background:#fbf8fd;border-color:#e8dcf0}.live-reading span,.live-reading p{color:#ad96bc}.live-reading strong{color:#9673ad}.dosing button{background:#f8f3fc;color:#9c7cb2;border-color:#e6d7f0}
.knowledge-content h3,.knowledge-step h4{color:#867193}.knowledge-content>.eyebrow,.knowledge-step>b{color:#b19cbd}.knowledge-content>p,.knowledge-step p{color:#a18cae;line-height:1.85}.formula,.science-note{color:#a18bac;background:#f8f3fc;border-color:#eadff2}.science-note p{color:#a28fad}.source-link{color:#9b78b4}.source-link:hover{color:#7d5897}.reference-videos{border-color:#e8dff0}.reference-videos>span{color:#b6a4c0}
.workspace-footer{background:#f8f6fc;border-color:#e9e2f1}.workspace-footer>span,.workspace-footer p,.workspace-footer button{color:#b1a2bd}.help-dialog{background:#fff;border-color:#e6dbee;color:#9e87ae}.help-dialog h2,.help-dialog h4{color:#9873b0}.help-dialog p{color:#af9abf}.help-grid>div{background:#faf6fd;border-color:#eee4f4}.keyboard-note{background:#f8f2fc!important;color:#ad92bf!important}.toast{background:#fff;color:#9875ae;border:1px solid #e6d8ef;box-shadow:0 8px 25px #7d598818}
@container model-stage (min-width:600px){.stage h1{max-width:calc(100cqw - 210px);font-size:clamp(24px,3.6cqw,34px)}}
@container model-stage (max-width:599px){.stage-heading{top:70px;left:24px}.stage h1{font-size:26px}.stage-heading .eyebrow .index{display:none}.stage-selector{top:20px;right:20px}.mouse-hint{display:none}.stage .stage-subtitle .english-title{font-size:16px}}
@media(max-width:767px){.resource-return{font-size:12px;padding:7px}.topbar-actions{gap:7px}.topbar{padding:0 14px}.breadcrumb>span,.breadcrumb>strong,.breadcrumb>svg{display:none}.stage{height:550px;min-height:550px}.inspector{padding:0 24px 26px}.presentation .stage{min-height:470px}}
.subject-tabs [data-slot=tabs-trigger]{background:transparent}.subject-tabs [data-slot=tabs-trigger]:hover{background:#f8f2fd;color:#9a78b5}.subject-tabs [data-slot=tabs-trigger][data-state=active]{background:#eee6fb;color:#7752b8}
.model-label{background:#ffffffeb!important;color:#566f59!important;border-color:#a6b8a180!important;box-shadow:0 3px 12px #59693c0b!important}.model-label[data-selected=true]{background:#f7ffee!important;color:#47643b!important;border-color:#99b084!important;box-shadow:0 2px 12px #526b2615!important}.model-label:hover{background:#fff!important;color:#47643b!important;border-color:#9ab487!important}
.inspector-tablist [data-state=active]{color:#83639f!important}.inspector-tablist [data-slot=tabs-trigger]:after{background:#b49acb!important}.help-dialog{background:#fff!important;border-color:#e6dbee!important}