:root{color:#eaf0f6;font-synthesis:none;--muted:#8e9ba9;--accent:#91ded5;--line:#ffffff18;--panel:#101c2beb;background:#0d1621;font-family:Inter,-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,sans-serif}*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;color:inherit;background:0 0;border:0}button:focus-visible,a:focus-visible,#viewport:focus-visible{outline:2px solid var(--accent);outline-offset:4px}button:hover{color:#bcfff2}a{color:inherit;text-decoration:none}header{border-bottom:1px solid var(--line);z-index:10;background:#0d1621;justify-content:space-between;align-items:center;height:90px;padding:0 42px;display:flex;position:relative}.brand{letter-spacing:4px;align-items:center;gap:12px;font-size:24px;display:flex}.brand svg{stroke:#94dad3;stroke-width:1.4px;fill:none;width:32px;height:44px}.brand small{letter-spacing:2.8px;color:var(--muted);margin-top:6px;font-size:10px;display:block}.header-note{color:var(--muted);letter-spacing:2px;font-size:13px}.header-note i{opacity:.5;margin:0 14px}.header-actions{align-items:center;gap:24px;display:flex}.text-button{color:#b8c5d2;font-size:14px}.icon-button{border:1px solid #fff2;border-radius:7px;align-items:center;gap:8px;padding:9px 14px;font-size:21px;display:flex}.icon-button span{font-size:13px}main{height:calc(100dvh - 90px);min-height:560px;position:relative;overflow:hidden}#viewport{touch-action:none;background:radial-gradient(at 61% 42%,#36516b 0,#17293d 37%,#0e1825 76%);position:absolute;inset:0}#viewport canvas{width:100%;height:100%;display:block}.intro{pointer-events:none;width:260px;position:absolute;top:35px;left:42px}.intro>*{pointer-events:auto}.eyebrow{letter-spacing:2px;color:#afc4d5;align-items:center;gap:9px;font-size:11px;display:flex}.eyebrow>span{background:var(--accent);border-radius:50%;width:5px;height:5px}h1{letter-spacing:3px;margin:22px 0 12px;font-size:40px;font-weight:500;line-height:1.45}.lead{color:#a5b4c5;margin:0 0 25px;font-size:14px;line-height:1.9}.statistics{gap:35px;margin-bottom:30px;display:flex}.statistics b{letter-spacing:1px;font-size:27px;font-weight:400;display:block}.statistics b small{color:#a5b4c5;margin-left:4px;font-size:12px}.statistics span{color:#8d9eaf;margin-top:6px;font-size:11px;display:block}.section-label{color:#c4d2df;border-top:1px solid #ffffff17;justify-content:space-between;align-items:center;padding:19px 0 10px;font-size:13px;display:flex}.section-label span{letter-spacing:1.7px;color:#64788e;font-size:10px}nav{flex-direction:column;gap:4px;display:flex}nav button{text-align:left;color:#9db0c2;border:1px solid #0000;border-radius:6px;align-items:center;gap:12px;width:100%;padding:12px 14px;font-size:14px;display:flex}nav button .num{color:#687e92;font-size:11px}nav button .arrow{opacity:0;margin-left:auto}nav button.active{color:#aff8e9;background:#87dfd710;border-color:#87dfd732}nav button.active .arrow,nav button:hover .arrow{opacity:1}nav button.active .num{color:#7bc4b6}.download{color:#a2b1bf;border-top:1px solid #ffffff18;justify-content:space-between;width:100%;margin-top:22px;padding:14px 0;font-size:12px;display:flex}.download span{color:#677f95;letter-spacing:1px;font-size:11px}.detail{background:var(--panel);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid #7f9bbd35;border-radius:12px;width:280px;padding:25px 24px;position:absolute;top:30px;right:38px;box-shadow:0 14px 60px #0003}.detail[hidden]{display:none}.detail small{letter-spacing:2px;color:#76c4c1;font-size:10px}.detail h2{margin:13px 0;font-size:23px;font-weight:500}.detail p{color:#a8b9ca;margin:0 0 16px;font-size:14px;line-height:1.9}.detail #detail-meta{color:#c8e5e8;font-size:12px;line-height:1.8}.close{color:#a2b8c9;width:40px;height:40px;font-size:25px;position:absolute;top:8px;right:8px}.view-actions{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#142335cc;border:1px solid #60789355;border-radius:11px;flex-direction:column;padding:6px;display:flex;position:absolute;top:48%;right:38px}.view-actions button{color:#b7cedd;width:40px;height:42px;font-size:22px}.view-actions>span{background:#ffffff15;height:1px;margin:4px}.toolbar{white-space:nowrap;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#111e2de8;border:1px solid #8399ad3b;border-radius:12px;align-items:center;gap:6px;padding:8px;display:flex;position:absolute;bottom:55px;left:50%;transform:translate(-30%);box-shadow:0 10px 40px #0004}.toolbar button{color:#aebfce;border-radius:7px;align-items:center;gap:7px;padding:12px 13px;font-size:13px;display:flex}.toolbar button.active,.toolbar button[aria-pressed=true]:not([data-mode]){color:#aaf1df;background:#88c9bf19}.toolbar button[data-mode].active{color:#f0fff9;background:#547c72}.toolbar>i{background:#ffffff1c;width:1px;height:28px;margin:0 5px}.mode-control{background:#ffffff06;border-radius:9px;padding:3px;display:flex}.swatch{border-radius:50%;width:13px;height:13px;display:inline-block}.swatch.real{background:linear-gradient(135deg,#e6e7df,#6d898e)}.swatch.white{background:#e5e9e9}.swatch.wire{border:1px dashed #acbccf;border-radius:3px}footer{color:#7790a7;pointer-events:none;justify-content:space-between;font-size:11px;display:flex;position:absolute;bottom:18px;left:42px;right:38px}footer>span{align-items:center;gap:12px;display:flex}footer i{background:#82d3c6;border-radius:50%;width:5px;height:5px}footer b{color:#a2baca;font-weight:400}.drag-hint{margin-left:10px}.coordinates{letter-spacing:1px}.compass{color:#8ea8ba;flex-direction:column;align-items:center;font-size:11px;display:flex;position:absolute;bottom:155px;right:43px}.compass svg{width:34px;height:34px}.compass path{opacity:.7}#labels-layer{pointer-events:none;position:absolute;inset:0;overflow:hidden}.model-label{white-space:nowrap;color:#c3d5e4;background:#0a192bd6;border:1px solid #8babc035;border-radius:4px;align-items:center;gap:7px;padding:6px 10px;font-size:11px;display:flex;position:absolute;transform:translate(15px,-50%)}.model-label:before{content:"";background:#9ccfc4;border-radius:50%;width:4px;height:4px}#loading{z-index:20;background:#111c2a;flex-direction:column;justify-content:center;align-items:center;gap:20px;transition:opacity .5s;display:flex;position:absolute;inset:0}#loading.done{opacity:0;pointer-events:none}#loading b{letter-spacing:3px;font-size:18px;font-weight:400}#loading small{color:#71899e;font-size:13px}.spinner{border:1px solid #ffffff18;border-top-color:#8ce0d0;border-radius:50%;width:32px;height:32px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}dialog{color:#dae6ee;background:#142233;border:1px solid #69839766;border-radius:15px;width:calc(100% - 32px);max-width:620px;max-height:85dvh;padding:35px;overflow:auto;box-shadow:0 25px 120px #000a}dialog::backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#030a13bb}dialog h2{font-size:25px;font-weight:500}dialog p{color:#9fb4c7;font-size:14px;line-height:1.9}dialog>a{border-bottom:1px solid #ffffff14;justify-content:space-between;padding:16px 0;font-size:14px;display:flex}dialog>small{color:#7d99ad;margin-top:25px;font-size:11px;display:block}#source-images{gap:12px;display:flex}#source-images a{color:#8da9bd;flex:1;font-size:11px}#source-images img{object-fit:cover;border-radius:6px;width:100%;height:160px;margin:10px 0 6px}#toast{color:#d7f8ee;z-index:80;pointer-events:none;opacity:0;background:#213849;border:1px solid #89b6b8;border-radius:7px;padding:12px 20px;font-size:14px;transition:opacity .2s;position:fixed;bottom:120px;left:50%;transform:translate(-50%)}.immersive header,.immersive .intro,.immersive footer,.immersive .detail{display:none}.immersive main{height:100dvh;min-height:0}.immersive .toolbar{bottom:24px;left:50%;transform:translate(-50%)}.immersive .header-actions{position:fixed}.immersive .view-actions{top:25px;right:25px}.immersive .compass{display:none}.immersive #exit-full{display:block}#exit-full{z-index:100;color:#e2eeee;background:#142335c9;border:1px solid #9cb7bf66;border-radius:8px;padding:11px 17px;font-size:14px;display:none;position:fixed;top:24px;left:24px}@media (min-height:920px){.intro{top:55px}nav button{padding-top:15px;padding-bottom:15px}h1{margin-top:32px;font-size:46px}.lead{margin-bottom:35px}.statistics{margin-bottom:40px}}@media (max-height:780px) and (min-width:801px){header{height:74px}main{height:calc(100dvh - 74px)}.intro{top:24px}h1{margin:14px 0 8px;font-size:30px}.lead{margin-bottom:18px;font-size:13px}.statistics{margin-bottom:15px}.statistics b{font-size:23px}nav button{padding:9px 12px}.download{margin-top:12px;padding-top:10px}.section-label{padding-top:12px}.toolbar{bottom:47px}}@media (max-width:1100px){.intro{width:225px;left:25px}header{padding:0 25px}.toolbar{transform:translate(-36%)}.toolbar button{padding:11px 9px;font-size:12px}.detail{width:248px;right:24px}.view-actions{right:24px}.coordinates{display:none}}@media (max-width:800px){header{height:70px;padding:0 19px}.brand{letter-spacing:2px;gap:8px;font-size:21px}.brand svg{width:26px;height:37px}.brand small{letter-spacing:2px;font-size:9px}.header-note{display:none}.header-actions{gap:13px}.text-button{font-size:12px}.icon-button{padding:6px 10px;font-size:22px}.icon-button span{display:none}main{height:calc(100dvh - 70px);min-height:480px}.intro{pointer-events:none;width:100%;top:0;left:0}.intro .eyebrow,.intro h1,.intro .lead,.intro .statistics,.intro .section-label,.intro .download{display:none}nav{scrollbar-width:none;background:linear-gradient(#0e1825cf,#0e182500);flex-direction:row;gap:7px;padding:13px 16px;display:flex;overflow-x:auto}nav button{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#142336aa;border:1px solid #7492ad28;flex-shrink:0;width:auto;padding:10px 13px;font-size:13px}nav button .num,nav button .arrow{display:none}.toolbar{border-radius:12px;flex-wrap:wrap;justify-content:center;gap:2px;padding:7px;display:flex;bottom:43px;left:14px;right:14px;transform:none}.toolbar button{padding:10px;font-size:12px}.toolbar>i{display:none}.mode-control{background:0 0;justify-content:center;width:100%;margin-bottom:3px}.mode-control button{padding:10px 18px;font-size:13px}.view-actions{padding:3px;top:37%;right:16px}.view-actions button{width:35px;height:39px}.compass{display:none}.detail{width:auto;max-height:34dvh;padding:19px 22px;inset:auto 16px 165px;overflow:auto}.detail h2{margin:8px 0;font-size:20px}.detail p{margin-bottom:9px;font-size:13px;line-height:1.7}.detail small{font-size:9px}.detail #detail-meta{font-size:11px}footer{font-size:10px;bottom:14px;left:18px;right:18px}.drag-hint{margin-left:0;font-size:10px}.model-label{padding:5px 7px;font-size:10px}.immersive .toolbar{bottom:16px;left:14px;right:14px;transform:none}.immersive .view-actions{top:75px;right:15px}dialog{padding:30px 23px}#source-images img{height:125px}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}