.virtualClassroom{display:grid;gap:16px;max-width:1500px;margin:0 auto}.classroomTop{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;background:#fff;border:1px solid #dbe3ef;border-radius:18px;padding:14px 16px;box-shadow:0 8px 24px rgba(15,23,42,.06)}.classroomTitle{min-width:220px;flex:1}.classroomTitle h2{margin:0;color:#0b3766;font-size:1.35rem}.classroomTitle p{margin:4px 0 0;color:#64748b}.classroomActions{display:flex;gap:9px;flex-wrap:wrap}.classroomBtn{border:1px solid #bfd1ea;background:#fff;color:#0b4db6;border-radius:10px;padding:10px 14px;font-weight:800;cursor:pointer;min-height:44px}.classroomBtn:hover,.classroomBtn:focus-visible{background:#eff6ff;outline:3px solid rgba(37,99,235,.18);outline-offset:1px}.classroomBtn.primary{background:#1d4ed8;border-color:#1d4ed8;color:#fff}.classroomGrid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:16px;min-height:620px}.meetShell{position:relative;overflow:hidden;background:#101828;border:1px solid #23324b;border-radius:18px;min-width:0;min-height:620px;box-shadow:0 14px 38px rgba(15,23,42,.16)}#ptyMeet{width:100%;height:100%;min-height:620px}#ptyMeet iframe{display:block;width:100%!important;height:100%!important;min-height:620px;border:0}.meetLoading{position:absolute;inset:0;display:grid;place-content:center;text-align:center;gap:10px;color:#fff;padding:30px;background:#101828;z-index:2}.meetLoading.hidden{display:none}.meetSpinner{width:42px;height:42px;margin:auto;border-radius:50%;border:4px solid rgba(255,255,255,.2);border-top-color:#60a5fa;animation:ptySpin .8s linear infinite}@keyframes ptySpin{to{transform:rotate(360deg)}}.classroomSide{display:flex;flex-direction:column;gap:12px}.classroomCard{background:#fff;border:1px solid #dbe3ef;border-radius:16px;padding:15px}.classroomCard h3{margin:0 0 10px;color:#0b3766;font-size:1rem}.classroomCard p{margin:7px 0;color:#52657d;line-height:1.45}.classroomStatus{display:flex;align-items:center;gap:8px;color:#0f5132;font-weight:800}.classroomStatus::before{content:"";width:10px;height:10px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 4px #dcfce7}.classroomTools{list-style:none;margin:0;padding:0;display:grid;gap:9px}.classroomTools li{display:flex;gap:9px;align-items:flex-start;color:#334155;line-height:1.35}.classroomTools li span{color:#166534;font-weight:900}.classroomLog{max-height:215px;overflow:auto;display:grid;gap:7px}.classroomLogItem{padding:8px 9px;background:#f7f9fc;border-radius:9px;color:#475569;font-size:.86rem}.roomLink{word-break:break-all;background:#eff6ff;color:#164e9c;border-radius:10px;padding:9px;font-size:.82rem}.liveClassIntro{display:flex;align-items:flex-start;gap:12px;background:linear-gradient(135deg,#0b3766,#1659a6);color:#fff;border-radius:18px;padding:17px 18px;margin-bottom:15px}.liveClassIntroIcon{font-size:1.8rem}.liveClassIntro h3{margin:0 0 5px}.liveClassIntro p{margin:0;color:#e6f0ff;line-height:1.45}.autoRoomNote{grid-column:1/-1;background:#ecfdf5;color:#166534;border:1px solid #bbf7d0;border-radius:10px;padding:10px 12px;font-weight:700}.copyRoomBtn{white-space:nowrap}
@media(max-width:980px){.classroomGrid{grid-template-columns:1fr}.classroomSide{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.classroomSide .classroomCard:last-child{grid-column:1/-1}.meetShell,#ptyMeet,#ptyMeet iframe{min-height:600px}}
@media(max-width:640px){.virtualClassroom{gap:10px}.classroomTop{padding:12px;border-radius:13px}.classroomActions{width:100%}.classroomActions .classroomBtn{flex:1}.classroomGrid{gap:10px;min-height:0}.meetShell{border-radius:12px}.meetShell,#ptyMeet,#ptyMeet iframe{min-height:68dvh}.classroomSide{display:grid;grid-template-columns:1fr}.classroomSide .classroomCard:last-child{grid-column:auto}.liveClassIntro{border-radius:13px;padding:14px}.scheduleForm .wide{grid-column:1/-1}}
.liveClassIntro{align-items:center}.liveClassIntroCopy{flex:1}.liveEnterNow{border:1px solid rgba(255,255,255,.65);background:#fff;color:#0b4db6;border-radius:12px;padding:12px 18px;font-weight:900;cursor:pointer;white-space:nowrap;min-height:46px}.liveEnterNow:hover,.liveEnterNow:focus-visible{background:#eff6ff;outline:3px solid rgba(255,255,255,.3);outline-offset:2px}@media(max-width:640px){.liveClassIntro{align-items:stretch;flex-wrap:wrap}.liveClassIntroCopy{min-width:calc(100% - 52px)}.liveEnterNow{width:100%}}