:root{color:#263e38;--accent:#2e7169;--muted:#7d9187;--line:#dce5df;--reader:14px;font-synthesis:none;background:#f4f7f5;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{color:inherit;cursor:pointer}button,a,summary{-webkit-tap-highlight-color:transparent}button{border:1px solid var(--line);background:#fff;border-radius:7px;padding:9px 13px;font-size:12px}button:hover{background:#f1f7f3;border-color:#94b1a3}button:disabled{opacity:.4;cursor:default}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible{outline-offset:3px;outline:3px solid #84b9a6}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3,p{margin:0}button[hidden],[hidden]{display:none!important}.site-header{border-bottom:1px solid var(--line);background:#fcfefd;justify-content:space-between;align-items:center;height:88px;padding:0 40px;display:flex}.brand{color:#29483f;letter-spacing:-.4px;align-items:center;gap:12px;font-size:19px;font-weight:650;display:flex}.brand:hover{text-decoration:none}.brand small{letter-spacing:2px;color:var(--muted);margin-top:5px;font-size:10px;font-weight:400;display:block}.brand svg{fill:none;width:33px;height:36px;stroke:var(--accent);stroke-width:1.6px}.header-actions{align-items:center;gap:17px;display:flex}.header-actions button{background:0 0;border:0;padding:8px 3px}.version{color:var(--muted);border-right:1px solid var(--line);padding-right:20px;font-size:11px}.header-actions button:last-child{border:1px solid var(--line);width:24px;height:24px;color:var(--muted);border-radius:50%;padding:0}main{max-width:1620px;margin:auto;padding:32px 40px 0}.intro{justify-content:space-between;align-items:center;gap:25px;margin-bottom:27px;display:flex}.eyebrow{letter-spacing:1.7px;color:#7e978b;font-size:9px;font-weight:650}h1{letter-spacing:-1.3px;margin:8px 0 10px;font-size:clamp(27px,2.6vw,39px);font-weight:580;line-height:1.4}h1 span{font-weight:400}.intro>div>p:last-child{color:var(--muted);font-size:12px;line-height:1.8}.intro-actions{flex-direction:column;align-items:center;gap:9px;min-width:150px;display:flex}.primary{background:var(--accent);border-color:var(--accent);color:#fff;justify-content:space-between;align-items:center;gap:32px;padding:13px 24px;display:inline-flex}.primary:hover{color:#fff;background:#255f58;border-color:#255f58}.primary span{font-size:19px}.quiet{color:var(--muted);font-size:10px}.step-nav{border:1px solid var(--line);background:var(--line);border-radius:10px;grid-template-columns:repeat(8,minmax(0,1fr));gap:1px;margin-bottom:22px;display:grid;overflow:hidden}.step-nav button{text-align:left;white-space:nowrap;background:#fafcfb;border:0;border-radius:0;align-items:center;gap:11px;padding:15px 13px;display:flex}.step-nav button b{color:#9aae9f;font-size:10px;font-weight:400}.step-nav button.active{color:#286b56;background:#e8f2ec}.step-nav button.active b{color:#50866e}.tour-status{border-left:3px solid #78a18a;justify-content:space-between;align-items:center;gap:10px;margin-bottom:18px;padding:0 0 0 15px;font-size:12px;display:flex}.tour-status strong{font-weight:500}.tour-status span{color:var(--muted);margin-left:12px;font-size:11px}.tour-status button{background:0 0;padding:6px 10px;font-size:11px}.workspace{grid-template-columns:minmax(0,1fr) 370px;align-items:start;gap:20px;display:grid}.workspace.wide{grid-template-columns:1fr}.model-card,.reading-card{border:1px solid var(--line);background:#fff;border-radius:16px;min-width:0;overflow:hidden}.model-heading{justify-content:space-between;align-items:flex-start;height:77px;padding:21px 24px 0;display:flex}.model-heading h2{margin-top:6px;font-size:16px;font-weight:550}.quiet-button{color:#73917f;border:0;padding:3px 0;font-size:10px}.view-tabs{gap:5px;padding:0 21px 13px;display:flex;overflow:auto}.view-tabs button{white-space:nowrap;background:0 0;border-color:#0000;padding:7px 11px;font-size:11px}.view-tabs button.active{color:#326f54;background:#edf4f0;border-color:#c8dcd0}.scene-shell{background:radial-gradient(at 50% 44%,#fafcfb,#edf2ef);height:470px;position:relative;overflow:hidden}#scene,.labels,.diagram{position:absolute;inset:0}canvas{touch-action:none;cursor:grab;width:100%;height:100%;display:block}canvas:active{cursor:grabbing}.labels{pointer-events:none;overflow:hidden}.model-label{white-space:nowrap;pointer-events:auto;background:#fffffff2;border-color:#d7e4da;border-radius:4px;padding:5px 7px;font-size:9px;position:absolute;transform:translate(-50%,-100%);box-shadow:0 3px 10px #345b3710}.model-label:after{content:"";background:#9eb6a5;width:1px;height:11px;position:absolute;top:100%;left:50%}.model-label.selected{background:#eef9f0;border-color:#38865f}.scene-tools{z-index:2;gap:5px;display:flex;position:absolute;top:15px;left:17px}.scene-tools button{background:#ffffffd9;padding:7px 9px;font-size:10px}.scene-tag{letter-spacing:1px;color:#8ba093;pointer-events:none;font-size:9px;position:absolute;bottom:55px;left:22px}.zoom-tools{flex-direction:column;gap:5px;display:flex;position:absolute;bottom:18px;right:18px}.zoom-tools button{background:#ffffffcf;width:30px;height:30px;padding:0;font-size:19px}.gesture-hint{color:#8a9d90;pointer-events:none;font-size:10px;position:absolute;bottom:20px;left:22px}.model-dock{border-top:1px solid var(--line);justify-content:space-between;align-items:flex-start;gap:14px;padding:15px 22px;display:flex}.model-dock details{flex:1;min-width:0}.model-dock summary{cursor:pointer;color:#5c7d68;padding:6px 0;font-size:11px;list-style:none}.model-dock summary:before{content:"＋";color:#9bad9d;margin-right:8px}.model-dock details[open] summary:before{content:"−"}.model-dock summary span{color:#99aa9b;margin-left:7px;font-size:9px}.model-dock>button{color:var(--accent);white-space:nowrap;border:0;padding:6px 0;font-size:11px}.part-buttons{flex-wrap:wrap;gap:6px;margin-top:12px;padding-bottom:5px;display:flex}.part-buttons button{padding:7px 10px;font-size:10px}.part-buttons button.active,.pills button.active{color:#2b6b4a;background:#edf6ee;border-color:#78a28a}.model-context{color:#587563;padding:0 23px 9px;font-size:10px;line-height:1.6}.scene-note{color:#97a498;padding:0 23px 17px;font-size:9px;line-height:1.7}.reading-card{scrollbar-width:thin;scrollbar-color:#cbded0 transparent;height:694px;overflow-y:auto}article{outline:none;padding:27px 27px 32px}.card-top{justify-content:space-between;align-items:center;gap:14px;margin-bottom:17px;display:flex}.card-top .eyebrow{font-size:8px}.counter{letter-spacing:1px;color:#91a594;font-size:10px}article h2{letter-spacing:-.9px;margin:10px 0 16px;font-size:29px;font-weight:550;line-height:1.4}article .lead{font-size:var(--reader);color:#5b7463;line-height:1.95}article .question{color:#446b53;margin-bottom:18px;font-size:17px;line-height:1.65}.points{margin:22px 0;padding:0;list-style:none}.points li{font-size:calc(var(--reader) - 1px);color:#718574;margin:10px 0;padding-left:16px;line-height:1.85;position:relative}.points li:before{content:"";background:#8bb198;border-radius:50%;width:4px;height:4px;position:absolute;top:10px;left:0}.key-point{font-size:var(--reader);color:#47724f;background:#f2f7f1;border-left:2px solid #8eb29a;margin:20px 0;padding:15px 16px;line-height:1.7}.key-point small{letter-spacing:1px;color:#90a68f;margin-bottom:6px;font-size:9px;display:block}.pills{flex-wrap:wrap;gap:6px;margin:14px 0;display:flex}.pills button{padding:7px 10px;font-size:10px}article h3,.section-title{color:#7e927e;margin:24px 0 11px;font-size:11px;font-weight:600}.next-reason{color:#8b9d8b;border-top:1px solid #e4ece3;margin-top:20px;padding-top:16px;font-size:11px;line-height:1.8}.pager{justify-content:space-between;gap:8px;margin-top:20px;display:flex}.pager button{flex:1;font-size:11px}.pager .primary{color:#fff;padding:11px 12px}.full-button{justify-content:space-between;align-items:center;width:100%;margin:16px 0 5px;padding:12px 14px;font-size:11px;display:flex}.text-button{color:#5b8065;background:0 0;border:0;padding:0;font-size:11px}.back-button{text-align:left;margin-bottom:17px;line-height:1.6}.context-box{color:#8b9d87;background:#f5f8f3;border-radius:6px;margin-bottom:17px;padding:10px 12px;font-size:10px;line-height:1.75}.article-tools{justify-content:space-between;align-items:center;gap:12px;margin:14px 0 21px;display:flex}.article-tools button{padding:7px 9px;font-size:10px}.article-tools select{color:#71866e;border:1px solid var(--line);background:#fff;border-radius:5px;padding:6px;font-size:10px}.source{color:#9aaa93;margin:15px 0;font-size:10px;line-height:1.7}.source a{color:#71916e;display:block}.knowledge-section{border-top:1px solid #e4ece2;padding:14px 0}.knowledge-section summary{cursor:pointer;color:#607e5c;justify-content:space-between;align-items:center;font-size:12px;line-height:1.7;list-style:none;display:flex}.knowledge-section summary:after{content:"+";color:#97af92}.knowledge-section[open] summary:after{content:"−"}.knowledge-section p{font-size:var(--reader);color:#73856e;margin:13px 0;line-height:1.95}.relation{border:1px solid #e4ece1;border-radius:8px;margin:8px 0;padding:12px}.relation .text-button{text-align:left;font-size:12px}.relation p{color:#92a28b;margin-top:8px;font-size:10px;line-height:1.8}.relation .relation-label{color:#8a9d82;margin-bottom:6px;font-size:9px}.bottom-strip{color:#94a38e;justify-content:space-between;align-items:center;gap:20px;margin:20px 0 25px;font-size:9px;line-height:1.7;display:flex}.bottom-strip>button{color:#73946c;background:0 0;border:0;padding:0;font-size:10px}.bottom-strip i{background:#90af86;border-radius:50%;width:5px;height:5px;margin-right:7px;display:inline-block}.bottom-strip>span:last-child{letter-spacing:1px;font-size:8px}.diagram{z-index:1;background:#f5f8f3;padding:70px 18px 20px;overflow:auto}.diagram svg{width:100%;height:100%;min-height:360px;display:block}.diagram svg text{fill:#597353;font-family:inherit;font-size:11px}.diagram svg .item{cursor:pointer}.diagram svg .item rect{fill:#fbfdf9;stroke:#bccfb4;stroke-width:1px}.diagram svg .item.active rect{fill:#e6f2e2;stroke:#4a8552;stroke-width:2px}.diagram svg .item:hover rect{fill:#e9f2e6}.diagram svg .item .subtitle{fill:#94a489;font-size:9px}.diagram svg .caption{fill:#97a78b;font-size:9px}.diagram svg polyline{stroke:#9fb498;stroke-width:1.3px;fill:none}.notice{z-index:15;color:#fff;background:#315d4f;border-radius:8px;max-width:90vw;padding:12px 22px;font-size:12px;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 5px 30px #1a3f3720}dialog{color:#385136;background:#fcfefb;border:1px solid #d9e3d5;border-radius:16px;width:min(1040px,100vw - 40px);max-height:88vh;padding:0;box-shadow:0 25px 100px #1e3d2a30}dialog::backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#29463456}.modal-header{z-index:2;border-bottom:1px solid var(--line);background:#fcfefb;justify-content:space-between;align-items:center;padding:20px 26px;display:flex;position:sticky;top:0}.modal-header h2{font-size:18px;font-weight:550}.modal-header button{color:#93a58a;background:0 0;border:0;padding:0 5px;font-size:25px}#modal-content{padding:25px}.modal-copy{color:#72896b;max-width:740px;margin:auto;font-size:13px;line-height:2}.modal-copy h3{color:#4e7047;margin:24px 0 10px;font-size:15px}.modal-copy p{margin:12px 0}.modal-copy li{margin:8px 0}.search-input{color:#4a6a41;background:#fff;border:1px solid #cbdcc3;border-radius:8px;width:100%;padding:14px 17px;font-size:14px}.search-summary{color:#98aa8d;margin:14px 0;font-size:11px}.results{grid-template-columns:1fr 1fr;gap:9px;display:grid}.result{text-align:left;background:#fff;min-width:0;padding:14px}.result strong{margin-bottom:8px;font-size:12px;font-weight:500;display:block}.result p{color:#99aa8f;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:10px;line-height:1.7;display:-webkit-box;overflow:hidden}.modal-reader{max-width:720px;margin:auto}.modal-reader article{padding:0 12px}.topic-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.topic-grid button{text-align:left;padding:22px}.topic-grid strong{margin:0 0 10px;font-size:15px;font-weight:550;display:block}.topic-grid p{color:#8d9f83;font-size:11px;line-height:1.8}.topic-grid small{color:#5e8552;margin-top:17px;font-size:10px;display:block}.modal-tabs{flex-wrap:wrap;gap:6px;margin-bottom:20px;display:flex}.modal-tabs button.active{background:#e8f2e3;border-color:#8cb479}.map-scroll{background:#f3f7f0;border:1px solid #e2eadb;border-radius:10px;overflow:auto}.industry-map{min-width:760px;height:560px;position:relative}.industry-map svg{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.industry-map .map-node{text-align:left;background:#fff;width:22%;min-height:43px;padding:12px;font-size:11px;position:absolute}.industry-map .map-node.active{background:#e9f4e3;border-color:#559250}.map-column-title{color:#9bad8d;font-size:10px;position:absolute;top:18px}.map-intro{color:#8fa181;margin:0 0 18px;font-size:11px;line-height:1.9}.map-relations{grid-template-columns:1fr 1fr;gap:7px;margin-top:20px;display:grid}.map-relations .relation{background:#fff;margin:0}.map-relations .relation.active{background:#f0f7eb;border-color:#559250}.experiment{background:#f1f7ed;border:1px solid #e1ebd8;border-radius:10px;margin:22px 0;padding:22px}.experiment h3{margin:0 0 15px;font-size:14px}.experiment label{grid-template-columns:110px 1fr 75px;align-items:center;gap:15px;margin:15px 0;font-size:12px;display:grid}.experiment input{accent-color:#508749;width:100%}.experiment output{color:#5c844b;text-align:right;font-size:12px}.experiment .result-time{color:#47733c;margin:20px 0 10px;font-size:24px;font-weight:400;display:block}.experiment p{color:#8ea07e;font-size:11px;line-height:1.85}.quiz-question{border-top:1px solid #e0e9d8;padding:20px 0}.quiz-question h3{margin:0 0 14px;font-size:14px;line-height:1.7}.quiz-question button{text-align:left;max-width:100%;margin:7px 0;font-size:12px;display:block}.quiz-question button.chosen{background:#ecf4e5;border-color:#85a86e}.quiz-question p{color:#7c9768;margin-top:12px;font-size:12px;line-height:1.8}.library-controls{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:20px;display:flex}.library-controls p{color:#8d9f7e;font-size:11px}.comparison{border-collapse:collapse;color:#809770;width:100%;font-size:12px;line-height:1.9}.comparison th,.comparison td{text-align:left;vertical-align:top;border:1px solid #e0e8d7;padding:16px}.comparison th{color:#5c8046;background:#f2f7ec;font-weight:500}.component-layout{grid-template-columns:1fr 1fr;gap:25px;display:grid}.component-figure{text-align:center;background:#f2f7ec;border:1px solid #dfe9d2;border-radius:12px;padding:25px}.component-figure>button{width:100%;margin:10px 0;display:block}.component-figure p{color:#91a37f;margin:15px 0;font-size:10px;line-height:1.9}.component-figure .nested{border:1px solid #cbdcbb;border-radius:8px;margin:10px 0;padding:10px}.component-figure .nested button{max-width:100%;margin:5px}.component-reading article{padding:0}.component-reading h2{font-size:25px}.empty{color:#8c9f7e;padding:35px 0;font-size:13px;line-height:1.9}.scene-error{z-index:4;border:1px solid var(--line);background:#fff;border-radius:10px;padding:25px;font-size:13px;line-height:1.9;position:absolute;inset:80px 25px auto}@media (width>=1450px){.workspace{grid-template-columns:minmax(0,1fr) 405px}.scene-shell{height:515px}.reading-card{height:739px}article{padding:30px 32px}}@media (width<=1150px){.site-header{gap:15px;padding:0 24px}.header-actions{gap:13px}.version{display:none}main{padding:28px 24px 0}.workspace{grid-template-columns:minmax(0,1fr) 325px;gap:15px}.step-nav button{gap:6px;padding:13px 10px;font-size:11px}.scene-shell{height:445px}.reading-card{height:669px}article{padding:24px 22px}.model-dock{padding:15px 18px}.scene-tools button{padding:7px;font-size:9px}.bottom-strip>span:last-child{display:none}}@media (width<=880px){.workspace{grid-template-columns:1fr}.reading-card{height:auto;max-height:none}.step-nav{grid-template-columns:repeat(4,1fr)}.step-nav button{padding:13px 12px;font-size:11px}.intro-actions{min-width:130px}.intro-actions .primary{gap:17px;padding:12px 17px}.scene-shell{height:480px}.topic-grid{grid-template-columns:1fr 1fr}.component-layout{grid-template-columns:1fr}.bottom-strip,.tour-status{align-items:flex-start}.tour-status span{display:none}.results{grid-template-columns:1fr 1fr}}@media (width<=540px){.site-header{gap:12px;height:77px;padding:0 15px}.brand{gap:8px;font-size:15px}.brand svg{width:27px;height:31px}.brand small{letter-spacing:1px;font-size:8px}.header-actions{gap:9px}.header-actions button{font-size:10px}.header-actions button span,.header-actions button:last-child{display:none}.header-actions button[data-action=library]{font-size:18px}.header-actions button[data-action=library] span{display:none}main{padding:23px 14px 0}.intro{margin-bottom:21px;display:block}.intro .eyebrow{font-size:8px}h1{font-size:28px;line-height:1.5}h1 span{display:block}.intro>div>p:last-child{font-size:11px}.intro-actions{flex-direction:row;justify-content:flex-start;margin-top:17px}.intro-actions .primary{font-size:11px}.step-nav{margin-bottom:16px}.step-nav button{gap:6px;padding:11px 8px;font-size:10px}.scene-shell{height:410px}.model-heading{height:73px;padding:19px 18px 0}.model-heading h2{font-size:14px}.view-tabs{gap:0;padding-left:13px}.view-tabs button{padding:7px 10px;font-size:10px}.scene-tools{flex-wrap:wrap;gap:4px;max-width:calc(100% - 24px);left:12px}.scene-tools button{padding:7px;font-size:9px}.gesture-hint{font-size:9px;bottom:18px;left:17px}.scene-tag{font-size:8px;left:17px}.model-context,.scene-note{padding-left:18px;padding-right:18px}.bottom-strip{margin:17px 0;display:block}.bottom-strip button{margin-top:9px;font-size:10px;display:block}.topic-grid,.results{grid-template-columns:1fr}.modal-header{padding:18px}.modal-header h2{font-size:16px}#modal-content{padding:18px}dialog{width:calc(100vw - 20px);max-height:92vh}.map-relations{grid-template-columns:1fr}.experiment{padding:16px}.experiment label{grid-template-columns:65px 1fr 60px;gap:8px;font-size:10px}.comparison th,.comparison td{padding:10px;font-size:10px}.tour-status{font-size:11px}.tour-status>div:last-child{gap:5px;display:flex}.tour-status button{padding:6px;font-size:10px}.component-figure{padding:17px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}.modal-header #modal-parent{color:#749367;margin-right:12px;font-size:11px}.header-actions [data-action=search],.header-actions [data-action=library]{min-width:24px}body[data-mode=tour] .intro{display:none}.step-nav{scroll-margin-top:18px}.diagram svg{min-width:490px}.diagram:before{content:"点击方框阅读 · 窄窗口可横向滚动图解";color:#94a48c;text-align:center;margin:-18px 0 9px;font-size:9px;display:block}