/* 移动端显示修复 - 解决统计卡片和文章卡片在移动端显示问题 */

/* 移动端统计卡片修复 */
@media (max-width: 768px) {
    /* 确保在移动端统计卡片居中显示 */
    .statistics-grid {
        justify-content: center !important;
        flex-direction: column !important;
        align-items: center !important;
    }
    
    .stat-card {
        width: 90% !important;
        max-width: 280px !important;
        margin: 0 auto 20px !important;
    }
    
    /* 确保文章卡片正确显示 */
    .article-grid {
        grid-template-columns: 1fr !important;
        padding: 10px 10px 20px !important;
        gap: 25px !important;
    }
    
    .grid-item {
        height: auto !important;
        min-height: auto !important;
        max-width: 480px !important;
        margin: 0 auto !important;
    }
}

/* 特小屏幕设备的调整 */
@media (max-width: 576px) {
    .statistics-grid {
        gap: 20px !important;
    }
    
    .stat-card {
        width: 90% !important;
        padding: 20px 15px !important;
    }
}