:root{color-scheme:dark;font-family:"Microsoft YaHei UI",system-ui,sans-serif;background:#03070d}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#02050a}body{display:grid;place-items:center}#shell{position:relative;width:100vw;height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 50% 30%,#172b3a,#02050a 72%)}canvas{width:min(100vw,177.78vh);height:min(56.25vw,100vh);display:block;box-shadow:0 0 80px #000;touch-action:none}.panel{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(620px,88vw);padding:42px 46px;text-align:center;background:linear-gradient(180deg,rgba(7,16,26,.92),rgba(2,7,13,.97));border:1px solid rgba(177,225,245,.35);box-shadow:0 22px 80px #000,0 0 35px rgba(121,205,236,.13) inset;clip-path:polygon(4% 0,96% 0,100% 8%,100% 92%,96% 100%,4% 100%,0 92%,0 8%)}.panel:before{content:"";display:block;width:74px;height:2px;margin:0 auto 22px;background:linear-gradient(90deg,transparent,#c9efff,transparent)}h1,h2{margin:6px 0 12px;font-family:Georgia,"Noto Serif SC",serif;font-weight:400;letter-spacing:.12em;font-size:clamp(38px,6vw,68px);color:#edfaff;text-shadow:0 0 22px #82cbe0}.panel p{color:#adc4cf;line-height:1.8}.eyebrow{font-size:12px;letter-spacing:.36em;color:#6ca4b9!important}.keys{display:flex;flex-wrap:wrap;gap:10px 18px;justify-content:center;margin:24px 0}.keys span{font-size:13px;color:#afc5cf}.keys kbd{display:inline-grid;place-items:center;min-width:28px;height:28px;margin-right:4px;border:1px solid #54798a;border-bottom-width:3px;border-radius:4px;background:#102331;color:#e7faff}button{border:1px solid #8fc5d8;background:rgba(35,80,97,.45);color:#e8fbff;padding:12px 30px;font:600 15px inherit;letter-spacing:.14em;cursor:pointer;transition:.18s}button:hover{background:#376f82;box-shadow:0 0 24px rgba(117,210,240,.35)}.hidden{display:none!important}#touch{display:none;position:absolute;inset:auto 18px 18px;justify-content:space-between;pointer-events:none}#touch>div{display:flex;gap:8px}#touch button{width:58px;height:58px;padding:0;border-radius:50%;pointer-events:auto;background:rgba(6,20,30,.58)}@media(pointer:coarse){#touch{display:flex}.panel{padding:28px 24px}.keys{display:none}}