:root{font-family:"MiSans","Microsoft YaHei","PingFang SC",sans-serif;color:#283142;background:#f4f5f7;font-synthesis:none}*{box-sizing:border-box}body{margin:0}main{height:100svh;min-height:500px;position:relative;overflow:hidden;background:#f4f5f7;transition:background .2s}header{position:absolute;z-index:2;top:0;left:0;right:0;padding:32px 40px;display:flex;justify-content:space-between;align-items:flex-start;pointer-events:none}header>*{pointer-events:auto}h1{font-size:25px;line-height:1.1;letter-spacing:.03em;margin:0;font-weight:650}header p{font-size:13px;color:#6c7584;margin:10px 0 0}button{font:inherit;font-size:13px;min-height:42px;border:1px solid #dce0e7;border-radius:9px;padding:0 18px;background:#ffffffcf;color:inherit;cursor:pointer;transition:background .15s,border-color .15s}button:hover{background:#fff;border-color:#9ba5b7}button:focus-visible{outline:3px solid #7186ad;outline-offset:3px}button[aria-pressed=true]{background:#344156;color:#fff;border-color:#344156}.quiet{background:transparent;border-color:transparent;padding:0 10px}model-viewer{position:absolute;left:0;right:0;top:82px;bottom:145px;width:100%;height:auto;--poster-color:transparent;outline:none}footer{position:absolute;bottom:0;left:0;right:0;padding:16px 24px 23px;text-align:center;pointer-events:none}footer>*{pointer-events:auto}.hint{font-size:12px;color:#727c8a;margin:0 0 14px}nav{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.finish{font-size:11px;color:#9299a4;margin:15px 0 0;display:flex;gap:7px;align-items:center;justify-content:center}.finish span{width:8px;height:8px;background:#626b7d;border-radius:50%}#loading{position:absolute;top:45%;left:50%;transform:translate(-50%,-50%);width:190px;font-size:12px;color:#6c7584}#loading span{display:flex;justify-content:space-between}#loading b{font-weight:400}.track{height:2px;background:#dce0e7;margin-top:12px}.track i{display:block;width:0;height:100%;background:#566780;transition:width .2s}#loading.done{display:none}#error{position:absolute;top:42%;left:20px;right:20px;text-align:center;font-size:14px}body.dark{color:#e3e8ef;background:#23272e}body.dark main{background:#23272e}body.dark header p,body.dark .hint{color:#a2aab7}body.dark button{background:#333b47;color:#e3e8ef;border-color:#4a5464}body.dark button[aria-pressed=true]{background:#e0e5ed;color:#283142;border-color:#e0e5ed}body.dark .quiet{background:transparent;border-color:transparent}@media(max-width:600px){header{padding:24px 20px}h1{font-size:22px}header p{font-size:12px;margin-top:8px}button{padding:0 12px;font-size:12px;min-height:42px}nav{gap:6px}.desktop{display:none}model-viewer{top:88px;bottom:167px}footer{padding:12px 14px max(20px,env(safe-area-inset-bottom))}.finish{margin-top:13px}.hint{font-size:11px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important}}