.el-dialog__body[data-v-3ddd1808]{padding:20px 40px}.upload-container[data-v-3ddd1808]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.avatar-uploader .el-upload[data-v-3ddd1808]{border:1px dashed #d9d9d9;border-radius:6px;cursor:pointer;position:relative;overflow:hidden}.avatar-uploader .el-upload[data-v-3ddd1808]:hover{border-color:#409eff}.avatar-uploader-icon[data-v-3ddd1808]{font-size:28px;color:#8c939d;width:178px;height:178px;line-height:178px;text-align:center}.avatar[data-v-3ddd1808]{width:178px;height:178px;display:block;-o-object-fit:cover;object-fit:cover}.upload-tip[data-v-3ddd1808]{margin-top:10px}.course-selection[data-v-5788c004]{padding:20px;background-color:#f9fafb;min-height:100vh}.course-header[data-v-5788c004]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:20px}.tab-menu[data-v-5788c004]{display:-webkit-box;display:-ms-flexbox;display:flex;border-bottom:2px solid #eaeaea}.tab-item[data-v-5788c004]{padding:10px 15px;margin-right:20px;font-size:16px;cursor:pointer;position:relative}.tab-item.active[data-v-5788c004]{color:#409eff;font-weight:700}.tab-item.active[data-v-5788c004]:after{content:"";position:absolute;bottom:-2px;left:0;width:100%;height:2px;background-color:#409eff}.search-box[data-v-5788c004]{width:250px}.action-bar[data-v-5788c004]{margin-bottom:20px;display:-webkit-box;display:-ms-flexbox;display:flex;gap:10px}.course-list[data-v-5788c004]{margin-top:20px;max-width:1200px;margin-left:auto;margin-right:auto}.empty-tip[data-v-5788c004]{text-align:center;padding:40px 0;color:#909399}.empty-icon[data-v-5788c004]{font-size:48px;margin-bottom:10px}.course-grid[data-v-5788c004]{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;min-height:600px;width:100%;margin:0 auto}.course-col[data-v-5788c004]{margin-bottom:20px;height:250px;padding:0 10px;float:left;position:relative;width:25%;-webkit-box-sizing:border-box;box-sizing:border-box}.course-card[data-v-5788c004]{background-color:#fff;border-radius:8px;overflow:hidden;height:100%;-webkit-box-shadow:0 2px 12px 0 rgba(0,0,0,.1);box-shadow:0 2px 12px 0 rgba(0,0,0,.1);-webkit-transition:border-color .3s,-webkit-transform .3s ease,-webkit-box-shadow .3s ease;transition:border-color .3s,-webkit-transform .3s ease,-webkit-box-shadow .3s ease;transition:transform .3s ease,box-shadow .3s ease,border-color .3s;transition:transform .3s ease,box-shadow .3s ease,border-color .3s,-webkit-transform .3s ease,-webkit-box-shadow .3s ease;border:2px solid transparent}.course-card[data-v-5788c004]:hover{-webkit-transform:translateY(-5px);transform:translateY(-5px);-webkit-box-shadow:0 5px 15px rgba(0,0,0,.2);box-shadow:0 5px 15px rgba(0,0,0,.2)}.teaching-course[data-v-5788c004]{cursor:default;opacity:.9}.teaching-course[data-v-5788c004]:hover{-webkit-box-shadow:0 2px 12px 0 rgba(0,0,0,.1);box-shadow:0 2px 12px 0 rgba(0,0,0,.1);-webkit-transform:none;transform:none;cursor:pointer;-webkit-transition:border .3s ease,-webkit-transform .3s ease,-webkit-box-shadow .3s ease;transition:border .3s ease,-webkit-transform .3s ease,-webkit-box-shadow .3s ease;transition:transform .3s ease,border .3s ease,box-shadow .3s ease;transition:transform .3s ease,border .3s ease,box-shadow .3s ease,-webkit-transform .3s ease,-webkit-box-shadow .3s ease;position:relative;border:2px solid transparent;-webkit-box-sizing:border-box;box-sizing:border-box}.selected-course[data-v-5788c004]{border:2px solid #67c23a;-webkit-box-shadow:0 5px 15px rgba(103,194,58,.3);box-shadow:0 5px 15px rgba(103,194,58,.3)}.course-image[data-v-5788c004]{height:150px;overflow:hidden;position:relative;margin:-2px -2px 0;padding:0;line-height:0}.course-image img[data-v-5788c004]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block;margin:0;padding:0}.selected-badge[data-v-5788c004]{position:absolute;top:10px;right:10px;background-color:#67c23a;color:#fff;width:24px;height:24px;border-radius:50%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.course-info[data-v-5788c004]{padding:15px}.course-title[data-v-5788c004]{margin:0 0 10px;font-size:16px;color:#303133;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.course-meta[data-v-5788c004]{font-size:13px;color:#909399;margin-bottom:5px}.course-details[data-v-5788c004]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.course-teacher[data-v-5788c004]{font-size:13px;color:#606266}.course-students[data-v-5788c004]{font-size:13px;color:#909399}.current-course-info[data-v-5788c004]{margin-left:20px;font-size:14px;color:#606266;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap}.course-name[data-v-5788c004]{color:#409eff;font-weight:700;margin-left:5px}.loading-container[data-v-5788c004]{height:300px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background-color:#fff;border-radius:8px;-webkit-box-shadow:0 2px 12px 0 rgba(0,0,0,.1);box-shadow:0 2px 12px 0 rgba(0,0,0,.1);width:100%;margin-top:20px}.loading-container[data-v-5788c004],.tab-header[data-v-5788c004]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.tab-header[data-v-5788c004]{margin-right:auto}.tab-header h2[data-v-5788c004]{margin:0;font-size:18px;font-weight:500;color:#409eff}.role-loading-container[data-v-5788c004]{height:500px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background-color:#f9fafb;border-radius:8px;width:100%;margin-top:20px}.category-section[data-v-5788c004]{margin-bottom:20px;background:#fff;border-radius:8px;padding:16px;-webkit-box-shadow:0 2px 12px 0 rgba(0,0,0,.05);box-shadow:0 2px 12px 0 rgba(0,0,0,.05)}.category-header[data-v-5788c004]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:16px}.category-header h3[data-v-5788c004]{margin:0;font-size:16px;font-weight:600;color:#303133}.category-cards[data-v-5788c004]{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:16px;min-height:120px}.category-card[data-v-5788c004]{width:180px;background:#fff;border-radius:8px;border:2px solid #e4e7ed;overflow:hidden;cursor:pointer;-webkit-transition:all .3s;transition:all .3s}.category-card[data-v-5788c004]:hover{-webkit-transform:translateY(-4px);transform:translateY(-4px);-webkit-box-shadow:0 4px 16px rgba(0,0,0,.12);box-shadow:0 4px 16px rgba(0,0,0,.12)}.category-card.selected[data-v-5788c004]{border-color:#409eff;-webkit-box-shadow:0 0 0 2px rgba(64,158,255,.2);box-shadow:0 0 0 2px rgba(64,158,255,.2)}.category-card-image[data-v-5788c004]{position:relative;width:100%;height:100px;background:linear-gradient(135deg,#667eea,#764ba2);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.category-card-image img[data-v-5788c004]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.category-card-placeholder[data-v-5788c004]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:100%;height:100%}.category-card-placeholder i[data-v-5788c004]{font-size:40px;color:hsla(0,0%,100%,.8)}.category-card-actions[data-v-5788c004]{position:absolute;top:8px;right:8px;display:-webkit-box;display:-ms-flexbox;display:flex;gap:4px;opacity:0;-webkit-transition:opacity .3s;transition:opacity .3s}.category-card:hover .category-card-actions[data-v-5788c004]{opacity:1}.category-card-info[data-v-5788c004]{padding:12px}.category-card-name[data-v-5788c004]{margin:0 0 4px 0;font-size:14px;font-weight:600;color:#303133;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.category-card-desc[data-v-5788c004]{margin:0;font-size:12px;color:#909399;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.empty-category[data-v-5788c004]{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:30px;color:#909399}.empty-category i[data-v-5788c004]{font-size:48px;margin-bottom:10px}.category-upload-container[data-v-5788c004]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;gap:16px}.category-uploader[data-v-5788c004]{width:120px;height:80px;border:1px dashed #d9d9d9;border-radius:6px;cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;overflow:hidden;-webkit-transition:border-color .3s;transition:border-color .3s}.category-uploader[data-v-5788c004]:hover{border-color:#409eff}.category-preview[data-v-5788c004]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.category-uploader-icon[data-v-5788c004]{font-size:28px;color:#8c939d}.course-confirm-dialog{width:400px!important;margin-top:15vh!important}.course-confirm-dialog .el-message-box__header{padding:15px 20px}.course-confirm-dialog .el-message-box__content{padding:20px}.course-confirm-dialog .el-message-box__btns{padding:10px 20px 15px}.course-actions{position:absolute;top:10px;right:10px;display:-webkit-box;display:-ms-flexbox;display:flex;gap:5px;opacity:0;-webkit-transition:opacity .3s ease;transition:opacity .3s ease}.course-card:hover .course-actions{opacity:1}.course-actions .el-button{z-index:10}@media (min-width:992px){.el-col-lg-6{width:25%!important}}@media (min-width:768px){.el-col-md-6{width:25%!important}}