@font-face{font-family:local-serif;src:local("Georgia")}*{box-sizing:border-box}body{margin:0;background:#191917;color:#eee9df;font-family:"Microsoft YaHei","PingFang SC",sans-serif;font-size:14px}.room{width:min(1120px,100%);margin:auto;min-height:100svh;display:grid;grid-template-columns:minmax(0,540px) minmax(0,1fr);gap:70px;align-items:center;padding:32px}.stage{width:100%;aspect-ratio:9/16;position:relative;isolation:isolate;overflow:hidden;border-radius:3px;background:#9b8271;box-shadow:0 24px 70px #0004}canvas{display:block;width:100%;height:100%;object-fit:contain}.shade{position:absolute;inset:0;pointer-events:none;background:linear-gradient(#19191465,transparent 30%,transparent 72%,#191914b0)}header{position:absolute;top:24px;left:26px;right:26px;display:flex;align-items:center;justify-content:space-between}.brand{text-decoration:none;color:#fff9ee;font-size:34px;font-family:Georgia,serif;font-style:italic;letter-spacing:-2px}.brand span{display:block;font:10px "Microsoft YaHei",sans-serif;letter-spacing:2px;margin-top:3px}.local{border:1px solid #fffb;padding:7px 10px;border-radius:30px;font-size:10px;color:#fffc}.local i,.live-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:#d8e9bc;margin-right:5px}.intro{position:absolute;top:122px;left:26px;right:14px}.eyebrow{font-size:8px;letter-spacing:2px;opacity:.8}h1{font-family:local-serif,"Songti SC","SimSun",serif;font-size:clamp(17px,2vw,25px);font-weight:400;letter-spacing:1px;margin:10px 0}.intro p{font-size:10px;letter-spacing:1px;opacity:.8}.caption{position:absolute;bottom:75px;left:26px;right:26px;color:#fff9ed;text-shadow:0 2px 8px #0006;font-family:"SimSun",serif;font-size:19px;letter-spacing:2px}footer{position:absolute;bottom:26px;left:26px;right:26px;display:flex;align-items:center;font-size:10px;color:#fff9edc9;letter-spacing:1px}.format{margin-left:auto;font-size:9px;opacity:.7}.section-label{display:flex;justify-content:space-between;font-size:9px;letter-spacing:2px;color:#a89f8e}.section-label span{font-size:9px;letter-spacing:1px;color:#807e72}h2{font-family:"SimSun",serif;font-weight:400;font-size:27px;margin:24px 0 18px;letter-spacing:1px}.hint{font-size:12px;line-height:2;color:#aaa99e;margin-bottom:32px}label{display:block;font-size:11px;color:#c6c1b4;margin-bottom:10px}.input-row{display:flex;border-bottom:1px solid #757261;padding-bottom:12px;gap:12px}input{font:inherit;min-width:0;flex:1;border:0;background:transparent;color:#eee9df;outline:none;padding:6px 0}input::placeholder{color:#737367;font-size:12px}button{font:inherit;cursor:pointer}button:focus-visible,input:focus-visible{outline:2px solid #dcdfa8;outline-offset:5px}button:disabled{cursor:wait;opacity:.45}#send{background:#d4d9af;color:#262b20;border:0;padding:12px 17px;border-radius:3px;font-size:12px;min-height:44px}.feedback{min-height:30px;line-height:1.7;color:#babe97;font-size:11px;margin:10px 0 24px}.tests-label{margin:0 0 20px}.actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.actions button{border:1px solid #43443a;color:#e4e2d3;background:#22231e;text-align:left;padding:14px 10px;transition:background .2s,border-color .2s;border-radius:3px}.actions button:hover:not(:disabled){background:#303225;border-color:#8e936d}.actions button span{display:block;color:#d4d9af;font-size:21px;margin-bottom:14px}.actions strong{display:block;font-size:12px;font-weight:400;white-space:nowrap}.actions small{display:block;font-size:9px;color:#939687;margin-top:8px;white-space:nowrap}.queue-heading{display:flex;justify-content:space-between;margin-top:30px;font-size:11px;color:#b4b5a4}#queue{list-style:none;padding:0;margin:12px 0 24px;min-height:44px;max-height:110px;overflow:auto}#queue li{display:inline-block;padding:6px 9px;border:1px solid #42443a;color:#d1d5b5;border-radius:20px;font-size:10px;margin:0 5px 6px 0}#queue li.empty{border:0;padding:0;color:#727768}.note{color:#777b6c;font-size:10px;line-height:1.9;border-top:1px solid #34382c;padding-top:18px}@media(min-width:900px) and (max-height:900px){.room{grid-template-columns:minmax(0,calc((100svh - 40px)*9/16)) minmax(0,420px);justify-content:center;padding:20px;gap:58px}.hint{margin-bottom:22px}h2{margin-top:18px}.actions button{padding:10px}.actions button span{margin-bottom:8px}.queue-heading{margin-top:20px}}@media(max-width:950px){.room{display:block;padding:0;max-width:540px}.stage{border-radius:0;box-shadow:none}.controls{padding:32px 24px 30px}h1{font-size:22px}.intro{top:116px}header{top:22px}.actions button{min-height:112px}.caption{font-size:18px}.section-label{font-size:9px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}