*{box-sizing:border-box}body{margin:0;background:#080f16;color:#e6e9e7;font-family:'PingFang SC','Microsoft YaHei',sans-serif}header{height:76px;margin:0 5%;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #ffffff15}header a{color:inherit;text-decoration:none;font-weight:600;letter-spacing:.15em}header span,footer{font-size:11px;color:#82989e}main{position:relative;min-height:calc(100dvh - 76px)}.intro{position:absolute;left:5%;top:38px;pointer-events:none;z-index:2}.intro small,.person small{font-size:10px;letter-spacing:.28em;color:#85b5bd}h1{font-size:clamp(24px,3vw,40px);font-weight:400;line-height:1.5;letter-spacing:.07em;margin:14px 0}p{font-size:12px;color:#9aaeb5;line-height:1.8}#stage{height:calc(100dvh - 230px);min-height:540px}canvas{display:block;width:100%;height:100%;touch-action:none}#status{position:absolute;top:42px;right:5%;font-size:11px;color:#8babb6}.person{position:absolute;left:7%;top:32%;}.person h2{font-size:44px;font-weight:400;letter-spacing:.1em}.tools,#teachers{display:flex;justify-content:center;gap:9px;flex-wrap:wrap;margin:10px 5%}button{font:inherit;font-size:12px;border:1px solid #48606a;background:#12212bcc;color:#deebed;border-radius:3px;padding:10px 17px;cursor:pointer}button:hover,button[aria-pressed=true]{border-color:#bbe4e7;background:#263a43}button:focus-visible{outline:2px solid #a2e8f5;outline-offset:3px}button:disabled{opacity:.38;cursor:wait}footer{text-align:center;padding:12px 5% 18px}.single .intro{display:none}.single #teachers{display:none}@media(max-width:600px){header{height:62px}header span{font-size:9px}.intro{top:20px}.intro h1{font-size:24px}.intro p{max-width:250px;font-size:11px}#status{top:162px;left:5%;right:auto}#stage{height:60dvh;min-height:500px}.person{top:24px;left:5%;pointer-events:none}.person h2{font-size:26px;margin:14px 0}.person button{pointer-events:auto}.person p{font-size:10px}button{padding:9px 12px}.tools{margin-top:16px}footer{font-size:9px}}