*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden}body{font-family:Arial,"Microsoft YaHei",sans-serif;background:#e9edf1;color:#21354b}#stage{position:absolute;inset:0}canvas{display:block;touch-action:none}header{position:absolute;top:34px;left:40px;right:40px;display:flex;gap:15px;align-items:center;pointer-events:none}.mark{font-size:35px;color:#164296;border:1px solid #8195b0;width:54px;height:54px;text-align:center;line-height:54px;border-radius:50%}.mark span{font-size:19px;vertical-align:top}.brand{font-size:12px;letter-spacing:2px;font-weight:700}.brand span{font-weight:400;color:#6f8095;font-size:9px;letter-spacing:1.3px}h1{font-size:30px;margin:5px 0 3px;letter-spacing:1px}header p{font-size:12px;margin:0;color:#64768b}.version{margin-left:auto;font-size:9px;letter-spacing:1.6px;color:#6b7e95;align-self:flex-start}.version b{font-size:20px;margin-left:10px;color:#2d486c}.intro{position:absolute;top:180px;left:42px;pointer-events:none}.intro>span{font-size:10px;letter-spacing:2px;color:#3f6ca6}.intro h2{font-size:21px;font-weight:500;margin:14px 0}.intro p{font-size:12px;line-height:1.8;color:#6e7f92}nav{position:absolute;bottom:76px;left:50%;transform:translateX(-50%);display:flex;gap:6px;padding:7px;background:#f7f9fbec;border:1px solid #fff;border-radius:13px;box-shadow:0 8px 32px #29436115;white-space:nowrap}button{font-family:inherit;cursor:pointer;background:transparent;border:0;padding:13px 16px;border-radius:8px;color:#405974;font-size:12px}button:hover{background:#e4eaf1}button:focus-visible{outline:2px solid #1e53a0;outline-offset:2px}button:disabled{opacity:.38;cursor:wait}button#toggle{background:#174993;color:white;min-width:145px}button#toggle span{margin-left:16px}button[aria-pressed=true]{background:#d6e4f2}footer{position:absolute;left:42px;right:42px;bottom:26px;display:flex;align-items:center;gap:24px;font-size:10px;color:#7b8998}footer #foot-state{color:#385d87}footer i{font-style:normal;margin:0 13px}footer a{margin-left:auto;color:#506c8c;text-decoration:none}#load-status{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);padding:13px 23px;border-radius:9px;background:#fff;box-shadow:0 4px 30px #344e6920;color:#345777;font-size:13px}#webgl-error{position:absolute;top:45%;left:20%;right:20%;background:white;padding:30px;line-height:1.8;border-radius:12px}#play{display:none}body[data-mode=interior] #play{display:block}@media(max-width:700px){header{top:24px;left:22px;right:22px;gap:11px}.mark{width:42px;height:42px;line-height:42px;font-size:29px}.brand{font-size:10px;letter-spacing:1px}.brand span{display:none}h1{font-size:26px}header p{font-size:10px}.version{font-size:8px}.version b{font-size:16px}.intro{top:136px;left:24px}.intro h2{font-size:18px;margin:9px 0}.intro p{font-size:11px;line-height:1.65}.intro>span{font-size:9px}nav{bottom:78px;max-width:calc(100% - 24px);gap:2px;padding:5px;flex-wrap:wrap;justify-content:center;width:max-content}button{padding:11px 12px;font-size:11px}button#toggle{min-width:135px}footer{bottom:21px;left:23px;right:23px;gap:6px;flex-wrap:wrap;font-size:8px}footer span:nth-child(2){width:100%;order:3}footer i{margin:0 6px}#webgl-error{left:6%;right:6%;font-size:13px}}
.demo-entry{position:absolute;top:112px;right:40px;padding:12px 18px;border-radius:9px;background:#174993;color:white;text-decoration:none;font-size:12px;box-shadow:0 4px 18px #29436120}.demo-entry:hover{background:#123e80}.demo-entry:focus-visible{outline:2px solid #1e53a0;outline-offset:3px}.demo-entry span{margin-left:14px}@media(max-width:700px){.demo-entry{top:auto;bottom:160px;right:22px;padding:10px 13px;font-size:11px}}