/* ========== 响应式设计 ========== */

/* 平板 (小于 992px) */
@media (max-width: 992px) {
    header nav ul {
        flex-wrap: wrap;
        justify-content: center;
    }
    .vpn-cards {
        flex-direction: row;
        gap: 15px;
    }
    .card {
        width: 45%;
    }
}

/* 手机 (小于 600px) */
@media (max-width: 600px) {
    header {
        flex-direction: column;
        text-align: center;
    }
    header nav ul {
        flex-direction: column;
    }
    header nav ul li {
        margin: 8px 0;
    }
    .hero h1 {
        font-size: 1.5rem;
    }
    .vpn-cards {
        flex-direction: column;
        align-items: center;
    }
    .card {
        width: 90%;
    }
    .latest-posts ul {
        padding-left: 15px;
    }
}