:root{font-family:"Microsoft YaHei","PingFang SC",system-ui,sans-serif;color:#17384e;background:#edf2f5;font-synthesis:none;--ink:#17384e;--muted:#718793;--brand:#126e9e;--line:rgba(32,73,98,.12);--ease:cubic-bezier(.2,.7,.2,1)}
*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden}button,input{font:inherit;-webkit-tap-highlight-color:transparent}button{color:inherit;cursor:pointer;border:0}button:focus-visible,input:focus-visible,#viewport:focus-visible{outline:2px solid #1787bd;outline-offset:4px}button:disabled{opacity:.45;cursor:wait}svg{display:block;width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;flex:none}.icon-library{position:absolute;width:0;height:0;overflow:hidden}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
#viewport{position:absolute;inset:0;touch-action:pan-y;outline:none}#viewport canvas{display:block;width:100%;height:100%;outline:none}.ui{position:fixed;z-index:3;pointer-events:none}.ui button,.ui input,.ui label{pointer-events:auto}
.masthead{top:27px;left:32px;right:32px;display:flex;justify-content:space-between;align-items:center;gap:20px}.brand-lockup{display:flex;align-items:center;gap:19px}.brand-logo{width:101px;height:auto;object-fit:contain}.brand-divider{width:1px;height:37px;background:#cbd9e1}.product-heading h1{font-size:20px;line-height:1.4;letter-spacing:.025em;font-weight:600;margin:5px 0 0}.eyebrow{display:flex;align-items:center;gap:7px;font-size:10px;line-height:1.2;letter-spacing:.12em;color:var(--muted);margin:0}.three-badge{font-size:8px;letter-spacing:.04em;font-weight:600;color:#2a7193;border:1px solid #9ebfcf;border-radius:3px;line-height:13px;padding:0 3px}.utilities{display:flex;align-items:center;gap:2px;border:1px solid rgba(255,255,255,.9);border-radius:13px;padding:4px;background:rgba(250,253,255,.8);backdrop-filter:blur(15px);box-shadow:0 3px 18px rgba(27,64,88,.04)}.utility-button,.icon-button{display:flex;align-items:center;justify-content:center;gap:7px;height:35px;background:transparent;border-radius:9px;transition:background .2s,color .2s}.utility-button{font-size:11px;padding:0 11px}.icon-button{width:35px}.utility-button:hover,.icon-button:hover{background:#fff;color:#126e9e}.utility-button[aria-pressed=true]{color:#126e9e;background:#e7f1f7}.utility-divider{width:1px;height:17px;background:var(--line);margin:0 3px}.utilities svg{width:18px;height:18px}
.view-caption{top:120px;left:37px;display:flex;gap:12px;max-width:260px}.caption-line{width:2px;height:34px;background:linear-gradient(#408fae,#b6cdd8);margin-top:4px;flex:none}.view-caption h2{margin:0 0 6px;font-size:16px;line-height:1.4;font-weight:500;letter-spacing:.02em}.view-caption p{margin:0;font-size:11px;line-height:1.8;color:var(--muted);max-width:240px}
.bottom-ui{bottom:max(21px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:11px;width:min(700px,calc(100% - 48px))}.gesture-hint{display:flex;align-items:center;gap:6px;max-width:100%;padding:6px 12px;background:rgba(244,249,252,.9);border:1px solid rgba(255,255,255,.9);border-radius:18px;color:#56798d;font-size:10px;line-height:1.5;box-shadow:0 2px 10px rgba(32,66,89,.04);backdrop-filter:blur(10px);transition:background .2s,color .2s}.gesture-hint svg{width:13px;height:13px}.gesture-hint:hover{background:#fff;color:#126e9e}body[data-interacting=true] .gesture-hint{background:#176e98;color:#fff;border-color:#4b93b4}
.control-dock{width:100%;padding:7px 10px 10px;background:rgba(251,253,255,.92);border:1px solid #fff;border-radius:18px;box-shadow:0 12px 35px rgba(33,66,87,.1),0 1px 3px rgba(28,56,77,.04);backdrop-filter:blur(20px);pointer-events:auto}.view-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;padding-bottom:7px;border-bottom:1px solid var(--line)}.view-tabs button{min-height:47px;display:flex;justify-content:center;align-items:center;gap:8px;padding:7px 9px;border-radius:11px;background:transparent;color:#56758a;font-size:12px;line-height:1.4;white-space:nowrap;transition:background .25s var(--ease),color .2s,box-shadow .2s}.view-tabs svg{width:22px;height:22px;stroke-width:1.4}.view-tabs button:hover{background:#eaf3f8;color:#126e9e}.view-tabs button[aria-pressed=true],.view-tabs button.active{background:#155f88;color:#fff;box-shadow:0 3px 9px rgba(21,88,125,.17)}.view-tabs button[aria-pressed=true] svg,.view-tabs button.active svg{color:#d3ecf9}.detail-controls{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:10px 5px 0}.cover-toggle{display:flex;align-items:center;gap:6px;min-height:29px;padding:0 9px;background:#edf3f7;color:#54768b;border-radius:8px;font-size:10px;white-space:nowrap;transition:background .2s,color .2s}.cover-toggle svg{width:15px;height:15px}.cover-toggle i{width:5px;height:5px;margin-left:5px;border-radius:50%;background:#a4b7c2}.cover-toggle:hover{background:#e3eff6;color:#126e9e}.cover-toggle[aria-pressed=true]{background:#dfeff7;color:#126e9e}.cover-toggle[aria-pressed=true] i{background:#2189b8;box-shadow:0 0 0 3px #cce6f2}.explode-control{display:flex;align-items:center;gap:11px;flex:1;max-width:320px;color:#6a8595;font-size:10px;white-space:nowrap}.explode-control input{width:100%;min-width:50px;flex:1;margin:0;height:20px;accent-color:#1a719e;cursor:ew-resize}.explode-control output{font-size:10px;min-width:30px;font-variant-numeric:tabular-nums;text-align:right;color:#476e85}
.model-hotspot{position:absolute;z-index:2;display:flex;align-items:center;gap:6px;white-space:nowrap;padding:6px 10px;border-radius:18px;border:1px solid #fff;background:rgba(248,252,254,.94);color:#347896;font-size:10px;box-shadow:0 3px 16px rgba(27,66,90,.1);backdrop-filter:blur(10px)}.model-hotspot:hover{background:#fff;color:#126e9e}.model-hotspot span{display:grid;place-items:center;min-width:18px;min-height:18px;border:1px solid #a7c9d8;border-radius:50%;font-size:13px}
.loading-screen,.fallback{position:fixed;inset:0;z-index:20;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 50% 43%,#fcfdfe,#edf2f5 70%)}.loading-content{width:min(250px,65vw);text-align:center;padding-bottom:45px}.loading-content img{width:100px;height:auto;opacity:.9}.loading-title{font-size:14px;font-weight:400;letter-spacing:.06em;margin:28px 0 19px}.loading-track{height:3px;width:100%;overflow:hidden;background:#dae5eb;border-radius:3px}.loading-track span{display:block;width:0;height:100%;background:#2085b2;transition:width .25s var(--ease)}.loading-note{font-size:10px;letter-spacing:.03em;color:#849aa8;margin-top:12px}.fallback{z-index:21;text-align:center;background:rgba(239,245,249,.97)}.fallback>div{padding:25px;max-width:95%}.fallback svg{width:36px;height:36px;color:#7199af;margin:0 auto 20px}.fallback h2{font-size:17px;font-weight:500}.fallback p{color:var(--muted);font-size:12px;line-height:1.8}.fallback button{margin-top:10px;background:#176e98;color:#fff;border-radius:9px;font-size:12px;padding:10px 25px}
.fallback-preview{display:block;max-width:100%;height:auto;mix-blend-mode:multiply;margin:0 auto 16px;border-radius:12px}
body[data-interacting=false] #viewport,body[data-interacting=false] #viewport canvas{touch-action:pan-y;cursor:pointer}body[data-interacting=true] #viewport,body[data-interacting=true] #viewport canvas{touch-action:none;cursor:grab}body.capture .ui,body.capture #loading,body.capture #fallback,body.capture .model-hotspot{display:none!important}
@media(min-width:1400px){.masthead{left:44px;right:44px;top:31px}.view-caption{left:49px;top:133px}.bottom-ui{bottom:25px}}
@media(max-width:800px){.masthead{top:21px;left:22px;right:22px;gap:15px}.brand-lockup{gap:14px}.brand-logo{width:85px}.brand-divider{height:33px}.product-heading h1{font-size:17px}.eyebrow{font-size:9px}.utility-button{width:34px;padding:0}.utility-button>span{display:none}.utilities{padding:3px}.icon-button{width:32px;height:34px}.view-caption{left:27px;top:109px;max-width:230px}.view-caption h2{font-size:15px}.view-caption p{font-size:10px;max-width:205px}.bottom-ui{bottom:max(17px,env(safe-area-inset-bottom));width:min(650px,calc(100% - 32px));gap:9px}}
@media(max-width:560px){.masthead{top:max(17px,env(safe-area-inset-top));left:17px;right:14px;align-items:flex-start;gap:8px}.brand-lockup{gap:10px}.brand-logo{width:64px}.brand-divider{height:30px}.product-heading h1{font-size:14px;letter-spacing:0;margin-top:4px}.eyebrow{font-size:8px;letter-spacing:.07em;gap:5px}.three-badge{font-size:7px;line-height:11px;padding:0 2px}.utilities{padding:2px;border-radius:10px;gap:0}.utilities svg{width:16px;height:16px}.utility-button,.icon-button{width:27px;height:28px;border-radius:7px}.utility-divider{display:none}.view-caption{left:20px;top:102px;gap:9px;max-width:210px}.caption-line{height:30px}.view-caption h2{font-size:14px;margin-bottom:5px}.view-caption p{font-size:9px;line-height:1.7;max-width:190px}.bottom-ui{bottom:max(12px,env(safe-area-inset-bottom));width:calc(100% - 24px);gap:8px}.gesture-hint{font-size:9px;padding:5px 10px;gap:5px}.gesture-hint svg{width:12px;height:12px}.control-dock{padding:5px 6px 9px;border-radius:15px}.view-tabs{gap:3px;padding-bottom:6px}.view-tabs button{flex-direction:column;gap:5px;min-height:59px;font-size:10px;padding:7px 2px;border-radius:10px}.view-tabs svg{width:22px;height:22px}.detail-controls{gap:12px;padding:9px 3px 0}.cover-toggle{font-size:9px;padding:0 6px;gap:4px;min-height:28px}.cover-toggle svg{width:13px;height:13px}.cover-toggle i{width:4px;height:4px;margin-left:2px}.explode-control{gap:7px;font-size:9px;max-width:none}.explode-control input{min-width:25px}.explode-control output{font-size:9px;min-width:26px}.loading-content{padding-bottom:70px}.model-hotspot{padding:5px 8px;font-size:9px}}
@media(max-width:375px){.masthead{left:13px;right:12px}.brand-logo{width:54px}.brand-lockup{gap:8px}.product-heading h1{font-size:12px}.eyebrow{font-size:7px}.utility-button,.icon-button{width:24px}.utilities svg{width:15px;height:15px}.detail-controls{gap:8px}.cover-toggle{font-size:8px;padding:0 5px}.cover-toggle svg{display:none}.explode-control{gap:5px;font-size:8px}.view-tabs button{font-size:9px}}
@media(max-height:560px) and (min-width:561px){.masthead{top:14px;left:20px;right:20px}.brand-logo{width:75px}.brand-divider{height:29px}.product-heading h1{font-size:16px}.eyebrow{font-size:8px}.view-caption{top:91px;left:25px}.view-caption p{font-size:10px;max-width:190px}.bottom-ui{bottom:10px;gap:5px;width:min(650px,calc(100% - 40px))}.gesture-hint{font-size:9px;padding:4px 10px}.control-dock{padding:5px 8px 7px;border-radius:14px}.view-tabs button{min-height:37px;font-size:11px}.view-tabs svg{width:18px;height:18px}.detail-controls{padding-top:6px}.cover-toggle{min-height:25px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition-duration:.01ms!important;animation-duration:.01ms!important}}