/* 平板设备 (768px - 1024px) */
@media (max-width: 1024px) {
    .aiovg-content-container, .course-card-preview {
        gap: 30px;
    }
    
    .aiovg-header-left, .course-preview-image {
        flex: 0 0 250px;
    }
    
    .aiovg-header-image, #preview-image {
        width: 250px;
        height: 140.625px; /* 保持16:9比例 */
    }
    
    .entry-content h2, .course-preview-title h2 {
        font-size: 1.4rem;
    }
    
    .aiovg-description, .course-preview-description {
        font-size: 0.9rem;
        -webkit-line-clamp: 3;
    }
    
    .aiovg-sidebar {
        width: 30%;
        padding: 20px;
    }

    .aiovg-layout {
        padding-bottom: 39.375%;
    }
    
    .aiovg-single-video {
        width: 70%;
    }
}

/* 大屏手机 (480px - 768px) */
@media (max-width: 768px) {
    .aiovg-header, .piano-container {
        padding: 0 20px 20px;
        margin: 20px auto;
    }
    
    .aiovg-content-container, .course-card-preview {
        flex-direction: column;
        gap: 20px;
    }
    
    .aiovg-header-left, .course-preview-image {
        flex: 1 1 100%;
        width: 100%;
    }
    
    .aiovg-header-image, #preview-image {
        width: 100%;
        height: auto;
        aspect-ratio: 16/9;
    }
    
    .aiovg-header-right {
        width: 100%;
    }
    
    .entry-content h2, .course-preview-title h2 {
        font-size: 1.3rem;
    }
    
    .aiovg-description, .course-preview-description {
        -webkit-line-clamp: 2;
    }
    
    .aiovg-layout {
        flex-direction: column;
        height: auto;
        padding-bottom: 0;
    }
    
    .aiovg-sidebar {
        width: 100%;
        position: relative;
        padding: 20px;
        max-height: 300px;
        overflow-y: auto;
        box-shadow: 0 4px 6px -4px rgba(0, 0, 0, 0.1),
                0 8px 10px -8px rgba(0, 0, 0, 0.05);  /* 阴影效果 - 只在下侧显示垂直线阴影 */  
        z-index: 1; /* 确保阴影不被遮挡 */
    }
    
    .aiovg-single-video {
        width: 100%;
        position: relative;
        aspect-ratio: 16/9;
    }
    
    .aiovg-category-videos-name li a {
        white-space: normal;
        -webkit-line-clamp: 1;
        display: -webkit-box;
    }

    .redeem-input-section {
        padding: 20px;
    }

    /***************************** 登录系统 ***************************/
    .auth-toggle, .auth-user-info {
        font-size: 0.8rem !important;
    }

    .close-modal {
        -webkit-tap-highlight-color: transparent;
        font-size: 15px !important;
    }

    .toggle-password {
        -webkit-tap-highlight-color: transparent;
    }
}

/* 小屏手机 (<480px) */
@media (max-width: 480px) {
    .aiovg-header, .piano-container {
        padding: 0 15px 15px;
        margin: 15px auto;
        border-radius: 15px;
    }
    
    .entry-content h2, .course-preview-title h2  {
        font-size: 1.2rem;
    }
    
    .aiovg-description, .course-preview-description {
        font-size: 0.8rem;
    }
    
    .aiovg-count, aiovg-tip, .course-preview-meta-count, .redeem-actions {
        font-size: 0.75rem;
    }
    
    .aiovg-sidebar {
        padding: 15px;
    }
    
    .aiovg-sidebar h3 {
        font-size: 1rem;
    }
    
    .aiovg-category-videos-name li a {
        font-size: 0.85rem;
    }
    
    .aiovg-layout {
        border-radius: 15px;
    }
}