.content[data-v-01d57144]{width:100%;padding:10px;box-sizing:border-box}.title[data-v-01d57144]{width:100%;height:63px;background-color:#fff;line-height:63px;color:#000;font-size:16px}.title_left[data-v-01d57144]{color:rgba(0,0,0,.45);font-size:16px;margin-left:10px}.main[data-v-01d57144]{width:100%;height:auto;min-height:calc(100vh - 40px);background-color:#fff;padding:24px;box-sizing:border-box;border-radius:12px}.main .el-input[data-v-01d57144]{width:300px;height:30px}.form[data-v-01d57144]{overflow:hidden;margin-bottom:0}.input_left[data-v-01d57144]{float:left}.floating-guide-btn[data-v-01d57144]{position:fixed;right:30px;bottom:120px;z-index:1000;width:64px;height:64px;background:linear-gradient(135deg,#409eff,#007aff);border-radius:50%;box-shadow:0 4px 16px rgba(64,158,255,.4);cursor:pointer;transition:all .3s cubic-bezier(.175,.885,.32,1.275);display:flex;align-items:center;justify-content:center}.floating-guide-btn[data-v-01d57144]:hover{transform:translateY(-5px) scale(1.05);box-shadow:0 8px 24px rgba(64,158,255,.5)}.floating-guide-btn .guide-content[data-v-01d57144]{display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff}.floating-guide-btn .guide-content i[data-v-01d57144]{font-size:24px;margin-bottom:2px}.floating-guide-btn .guide-content span[data-v-01d57144]{font-size:10px;transform:scale(.9);white-space:nowrap}.custom-filter-group[data-v-01d57144] .el-radio{margin-right:12px}.custom-filter-group[data-v-01d57144] .el-radio.is-bordered{padding:0 20px;height:32px;line-height:30px;border-radius:16px;border:1px solid #e4e7ed;background:#f8faff;transition:all .3s ease}.custom-filter-group[data-v-01d57144] .el-radio.is-bordered .el-radio__input{display:none}.custom-filter-group[data-v-01d57144] .el-radio.is-bordered .el-radio__label{padding-left:0;font-size:13px;color:#606266;font-weight:400}.custom-filter-group[data-v-01d57144] .el-radio.is-bordered:hover{color:#409eff;border-color:#c6e2ff;background-color:#ecf5ff}.custom-filter-group[data-v-01d57144] .el-radio.is-bordered:hover .el-radio__label{color:#409eff}.custom-filter-group[data-v-01d57144] .el-radio.is-bordered.is-checked{background:linear-gradient(135deg,#409eff,#007aff);border-color:transparent;box-shadow:0 2px 6px rgba(64,158,255,.3)}.custom-filter-group[data-v-01d57144] .el-radio.is-bordered.is-checked .el-radio__label{color:#fff;font-weight:500}.search-input-wrapper[data-v-01d57144]{margin-top:2px}.search-input-wrapper[data-v-01d57144] .el-input__inner{border-radius:16px;background:#f8faff;border-color:#e4e7ed;height:32px;line-height:32px}.search-input-wrapper[data-v-01d57144] .el-input__inner:focus{background:#fff;border-color:#409eff}.video_list[data-v-01d57144]{border:1px solid #f0f2f5;margin-bottom:24px;border-radius:12px;background:#fff;cursor:pointer;transition:all .3s cubic-bezier(.25,.8,.25,1);overflow:hidden;box-shadow:0 4px 16px rgba(0,0,0,.04);height:100%;display:flex;flex-direction:column}.video_list[data-v-01d57144]:hover{transform:translateY(-5px);box-shadow:0 12px 24px rgba(0,0,0,.1);border-color:transparent}.video_list:hover .courses_img[data-v-01d57144]{transform:scale(1.05)}.courses_img[data-v-01d57144]{height:0;padding-bottom:60%;background-repeat:no-repeat;background-size:cover;background-position:50%;border-radius:12px 12px 0 0;background-color:#f5f7fa;position:relative;transition:transform .5s ease;width:100%}.courses_img .img-tag-type[data-v-01d57144]{position:absolute;top:8px;right:8px;background:rgba(0,0,0,.6);color:#fff;font-size:12px;padding:2px 8px;border-radius:10px;backdrop-filter:blur(4px);font-weight:500;letter-spacing:.5px;box-shadow:0 2px 4px rgba(0,0,0,.1)}.card-content[data-v-01d57144]{padding:16px;flex:1;display:flex;flex-direction:column}.courses_title[data-v-01d57144]{font-size:16px;font-weight:600;color:#303133;line-height:1.4;margin-bottom:8px;-webkit-line-clamp:1;line-clamp:1;min-height:auto;text-align:left}.courses_desc[data-v-01d57144],.courses_title[data-v-01d57144]{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical}.courses_desc[data-v-01d57144]{font-size:13px;color:#909399;margin-bottom:12px;height:36px;line-height:18px;-webkit-line-clamp:2;line-clamp:2}.courses_info[data-v-01d57144]{font-size:13px;color:#909399;margin-bottom:12px}.courses_info .info-item[data-v-01d57144],.courses_info[data-v-01d57144]{display:flex;align-items:center}.courses_info .info-item i[data-v-01d57144]{margin-right:4px}.courses_info .separator[data-v-01d57144]{margin:0 8px;color:#e4e7ed}.courses_footer[data-v-01d57144]{margin-top:auto;display:flex;justify-content:space-between;align-items:center}.courses_footer .join-count[data-v-01d57144]{font-size:12px;color:#409eff;background:rgba(64,158,255,.1);padding:2px 8px;border-radius:10px}[data-v-01d57144] .el-breadcrumb{line-height:63px;padding-left:20px}[data-v-01d57144] .el-pagination{font-weight:400}[data-v-01d57144] .el-pagination .el-pager li{background-color:#f4f4f5;border-radius:8px;min-width:32px;margin:0 2px;font-weight:500}[data-v-01d57144] .el-pagination .el-pager li:hover{color:#409eff}[data-v-01d57144] .el-pagination .el-pager li.active{background-color:#409eff;color:#fff}[data-v-01d57144] .el-pagination .btn-next,[data-v-01d57144] .el-pagination .btn-prev{background-color:#f4f4f5;border-radius:8px;margin:0 2px}.pagination-container[data-v-01d57144]{margin:20px 0;text-align:center}