:root{color-scheme:dark;--bg:#111514;--gold:#c6a677;--text:#e6e6dd;--muted:#828a85;--line:#ffffff12;font-family:'Microsoft YaHei','PingFang SC',sans-serif;font-synthesis:none}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-size:12px;overflow:hidden}button,a,input{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer;border:0;background:none;transition:color .2s,background .2s}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--gold);outline-offset:5px}button:hover{color:var(--gold)}a{text-decoration:none;color:inherit}[hidden]{display:none!important}.topbar{height:90px;padding:0 40px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:relative;z-index:4;background:#121615}.brand{display:flex;align-items:center;gap:13px;font-size:23px;letter-spacing:3px}.brand-mark{font-size:42px;color:var(--gold);font-family:Georgia;line-height:1}.brand b{font-family:Georgia;font-size:20px;font-weight:400;letter-spacing:4px;margin-left:8px}.brand small{display:block;font:8px Consolas,monospace;letter-spacing:2.2px;color:var(--muted);margin-top:7px}.topbar nav{display:flex;height:100%;gap:40px}.nav{position:relative;letter-spacing:2px;color:#8b938e;padding:0 5px}.nav.active{color:var(--gold)}.nav.active:after{content:'';position:absolute;bottom:0;left:5px;right:5px;height:2px;background:var(--gold)}.nav span{margin-left:8px}.help-button{color:#a6ada6;display:flex;align-items:center;gap:15px}.help-button span{border:1px solid #697169;width:20px;height:20px;border-radius:50%;line-height:18px}main{height:calc(100dvh - 164px);min-height:560px;position:relative}#viewport{position:absolute;inset:0;overflow:hidden;outline:0;background:radial-gradient(ellipse at 52% 42%,#30382f 0%,#1c2420 26%,#111715 58%,#111514 76%)}#canvas{position:absolute;inset:0;width:100%;height:100%;z-index:1;touch-action:none}.ambient-ring{position:absolute;width:550px;height:550px;border-radius:50%;border:1px solid #bca67b09;top:45%;left:51%;transform:translate(-50%,-50%);box-shadow:0 0 0 75px #bca67b03,0 0 0 150px #bca67b02;pointer-events:none}.intro{position:absolute;left:42px;top:45px;width:270px;z-index:2;pointer-events:none}.intro button,.intro a{pointer-events:auto}.eyebrow{font:9px Consolas,monospace;letter-spacing:1.9px;color:var(--gold);display:flex;align-items:center;gap:10px}.eyebrow>span{width:18px;height:1px;background:var(--gold)}h1{font-family:'Songti SC','STSong','SimSun',serif;font-size:54px;line-height:1.32;letter-spacing:3px;font-weight:400;margin:26px 0 18px}h1 span{color:var(--gold)}.intro-text{color:#939c94;line-height:2.1;font-size:12px;letter-spacing:1px}.edition{font:10px Consolas,monospace;letter-spacing:2.4px;color:#b7bbae;margin-top:23px}.edition span{color:#626b61;margin:0 9px}.intro-line{width:34px;height:1px;background:#6e6752;margin:26px 0}.model-id{font:10px Consolas,monospace;letter-spacing:1.5px;color:#7c887e}.model-id b{color:#cacbbf;font-size:16px;font-weight:400;margin-left:8px}.model-id>span{font:9px 'Microsoft YaHei';margin-left:10px;color:#68786a}.specs{display:grid;grid-template-columns:1fr 1fr;gap:22px 16px;margin-top:24px}.specs div:last-child{display:none}.specs strong{display:block;font-family:Georgia;font-size:28px;font-weight:400;letter-spacing:1px;color:#d8dccf}.specs strong small{font-size:13px;margin-left:5px}.specs div>span{display:block;font-size:10px;color:#7e8a7f;margin-top:7px}.tour-button{margin-top:29px;background:var(--gold);color:#171d18;height:44px;padding:0 18px;width:228px;text-align:left;letter-spacing:1px}.tour-button:hover{background:#e0c499;color:#111}.tour-button>span{margin-right:12px;font-size:17px}.tour-button b{float:right;font-size:19px;font-weight:400}.tour-note{font-size:9px;letter-spacing:1.8px;margin-top:11px;color:#748273}.finish{margin-top:32px}.tiny{font:9px Consolas,monospace;letter-spacing:1px;color:#788377}.finish>div{display:flex;gap:10px;align-items:center;margin-top:12px}.swatch{width:17px;height:17px;border-radius:50%;background:var(--swatch);padding:0;box-shadow:inset 0 0 0 2px #ffffff10}.swatch.active{outline:1px solid var(--gold);outline-offset:4px}.finish>div>span{font-size:10px;color:#9aa28f;margin-left:8px}.control-panel{position:absolute;z-index:3;right:32px;top:34px;width:246px;padding:21px 20px 14px;background:#191e1bdc;border:1px solid #ffffff10;box-shadow:0 12px 40px #00000012;backdrop-filter:blur(14px)}.panel-title{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:19px;letter-spacing:1px}.panel-title small{font:8px Consolas,monospace;letter-spacing:1.5px;color:#6f7b70}.control-row{display:flex;align-items:center;justify-content:space-between;margin-top:19px;font-size:11px}.control-row small{display:block;font:9px Consolas,monospace;color:#727e72;margin-top:5px}.switch{height:19px;width:33px;border-radius:20px;background:#3c453b;padding:3px}.switch i{display:block;width:13px;height:13px;border-radius:50%;background:#899486;transition:transform .2s}.switch.on{background:#a48e64}.switch.on i{background:#e8ddc8;transform:translateX(14px)}.slider-head{display:flex;justify-content:space-between;margin-top:25px;font-size:10px;align-items:center}.slider-head output{color:var(--gold);font:10px Consolas}.range-ends{display:flex;justify-content:space-between;color:#7b8976;font-size:9px;margin-top:4px}input[type=range]{appearance:none;width:100%;height:2px;display:block;margin:17px 0;background:linear-gradient(to right,var(--gold) var(--pct,0%),#475044 var(--pct,0%));accent-color:var(--gold);cursor:pointer}input[type=range]::-webkit-slider-thumb{appearance:none;width:10px;height:10px;border-radius:50%;background:#d3b681;box-shadow:0 0 0 4px #c6a67714}.speed-heading{margin-top:23px}.speed-options{display:flex;border:1px solid var(--line);padding:3px;margin-top:12px}.speed-options button{flex:1;height:25px;font:10px Consolas;color:#84917f}.speed-options .active{color:var(--gold);background:#c6a67715}.part-section{margin-top:23px;border-top:1px solid var(--line);padding-top:18px}.part-heading{display:flex;justify-content:space-between;font-size:10px}.part-heading small{font:8px Consolas;color:#7d8c76}.part-button{display:flex;width:100%;align-items:center;height:30px;color:#9ca795;text-align:left;font-size:10px;padding:0 3px}.part-button:first-child{margin-top:10px}.part-button>span{font:9px Consolas;color:#7d8d73;margin-right:14px}.part-button>i{font-style:normal;margin-left:auto;color:#829579}.part-button.active{color:var(--gold);background:#c6a6770b}.panel-foot{display:flex;align-items:center;gap:6px;border-top:1px solid var(--line);padding-top:13px;margin-top:10px;font-size:9px;color:#83957d}.panel-foot #fps{margin-left:auto;font:8px Consolas;color:#798b71}.status-dot{display:inline-block;width:5px;height:5px;background:#a4b58a;border-radius:50%;box-shadow:0 0 8px #a4b58a22}.scene-caption{position:absolute;top:24px;left:calc(50% - 150px);z-index:2;display:flex;align-items:center;gap:10px;font:8px Consolas;letter-spacing:1.7px;color:#82937a;pointer-events:none}.slash{color:#495f44}.scene-hint{position:absolute;bottom:25px;left:50%;transform:translateX(-50%);z-index:2;color:#7e8b78;white-space:nowrap;font-size:10px;letter-spacing:1px;pointer-events:none}.scene-hint i{font-style:normal;color:#485642;margin:0 12px}.scene-hint>span{margin-right:10px;color:#b2b99f}.axis{position:absolute;left:330px;bottom:30px;z-index:2;width:45px;height:50px;opacity:.5;font:9px Consolas}.axis i{position:absolute;left:19px;top:16px;width:1px;height:26px;background:#7c8c71;transform:rotate(15deg)}.axis i:after{content:'';position:absolute;top:18px;left:-8px;width:34px;height:1px;background:#7c8c71;transform:rotate(-35deg)}.axis span{position:absolute;left:22px;top:1px}.axis b{position:absolute;bottom:1px;left:0;font-weight:400}.axis em{position:absolute;right:0;bottom:14px;font-style:normal}.view-tools{position:absolute;right:296px;bottom:70px;z-index:3;display:flex;flex-direction:column;gap:3px;border:1px solid #ffffff0c;background:#171e19b0;padding:4px}.view-tools button{width:32px;height:32px;font-size:20px;color:#9caa91}.view-tools span{height:1px;background:var(--line);margin:3px 5px}footer{height:74px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 40px;background:#121615;position:relative;z-index:4}.view-tabs{display:flex;gap:7px}.view-tabs button{padding:10px 16px;color:#7f8b7a;font-size:11px}.view-tabs button span{margin-right:9px;font-size:17px}.view-tabs .active{color:var(--gold);background:#c6a67710;border:1px solid #c6a67728}.footer-note{font:8px Consolas;letter-spacing:2.8px;color:#73826b}.render-info{font:8px Consolas;letter-spacing:1.4px;color:#7c8b73;display:flex;align-items:center;gap:9px}.render-info i{font-style:normal;color:#4a6042}#labels{position:absolute;inset:0;z-index:2;pointer-events:none}.label{position:absolute;left:0;top:0;color:#b9c2ab;font-size:9px;letter-spacing:1px;white-space:nowrap;pointer-events:auto;display:flex;align-items:center;padding:7px 9px;background:#162018c9;border:1px solid #b4c49a20;backdrop-filter:blur(3px)}.label:before{content:'';width:5px;height:5px;border-radius:50%;background:var(--gold);margin-right:8px}.label span{color:#889d7e;font:8px Consolas;margin-right:8px}.label.active{border-color:var(--gold);color:var(--gold)}#detail{position:absolute;z-index:5;left:50%;bottom:65px;transform:translateX(-50%);width:340px;background:#1b251fef;border:1px solid #b9ab7d48;backdrop-filter:blur(20px);padding:23px 26px;box-shadow:0 20px 60px #0006}#close-detail{position:absolute;right:10px;top:8px;font-size:24px;color:#99ab8f}#detail h2{font-family:'SimSun',serif;font-weight:400;font-size:23px;margin:12px 0}#detail p{font-size:11px;color:#a0ae96;line-height:1.9}#focus-part{font-size:10px;color:var(--gold);padding:5px 0}#loading,#webgl-error{position:absolute;inset:0;z-index:6;background:#111714;display:flex;align-items:center;justify-content:center;flex-direction:column;color:var(--gold);letter-spacing:3px}#loading.done{opacity:0;pointer-events:none;transition:opacity .7s}#loading small{font:9px Consolas;letter-spacing:3px;color:#74846c}.loader-ring{width:50px;height:50px;border:1px solid #c6a67730;border-top-color:var(--gold);border-radius:50%;animation:spin 2s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}#webgl-error p{letter-spacing:0;color:#9eaa96}#webgl-error button{border:1px solid var(--gold);padding:10px 20px}#flight-controls{position:absolute;z-index:5;left:50%;bottom:60px;transform:translateX(-50%);display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px;background:#17211bed;padding:12px 18px;border:1px solid #c6a67735;max-width:550px;width:max-content;font-size:10px}#flight-controls b{color:var(--gold)}#flight-controls span{color:#84937a;font-size:9px}#exit-flight{color:var(--gold)}dialog{background:#17201b;color:#d6decd;border:1px solid #c6a67740;max-width:550px;width:calc(100% - 32px);padding:40px}dialog::backdrop{background:#030b07c7;backdrop-filter:blur(8px)}dialog h2{font:30px 'SimSun',serif;margin:25px 0}dialog p{line-height:1.9;color:#a4b09a;font-size:12px}dialog b{color:var(--gold);margin-right:8px}dialog small{font-size:10px;line-height:1.9;color:#71816a;display:block;margin-top:25px}.dialog-close{position:absolute;right:13px;top:10px;font-size:24px}#toast{position:fixed;bottom:90px;left:50%;transform:translate(-50%,10px);z-index:10;background:#283428;border:1px solid #c6a67738;padding:12px 22px;opacity:0;pointer-events:none;transition:.25s;color:#d4d6be;font-size:11px}#toast.show{opacity:1;transform:translate(-50%,0)}#touch-flight{position:fixed;z-index:6;bottom:148px;left:15px;display:grid;grid-template-columns:repeat(3,38px);gap:4px}#touch-flight button{background:#2b382acf;border:1px solid #c6a67740;height:35px;touch-action:none}
@media(min-height:850px){.intro{top:65px}.control-panel{top:50px}.specs{gap:24px}.specs div:last-child{display:block}.finish{margin-top:35px}.control-row{margin-top:23px}.part-button{height:33px}}
@media(max-height:760px) and (min-width:901px){main{min-height:500px}.topbar{height:74px}main{height:calc(100dvh - 134px)}footer{height:60px}.intro{top:26px}h1{font-size:44px;margin-top:18px}.intro-line{margin:17px 0}.edition{margin-top:15px}.specs{margin-top:18px}.tour-button{margin-top:19px}.finish{margin-top:20px}.control-panel{top:15px;padding-top:15px}.panel-title{padding-bottom:12px}.control-row{margin-top:12px}.slider-head{margin-top:17px}.part-section{margin-top:15px;padding-top:12px}.part-button{height:26px}.panel-foot{padding-top:9px}.scene-caption{top:15px}}
@media(max-width:1150px){.topbar{padding:0 24px}.topbar nav{gap:22px}.intro{left:25px;width:220px}h1{font-size:45px}.control-panel{right:20px;width:214px;padding-left:15px;padding-right:15px}.view-tools{right:247px}.axis{left:260px}.footer-note{display:none}.scene-caption{left:42%;font-size:7px;letter-spacing:1px}}
@media(max-width:900px){body{overflow:auto}.topbar{height:76px;padding:0 20px}.brand{font-size:19px}.brand b{font-size:15px;letter-spacing:2px}.brand small{font-size:7px;letter-spacing:1.2px}.brand-mark{font-size:33px}.topbar nav{display:none}.help-button{font-size:10px;gap:7px}main{height:auto;min-height:0;display:flex;flex-direction:column;padding-top:690px}#viewport{height:690px;bottom:auto}.intro{top:27px;left:25px;width:230px}.eyebrow{font-size:8px}h1{font-size:36px;margin:15px 0}.intro-text{font-size:10px;margin:0}.edition{font-size:8px;margin-top:14px}.intro-line,.model-id,.specs,.finish,.tour-note{display:none}.tour-button{margin-top:17px;width:180px;height:37px;font-size:10px;padding:0 13px}.control-panel{position:relative;right:auto;top:auto;width:auto;margin:0 20px 22px;padding:20px;display:grid;grid-template-columns:1fr 1fr;column-gap:25px}.panel-title,.part-section,.panel-foot{grid-column:1/-1}.control-row{margin-top:18px}.control-row:nth-of-type(4){grid-column:1}.slider-head{margin-top:20px}.slider-head:has(+input){grid-column:2;grid-row:2;align-self:start}#explode{grid-column:2;grid-row:2;margin-top:50px}.range-ends{grid-column:2;grid-row:3;margin-top:0}.speed-heading{grid-column:1;grid-row:5}.speed-options{grid-column:2;grid-row:5;align-self:center}.part-section{margin-top:22px}#part-list{display:grid;grid-template-columns:1fr 1fr;gap:0 16px;margin-top:10px}.part-button:first-child{margin-top:0}.scene-caption{top:25px;right:20px;left:auto;writing-mode:vertical-rl;font-size:7px}.scene-caption .status-dot{margin-bottom:4px}.view-tools{right:20px;bottom:67px}.scene-hint{bottom:25px;font-size:9px;width:100%;text-align:center;letter-spacing:0}.scene-hint i{margin:0 7px}.axis{left:22px;bottom:40px}footer{position:sticky;bottom:0;height:62px;padding:0 12px;justify-content:center}.render-info{display:none}.view-tabs{width:100%;justify-content:space-between;gap:0}.view-tabs button{padding:8px 15px;font-size:10px}#detail{position:fixed;bottom:90px;width:calc(100% - 40px);max-width:370px}#flight-controls{position:fixed;bottom:84px;width:calc(100% - 30px)}#flight-controls span{display:none}.ambient-ring{width:350px;height:350px;top:60%}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}.loader-ring{animation:none}}
.control-panel{max-height:calc(100% - 68px);overflow-y:auto;scrollbar-width:thin;scrollbar-color:#5b624c transparent}@media(max-height:760px) and (min-width:901px){.control-panel{max-height:calc(100% - 30px)}.control-row{margin-top:10px}.part-button{height:23px}.slider-head{margin-top:15px}.part-section{margin-top:10px}.panel-foot{margin-top:6px;padding-top:8px}}@media(max-width:900px){.control-panel{max-height:none;overflow:visible}}
.label-leaders{position:absolute;inset:0;width:100%;height:100%;overflow:hidden;pointer-events:none}.label-leaders path{fill:none;stroke:#c6a677;stroke-opacity:.38;stroke-width:.7}.label{min-height:28px}@media(max-width:900px){.control-panel .switch{position:relative}.control-panel .switch:after{content:"";position:absolute;inset:-10px -5px}.part-button{min-height:36px}.speed-options button{height:32px}.view-tabs button{min-height:44px}}
@media(max-width:900px){.scene-hint{bottom:10px}}
.quality-section{border-top:1px solid var(--line);margin-top:18px}.quality-section .slider-head{margin-top:15px}.quality-options{margin-top:10px}.quality-options button{font-family:inherit;font-size:10px}#render-size{font:9px Consolas;color:#9cab9f}#macro-view{display:flex;justify-content:space-between;border:1px solid #c6a67735;width:100%;padding:10px 12px;margin-top:11px;font-size:10px;color:var(--gold);background:#c6a67709}.reference-credit{font-size:10px}.reference-credit a{color:var(--gold);text-decoration:underline}@media(max-width:900px){.quality-section{grid-column:1/-1}.quality-options button{height:34px}}
.specs{grid-template-columns:.65fr 1fr .8fr;gap:12px}.specs strong{font-size:24px}.specs div:last-child{display:block}.specs div>span{font-size:9px;line-height:1.6;min-height:28px}@media(min-height:850px){.intro{top:48px}.specs{gap:12px}.finish{margin-top:28px}}