*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{color:#cfe6ff;background:radial-gradient(at 50% 30%,#10233f 0%,#060d1c 70%);font-family:Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;overflow:hidden}.page{flex-direction:column;justify-content:center;align-items:center;gap:14px;height:100%;padding:12px;display:flex}.frame{border-radius:14px;line-height:0;overflow:hidden;box-shadow:0 0 0 3px #8cc8ff40,0 24px 70px #000000a6,0 0 60px #5aa0ff1f}canvas{background:#0b1e3a;width:min(96vw,177.778vh - 160px);height:auto}.hint{letter-spacing:.5px;color:#7f9cc4;-webkit-user-select:none;user-select:none;text-align:center;font-size:13px}