/* 课程页面样式 */

/* ==================== 移动端图片优化 ==================== */
@media (max-width: 768px) {
    img {
        max-width: 100%;
        height: auto;
    }
    
    /* 课程卡片图片 */
    .course-card-img {
        height: 140px !important;
    }
    
    .course-card-img img {
        max-width: 100% !important;
        height: 100% !important;
        object-fit: cover;
    }
    
    /* 课程网格布局 */
    .course-grid {
        grid-template-columns: 1fr !important;
        gap: 16px !important;
    }
    
    /* 课程卡片 */
    .course-card {
        padding: 12px !important;
    }
    
    /* 热门课程 */
    .hot-course-img {
        width: 70px !important;
        height: 52px !important;
    }
    
    .hot-course-img img {
        width: 100% !important;
        height: 100% !important;
    }
    
    .hot-courses-grid {
        grid-template-columns: 1fr !important;
    }
    
    /* 课程详情页 */
    .course-detail-banner img {
        max-height: 200px !important;
        object-fit: cover !important;
    }
    
    .course-detail-content img {
        max-width: 90% !important;
        margin: 12px auto !important;
        display: block !important;
    }
    
    /* 课程章节 */
    .chapter-item {
        padding: 12px !important;
    }
    
    /* 课程侧边栏 */
    .course-sidebar {
        margin-top: 24px !important;
    }
    
    /* 筛选器 */
    .course-filters {
        flex-direction: column !important;
        gap: 12px !important;
    }
    
    /* 分类标签 */
    .course-categories {
        overflow-x: auto !important;
        flex-wrap: nowrap !important;
        padding-bottom: 8px !important;
        gap: 8px !important;
    }
    
    .category-item {
        white-space: nowrap !important;
    }
}

/* 超小屏幕额外优化 */
@media (max-width: 480px) {
    .course-card-img {
        height: 120px !important;
    }
    
    .course-card-body {
        padding: 12px !important;
    }
    
    .course-card-title {
        font-size: 14px !important;
    }
    
    .hot-course-img {
        width: 60px !important;
        height: 45px !important;
    }
}