.playvideo-container[data-v-f5986644]{min-height:100vh;background-color:#f5f5f5;padding:20px}.content-wrapper[data-v-f5986644]{display:flex;max-width:1200px;margin:0 auto;gap:20px}.left-panel[data-v-f5986644]{width:300px;background:#fff;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.1);overflow:hidden}.course-info[data-v-f5986644]{padding:20px;border-bottom:1px solid #eee}.course-title[data-v-f5986644]{margin:0 0 10px 0;font-size:18px;color:#333}.course-meta[data-v-f5986644]{display:flex;flex-direction:column;gap:5px;font-size:14px;color:#666}.section-list[data-v-f5986644]{max-height:600px;overflow-y:auto}.section-item[data-v-f5986644]{padding:15px 20px;border-bottom:1px solid #f0f0f0;cursor:pointer;transition:background-color .3s}.section-item[data-v-f5986644]:hover{background-color:#f8f9fa}.section-item.active[data-v-f5986644]{background-color:#e6f7ff;border-left:3px solid #1890ff}.section-number[data-v-f5986644]{font-weight:700;color:#1890ff;margin-bottom:5px}.section-title[data-v-f5986644]{font-size:14px;color:#333;margin-bottom:5px;line-height:1.4}.section-status[data-v-f5986644]{font-size:12px;color:#999}.section-status.completed[data-v-f5986644]{color:#52c41a}.right-panel[data-v-f5986644]{flex:1;display:flex;flex-direction:column;gap:20px}.video-player[data-v-f5986644]{background:#fff;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.1);overflow:hidden}.player-wrapper[data-v-f5986644]{position:relative;background:#000;min-height:400px;display:flex;align-items:center;justify-content:center}.no-video i[data-v-f5986644]{font-size:48px;margin-bottom:10px}.video-info[data-v-f5986644]{padding:20px}.video-title[data-v-f5986644]{margin:0 0 15px 0;font-size:20px;color:#333}.teacher-info[data-v-f5986644]{display:flex;align-items:center;margin-bottom:10px}.teacher-avatar[data-v-f5986644]{width:32px;height:32px;border-radius:50%;margin-right:10px}.teacher-name[data-v-f5986644]{color:#666}.video-meta[data-v-f5986644]{color:#999;font-size:14px}.course-detail[data-v-f5986644]{background:#fff;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.1);padding:20px}.course-detail h3[data-v-f5986644]{margin:0 0 15px 0;font-size:16px;color:#333;border-bottom:1px solid #eee;padding-bottom:10px}.detail-content[data-v-f5986644]{display:flex;flex-direction:column;gap:12px}.detail-item[data-v-f5986644]{display:flex}.detail-item label[data-v-f5986644]{width:80px;color:#666;font-weight:700}.detail-item span[data-v-f5986644]{flex:1;color:#333}@media (max-width:768px){.content-wrapper[data-v-f5986644]{flex-direction:column}.left-panel[data-v-f5986644]{width:100%}.player-wrapper[data-v-f5986644]{min-height:300px}}.playaudio-container[data-v-cf787126]{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;padding:20px;gap:20px}.left-panel[data-v-cf787126]{flex:3;display:flex;align-items:flex-start;justify-content:center}.audio-card[data-v-cf787126]{background:#fff;border-radius:16px;box-shadow:0 20px 60px rgba(0,0,0,.3);padding:40px;width:100%;text-align:center}.title[data-v-cf787126]{margin:0 0 8px 0;font-size:26px;color:#333}.subtitle[data-v-cf787126]{margin:0 0 30px 0;font-size:14px;color:#999;line-height:1.6}.controls[data-v-cf787126]{margin-bottom:30px}.status-area[data-v-cf787126]{text-align:left;background:#f8f9fa;border-radius:10px;padding:20px;margin-bottom:20px}.status-row[data-v-cf787126]{display:flex;align-items:center;margin-bottom:12px;font-size:14px}.status-row[data-v-cf787126]:last-child{margin-bottom:0}.status-label[data-v-cf787126]{color:#666;width:110px;flex-shrink:0}.status-value[data-v-cf787126]{color:#333;font-weight:600}.recording-dot[data-v-cf787126]{width:10px;height:10px;border-radius:50%;background:#f56c6c;margin-left:10px;animation:blink-cf787126 1s infinite}@keyframes blink-cf787126{0%,to{opacity:1}50%{opacity:.3}}.right-panel[data-v-cf787126]{flex:7;display:flex}.code-card[data-v-cf787126]{background:#1e1e2e;border-radius:16px;box-shadow:0 20px 60px rgba(0,0,0,.4);width:100%;display:flex;flex-direction:column;overflow:hidden}.code-header[data-v-cf787126]{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;border-bottom:1px solid #313244;background:#181825;flex-shrink:0}.code-title[data-v-cf787126]{margin:0;font-size:16px;color:#cdd6f4;font-weight:600}.code-header .el-button--text[data-v-cf787126]{color:#89b4fa}.code-header .el-button--text[data-v-cf787126]:hover{color:#b4d0fb}.code-header .el-button--text.is-disabled[data-v-cf787126]{color:#585b70}.code-body[data-v-cf787126]{flex:1;overflow-y:auto;padding:20px;min-height:0}.code-placeholder[data-v-cf787126]{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;min-height:300px;color:#585b70}.code-placeholder i[data-v-cf787126]{font-size:48px;margin-bottom:16px;color:#45475a}.code-placeholder p[data-v-cf787126]{margin:4px 0;font-size:14px;color:#6c7086}.code-placeholder .hint[data-v-cf787126]{font-size:12px;color:#585b70}.markdown-body[data-v-cf787126]{font-size:14px;line-height:1.7;color:#cdd6f4;word-wrap:break-word}.markdown-body[data-v-cf787126] h1,.markdown-body[data-v-cf787126] h2,.markdown-body[data-v-cf787126] h3,.markdown-body[data-v-cf787126] h4,.markdown-body[data-v-cf787126] h5,.markdown-body[data-v-cf787126] h6{margin-top:20px;margin-bottom:10px;color:#cdd6f4;font-weight:600;border-bottom:1px solid #313244;padding-bottom:6px}.markdown-body[data-v-cf787126] h1{font-size:1.5em}.markdown-body[data-v-cf787126] h2{font-size:1.3em}.markdown-body[data-v-cf787126] h3{font-size:1.15em}.markdown-body[data-v-cf787126] p{margin:10px 0;color:#bac2de}.markdown-body[data-v-cf787126] ol,.markdown-body[data-v-cf787126] ul{padding-left:24px;color:#bac2de}.markdown-body[data-v-cf787126] li{margin:4px 0}.markdown-body[data-v-cf787126] a{color:#89b4fa;text-decoration:none}.markdown-body[data-v-cf787126] a:hover{text-decoration:underline}.markdown-body[data-v-cf787126] blockquote{border-left:3px solid #89b4fa;margin:12px 0;padding:8px 16px;background:#181825;border-radius:0 6px 6px 0;color:#a6adc8}.markdown-body[data-v-cf787126] table{border-collapse:collapse;width:100%;margin:12px 0}.markdown-body[data-v-cf787126] td,.markdown-body[data-v-cf787126] th{border:1px solid #313244;padding:8px 12px;text-align:left}.markdown-body[data-v-cf787126] th{background:#181825;color:#cdd6f4;font-weight:600}.markdown-body[data-v-cf787126] td{color:#bac2de}.markdown-body[data-v-cf787126] hr{border:none;border-top:1px solid #313244;margin:20px 0}.markdown-body[data-v-cf787126] pre{background:#11111b;border:1px solid #313244;border-radius:10px;padding:0;overflow-x:auto;position:relative;margin:14px 0}.markdown-body[data-v-cf787126] pre:before{content:attr(data-lang);display:block;padding:6px 16px;font-size:11px;color:#6c7086;background:#181825;border-bottom:1px solid #313244;border-radius:10px 10px 0 0;text-transform:uppercase;letter-spacing:.5px}.markdown-body[data-v-cf787126] pre code{display:block;padding:16px 20px;font-family:JetBrains Mono,Fira Code,Cascadia Code,Consolas,Monaco,monospace;font-size:13px;line-height:1.65;color:#cdd6f4;background:transparent;overflow-x:auto}.markdown-body[data-v-cf787126] pre code.hljs{padding:16px 20px;background:#11111b}.markdown-body[data-v-cf787126] li code,.markdown-body[data-v-cf787126] p code{background:#313244;color:#f5c2e7;padding:2px 7px;border-radius:4px;font-size:.9em;font-family:JetBrains Mono,Fira Code,Consolas,monospace}.code-body[data-v-cf787126]::-webkit-scrollbar{width:6px}.code-body[data-v-cf787126]::-webkit-scrollbar-track{background:transparent}.code-body[data-v-cf787126]::-webkit-scrollbar-thumb{background:#45475a;border-radius:3px}.code-body[data-v-cf787126]::-webkit-scrollbar-thumb:hover{background:#585b70}@media (max-width:900px){.playaudio-container[data-v-cf787126]{flex-direction:column}.left-panel[data-v-cf787126],.right-panel[data-v-cf787126]{flex:none;width:100%}.code-body[data-v-cf787126]{max-height:400px}}@media (max-width:600px){.audio-card[data-v-cf787126]{padding:24px 16px}.title[data-v-cf787126]{font-size:20px}.status-label[data-v-cf787126]{width:90px;font-size:13px}}.rtc-live-classroom[data-v-4ad6c794]{width:100vw;height:100vh;display:flex;flex-direction:column;background:#0a0e27;color:#e0e0e0;font-family:PingFang SC,Microsoft YaHei,sans-serif;overflow:hidden}.classroom-header[data-v-4ad6c794]{height:56px;background:linear-gradient(135deg,#1a1f3a,#1e2a4a);display:flex;align-items:center;justify-content:space-between;padding:0 20px;border-bottom:1px solid rgba(100,140,255,.15);flex-shrink:0;z-index:10}.header-left[data-v-4ad6c794]{display:flex;align-items:center;gap:16px}.back-btn[data-v-4ad6c794]{font-size:22px;color:#8ea4ff;cursor:pointer;transition:color .3s}.back-btn[data-v-4ad6c794]:hover{color:#b8c8ff}.course-info[data-v-4ad6c794]{display:flex;flex-direction:column}.course-title[data-v-4ad6c794]{margin:0;font-size:16px;font-weight:600;color:#fff;letter-spacing:.5px}.course-meta[data-v-4ad6c794]{font-size:12px;color:#89c;margin-top:2px}.course-meta i[data-v-4ad6c794]{margin-right:4px}.header-right[data-v-4ad6c794]{display:flex;align-items:center;gap:12px}.leave-btn[data-v-4ad6c794]{border-color:hsla(0,100%,70%,.4)!important;color:#ff6b6b!important;background:transparent!important}.leave-btn[data-v-4ad6c794]:hover{background:hsla(0,100%,70%,.15)!important;border-color:#ff6b6b!important}.classroom-body[data-v-4ad6c794]{flex:1;display:flex;overflow:hidden}.video-section[data-v-4ad6c794]{flex:1;display:flex;flex-direction:column;background:#0d1127;position:relative;min-width:0}.teacher-video-container[data-v-4ad6c794]{flex:1;position:relative;background:#0a0d1a;margin:12px;border-radius:12px;overflow:hidden;border:1px solid rgba(100,140,255,.1);min-height:300px}.teacher-video[data-v-4ad6c794]{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.teacher-label[data-v-4ad6c794]{position:absolute;bottom:12px;left:12px;background:rgba(0,0,0,.6);backdrop-filter:blur(8px);padding:6px 14px;border-radius:20px;font-size:13px;color:#fff;display:flex;align-items:center;gap:6px}.video-placeholder[data-v-4ad6c794]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;color:#4a5588}.video-placeholder i[data-v-4ad6c794]{font-size:64px;display:block;margin-bottom:12px}.video-placeholder p[data-v-4ad6c794]{font-size:14px;margin:0}.student-video-list[data-v-4ad6c794]{display:flex;gap:10px;padding:0 12px 12px;overflow-x:auto;flex-shrink:0;min-height:140px}.student-video-list[data-v-4ad6c794]::-webkit-scrollbar{height:4px}.student-video-list[data-v-4ad6c794]::-webkit-scrollbar-thumb{background:rgba(100,140,255,.3);border-radius:2px}.student-video-item[data-v-4ad6c794]{width:180px;height:130px;flex-shrink:0;position:relative;background:#0a0d1a;border-radius:10px;overflow:hidden;border:2px solid transparent;transition:border-color .3s}.student-video-item.speaking[data-v-4ad6c794]{border-color:#4caf84;box-shadow:0 0 12px rgba(76,175,132,.3)}.student-video[data-v-4ad6c794]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.student-label[data-v-4ad6c794]{position:absolute;bottom:6px;left:6px;background:rgba(0,0,0,.65);backdrop-filter:blur(6px);padding:3px 10px;border-radius:12px;font-size:11px;color:#ccc;display:flex;align-items:center;gap:4px}.video-placeholder-mini[data-v-4ad6c794]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#3a4478}.video-placeholder-mini i[data-v-4ad6c794]{font-size:36px}.control-bar[data-v-4ad6c794]{height:60px;background:linear-gradient(180deg,transparent,rgba(13,17,39,.95));display:flex;align-items:center;justify-content:space-between;padding:0 24px;flex-shrink:0}.control-center[data-v-4ad6c794],.control-left[data-v-4ad6c794],.control-right[data-v-4ad6c794]{display:flex;align-items:center;gap:8px}.control-btn[data-v-4ad6c794]{width:40px;height:40px;border-radius:50%;background:hsla(0,0%,100%,.08);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s;font-size:18px;color:#b0b8d0}.control-btn[data-v-4ad6c794]:hover{background:hsla(0,0%,100%,.15);color:#fff}.control-btn.muted[data-v-4ad6c794]{background:rgba(255,80,80,.2);color:#ff5050}.control-btn.active[data-v-4ad6c794]{background:rgba(76,175,132,.2);color:#4caf84}.hand-btn.active[data-v-4ad6c794]{background:rgba(255,180,50,.2);color:#ffb432;animation:handWave-4ad6c794 .6s ease-in-out infinite}@keyframes handWave-4ad6c794{0%,to{transform:rotate(0deg)}25%{transform:rotate(-10deg)}75%{transform:rotate(10deg)}}.interaction-panel[data-v-4ad6c794]{width:360px;background:#111633;border-left:1px solid rgba(100,140,255,.1);display:flex;flex-direction:column;flex-shrink:0}.panel-tabs[data-v-4ad6c794]{height:100%;display:flex;flex-direction:column}.panel-tabs[data-v-4ad6c794] .el-tabs__header{margin:0;padding:0 16px;background:#151a38;border-bottom:1px solid rgba(100,140,255,.1)}.panel-tabs[data-v-4ad6c794] .el-tabs__nav-wrap:after{display:none}.panel-tabs[data-v-4ad6c794] .el-tabs__item{color:#89c;height:44px;line-height:44px;font-size:14px}.panel-tabs[data-v-4ad6c794] .el-tabs__item.is-active{color:#8ea4ff}.panel-tabs[data-v-4ad6c794] .el-tabs__active-bar{background:#8ea4ff}.panel-tabs[data-v-4ad6c794] .el-tabs__content{flex:1;overflow:hidden}.panel-tabs[data-v-4ad6c794] .el-tab-pane{height:100%}.chat-container[data-v-4ad6c794]{height:100%;display:flex;flex-direction:column}.chat-messages[data-v-4ad6c794]{flex:1;overflow-y:auto;padding:12px 16px}.chat-messages[data-v-4ad6c794]::-webkit-scrollbar{width:4px}.chat-messages[data-v-4ad6c794]::-webkit-scrollbar-thumb{background:rgba(100,140,255,.2);border-radius:2px}.chat-message[data-v-4ad6c794]{display:flex;gap:10px;margin-bottom:16px}.chat-message.self[data-v-4ad6c794]{flex-direction:row-reverse}.chat-message.system[data-v-4ad6c794]{justify-content:center}.system-msg[data-v-4ad6c794]{font-size:12px;color:#679;background:rgba(100,140,255,.08);padding:4px 14px;border-radius:12px;text-align:center}.msg-avatar[data-v-4ad6c794]{flex-shrink:0}.msg-body[data-v-4ad6c794]{max-width:220px}.chat-message.self .msg-body[data-v-4ad6c794]{text-align:right}.msg-header[data-v-4ad6c794]{display:flex;align-items:center;gap:8px;margin-bottom:4px}.chat-message.self .msg-header[data-v-4ad6c794]{flex-direction:row-reverse}.msg-sender[data-v-4ad6c794]{font-size:12px;color:#8ea4ff;font-weight:500}.msg-time[data-v-4ad6c794]{font-size:11px;color:#568}.msg-content[data-v-4ad6c794]{font-size:13px;color:#d0d8f0;background:hsla(0,0%,100%,.05);padding:8px 12px;border-radius:8px;word-break:break-word;line-height:1.5}.chat-message.self .msg-content[data-v-4ad6c794]{background:rgba(100,140,255,.15);color:#c8d4ff}.chat-empty[data-v-4ad6c794]{text-align:center;padding:60px 20px;color:#568}.chat-empty i[data-v-4ad6c794]{font-size:48px;display:block;margin-bottom:12px}.chat-empty p[data-v-4ad6c794]{font-size:13px;margin:0}.chat-input-area[data-v-4ad6c794]{padding:10px 16px;border-top:1px solid rgba(100,140,255,.1);background:#151a38}.chat-toolbar[data-v-4ad6c794]{display:flex;gap:12px;margin-bottom:8px}.chat-toolbar i[data-v-4ad6c794]{font-size:18px;color:#89c;cursor:pointer;transition:color .3s}.chat-toolbar i[data-v-4ad6c794]:hover{color:#b8c8ff}.chat-input-area[data-v-4ad6c794] .el-textarea__inner{background:hsla(0,0%,100%,.05);border:1px solid rgba(100,140,255,.15);color:#d0d8f0;font-size:13px;border-radius:8px}.chat-input-area[data-v-4ad6c794] .el-textarea__inner:focus{border-color:rgba(100,140,255,.4)}.chat-input-area[data-v-4ad6c794] .el-textarea__inner::-moz-placeholder{color:#568}.chat-input-area[data-v-4ad6c794] .el-textarea__inner::placeholder{color:#568}.send-btn[data-v-4ad6c794]{margin-top:8px;float:right;background:linear-gradient(135deg,#5b7fff,#8ea4ff)!important;border:none!important;border-radius:6px!important;padding:6px 20px!important}.send-btn[data-v-4ad6c794]:hover{background:linear-gradient(135deg,#6b8fff,#9eb4ff)!important}.member-list[data-v-4ad6c794]{height:100%;overflow-y:auto;padding:12px 16px}.member-list[data-v-4ad6c794]::-webkit-scrollbar{width:4px}.member-list[data-v-4ad6c794]::-webkit-scrollbar-thumb{background:rgba(100,140,255,.2);border-radius:2px}.member-group[data-v-4ad6c794]{margin-bottom:20px}.group-title[data-v-4ad6c794]{font-size:12px;color:#679;margin-bottom:10px;padding-bottom:6px;border-bottom:1px solid rgba(100,140,255,.08)}.member-item[data-v-4ad6c794]{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:8px;transition:background .3s;margin-bottom:4px}.member-item[data-v-4ad6c794]:hover{background:hsla(0,0%,100%,.03)}.teacher-item[data-v-4ad6c794]{background:rgba(100,140,255,.06);border:1px solid rgba(100,140,255,.1)}.member-info[data-v-4ad6c794]{flex:1;display:flex;flex-direction:column}.member-name[data-v-4ad6c794]{font-size:13px;color:#d0d8f0;font-weight:500}.member-role[data-v-4ad6c794]{font-size:11px;color:#8ea4ff}.member-status-text[data-v-4ad6c794]{font-size:11px;color:#679;display:flex;align-items:center;gap:4px}.member-status-text .muted[data-v-4ad6c794]{color:#ff6b6b}.member-status[data-v-4ad6c794]{color:#4caf84;font-size:14px}.hand-icon[data-v-4ad6c794]{color:#ffb432;font-size:16px;animation:handWave-4ad6c794 .6s ease-in-out infinite}.member-empty[data-v-4ad6c794]{text-align:center;padding:30px;color:#568;font-size:13px}.courseware-container[data-v-4ad6c794]{height:100%;display:flex;align-items:center;justify-content:center}.courseware-placeholder[data-v-4ad6c794]{text-align:center;color:#568}.courseware-placeholder i[data-v-4ad6c794]{font-size:56px;display:block;margin-bottom:12px}.courseware-placeholder p[data-v-4ad6c794]{font-size:15px;margin:0 0 6px;color:#89c}.courseware-placeholder span[data-v-4ad6c794]{font-size:12px}.settings-content[data-v-4ad6c794]{padding:10px 0}.setting-item[data-v-4ad6c794]{display:flex;align-items:center;justify-content:space-between;padding:12px 0;border-bottom:1px solid rgba(100,140,255,.08)}.setting-label[data-v-4ad6c794]{font-size:14px;color:#d0d8f0;min-width:70px}.setting-item[data-v-4ad6c794] .el-select{width:240px}[data-v-4ad6c794] .el-dialog{background:#1a1f3a;border-radius:12px}[data-v-4ad6c794] .el-dialog__title{color:#d0d8f0}[data-v-4ad6c794] .el-dialog__body{color:#b0b8d0}[data-v-4ad6c794] .el-message-box{background:#1a1f3a;border:1px solid rgba(100,140,255,.2)}[data-v-4ad6c794] .el-message-box__title{color:#d0d8f0}[data-v-4ad6c794] .el-message-box__message{color:#b0b8d0}@media (max-width:1024px){.interaction-panel[data-v-4ad6c794]{width:300px}.student-video-item[data-v-4ad6c794]{width:140px;height:105px}}@media (max-width:768px){.classroom-body[data-v-4ad6c794]{flex-direction:column}.interaction-panel[data-v-4ad6c794]{width:100%;height:40%}.student-video-item[data-v-4ad6c794]{width:120px;height:90px}}