:root{--night:#28322e;--paper:#ddd7c8;--ink:#2b3532;--muted:#425047;--light:#ece7d8;--amber:#e8a05a;--line:#a2aa9a;color-scheme:dark}
*{box-sizing:border-box}html{scrollbar-color:#68776e var(--night)}body{margin:0;background:var(--night);color:var(--light);font:19px/1.75 KingHwa,'Songti SC',SimSun,serif;font-synthesis:none}h1,h2,p,figure{margin:0}h1,h2,strong{font-weight:400}h1,h2{text-wrap:balance;line-height:1.3}a{color:inherit;text-underline-offset:.3em}button{font:inherit;cursor:pointer;touch-action:manipulation}a:focus-visible,button:focus-visible,model-viewer:focus-visible{outline:3px solid var(--amber);outline-offset:5px}::selection{background:var(--amber);color:var(--night)}[hidden]{display:none!important}.skip{position:absolute;top:-90px;left:24px;padding:10px 18px;background:var(--paper);color:var(--ink);z-index:5}.skip:focus{top:12px}
.case-header{max-width:1280px;margin:auto;padding:28px 40px;display:flex;justify-content:space-between;align-items:center;gap:20px;border-bottom:1px solid #68776e;font-size:17px}.case-header a{min-height:44px;display:flex;align-items:center}.case-header span{color:#c9cfbf}main{max-width:1280px;margin:auto;padding:48px 40px 0}.intro{margin-bottom:34px}.intro h1{font-size:clamp(36px,4.2vw,56px)}.intro p{margin-top:16px;color:#c9cfbf;font-size:20px;max-width:60ch}
.comparison{display:grid;grid-template-columns:minmax(220px,.72fr) minmax(0,1.55fr);background:var(--paper);color:var(--ink);color-scheme:light;padding:28px;gap:30px}.reference{display:flex;flex-direction:column}.reference-image{display:flex;align-items:center;justify-content:center;flex:1;background:#fff;min-height:350px}.reference img{display:block;width:100%;height:430px;object-fit:contain;max-width:100%}.reference figcaption{padding-top:16px}.reference strong{display:block;font-size:23px;line-height:1.4}.reference figcaption span{display:block;color:var(--muted);font-size:16px;margin-top:6px}.model-study{min-width:0}.model-stage{height:430px;background:#eee;position:relative;overflow:hidden}.model-stage>img{display:block;width:100%;height:100%;object-fit:cover}#model-mount,model-viewer{display:block;width:100%;height:100%}#model-mount{position:absolute;inset:0;background:#eee}model-viewer{--progress-bar-color:#73562f;--progress-bar-height:3px}.stage-label{position:absolute;top:14px;left:16px;pointer-events:none;background:#eeeeeedd;color:#425047;padding:3px 8px;font-size:14px}.model-caption{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-top:17px}.model-caption h2{font-size:25px}.model-caption p{font-size:16px;color:var(--muted);margin-top:6px}.load-model{min-height:44px;padding:8px 17px;background:var(--night);color:var(--light);border:1px solid var(--night);flex-shrink:0}.load-model:hover{background:#415248}.load-model:disabled{opacity:.65;cursor:wait}.view-controls{display:flex;gap:12px;margin-top:18px;flex-wrap:wrap}.view-controls button{min-width:64px;min-height:44px;padding:6px 15px;background:transparent;border:1px solid #667368;color:var(--ink)}.view-controls button[aria-pressed=true]{background:#435549;color:var(--light);border-color:#435549}.view-controls button:hover{border-color:var(--ink)}.comparison button:focus-visible{outline-color:#815020}.load-status{font-size:15px;color:var(--muted);margin-top:12px;min-height:27px}
.notes{display:grid;grid-template-columns:1fr 1fr;gap:64px;padding:44px 0 40px;border-bottom:1px solid #68776e}.notes h2{font-size:28px}.notes p{color:#c9cfbf;margin-top:15px;max-width:45ch;font-size:18px}.case-footer{padding:32px 0 12px;font-size:18px}.case-footer a{display:inline-block;min-height:44px;padding:6px 0;color:#e8bb85}.case-footer small{display:block;font-size:15px;color:#c9cfbf;margin-top:6px}.page-share{color:#c9cfbf}
@media(min-width:1280px){.reference-image{max-height:430px}}
@media(max-width:900px){.case-header{padding:20px 24px}main{padding:34px 24px 0}.comparison{padding:20px;gap:20px;grid-template-columns:minmax(180px,.75fr) minmax(0,1.2fr)}.model-caption{flex-direction:column;gap:12px}.reference img,.model-stage{height:370px}.notes{gap:30px}.intro p{font-size:18px}}
@media(max-width:600px){body{font-size:17px}.case-header{padding:14px 20px;font-size:15px;gap:12px}.case-header span{text-align:right}main{padding:30px 20px 0}.intro{margin-bottom:25px}.intro p br{display:none}.comparison{grid-template-columns:1fr;padding:16px;gap:28px}.reference-image{min-height:0}.reference img{height:270px}.reference figcaption{padding-top:12px}.reference strong{font-size:21px}.reference figcaption span{font-size:15px}.model-stage{height:340px}.model-caption h2{font-size:24px}.model-caption{gap:14px}.model-caption p{font-size:15px}.load-model{width:100%}.notes{grid-template-columns:1fr;gap:28px;padding:32px 0}.notes h2{font-size:26px}.notes p{font-size:17px}.case-footer{font-size:17px}.stage-label{font-size:13px;left:10px;top:10px}.load-status{font-size:14px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}