.card-container[data-v-7fb17bea]{width:100%;padding:10px 15px}.v-line[data-v-7fb17bea]{width:100%;height:.5px;opacity:1}.dot-span[data-v-6b0b7a18]{height:18px;width:4px;display:inline-block;border-radius:2px;margin-right:12px}.line-height-md[data-v-6b0b7a18]{line-height:35px;vertical-align:middle}.line-height-xl[data-v-6b0b7a18]{line-height:40px;vertical-align:middle}.dot-text-md[data-v-6b0b7a18]{font-weight:700;font-size:18px;color:#363a44}.dot-text-xl[data-v-6b0b7a18]{font-weight:600;font-size:20px;color:#333}.tabviews-container[data-v-d5aa9de8]{width:100%;height:100%;display:flex;gap:15px}.sidebar-menu[data-v-d5aa9de8]{width:230px;background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.06);flex-shrink:0}.sidebar-menu .menu-header[data-v-d5aa9de8]{background:var(--B1-5);color:#fff;font-size:16px;font-weight:600;padding:20px 24px;text-align:center}.sidebar-menu .menu-item[data-v-d5aa9de8]{display:flex;align-items:center;padding:16px 24px;font-size:16px;color:#333;cursor:pointer;transition:all .3s ease;border-right:3px solid transparent}.sidebar-menu .menu-item .menu-icon[data-v-d5aa9de8]{margin-right:12px;font-size:18px;color:#999}.sidebar-menu .menu-item[data-v-d5aa9de8]:hover{background-color:#f5f7fa;color:var(--B1-5)}.sidebar-menu .menu-item:hover .menu-icon[data-v-d5aa9de8]{color:var(--B1-5)}.sidebar-menu .menu-item.active[data-v-d5aa9de8]{background-color:#ecf5ff;color:var(--B1-5);border-right-color:var(--B1-5);font-weight:500}.sidebar-menu .menu-item.active .menu-icon[data-v-d5aa9de8]{color:var(--B1-5)}.content-area[data-v-d5aa9de8]{flex:1}.filter-bar[data-v-6f548f13]{display:flex;align-items:center;padding:20px 0;border-bottom:1px solid #ebeef5;margin-bottom:20px}.filter-bar .filter-label[data-v-6f548f13]{font-size:14px;color:#606266;margin-right:8px}.course-grid[data-v-6f548f13]{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;padding:20px 0}.course-card[data-v-6f548f13]{background:#fff;border:1px solid #e4e7ed;border-radius:8px;overflow:hidden;transition:all .3s ease;display:flex}.course-card[data-v-6f548f13]:hover{box-shadow:0 4px 16px rgba(0,0,0,.1);transform:translateY(-2px)}.course-card .course-image[data-v-6f548f13]{width:240px;height:170px;overflow:hidden;background:#f5f7fa;flex-shrink:0}.course-card .course-image img[data-v-6f548f13]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.course-card .course-info[data-v-6f548f13]{padding:16px;flex:1;display:flex;flex-direction:column}.course-card .course-title[data-v-6f548f13]{font-size:16px;font-weight:500;color:#303133;margin:0 0 12px 0;line-height:1.5;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.course-card .course-meta[data-v-6f548f13]{flex:1;margin-bottom:16px}.course-card .course-meta .meta-item[data-v-6f548f13]{display:flex;align-items:center;margin-bottom:8px;font-size:13px}.course-card .course-meta .meta-item .meta-label[data-v-6f548f13]{color:#909399;margin-right:4px}.course-card .course-meta .meta-item .meta-value[data-v-6f548f13]{color:#606266}.course-card .course-actions[data-v-6f548f13]{display:flex;gap:10px;padding-top:12px;border-top:1px solid #ebeef5}.course-card .course-actions .el-button[data-v-6f548f13]{flex:1}@media (max-width:1400px){.course-grid[data-v-6f548f13]{grid-template-columns:repeat(2,1fr)}}@media (max-width:900px){.course-grid[data-v-6f548f13]{grid-template-columns:1fr}}