.classroom-theme{--classroom-primary:#4a90e2;--classroom-primary-light:#5ba3f5;--classroom-primary-lighter:#e3f2fd;--classroom-secondary:#64b5f6;--classroom-accent:#2196f3;--classroom-bg:#f5f9fc;--classroom-card-bg:#fff;--classroom-text:#2c3e50;--classroom-text-secondary:#546e7a;--classroom-border:#e1e8ed;--classroom-hover:#e3f2fd;--classroom-success:#66bb6a;--classroom-warning:#ffa726;--classroom-danger:#ef5350}.classroom-card{background:var(--classroom-card-bg);border:1px solid var(--classroom-border);border-radius:12px;box-shadow:0 2px 8px rgba(74,144,226,.08);transition:all .3s ease}.classroom-card:hover{box-shadow:0 4px 16px rgba(74,144,226,.12);transform:translateY(-2px)}.classroom-btn{border-radius:8px;padding:10px 20px;font-size:14px;font-weight:500;transition:all .3s ease;border:none;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:6px}.classroom-btn-primary{background:#4a90e2;color:#fff;box-shadow:0 2px 8px rgba(74,144,226,.3)}.classroom-btn-primary:hover{background:#3a7bc8;box-shadow:0 4px 12px rgba(74,144,226,.4);transform:translateY(-1px)}.classroom-btn-secondary{background:var(--classroom-primary-lighter);color:var(--classroom-primary);border:1px solid var(--classroom-primary)}.classroom-btn-secondary:hover{background:var(--classroom-primary);color:#fff}.classroom-btn-success{background:#66bb6a;color:#fff;box-shadow:0 2px 8px rgba(102,187,106,.3)}.classroom-btn-success:hover{box-shadow:0 4px 12px rgba(102,187,106,.4);transform:translateY(-1px)}.classroom-btn-warning{background:#ffa726;color:#fff;box-shadow:0 2px 8px rgba(255,167,38,.3)}.classroom-btn-warning:hover{box-shadow:0 4px 12px rgba(255,167,38,.4);transform:translateY(-1px)}.classroom-btn-info{background:#42a5f5;color:#fff;box-shadow:0 2px 8px rgba(66,165,245,.3)}.classroom-btn-info:hover{box-shadow:0 4px 12px rgba(66,165,245,.4);transform:translateY(-1px)}.classroom-btn-danger{background:#ef5350;color:#fff;box-shadow:0 2px 8px rgba(239,83,80,.3)}.classroom-btn-danger:hover{box-shadow:0 4px 12px rgba(239,83,80,.4);transform:translateY(-1px)}.classroom-tag{display:inline-flex;align-items:center;padding:6px 14px;border-radius:20px;font-size:13px;font-weight:500;gap:4px}.classroom-tag-primary{background:var(--classroom-primary-lighter);color:var(--classroom-primary);border:1px solid rgba(74,144,226,.2)}.classroom-tag-success{background:#e8f5e9;color:#66bb6a;border:1px solid rgba(102,187,106,.2)}.classroom-tag-warning{background:#fff3e0;color:#ffa726;border:1px solid rgba(255,167,38,.2)}.classroom-tag-info{background:#e3f2fd;color:#2196f3;border:1px solid rgba(33,150,243,.2)}.classroom-input{border:1px solid var(--classroom-border);border-radius:8px;padding:10px 14px;font-size:14px;transition:all .3s ease;background:#fff}.classroom-input:focus{border-color:var(--classroom-primary);box-shadow:0 0 0 3px rgba(74,144,226,.1);outline:none}.classroom-table .el-table__header{background:var(--classroom-primary-lighter)}.classroom-table .el-table__header th{background:#e3f2fd;color:var(--classroom-text);font-weight:600;border-bottom:2px solid var(--classroom-primary)}.classroom-table .el-table__body tr:hover{background:var(--classroom-hover)}.classroom-table .el-table__body td{border-bottom:1px solid var(--classroom-border)}.classroom-tabs .el-tabs__item{color:var(--classroom-text-secondary);font-size:15px;padding:0 24px}.classroom-tabs .el-tabs__item:hover{color:var(--classroom-primary)}.classroom-tabs .el-tabs__item.is-active{color:var(--classroom-primary);font-weight:600}.classroom-tabs .el-tabs__active-bar{background:var(--classroom-primary);height:3px;border-radius:2px}.classroom-card-header{background:#e3f2fd;border-bottom:2px solid var(--classroom-primary);padding:16px 20px;border-radius:12px 12px 0 0}.classroom-card-title{font-size:18px;font-weight:600;color:var(--classroom-text);margin:0}.classroom-stat-card{background:#fff;border:1px solid var(--classroom-border);border-radius:12px;padding:20px;text-align:center;transition:all .3s ease}.classroom-stat-card:hover{transform:translateY(-4px);box-shadow:0 6px 20px rgba(74,144,226,.15)}.classroom-stat-value{font-size:32px;font-weight:700;color:var(--classroom-primary);margin-bottom:8px}.classroom-stat-label{font-size:14px;color:var(--classroom-text-secondary);font-weight:500}.classroom-progress .el-progress-bar__outer{background:var(--classroom-primary-lighter);border-radius:10px;height:8px}.classroom-progress .el-progress-bar__inner{background:#4a90e2;border-radius:10px}.classroom-divider{height:1px;background:var(--classroom-border);margin:20px 0}.classroom-badge{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px;padding:0 8px;background:var(--classroom-danger);color:#fff;border-radius:12px;font-size:12px;font-weight:600}.classroom-avatar-group{display:flex;align-items:center}.classroom-avatar-group .el-avatar{border:2px solid #fff;margin-left:-8px}.classroom-avatar-group .el-avatar:first-child{margin-left:0}.classroom-empty{text-align:center;padding:60px 20px;color:var(--classroom-text-secondary)}.classroom-empty-icon{font-size:64px;color:var(--classroom-primary-lighter);margin-bottom:20px}.classroom-empty-text{font-size:16px;margin-bottom:8px}.classroom-empty-hint{font-size:14px;color:#909399}.classroom-loading{display:flex;align-items:center;justify-content:center;padding:40px}.classroom-loading .el-loading-spinner{color:var(--classroom-primary)}@media (max-width:768px){.classroom-btn{padding:8px 16px;font-size:13px}.classroom-card{border-radius:8px}.classroom-stat-value{font-size:24px}}@keyframes classroom-fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.classroom-fade-in{animation:classroom-fade-in .3s ease}.classroom-toolbar{display:flex;align-items:center;gap:12px;padding:16px;background:var(--classroom-bg);border-radius:8px;margin-bottom:20px;flex-wrap:wrap}.classroom-toolbar-item{flex:1;min-width:200px}.classroom-action-group{display:flex;gap:8px;flex-wrap:wrap}.classroom-action-group .classroom-btn{margin:0}.classroom-status-dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:6px}.classroom-status-online{background:var(--classroom-success);box-shadow:0 0 0 2px rgba(102,187,106,.2)}.classroom-status-offline{background:#bdbdbd}.classroom-timeline .el-timeline-item__timestamp{color:var(--classroom-text-secondary);font-size:13px}.classroom-timeline .el-timeline-item__tail{border-left:2px solid var(--classroom-primary-lighter)}.classroom-timeline .el-timeline-item__node{background:var(--classroom-primary);border:2px solid #fff}.student-discussion[data-v-0edb72e6]{padding:8px;display:flex;flex-direction:column;height:calc(100vh - 10px);background:var(--classroom-bg);max-width:1400px;margin:0 auto;width:100%}.discussion-header[data-v-0edb72e6]{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px;padding:8px 12px;background:#fff;border-radius:6px;box-shadow:0 2px 8px rgba(74,144,226,.08)}.discussion-header h3[data-v-0edb72e6]{font-size:16px;color:var(--classroom-text);margin:0;font-weight:700}.picked-student[data-v-0edb72e6]{margin-bottom:6px}.message-list[data-v-0edb72e6]{flex:1;overflow-y:auto;border-radius:6px;padding:8px;margin-bottom:6px;background:#fff;box-shadow:0 2px 8px rgba(74,144,226,.08)}.message-item[data-v-0edb72e6]{display:flex;margin-bottom:20px;animation:messageFadeIn-0edb72e6 .3s ease}@keyframes messageFadeIn-0edb72e6{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.other-message[data-v-0edb72e6]{flex-direction:row}.other-message .message-avatar[data-v-0edb72e6]{margin-right:12px}.other-message .message-body[data-v-0edb72e6]{align-items:flex-start}.other-message .message-meta[data-v-0edb72e6]{flex-direction:row}.other-message .message-bubble[data-v-0edb72e6]{background:#f5f7fa;color:var(--classroom-text)}.own-message[data-v-0edb72e6]{flex-direction:row-reverse}.own-message .message-avatar[data-v-0edb72e6]{margin-left:12px;margin-right:0}.own-message .message-body[data-v-0edb72e6]{align-items:flex-end}.own-message .message-meta[data-v-0edb72e6]{flex-direction:row-reverse}.own-message .message-bubble[data-v-0edb72e6]{background:#4a90e2;color:#fff}.own-message .sender-name[data-v-0edb72e6]{display:none}.message-avatar[data-v-0edb72e6]{flex-shrink:0}.message-body[data-v-0edb72e6]{display:flex;flex-direction:column;max-width:70%}.message-meta[data-v-0edb72e6]{display:flex;gap:8px;margin-bottom:6px;font-size:12px}.sender-name[data-v-0edb72e6]{font-weight:600;color:var(--classroom-text)}.message-time[data-v-0edb72e6]{color:#909399}.message-bubble[data-v-0edb72e6]{padding:12px 16px;border-radius:12px;word-break:break-word;white-space:pre-wrap;box-shadow:0 1px 2px rgba(0,0,0,.1);position:relative}.other-message .message-bubble[data-v-0edb72e6]{border-top-left-radius:4px}.own-message .message-bubble[data-v-0edb72e6]{border-top-right-radius:4px}.bubble-content[data-v-0edb72e6]{line-height:1.6}.bubble-content img[data-v-0edb72e6]{max-width:100%;max-height:300px;border-radius:8px;margin-top:8px}.bubble-image img[data-v-0edb72e6]{max-width:100%;max-height:300px;border-radius:8px;display:block}.recall-btn[data-v-0edb72e6]{margin-top:6px;padding:4px 8px;font-size:12px;color:#909399}.recall-btn[data-v-0edb72e6]:hover{color:#f56c6c}.system-message[data-v-0edb72e6]{display:flex;justify-content:center;margin:15px 0}.system-message-content[data-v-0edb72e6]{background:#fff9e6;color:#e6a23c;padding:8px 16px;border-radius:16px;font-size:13px;border:1px solid #ffeaa7;box-shadow:0 1px 2px rgba(230,162,60,.2)}.message-input[data-v-0edb72e6]{border:1px solid var(--classroom-border);border-radius:8px;padding:10px;background:#fff;box-shadow:0 2px 8px rgba(74,144,226,.08)}.message-input .actions[data-v-0edb72e6]{display:flex;justify-content:space-between;margin-top:8px;gap:8px}.message-input .el-textarea[data-v-0edb72e6]{font-size:14px}.emoji-picker[data-v-0edb72e6]{display:grid;grid-template-columns:repeat(10,1fr);gap:5px;max-height:200px;overflow-y:auto;padding:10px}.emoji-item[data-v-0edb72e6]{font-size:24px;cursor:pointer;text-align:center;padding:5px;border-radius:4px;transition:background-color .2s}.emoji-item[data-v-0edb72e6]:hover{background-color:#f5f7fa}@media (max-width:768px){.student-discussion[data-v-0edb72e6]{padding:16px}.message-body[data-v-0edb72e6]{max-width:85%}.discussion-header[data-v-0edb72e6]{padding:16px}.message-list[data-v-0edb72e6]{padding:12px}}