@import url('style.css');
/* Keep the PNG paper corners at their original scale on long student forms. */
.paper,.student-main .paper,.class-grid .paper,.stage-group,.response{border:22px solid transparent;border-image:url('素材/body_frame.png') 50 fill / 22px / 0 stretch;background:#fff9e8;padding:16px!important}.sticky-note{position:static!important;border:0;background:#fbf7e9}.student-main #taskPanel{margin-top:8px}
body{font-size:18px}main{max-width:1440px}.class-header{gap:18px}.class-header h1{font-size:32px}.role-tag{font-size:15px;background:#e6ecd5;padding:6px 14px}h2{font-size:25px}.small{font-size:15px;color:#607150}.class-grid{display:grid;grid-template-columns:340px minmax(0,1fr);gap:22px}.class-grid .paper{padding:28px}.room-code{display:block;font-size:44px;letter-spacing:5px;line-height:1.4;font-weight:800}#qr{max-width:235px;margin:18px auto;background:white;padding:9px}#qr:empty{display:none}#qr svg{width:100%;height:auto;display:block}.task-buttons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.task-buttons button{font-size:17px}.task-buttons button.active{outline:3px solid #849660;font-weight:700}.metrics{display:flex;gap:20px;flex-wrap:wrap;margin:14px 0}.metric{font-size:22px;color:#204d37}.status{color:#7b4727;min-height:1.6em;font-size:16px;overflow-wrap:anywhere}.responses{display:grid;gap:14px}.response{padding:20px 26px;background: url('素材/body_frame.png') center/100% 100%;overflow-wrap:anywhere}.response h3{margin:0 0 12px}.response p{white-space:pre-wrap}.response strong{display:block}.student-main{max-width:1000px}.student-main .paper{padding:30px 38px}.student-fields{display:grid;gap:4px}#studentHeader{font-size:16px}#taskPrompt{font-size:22px}.stage-group{background: url('素材/body_frame.png') center/100% 100%;padding:26px;margin:12px 0}.stage-group h3{margin:0;color:#204d37}.vr-slot{margin:18px 0}.vr-slot iframe{display:block;width:100%;height:min(78vh,820px);min-height:520px;border:0}.receipt{background:#eaf0db;color:#234b35;padding:12px 18px}.task-route{font-size:18px;text-align:center;padding:18px;background:url('素材/footer_frame.png') center/100% 100%}button.primary{font-weight:700;font-size:21px}.join-row{display:grid;grid-template-columns:1fr 140px;gap:18px}#sendTaskHint{margin-top:12px}#link{font-size:14px}.teacher-tools{display:flex;gap:14px;flex-wrap:wrap}#roster{line-height:2}#exportMine{font-size:16px}.sticky-note{position:sticky;top:0;z-index:10;background:#fbf7e9;padding:8px 18px;border-bottom:1px solid #ccd7ba}.backups input{font-size:15px}#studentStatus{margin-bottom:0}.empty{font-size:18px}.word-list{display:flex;flex-wrap:wrap;gap:10px}.word-list span{padding:6px 12px;background:#eaf0db}input,textarea,select{font-size:18px}textarea{min-height:110px}a.filebtn{text-decoration:none;display:inline-block}#teacherControls[hidden]{display:none!important}@media(max-width:850px){.class-grid{grid-template-columns:1fr}.class-header{align-items:flex-start;flex-wrap:wrap}.class-header h1{font-size:26px}.student-main .paper{padding:23px}.task-buttons{grid-template-columns:1fr 1fr}.vr-slot iframe{min-height:630px}.join-row{grid-template-columns:1fr}#qr{max-width:220px}.room-code{font-size:38px}.student-main{padding:0 10px 24px}}@media(max-width:430px){.task-buttons{grid-template-columns:1fr}.student-main .paper{padding:22px 20px}.stage-group{padding:22px 18px}header{padding:14px}.actions button{flex:1}.class-grid .paper{padding:24px}.vr-slot iframe{min-height:700px}}