/* 卡片布局优化 - 桌面端居中协调 */
@media (min-width: 1200px) {
    .card-wrap {
        max-width: 1200px !important;
        margin: 0 auto !important;
        padding: 3rem 20px !important;
    }
    
    .card-wrap .row {
        display: flex !important;
        flex-wrap: wrap !important;
        justify-content: center !important;
        align-items: stretch !important;
        gap: 2.5rem !important;
        width: 100% !important;
        margin: 0 auto !important;
    }
    
    /* 覆盖所有grid相关设置 */
    .card-wrap .row .card,
    .card-wrap .row .card-b {
        grid-column: unset !important;
        grid-row: unset !important;
    }
    
    /* 小卡片（col-lg-4）统一宽度 */
    .card-wrap .row .card.col-lg-4 {
        flex: 0 0 auto !important;
        width: auto !important;
        max-width: 320px !important;
        min-width: 280px !important;
        margin: 0 !important;
    }
    
    /* 大卡片（col-lg-6）统一宽度 */
    .card-wrap .row .card-b.col-lg-6 {
        flex: 0 0 auto !important;
        width: auto !important;
        max-width: 500px !important;
        min-width: 400px !important;
        margin: 0 !important;
    }
    
    /* 确保最后一个卡片居中 */
    .card-wrap .row .card:last-child {
        margin: 0 auto !important;
    }
}

/* 中等屏幕优化 */
@media (min-width: 960px) and (max-width: 1199px) {
    .card-wrap {
        max-width: 1000px;
        margin: 0 auto;
        padding: 2.5rem 20px;
    }
    
    .card-wrap .row {
        gap: 2rem;
    }
    
    .card-wrap .row .card.col-lg-4 {
        max-width: 300px;
    }
    
    .card-wrap .row .card-b.col-lg-6 {
        max-width: 450px;
    }
}