/* 额外的响应式样式补充 */

@media (max-width: 1200px) {
    .container {
        max-width: 960px;
    }
}

@media (max-width: 992px) {
    .container {
        max-width: 720px;
    }
    
    .hero {
        padding: var(--space-2xl) 0;
    }
    
    .news-section,
    .features {
        padding: var(--space-2xl) 0;
    }
}

@media (min-width: 769px) and (max-width: 991px) {
    .news-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

/* 打印样式 */
@media print {
    .header,
    .footer,
    .cta-buttons {
        display: none !important;
    }
    
    body {
        color: #000 !important;
        background: #fff !important;
    }
    
    .container {
        max-width: 100% !important;
        padding: 0 !important;
    }
}