[data-v-bc52c352]:export{menuText:#303133;menuActiveText:#316c72;subMenuActiveText:#316c72;menuBg:#fff;menuHover:#fff;subMenuBg:#fff;subMenuHover:#fff;sideBarWidth:200px}.playback-list[data-v-bc52c352]{padding:20px}.playback-list .search-container[data-v-bc52c352]{background:#fff;padding:20px 15px 0 15px;border-radius:4px;margin-bottom:20px;box-shadow:0 1px 4px rgba(0,0,0,.05)}.playback-list .course-list[data-v-bc52c352]{min-height:400px;margin-bottom:20px}.playback-list .course-card[data-v-bc52c352]{background:#fff;border-radius:4px;overflow:hidden;margin-bottom:20px;transition:all .3s;box-shadow:0 2px 12px 0 rgba(0,0,0,.05)}.playback-list .course-card[data-v-bc52c352]:hover{transform:translateY(-5px);box-shadow:0 5px 15px rgba(0,0,0,.1)}.playback-list .course-card:hover .cover-mask[data-v-bc52c352]{opacity:1}.playback-list .course-card:hover .course-cover img[data-v-bc52c352]{transform:scale(1.05)}.playback-list .course-card .course-cover[data-v-bc52c352]{height:200px;overflow:hidden;position:relative;cursor:pointer}.playback-list .course-card .course-cover img[data-v-bc52c352]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .3s}.playback-list .course-card .course-cover .cover-mask[data-v-bc52c352]{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.6);display:flex;flex-direction:column;justify-content:center;align-items:center;opacity:0;transition:opacity .3s}.playback-list .course-card .course-cover .cover-mask .play-icon[data-v-bc52c352]{font-size:60px;color:#fff;margin-bottom:10px}.playback-list .course-card .course-cover .cover-mask .play-text[data-v-bc52c352]{color:#fff;font-size:14px;font-weight:700}.playback-list .course-card .course-info[data-v-bc52c352]{padding:15px}.playback-list .course-card .course-info .course-title[data-v-bc52c352]{margin:0 0 10px;font-size:16px;font-weight:700;color:#303133;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.playback-list .course-card .course-info .course-desc[data-v-bc52c352]{margin:0 0 10px;color:#606266;font-size:14px;line-height:1.5;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;height:42px}.playback-list .course-card .course-info .course-meta[data-v-bc52c352]{display:flex;justify-content:space-between;align-items:center}.playback-list .course-card .course-info .course-meta .meta-left[data-v-bc52c352]{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.playback-list .course-card .course-info .course-meta .meta-left .el-tag[data-v-bc52c352]{font-size:12px}.playback-list .course-card .course-info .course-meta .meta-left .create-time[data-v-bc52c352]{color:#909399;font-size:12px}.playback-list .course-card .course-info .course-meta .price-tag[data-v-bc52c352]{display:inline-block;padding:4px 12px;border-radius:12px;font-size:14px;font-weight:700;background:linear-gradient(135deg,#ff6b6b,#ee5a52);color:#fff}.playback-list .course-card .course-info .course-meta .price-tag.free[data-v-bc52c352]{background:linear-gradient(135deg,#51cf66,#40c057)}.playback-list .course-card .course-info .course-meta .price-tag.purchased[data-v-bc52c352]{background:linear-gradient(135deg,#409eff,#3a8ee6)}.playback-list .pagination-container[data-v-bc52c352]{text-align:center;margin-top:30px}.playback-list .empty-container[data-v-bc52c352]{padding:40px 0}@media (max-width:1200px){.playback-list .course-card .course-cover[data-v-bc52c352]{height:180px}}@media (max-width:768px){.playback-list[data-v-bc52c352]{padding:10px}.playback-list .search-container[data-v-bc52c352]{padding:15px 10px 0 10px}.playback-list .course-card .course-cover[data-v-bc52c352]{height:160px}.playback-list .course-card .course-info[data-v-bc52c352]{padding:12px}.playback-list .course-card .course-info .course-title[data-v-bc52c352]{font-size:14px}.playback-list .course-card .course-info .course-desc[data-v-bc52c352]{font-size:13px}}