:root{color-scheme:dark;--bg:#141717;--panel:#1c2020;--line:#3c4441;--text:#eceee7;--muted:#a8b2aa;--accent:#d1b581}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.5 -apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif}header,main,footer{max-width:1500px;margin:auto;padding-left:40px;padding-right:40px}header{padding-top:26px;padding-bottom:24px;display:flex;align-items:center;justify-content:space-between}.eyebrow{font-size:11px;letter-spacing:2.5px;color:var(--accent);margin:0 0 6px}h1{font-size:27px;letter-spacing:2px;font-weight:500;margin:0}h1 span{font-size:15px;font-weight:400;letter-spacing:1px;color:var(--muted);margin-left:20px}.edition{font-size:12px;border:1px solid var(--line);border-radius:20px;padding:6px 13px;color:var(--muted)}button{font:inherit;cursor:pointer;min-height:44px;border:1px solid var(--line);background:transparent;color:var(--text);border-radius:7px;padding:9px 16px;transition:background .18s,color .18s,border-color .18s}button:hover{background:#303733;border-color:#778477}button:focus-visible{outline:2px solid var(--accent);outline-offset:4px}button[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:#171c18}.switcher{display:flex;gap:10px;margin-bottom:18px}.switcher button{display:flex;align-items:center;gap:15px;min-width:250px;padding:12px 18px;text-align:left}.switcher small{opacity:.7;font-size:12px}.switcher span{font-weight:550}.switcher em{font-style:normal;font-size:12px;opacity:.75}.stage{height:clamp(400px,65vh,850px);position:relative;border:1px solid var(--line);border-radius:14px;background:radial-gradient(ellipse at 50% 45%,#373e39 0%,#222925 48%,#191e1c 100%);overflow:hidden}model-viewer{display:block;width:100%;height:100%;--progress-bar-color:var(--accent)}.model-label{position:absolute;top:20px;left:22px;display:flex;align-items:center;gap:8px;z-index:1;font-size:13px;color:#cdd4cb;pointer-events:none}.dot{width:6px;height:6px;background:var(--accent);border-radius:50%}.stage-foot{position:absolute;bottom:18px;left:22px;right:22px;display:flex;justify-content:space-between;gap:12px;color:var(--muted);font-size:12px;pointer-events:none}#loading{position:absolute;inset:0;display:flex;gap:16px;align-items:center;justify-content:center;flex-direction:column;background:#1c221fe8;color:var(--text);z-index:2}#loading[hidden]{display:none}.track{width:200px;height:3px;border-radius:3px;background:#414c45;overflow:hidden}.track i{display:block;height:100%;width:0;background:var(--accent);transition:width .2s}.toolbar{display:flex;justify-content:space-between;gap:15px;padding:17px 0}.views,.actions{display:flex;gap:8px}.toolbar button{font-size:13px;min-width:64px}footer{color:var(--muted);display:flex;justify-content:space-between;padding-top:12px;padding-bottom:20px;font-size:11px;letter-spacing:1.5px}button[hidden]{display:none}@media(max-width:650px){header,main,footer{padding-left:16px;padding-right:16px}header{padding-top:20px;padding-bottom:20px}h1{font-size:23px}h1 span{font-size:13px;margin-left:12px}.edition{display:none}.eyebrow{font-size:10px}.switcher{gap:8px}.switcher button{min-width:0;flex:1;gap:9px;flex-wrap:wrap;padding:10px 12px}.switcher em{width:100%;padding-left:24px;font-size:11px}.switcher span{font-size:14px}.stage{height:56vh;min-height:360px}.model-label{top:15px;left:16px}.stage-foot{bottom:14px;left:16px;right:16px;flex-direction:column;gap:4px;font-size:11px}.toolbar{flex-wrap:wrap;gap:10px}.toolbar button{padding:9px 13px}.actions{margin-left:auto}footer{font-size:10px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}
