:root{font-family:Inter,Segoe UI,Microsoft YaHei,sans-serif;color:#142231;background:#f4f6f8;font-synthesis:none;--orange:#ed6a21;--muted:#77818e;--line:#e5e9ee}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer;color:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #ef9a67;outline-offset:3px}button{border:0;background:none}button:disabled{opacity:.35;cursor:not-allowed}header{height:76px;background:#fff;border-bottom:1px solid #edf0f3;display:flex;align-items:center;justify-content:space-between;padding:0 36px;gap:30px}.brand{font-size:27px;letter-spacing:-1.2px;font-weight:850;color:var(--orange)}nav{display:flex;align-self:stretch;gap:34px}nav button{font-size:15px;position:relative;padding:0 5px;white-space:nowrap}nav button.active{color:var(--orange);font-weight:650}nav button.active:after{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;border-radius:2px;background:var(--orange)}.maker{font-size:13px;white-space:nowrap}.maker span{padding:0 7px;color:#aab2ba}main{max-width:1600px;padding:26px 32px 0;margin:auto}.page-title{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:23px}h1{font-size:36px;letter-spacing:-1.1px;line-height:1.3;margin:0 0 9px;font-weight:750}.subtitle{display:flex;gap:24px;align-items:center;color:#647080;font-size:18px}.notice{font-size:12px;background:#fff0e4;color:#b8561f;padding:7px 12px;border-radius:5px}.series{text-align:right;font-size:13px;line-height:1.9;color:#516072}.series span{font-size:11px;color:#8b94a1}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 335px;gap:14px}.viewer{position:relative;background:#fff;border-radius:12px;overflow:hidden;min-width:0;height:560px}.model-host{position:absolute;inset:0;touch-action:none}.model-host canvas{display:block;width:100%;height:100%;outline:none}.viewer-top{position:absolute;top:18px;left:20px;right:20px;display:flex;align-items:center;justify-content:space-between;gap:10px;pointer-events:none}.viewer-top>*{pointer-events:auto}.segmented{display:flex;background:#f1f4f7;border:1px solid #e8edf0;border-radius:25px;padding:4px}.segmented button{font-size:13px;padding:9px 20px;border-radius:24px}.segmented button.active{background:var(--orange);color:#fff;box-shadow:0 3px 9px #ed6a2122}.canvas-note{font-size:11px;color:#929ba6}.viewer-bottom{position:absolute;bottom:22px;left:20px;right:20px;display:flex;align-items:center;justify-content:space-between;gap:15px;pointer-events:none}.viewer-bottom>*{pointer-events:auto}.tool-group{display:flex;background:#ffffffef;border:1px solid var(--line);border-radius:9px;box-shadow:0 3px 12px #23344205}.tool-group button{display:flex;align-items:center;gap:7px;padding:13px 15px;font-size:13px}.tool-group button+button{border-left:1px solid #edf0f2}.tool-group button.on{color:var(--orange)}.explode-control{display:flex;align-items:center;gap:12px;background:#fffffff0;padding:14px 17px;border:1px solid var(--line);border-radius:9px;font-size:12px}.explode-control input{width:120px}.explode-control span{color:#8a95a3;min-width:30px;text-align:right}input[type=range]{accent-color:var(--orange);cursor:pointer;height:5px}input[type=checkbox]{accent-color:var(--orange);width:15px;height:15px}.display-options{position:absolute;left:24px;bottom:88px;display:flex;gap:18px;color:#74818d;font-size:11px}.display-options label{display:flex;align-items:center;gap:5px}.model-tag{position:absolute;z-index:2;transform:translate(-50%,-50%);border:1px solid #e6b48e;background:#fffaf5ee;color:#914819;border-radius:18px;padding:6px 12px;font-size:12px;box-shadow:0 3px 10px #2221;white-space:nowrap}.model-tag.selected{background:var(--orange);color:#fff}.viewer-message{position:absolute;left:15%;right:15%;top:45%;text-align:center;font-size:14px;color:#697988;background:#fffd;padding:20px;border-radius:10px}.inspector{background:#fff;border-radius:12px;padding:23px 22px;min-width:0;min-height:560px}h2{font-size:23px;line-height:1.35;margin:0 0 13px;letter-spacing:-.4px}.inspector p{font-size:13px;color:#657282;line-height:1.85;margin:0 0 16px}.inspector>small{font-size:10px;color:#95a0ab;display:block;margin-top:13px;line-height:1.7}.part-list{display:flex;flex-direction:column;gap:9px;margin:15px 0}.part-row{display:flex;align-items:center;width:100%;background:#f7f9fb;border:1px solid #f0f3f6;border-radius:9px;padding:10px 9px;text-align:left;position:relative;transition:.2s}.part-row:hover{background:#fff6ef;border-color:#f3d3bd}.part-no{position:absolute;left:8px;top:8px;background:#fff0e5;color:var(--orange);font-size:10px;padding:2px 4px;border-radius:4px}.part-glyph{width:68px;height:54px;margin:0 10px;flex-shrink:0}.part-row strong{display:block;font-size:15px}.part-row small{display:block;font-size:10px;letter-spacing:.5px;color:#83909c;margin-top:5px}.part-row>svg:last-child{margin-left:auto;width:14px}.primary,.secondary{display:inline-flex;align-items:center;justify-content:center;gap:11px;font-size:14px;border-radius:8px;padding:13px 22px;min-height:46px}.primary{background:var(--orange);color:#fff}.primary:hover{background:#d65d1b}.secondary{border:1px solid #cdd4dd;background:#ffffffc9}.secondary:hover:not(:disabled){border-color:var(--orange);color:var(--orange)}.full{width:100%;margin-top:6px}.full svg{margin-left:auto}.steps{display:flex;padding:17px 20px;background:#fff;margin-top:14px;border-radius:12px;gap:0}.steps button{display:flex;align-items:center;gap:13px;flex:1;padding:0;text-align:left;color:#677383;font-size:13px;white-space:nowrap}.step-dot{display:flex;justify-content:center;align-items:center;min-width:36px;height:36px;border-radius:50%;background:#edf0f3;color:#596777;font-size:13px}.steps button.active{color:var(--orange);font-weight:600}.steps button.active .step-dot{background:var(--orange);color:#fff}.steps i{height:1px;background:#d7dde4;flex:1;margin:0 15px 0 4px}.steps button:last-child{flex:.85}.steps button:last-child i{display:none}.playback{display:flex;justify-content:center;align-items:center;gap:15px;margin:19px 0 0;position:relative}.play{min-width:190px}.secondary{min-width:140px}.replay{font-size:12px;color:#6f7d8c;display:flex;gap:6px;align-items:center}.seek{display:flex;justify-content:center;align-items:center;gap:12px;font-size:11px;color:#788390;margin:18px auto 0;max-width:390px}.seek input{flex:1;min-width:0}.seek>span:last-child{width:32px;text-align:right}footer{display:flex;justify-content:space-between;color:#939eaa;font-size:10px;padding:22px 1px 18px}.footer-divider{margin:0 12px;color:#ccd1d8}.step-number{color:var(--orange);font-size:38px;font-weight:650;letter-spacing:-1px;margin-bottom:15px}.step-number span{font-size:13px;font-weight:400;color:#9ba4af;letter-spacing:0}.subhead{color:#9b6b4e!important;margin-top:-7px!important;font-size:12px!important}.lesson-points{padding:9px 0 15px;border-bottom:1px solid var(--line)}.lesson-points>div{display:flex;gap:9px;font-size:12px;line-height:1.7;margin-bottom:11px}.lesson-points svg{color:#ed6a21;flex-shrink:0;width:15px}.pending{margin:18px 0;background:#fff8f1;border-left:2px solid #edb78f;padding:12px 13px;font-size:11px;line-height:1.8;color:#8a725f}.pending strong,.pending span{display:block}.pending strong{font-size:12px;font-weight:550;margin-bottom:4px}.row-link{width:100%;display:flex;align-items:center;justify-content:space-between;font-size:12px;padding:15px 0;color:var(--orange)}.check-row{display:flex;align-items:flex-start;gap:8px;font-size:12px;line-height:1.8;margin-bottom:12px}.check-row input{flex-shrink:0;margin-top:4px}.back-link{display:flex;align-items:center;gap:5px;font-size:12px;color:#7d8894;padding:0}.detail-graphic{height:92px;display:flex;align-items:center;justify-content:center;background:#f7f9fb;margin:14px 0;border-radius:7px}.detail-graphic .part-glyph{width:115px;height:86px}.en-name{font-size:10px;color:#929eaa;letter-spacing:1.6px;text-transform:uppercase;display:block;margin-bottom:6px}.search{display:flex;align-items:center;gap:7px;padding:10px;border:1px solid var(--line);border-radius:7px;color:#94a0ad}.search input{border:0;outline:0;width:100%;font-size:12px;min-width:0}.sources{background:#fff;padding:32px;border-radius:12px}.sources>div>p{font-size:14px;color:#7c8794}.source-layout{display:grid;grid-template-columns:1fr 300px;gap:45px;margin-top:25px}.source-list>a{display:flex;gap:20px;text-decoration:none;color:inherit;padding:20px 0;border-top:1px solid var(--line)}.source-index{font-size:18px;color:var(--orange);padding-top:2px}.source-list h3{font-size:17px;margin:7px 0 8px}.source-list small{color:#8a95a1;font-size:11px}.source-list p{font-size:13px;color:#6f7b89;line-height:1.9;margin:0 0 9px;max-width:650px}.source-domain{font-size:11px;color:#bb652f;display:flex;align-items:center;gap:8px}.source-aside{background:#f7f9fb;padding:22px;border-radius:10px;height:fit-content}.source-aside h3{font-size:17px;margin:0 0 22px}.source-aside dt{font-size:12px;font-weight:650;margin-top:18px}.source-aside dd{font-size:12px;color:#758291;line-height:1.8;margin:6px 0 0}.source-aside p{font-size:11px;line-height:1.9;color:#9aa4ae;margin-top:23px}@media(min-width:1450px){main{padding-top:29px}.viewer,.inspector{height:620px}.workspace{grid-template-columns:minmax(0,1fr) 385px}.inspector{padding:26px}.inspector p{font-size:15px}.part-row{padding:15px 12px}.part-glyph{width:78px;height:61px}.part-row strong{font-size:17px}h1{font-size:42px}.steps{padding:19px 23px}.steps button{font-size:14px}.step-dot{min-width:42px;height:42px}.primary,.secondary{font-size:15px}.part-list{gap:10px}}@media(max-width:1100px){header{padding:0 24px;gap:15px}nav{gap:20px}.brand{font-size:23px}.maker{font-size:11px}main{padding:22px 20px 0}.workspace{grid-template-columns:minmax(0,1fr) 290px}.inspector{padding:20px 17px}.viewer,.inspector{min-height:540px;height:540px}.canvas-note{display:none}.explode-control{gap:7px;padding:12px}.explode-control input{width:70px}.tool-group button{padding:12px 10px}.series{display:none}h1{font-size:31px}.steps button{gap:8px;font-size:11px}.steps i{margin:0 8px}.step-dot{min-width:30px;height:30px}.source-layout{grid-template-columns:1fr 260px;gap:25px}}@media(max-width:760px){header{height:auto;min-height:100px;padding:16px 18px 0;flex-wrap:wrap;gap:12px}.brand{font-size:22px}.maker{margin-left:auto}nav{order:3;width:100%;justify-content:space-between;gap:10px;height:43px}nav button{font-size:13px}main{padding:20px 14px 0}.page-title{margin-bottom:15px}h1{font-size:25px;letter-spacing:-.6px;margin-bottom:10px}.subtitle{font-size:14px;gap:10px;align-items:flex-start;flex-direction:column}.notice{font-size:10px;padding:6px 9px}.workspace{display:flex;flex-direction:column;gap:12px}.viewer{height:410px;min-height:410px}.viewer-top{top:13px;left:12px;right:12px}.segmented button{font-size:12px;padding:8px 16px}.viewer-bottom{left:12px;right:12px;bottom:15px;gap:8px;flex-wrap:wrap}.tool-group button{padding:10px 9px;font-size:11px;gap:4px}.tool-group svg{width:15px}.explode-control{padding:11px 9px;font-size:10px;gap:6px}.explode-control input{width:55px}.explode-control span{min-width:24px}.display-options{bottom:68px;left:14px;font-size:10px}.inspector{height:auto;min-height:0;padding:22px}.inspector h2{font-size:22px}.part-list{display:grid;grid-template-columns:1fr 1fr;gap:8px}.part-row{padding:10px 5px}.part-glyph{width:43px;height:45px;margin:0 7px}.part-row strong{font-size:13px}.part-row small{font-size:9px}.part-no{font-size:8px;left:4px;top:5px}.steps{overflow-x:auto;gap:20px;padding:16px;margin-top:12px}.steps button{flex:none!important;font-size:12px;gap:8px}.steps i{display:none}.playback{gap:9px;flex-wrap:wrap}.primary,.secondary{font-size:13px;padding:12px 14px;min-width:0}.play{min-width:136px}.replay{flex-basis:100%;justify-content:center;padding:3px}.seek{padding:0 10px}.sources{padding:22px 18px}.source-layout{display:block}.source-aside{margin-top:25px}.source-list>a{gap:12px}.sources h2{font-size:23px}.sources>div>p{line-height:1.8;font-size:12px}.source-list h3{font-size:15px}.source-list p{font-size:12px}footer{font-size:9px;gap:14px;line-height:1.8}.footer-divider{margin:0 4px}}@media(min-width:1450px){.inspector{height:auto;min-height:620px}}@media(max-width:760px){.model-host{inset:48px 0 125px}.viewer-bottom{display:grid;grid-template-columns:1fr;gap:7px}.tool-group{width:max-content}.explode-control{width:100%}.explode-control input{flex:1;width:auto;min-width:0}.display-options{bottom:113px;background:#ffffffed;border-radius:5px;padding:3px 4px;gap:14px}}:root{color:#f4f5f3;background:#1c1f1f;--orange:#fedb00;--muted:#a6adaa;--line:#3c4141;color-scheme:dark}header{background:#1c1f1f;border-color:#363b3b}.brand{color:#fedb00}.maker{color:#c0c6c3}.maker span{color:#737d78}nav button{color:#c2c7c5}nav button.active{color:#fedb00}h1{color:#f7f8f5;font-weight:650}.subtitle{color:#b5bdb9}.series{color:#c3cac6}.series span{color:#99a49e}.notice{background:transparent;color:#c6c09b;border:1px solid #555441;border-radius:3px}.viewer{background:#efefef;border-radius:8px;color:#232626}.inspector{background:#232626;border:1px solid #3c4141;border-radius:8px}.inspector p{color:#b3bcb7}.inspector>small{color:#98a39c}.segmented{background:#e1e4e1;border-color:#d0d5d0;border-radius:5px}.segmented button{color:#505b53;border-radius:3px}.segmented button.active{background:#232626;color:#fedb00;box-shadow:none}.canvas-note{color:#626e65}.tool-group,.explode-control{background:#f8f9f6f5;border-color:#d1d7d1;border-radius:5px;color:#344239;box-shadow:none;color-scheme:light}.tool-group button+button{border-color:#d8dcd8}.tool-group button.on{color:#232626;background:#fedb00}.explode-control span{color:#57635a}.viewer input[type=range],.viewer input[type=checkbox]{accent-color:#48584c}.display-options{color:#526057;background:#eff1edeb;padding:3px 5px;border-radius:3px}.part-row{background:#292e2e;border-color:#3c4141;border-radius:5px;color:#f1f4f0}.part-row:hover{background:#333b36;border-color:#8b8750}.part-row small{color:#adb8b0}.part-no{background:transparent;color:#fedb00}.part-glyph>g{fill:#b8c3ba;stroke:#75877b}.detail-graphic{background:#dfe4de;border-radius:5px}.en-name{color:#afbcb2}.primary{background:#fedb00;color:#1c1f1f;border-radius:5px;font-weight:600}.primary:hover{background:#ffeb00}.secondary{background:transparent;border-color:#69736b;color:#e7eee8;border-radius:5px}.secondary:hover:not(:disabled){border-color:#fedb00;color:#fedb00}.replay,.seek{color:#b3beb5}.steps{background:#232626;border:1px solid #3c4141;border-radius:8px}.steps button{color:#b6c1b9}.step-dot{background:#343c36;color:#c3ccc5}.steps button.active{color:#fedb00}.steps button.active .step-dot{background:#fedb00;color:#1c1f1f}.steps i{background:#4c5750}.step-number,.row-link,.lesson-points svg{color:#fedb00}.step-number span{color:#a2aea5}.subhead{color:#c6ccad!important}.pending{background:#2d312a;border-color:#87824c;color:#c8cfbe}.pending strong{color:#e0e4cc}.back-link{color:#b2beb5}.check-row{color:#c8d1ca}.search{border-color:#5b675e;background:#292e2e;color:#b5c1b7}.search input{background:transparent;color:#eff4ed}.search input::placeholder{color:#a4b1a7}.sources{background:#232626;border:1px solid #3c4141;border-radius:8px}.sources>div>p,.source-list p{color:#bac5bc}.source-list small{color:#acb9ae}.source-domain{color:#fedb00}.source-aside{background:#292e2e;border-radius:5px}.source-aside dd{color:#bac5bc}.source-aside p{color:#a4b1a7}.model-tag{border-color:#858750;background:#f1f3e9ef;color:#334237;box-shadow:0 3px 10px #1112}.model-tag.selected{background:#fedb00;color:#1c1f1f}.viewer-message{color:#39473f;background:#f4f5f1ee}footer{color:#9ea9a1}.footer-divider{color:#66756a}button:focus-visible,a:focus-visible,input:focus-visible{outline-color:#fedb00}.viewer button:focus-visible,.viewer input:focus-visible{outline-color:#455d4c}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}.viewer{background:#252b31;color:#edf1f3;border:1px solid #444d54}.segmented{background:#1c2329;border-color:#4b565f}.segmented button{color:#d8e0e5}.segmented button.active{background:#fedb00;color:#1c1f1f}.canvas-note{color:#b9c5ce}.tool-group,.explode-control{background:#1b2229f5;border-color:#4b565f;color:#e4ebef;color-scheme:dark;box-shadow:0 4px 16px #00000020}.tool-group button+button{border-color:#4b565f}.tool-group button.on{color:#1c1f1f;background:#fedb00}.tool-group button:hover:not(.on){background:#35414b}.explode-control span{color:#c8d3db}.viewer input[type=range],.viewer input[type=checkbox]{accent-color:#fedb00}.display-options{color:#d4dfe6;background:#1b2229ed;border:1px solid #46535c;padding:5px 7px}.model-tag{border-color:#697784;background:#1c252ef5;color:#edf3f7;box-shadow:0 3px 12px #00000035}.model-tag.selected{background:#fedb00;color:#1c1f1f;border-color:#fedb00}.viewer-message{color:#dce5eb;background:#1b2229f5;border:1px solid #4b565f}.viewer button:focus-visible,.viewer input:focus-visible{outline-color:#fedb00}