/* 响应式设计 */
@media (max-width: 768px) {
    .blog-hero {
        padding: 140px 0 60px;
    }

    .blog-hero h2 {
        font-size: 2.2rem;
    }

    .nav-links {
        display: none;
    }

    .post-list {
        padding: 40px 0 60px;
    }

    .post-card {
        padding: 25px 20px;
    }

    .post-title {
        font-size: 1.3rem;
    }

    .post-page {
        padding: 100px 0 60px;
    }

    .post-header h1 {
        font-size: 1.7rem;
    }

    .post-content {
        padding: 30px 22px;
        font-size: 1rem;
    }

    .about-page {
        padding: 100px 0 60px;
    }

    .about-card {
        padding: 30px 22px;
    }

    .not-found {
        padding: 140px 0 100px;
    }

    .not-found h1 {
        font-size: 4.5rem;
    }
}