#classroom-toolbar{position:absolute;z-index:3;left:14px;top:14px;width:184px;display:flex;flex-direction:column;gap:5px}#classroom-toolbar button{padding:10px 12px;min-height:48px;font-size:15px}#classroom-state{font-size:12px;line-height:1.45;padding:0 5px;color:#765637}#classroom-state[data-connected=true]{color:#36594a}
#classroom-panel{max-width:680px;width:90vw;height:fit-content;max-height:90dvh;padding:32px;background:#faf7ef;overflow:auto;text-align:left}#classroom-panel h2{font:28px/1.4 STZhongsong,'Microsoft YaHei';margin:25px 0 12px}#classroom-panel p{font-size:16px;line-height:1.6;margin:12px 0}#classroom-panel button{font-size:16px;padding:12px 24px}#classroom-panel .classroom-close{position:absolute;right:12px;top:8px;min-height:38px;padding:8px 18px;font-size:14px}.classroom-fields{display:flex;gap:12px;align-items:center;margin-top:10px}#classroom-join{margin:24px 0 16px}#classroom-join label{font-size:18px}#classroom-code,#classroom-link{font:18px 'Microsoft YaHei';border:1px solid #a5b5a7;background:white;padding:12px;color:#36594a;min-width:0;width:100%;box-sizing:border-box}#classroom-code{flex:1}#classroom-link{font-size:12px}#classroom-panel .classroom-note{font-size:14px;color:#647568}#classroom-room{display:block;font:42px/1.25 'Microsoft YaHei';letter-spacing:5px;text-align:center;margin:12px 0}#classroom-qr{text-align:center}#classroom-qr svg{width:190px;height:190px;max-width:65vw}#classroom-share{text-align:center}.classroom-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin:15px 0}#classroom-message{font-size:15px!important;min-height:24px;color:#765637}#controls .sync-work{font-size:18px;min-height:52px;padding:10px 20px}
@media(max-width:900px){#classroom-toolbar{left:5px;top:5px;width:155px}#classroom-toolbar button{font-size:12px;min-height:38px;padding:8px}#classroom-state{font-size:10px}#classroom-panel{padding:22px}#classroom-panel h2{font-size:24px}.classroom-fields{flex-direction:column}#classroom-code{flex:auto}}