:root{font-family:Microsoft YaHei,PingFang SC,sans-serif;color:#dfe9ef;background:#101b26;--ink:#152a3a;--muted:#8398aa;--accent:#54c7b4;--line:#ffffff16;--panel:#162432;--sidebar:292px}*{box-sizing:border-box}body{margin:0}button,select{font:inherit}button{cursor:pointer}button,a,select{outline-offset:4px}button:focus-visible,a:focus-visible,select:focus-visible{outline:2px solid #78e9d3}button:disabled{opacity:.4;cursor:default}button{transition:background .18s,color .18s,box-shadow .18s}button:hover:not(:disabled){filter:brightness(1.14)}[hidden]{display:none!important}#app{height:100dvh;overflow:hidden}#plant-canvas{position:fixed;left:var(--sidebar);top:72px;width:calc(100% - var(--sidebar));height:calc(100dvh - 174px);touch-action:none;display:block}.topbar{position:fixed;inset:0 0 auto;height:72px;z-index:20;display:flex;align-items:center;gap:24px;padding:0 24px;background:#111e2b;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;color:#f2f8fa;text-decoration:none;min-width:242px}.brand-mark{display:grid;place-items:center;width:37px;height:37px;border:1px solid #54c7b45c;border-radius:10px;color:#70d7c7;font-size:32px;background:#54c7b410}.brand b{font-size:19px;letter-spacing:.13em}.brand small{display:block;font-size:12px;color:#9ab0be;margin-top:4px;letter-spacing:.08em}nav{display:flex;gap:4px;overflow-x:auto;scrollbar-width:none;margin:auto;min-width:0}.tab{border:0;padding:11px 14px;white-space:nowrap;flex-shrink:0;background:transparent;color:#9eb1c0;font-size:14px;border-radius:6px}.tab.active{background:#294553;color:#96edda;box-shadow:inset 0 -2px #65cdb9}.top-actions{display:flex;align-items:center;gap:9px}.demo-badge{font-size:12px;white-space:nowrap;color:#a5b7c2;border:1px solid var(--line);padding:7px 9px;border-radius:5px}.icon-button{border:1px solid #ffffff24;color:#b5c9d5;background:transparent;width:34px;height:34px;border-radius:6px;font-size:19px}.hero-card{position:fixed;left:0;top:72px;width:var(--sidebar);bottom:102px;background:var(--panel);z-index:4;padding:27px 24px;border-right:1px solid #ffffff13;pointer-events:none}.eyebrow{font-size:12px;letter-spacing:.14em;color:#6fd0be;margin:0 0 14px}.hero-card h1{font-size:25px;line-height:1.4;margin:0 0 13px;color:#f5f9fb;font-weight:600;letter-spacing:.03em}.hero-card em{font-style:normal;font-size:15px;font-weight:400;color:#adbfcc;letter-spacing:0}.hero-copy{font-size:13px;line-height:1.9;color:#9bafbd;margin:0 0 18px}.hero-controls{display:flex;gap:8px;pointer-events:auto}.primary,.ghost{border-radius:5px;padding:10px 13px;font-size:14px;border:1px solid #ffffff24}.primary{background:#55c7b3;color:#082b2b;border-color:#55c7b3;font-weight:600}.ghost{background:#223747;color:#d3e3eb}.saved-progress{font-size:12px;color:#7f97a8;line-height:1.6;margin-top:14px}.data-rail{position:fixed;left:24px;top:365px;bottom:132px;width:244px;z-index:5;overflow:auto;scrollbar-width:thin;border-top:1px solid #ffffff20;padding-top:17px}.rail-title{font-size:14px;color:#e2edf2;display:flex;justify-content:space-between;gap:8px}.rail-title span{color:#839baa;font-size:12px}.metric{display:flex;align-items:center;justify-content:space-between;gap:5px;border-bottom:1px solid var(--line);padding:13px 0}.metric small{font-size:13px;color:#a7bac7}.metric strong{font-family:Georgia,serif;font-size:23px;font-weight:400;color:#eff6f9}.metric i{font:12px Microsoft YaHei,sans-serif;color:#849eaf}.data-rail label{display:block;font-size:13px;color:#a8bdcb;margin:17px 0 8px}.data-rail select{width:100%;background:#223747;color:#e6f0f6;border:1px solid #405464;border-radius:5px;padding:10px;font-size:13px}.data-rail p{font-size:12px;color:#8fa5b5;line-height:1.8}.view-tools{position:fixed;left:calc(var(--sidebar) + 20px);bottom:120px;z-index:8;display:flex;gap:5px;flex-wrap:wrap;max-width:calc(100% - var(--sidebar) - 40px)}.view-tools button{border:1px solid #ffffff40;border-radius:5px;background:#142532ed;color:#d8e7ee;padding:10px 12px;font-size:13px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 3px 12px #0001}.view-tools button[aria-pressed=true]{background:#347a77;color:#fff;border-color:#77c3b5}.camera-tools{position:fixed;left:calc(var(--sidebar) + 20px);top:90px;display:flex;gap:4px;z-index:7;padding:4px;border-radius:6px;background:#142532eb;border:1px solid #ffffff30}.camera-tools button,.camera-tools select{color:#c7dbe5;background:transparent;border:0;padding:8px 10px;font-size:13px;border-radius:4px}.camera-tools button.active{background:#38566a;color:#fff}.camera-tools select{border-left:1px solid #ffffff25;max-width:115px}.camera-tools option{background:#1b3041}.scene-status{position:fixed;right:20px;top:96px;z-index:6;background:#142532d9;padding:10px 13px;color:#d7e8ef;font-size:12px;border-radius:5px}.scene-status>span:first-child{display:none}.scene-status b{font-weight:500}.scene-status i{font-style:normal;margin:0 8px;color:#839ead}#control-hint{color:#a8c0ce}.flow-strip{position:fixed;left:0;right:0;bottom:0;z-index:15;height:102px;padding:16px 24px;background:#111e2b;border-top:1px solid #ffffff24}.flow-caption{display:flex;justify-content:space-between;color:#9cb2c1;font-size:12px;margin-bottom:12px;letter-spacing:.05em}.flow-caption small{font-size:12px;color:#7f98ab}#flow-nodes{display:flex;gap:5px;overflow-x:auto;scrollbar-width:thin;padding-bottom:5px}.flow-node{display:flex;align-items:center;white-space:nowrap;background:#203545;color:#c7d9e2;border:1px solid #ffffff12;border-radius:4px;padding:8px 10px;font-size:13px;flex-shrink:0}.flow-node:not(:last-child):after{content:"›";color:#718c9e;margin-left:10px}.flow-node.branch:not(:last-child):after{content:"·"}.flow-node.active{color:#8eeee0;background:#28554f;border-color:#54c7b4}.flow-node.active:before{content:none}.labels{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:3;overflow:hidden}.label{position:absolute;transform:translate(-50%,-100%);background:#152a3dea;color:#e0edf3;border:1px solid #c5e8ef50;border-left:2px solid #6cc5b8;border-radius:3px;padding:6px 9px;white-space:nowrap;font-size:12px;pointer-events:auto;box-shadow:0 4px 12px #0003;cursor:pointer}.label.selected{background:#2e7b76;color:#fff;border-color:#a4e8d8}.label:before{content:none}.detail-panel,.learn-panel{position:fixed;left:0;top:72px;bottom:102px;width:var(--sidebar);z-index:12;background:#f2f6f8;color:var(--ink);overflow:auto;scrollbar-width:thin;border-right:1px solid #c9d7df}.detail-panel{padding:26px 20px}.close-panel{position:absolute;top:12px;right:12px;border:0;border-radius:4px;background:#d7e4eb;color:#37556c;width:28px;height:28px;font-size:22px;line-height:1}.panel-kicker{font-size:12px;color:#52818c;letter-spacing:.08em;margin-top:9px}.detail-panel h2{font-size:23px;line-height:1.4;margin:15px 0 12px;font-weight:600}.detail-panel>p{font-size:15px;color:#536d7d;line-height:1.8}.tab-line{display:grid;grid-template-columns:1fr 1fr;gap:4px;border-bottom:1px solid #c9d9e3;padding-bottom:10px}.mini-tab{font-size:13px;border:0;border-radius:4px;background:#e2ebf0;padding:9px;color:#587284}.mini-tab.active{background:#194c60;color:#fff}.detail-content{font-size:16px;line-height:1.85;padding:14px 0;color:#3c5768}.detail-content h4,.lesson-body h4{font-size:14px;color:#193c52;margin:19px 0 7px}.detail-content p{margin:0 0 13px}.connection{padding:13px;background:#dce9ee;border-left:3px solid #3f968d;font-size:14px;line-height:1.9;border-radius:0 4px 4px 0}.connection span{display:block;font-size:12px;font-weight:600;color:#3d797d;margin:5px 0 2px}.issue{border:1px solid #d4e0e7;border-radius:5px;background:#fff;padding:13px;margin:12px 0}.issue b{display:block;font-size:15px;color:#25495e}.issue p{font-size:15px;line-height:1.8;margin:10px 0}.issue small{font-size:12px;color:#7e94a3}.study-button{padding:12px;width:100%;border:1px solid #b7d8d4;background:#d6eeea;color:#215a55;font-size:14px;border-radius:5px}.reading{display:flex;justify-content:space-between;gap:10px;padding:11px 0;border-bottom:1px solid #d2dfe7;font-size:14px}.reading strong{color:#1e6573;font-weight:500}.learn-head{padding:24px 20px 20px;background:#194255;color:#fff}.learn-head p{font-size:11px;letter-spacing:.1em;color:#8ed6cf;margin:0 0 10px}.learn-head h2{font-size:21px;margin:0;font-weight:500}.learn-head .close-panel{background:#ffffff20;color:#d8e9ee}.lesson-progress{padding:16px 20px;background:#e0eaef}.lesson-progress>div:first-child{display:flex;justify-content:space-between;gap:6px;font-size:12px;color:#587080}.progress-bar{height:3px;background:#c0d2db;margin:11px 0}.progress-bar i{display:block;background:#319b8c;height:100%;transition:width .2s}.lesson-progress select{width:100%;background:#f6fafb;border:1px solid #c4d7e2;border-radius:4px;padding:10px 5px;color:#234d62;font-size:13px}.lesson-body{padding:20px}.lesson-body h3{font-size:22px;line-height:1.4;margin:0 0 16px}.lesson-tabs{display:flex;gap:4px;margin-bottom:16px}.lesson-tabs button{flex:1;border:1px solid #cddce4;border-radius:4px;background:transparent;color:#617c8d;padding:9px 2px;font-size:12px;white-space:nowrap}.lesson-tabs button.active{background:#194c60;color:#fff;border-color:#194c60}.lesson-body p{font-size:16px;line-height:1.85;color:#425f70}.lesson-footer{position:sticky;bottom:0;display:flex;gap:5px;justify-content:space-between;background:#e1ecf1;border-top:1px solid #c6d9e3;padding:12px 10px}.lesson-footer button{font-size:12px;color:#356078;border:0;background:transparent;border-radius:4px;padding:10px 5px}.lesson-footer .primary{background:#285e70;color:#fff}.quiz-option{display:block;width:100%;text-align:left;border:1px solid #c8d9e2;border-radius:5px;background:#fff;color:#32546a;padding:13px 10px;margin:9px 0;font-size:15px;line-height:1.7}.quiz-option.correct{background:#d3ebe0;border-color:#60ac8f}.quiz-option.wrong{background:#f2dcd6;border-color:#bc8072}.quiz-feedback{font-size:14px;line-height:1.8;background:#dce9ef;padding:12px;border-radius:5px}.help-popover{position:fixed;right:20px;top:85px;max-width:470px;max-height:calc(100dvh - 200px);overflow:auto;padding:27px;z-index:30;background:#f0f5f8;color:#254358;box-shadow:0 20px 80px #0005;border-radius:7px}.help-popover h3{font-size:23px;margin:0 0 17px}.help-popover p{font-size:15px;line-height:1.85;color:#536f80}.help-popover a{color:#277e83}.loading{position:fixed;inset:72px 0 102px var(--sidebar);z-index:40;background:#172a3b;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;color:#e9f4f8}.loading b{font-size:23px;font-weight:500}.loading span{font-size:14px;color:#85a9b9}body.panel-open .data-rail,body.panel-open .hero-card,body.walk .hero-card,body.walk .data-rail{visibility:hidden}#mobile-data-toggle{display:none}.night #plant-canvas{filter:none}.learn-head{position:sticky;top:0;z-index:3}.detail-panel>.close-panel{position:sticky;float:right;top:0;right:0;z-index:3}@media (min-width:1500px){:root{--sidebar:330px}.data-rail{width:282px}}@media (max-height:800px) and (min-width:761px){.hero-card{padding-top:20px}.hero-card h1{font-size:22px}.hero-copy{font-size:12px;margin-bottom:12px}.data-rail{top:327px}.metric{padding:9px 0}.metric strong{font-size:21px}}@media (max-width:1100px){:root{--sidebar:268px}.topbar{gap:10px;padding:0 16px}.brand{min-width:224px}.tab{padding:11px 9px;font-size:13px}.demo-badge{display:none}.data-rail{width:220px}.hero-card{padding-left:20px;padding-right:20px}.scene-status{top:auto;bottom:174px;font-size:11px}.scene-status #control-hint{display:none}}@media (max-width:760px){:root{--sidebar:0px}.topbar{height:62px;padding:0 16px;justify-content:space-between}.brand{min-width:0}.brand b{font-size:17px}.brand small{font-size:10px}.brand-mark{width:32px;height:32px;font-size:27px}.top-actions{gap:6px}.icon-button{width:31px;height:31px}nav{position:fixed;top:62px;left:0;right:0;justify-content:space-around;background:#172a3a;padding:5px 10px;border-bottom:1px solid #ffffff20}.tab{font-size:12px;padding:9px 10px}#plant-canvas{top:110px;left:0;width:100%;height:calc(100dvh - 202px)}.hero-card{left:14px;top:169px;bottom:auto;width:auto;padding:10px 12px;background:#132938e8;border:1px solid #ffffff25;border-radius:6px;max-width:260px}.eyebrow,.hero-copy,.hero-card h1 em,.hero-card h1 br{display:none}.hero-card h1{font-size:17px;margin:0 0 10px}.hero-controls{gap:6px}.primary,.ghost{font-size:12px;padding:8px 11px}.saved-progress{font-size:11px;margin:9px 0 0}.camera-tools{left:14px;top:122px;right:14px;width:max-content;max-width:calc(100% - 28px)}.camera-tools button,.camera-tools select{font-size:12px;padding:7px 8px}.scene-status{right:14px;bottom:149px;padding:7px 9px;font-size:10px}.view-tools{left:14px;right:14px;bottom:107px;max-width:none;gap:4px;flex-wrap:nowrap;overflow:auto;scrollbar-width:none}.view-tools button{font-size:12px;padding:9px;white-space:nowrap}#mobile-data-toggle{display:block}.data-rail{display:none;left:auto;right:14px;top:169px;bottom:auto;width:225px;max-height:calc(100dvh - 320px);overflow:auto;background:#182e3eed;border:1px solid #ffffff25;padding:16px;border-radius:6px;z-index:11}body.data-open .data-rail{display:block}body.data-open .hero-card{visibility:hidden}.flow-strip{height:92px;padding:12px 14px}.flow-caption{font-size:11px;margin-bottom:9px}.flow-caption small{font-size:10px}.flow-node{font-size:12px;padding:8px}.label{font-size:11px;padding:5px 7px}.detail-panel,.learn-panel{left:10px;right:10px;top:calc(118px + env(safe-area-inset-top,0px));bottom:calc(99px + env(safe-area-inset-bottom,0px));width:auto;border:1px solid #cbdce5;border-radius:9px 9px 4px 4px;box-shadow:0 -10px 40px #10213050}.detail-panel{padding:20px}.learn-head{padding:18px 20px}.learn-head h2{font-size:19px}.lesson-progress{padding:12px 20px}.lesson-body{padding:16px 20px}.lesson-tabs button{font-size:13px;padding:9px 6px}.tab-line{display:flex;gap:4px}.mini-tab{flex:1;font-size:12px;padding:9px 4px}.lesson-footer button{font-size:13px}.help-popover{left:10px;right:10px;top:120px;max-width:none;max-height:calc(100dvh - 225px);padding:24px}.loading{top:110px;right:0;bottom:92px;left:0}}@media (max-width:380px){.tab{padding:9px 7px}.camera-tools button,.camera-tools select{padding:7px 6px}.brand small{font-size:9px}.top-actions{gap:4px}}@media (max-height:600px) and (max-width:760px){.hero-card{display:none}.detail-panel,.learn-panel{top:110px}.scene-status{display:none}}.knowledge-note{margin:18px 0;border-top:1px solid #c5d7df;padding-top:1px}.knowledge-note h4{color:#1b6465}.knowledge-warning,.lesson-body .course-scope{padding:12px;border-left:3px solid #aa8052;background:#e7edf0;font-size:14px;line-height:1.8;color:#456071}.knowledge-sources{margin:20px 0 8px;border:1px solid #c5d7df;border-radius:5px;padding:12px;font-size:14px;line-height:1.8;overflow-wrap:anywhere}.knowledge-sources summary{cursor:pointer;color:#205969;font-weight:600}.knowledge-sources a{color:#176472;text-decoration:underline;text-underline-offset:3px}.knowledge-sources small{display:block;color:#597081;font-size:13px;line-height:1.8}.knowledge-sources p{font-size:14px;line-height:1.8}.knowledge-sources summary:focus-visible{outline:2px solid #23877e;outline-offset:4px}