:root{font-family:"Segoe UI","Microsoft YaHei",Arial,sans-serif;color:#18314b;background:#edf3f8;font-synthesis:none;--blue:#2168ae;--ink:#18314b;--muted:#728497;--border:#dce5ee;--teal:#248e8c}*{box-sizing:border-box}body{margin:0}button,input,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:disabled{cursor:wait;opacity:.45}a{color:var(--blue);text-decoration:none}a:hover{text-decoration:underline}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #6cafe5;outline-offset:4px}button:hover:not(:disabled){filter:brightness(.97)}[hidden]{display:none!important}.page{max-width:1432px;margin:auto;padding:38px 44px 24px}.page-header{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:0 0 26px}.eyebrow{display:flex;align-items:center;gap:10px;color:#637b91;font-size:12px;letter-spacing:1.5px;font-weight:600}.brand-mark{display:grid;place-items:center;width:27px;height:27px;border-radius:8px;background:var(--blue);color:white;font-size:18px;font-weight:750;letter-spacing:0}h1{font-size:37px;letter-spacing:-1px;line-height:1.35;margin:13px 0 8px;font-weight:700}h1 span{display:inline-block;font-size:29px;color:#8296aa;margin-left:20px;font-weight:400;letter-spacing:0}.intro{font-size:14px;margin:0;color:#667d92}.header-meta{display:flex;flex-direction:column;gap:12px;text-align:right}.factory-pill{font-size:12px;background:#e1eeec;color:#237e78;border:1px solid #cce1de;border-radius:30px;padding:8px 12px;white-space:nowrap}.factory-pill i{display:inline-block;width:6px;height:6px;background:#258980;border-radius:50%;margin-right:7px}.spec-summary{font-size:12px;color:#7d8fa1}.spec-summary b{font-weight:400;margin:0 7px}.classroom{display:grid;grid-template-columns:minmax(0,1fr) 338px;gap:22px;align-items:start}.model-panel{min-width:0;overflow:hidden;background:#f8fafc;border:1px solid #d8e3ed;border-radius:18px;box-shadow:0 12px 28px #17344d07}.model-heading{position:relative;display:flex;justify-content:space-between;align-items:center;gap:10px;padding:20px 22px 0;z-index:2;pointer-events:none}.section-label{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:#506b82}.section-label i{width:5px;height:13px;background:var(--blue);border-radius:4px}#model-status{font-size:11px;color:#7890a4}#model-status.is-ready{color:#287f77}#viewer{position:relative;height:624px;min-width:0;overflow:hidden;isolation:isolate;background:radial-gradient(ellipse at 50% 48%,#fff 0,#f5f8fb 70%,#eff4f8 100%)}#viewer canvas{display:block;position:absolute;inset:0;width:100%;height:100%;z-index:1;touch-action:none}.stage-watermark{position:absolute;bottom:88px;left:50%;transform:translateX(-50%);color:#bacddb25;font-weight:700;font-size:160px;line-height:.9;letter-spacing:-6px;pointer-events:none}.stage-watermark span{display:block;text-align:right;font-weight:400;font-size:56px;letter-spacing:3px}#callout-lines{position:absolute;inset:0;width:100%;height:100%;z-index:3;pointer-events:none}#hotspots{position:absolute;inset:0;z-index:4;pointer-events:none}.hotspot{position:absolute;display:flex;align-items:center;gap:8px;min-width:128px;max-width:168px;background:#ffffffed;border:1px solid #dbe5ee;border-radius:10px;color:#415b73;padding:9px 10px;box-shadow:0 3px 10px #16355005;pointer-events:auto;transition:background .15s,border-color .15s;transform:translateY(-50%);text-align:left}.hotspot .number{display:grid;place-items:center;width:23px;height:23px;flex:none;border-radius:7px;background:#e9f1f8;color:#5487b4;font-size:10px;font-weight:700}.hotspot strong{display:block;font-size:12px;font-weight:600;white-space:nowrap}.hotspot small{display:block;font-size:9px;color:#8295a8;line-height:1.6;white-space:nowrap;margin-top:1px}.hotspot.is-active{background:#eff6ff;border-color:#75a5d4;color:#18599b}.hotspot.is-active .number{background:var(--blue);color:white}.view-hint{position:absolute;bottom:14px;left:50%;transform:translateX(-50%);white-space:nowrap;font-size:11px;color:#7f91a2;z-index:2;pointer-events:none}.view-hint>span:first-child{font-size:18px;margin-right:6px;vertical-align:-1px}.hint-divider{padding:0 9px;color:#b1bfcc}.view-name{position:absolute;bottom:15px;right:20px;font-size:10px;color:#9aabba;z-index:2;pointer-events:none}.viewer-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 20px;border-top:1px solid #e0e8ef;background:#fff}.view-buttons{display:flex;gap:4px;background:#f2f5f8;border-radius:9px;padding:3px}.view-buttons button{border:0;border-radius:7px;color:#72869a;background:transparent;font-size:12px;min-height:31px;padding:0 14px}.view-buttons button[aria-pressed=true]{color:var(--blue);background:#fff;box-shadow:0 1px 4px #29425712}.view-options{display:flex;align-items:center;gap:16px}.labels-toggle{display:flex;align-items:center;gap:5px;cursor:pointer;white-space:nowrap;font-size:11px;color:#6b8194}.labels-toggle input{accent-color:var(--blue);width:13px;height:13px}.reset-button{color:#44647e;display:flex;align-items:center;gap:5px;white-space:nowrap;background:transparent;border:0;font-size:12px;padding:6px 0}.reset-button span{font-size:18px}.lesson-panel{overflow:hidden;border-radius:18px;background:white;border:1px solid #dce5ee;box-shadow:0 12px 28px #17344d06}.lesson-topline{display:flex;align-items:center;justify-content:space-between;padding:20px 22px 15px;font-size:11px;color:#8ba0b2}.lesson-topline>span{font-size:12px;color:#5a7287;font-weight:600}.lesson-topline button{font-size:10px;background:none;border:0;color:#7292ad;padding:0}.lesson-detail{padding:8px 22px 20px;min-height:390px}.lesson-tag{font-size:10px;font-weight:600;color:#4486b9;letter-spacing:.4px;background:#edf5fb;padding:5px 8px;display:inline-block;border-radius:5px}h2{font-size:23px;line-height:1.45;letter-spacing:-.5px;margin:13px 0 5px}.lesson-subtitle{font-size:11px;color:#899baa;margin:0 0 18px}#lesson-summary{font-size:12px;line-height:1.95;color:#5b7388;margin:0 0 17px}.terminal-strip{background:#f2f6fa;border-left:2px solid #86afd3;border-radius:0 6px 6px 0;padding:11px 12px;color:#54728d;font-size:10px;line-height:1.8;overflow-wrap:anywhere}.behavior-block{margin-top:18px}.behavior-block>span{font-size:10px;font-weight:650;color:#4c6b87}.behavior-block p{font-size:11px;line-height:1.9;margin:6px 0 0;color:#6c8194}.lesson-note{font-size:10px;line-height:1.8;color:#8a9bab;margin:15px 0 12px;border-top:1px solid #eef2f6;padding-top:12px}.source-link{font-size:10px;display:inline-flex;align-items:center;gap:6px;color:#5492bc}.topic-navigation{border-top:1px solid #e9eef3;padding:17px 16px 18px;background:#fcfdff}.topic-heading{font-size:11px;font-weight:600;color:#657e94;padding:0 6px 12px;display:flex;justify-content:space-between}.topic-heading span{font-size:9px;font-weight:400;color:#a0b0bd}#topic-list{display:grid;grid-template-columns:1fr 1fr;gap:7px}.topic-button{display:flex;align-items:center;gap:7px;background:white;border:1px solid #e4eaf0;border-radius:8px;padding:9px 7px;color:#627c91;text-align:left;font-size:10px;min-height:48px}.topic-button>span:first-child{color:#9eb1c2;font-size:9px;font-weight:600}.topic-button strong{font-weight:500;display:block;font-size:10px}.topic-button small{font-size:8px;line-height:1.7;color:#a0afbd;display:block}.topic-button[aria-pressed=true]{border-color:#84aed4;background:#edf5fd;color:#2168ae}.topic-button[aria-pressed=true]>span:first-child{color:#2168ae}.page-footer{padding:21px 2px 0;display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px 18px;color:#8b9cab;font-size:10px;line-height:1.7}.page-footer p{margin:0}.page-footer p strong{font-weight:600;color:#758da2;margin-right:8px}.page-footer>div{display:flex;gap:17px}.page-footer a{color:#6f8da5}.page-footer .rights{flex-basis:100%;font-size:9px;color:#a1aebb}.viewer-overlay{position:absolute;inset:0;display:grid;place-items:center;z-index:8;background:#f3f7fbdd;backdrop-filter:blur(3px)}.loading-card,.error-card{text-align:center;padding:28px;max-width:370px}.loading-card strong,.error-card strong{display:block;font-size:15px;color:#4b6c89;font-weight:600}.loading-card p,.error-card p{font-size:11px;line-height:1.8;color:#8295a7;word-break:break-word}.spinner{display:block;width:28px;height:28px;margin:0 auto 18px;border:2px solid #d8e6f1;border-top-color:#4884b5;border-radius:50%;animation:spin 1s linear infinite}.error-card button{margin:10px 0;border:0;border-radius:8px;background:#246bad;color:white;font-size:12px;padding:10px 18px}.error-card .error-tip{font-size:10px}.visually-hidden{position:absolute;clip:rect(0,0,0,0);clip-path:inset(50%);width:1px;height:1px;overflow:hidden;white-space:nowrap}@keyframes spin{to{transform:rotate(360deg)}}@media(min-width:1600px){#viewer{height:690px}}@media(max-width:1120px){.page{padding:28px 24px 20px}.classroom{grid-template-columns:minmax(0,1fr) 305px;gap:16px}#viewer{height:594px}.hotspot{min-width:113px;max-width:140px;padding:8px 7px;gap:5px}.hotspot strong{font-size:11px}.hotspot small{font-size:8px}.viewer-toolbar{padding:14px 12px;gap:8px}.view-buttons button{padding:0 9px}.view-options{gap:10px}.lesson-detail{padding:8px 18px 18px}.view-name{display:none}}@media(max-width:880px){.classroom{grid-template-columns:1fr}.page{max-width:760px}#viewer{height:580px}.lesson-panel{display:grid;grid-template-columns:1fr 1fr}.lesson-topline{grid-column:1/-1;padding-bottom:8px}.lesson-detail{min-height:0}.topic-navigation{border-top:0;border-left:1px solid #e9eef3;padding-top:15px}.header-meta{gap:9px}.factory-pill{font-size:10px}.page-footer>p:first-child{flex-basis:100%}}@media(max-width:540px){.page{padding:20px 12px 16px}.page-header{margin-bottom:17px;gap:10px;align-items:flex-start}.eyebrow{font-size:9px;gap:6px;letter-spacing:.7px}.brand-mark{width:23px;height:23px;font-size:15px;border-radius:6px}h1{font-size:28px;margin:10px 0 6px;letter-spacing:-.6px}h1 span{display:block;font-size:20px;margin:1px 0 0;color:#8da1b3}.intro{font-size:11px}.header-meta{margin-top:5px}.factory-pill{padding:6px 8px;font-size:8px}.factory-pill i{width:4px;height:4px;margin-right:4px}.spec-summary{font-size:8px}.spec-summary b{margin:0 3px}.classroom{gap:14px}.model-panel,.lesson-panel{border-radius:13px}.model-heading{padding:15px 14px 0}.section-label{font-size:11px}#model-status{font-size:9px}#viewer{height:470px}.stage-watermark{font-size:110px;bottom:70px}.stage-watermark span{font-size:35px}.hotspot{min-width:0;max-width:96px;border-radius:8px;padding:6px 6px;gap:4px}.hotspot .number{width:19px;height:19px;border-radius:5px;font-size:8px}.hotspot strong{font-size:9px;white-space:normal;max-width:56px}.hotspot small{display:none}.view-hint{font-size:9px;bottom:12px}.view-hint>span:first-child{font-size:15px}.hint-divider{padding:0 6px}.viewer-toolbar{padding:11px 10px}.view-buttons{gap:1px;padding:2px}.view-buttons button{font-size:10px;padding:0 8px;min-height:28px}.labels-toggle{font-size:9px;gap:3px}.labels-toggle input{width:11px;height:11px}.reset-button{font-size:10px}.view-options{gap:9px}.lesson-panel{display:block}.lesson-topline{padding:17px 18px 10px}.lesson-detail{padding:8px 18px 19px}h2{font-size:23px}#lesson-summary{font-size:12px}.lesson-note{font-size:10px}.topic-navigation{border-left:0;border-top:1px solid #e9eef3;padding:16px 14px}#topic-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.topic-button{padding:10px;font-size:11px}.topic-button strong{font-size:11px}.topic-button small{font-size:9px}.page-footer{padding-top:18px;font-size:9px;gap:8px}.page-footer .rights{font-size:8px}}@media(max-width:360px){.page{padding-left:8px;padding-right:8px}.eyebrow{font-size:8px}.factory-pill{font-size:7px}#viewer{height:450px}.view-buttons button{padding:0 6px}.viewer-toolbar{gap:5px;padding:10px 8px}.view-options{gap:5px}.hotspot strong{font-size:8px}.hotspot{max-width:87px;padding:5px 4px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}