/**
 * CyberGlass 响应式断点适配
 * Mobile-First 设计，逐步增强到桌面端。
 */

/* ========== 平板竖屏及以下（<768px） ========== */
@media (max-width: 767px) {
    .content-wrapper {
        flex-direction: column;
        padding: 0 var(--space-4);
    }

    .site-sidebar {
        width: 100%;
    }

    .glass-sidebar {
        position: static;
    }

    .posts-grid {
        grid-template-columns: 1fr;
    }

    /* 导航响应式 */
    .nav-menu {
        position: fixed;
        top: 0;
        right: -280px;
        width: 280px;
        height: 100vh;
        background: var(--glass-bg-strong);
        backdrop-filter: blur(var(--glass-blur-strong));
        -webkit-backdrop-filter: blur(var(--glass-blur-strong));
        border-left: 1px solid var(--glass-border);
        z-index: var(--z-overlay);
        padding: calc(var(--nav-height) + var(--space-4)) var(--space-6) var(--space-6);
        transition: right var(--transition-base);
        overflow-y: auto;
    }

    .nav-menu.open {
        right: 0;
    }

    .nav-list {
        flex-direction: column;
        gap: var(--space-1);
    }

    .nav-list li a {
        width: 100%;
        padding: var(--space-3) var(--space-4);
    }

    .nav-hamburger {
        display: flex;
    }

    /* Hero 响应式 */
    .hero-title {
        font-size: var(--text-3xl);
    }

    .hero-stats {
        gap: var(--space-6);
    }

    .stat-number {
        font-size: var(--text-2xl);
    }

    /* 文章详情 */
    .single-post {
        padding: var(--space-5);
    }

    .post-title {
        font-size: var(--text-2xl);
    }

    .post-navigation {
        grid-template-columns: 1fr;
    }

    /* 404 */
    .error-code {
        font-size: 5rem;
    }

    /* 评论 */
    .comment-body {
        flex-direction: column;
        gap: var(--space-3);
    }

    .comments-section {
        padding: var(--space-5);
    }

    /* 搜索 */
    .search-form {
        flex-direction: column;
    }

    /* 页脚 */
    .footer-stats {
        flex-direction: column;
        gap: var(--space-2);
        align-items: center;
    }

    .footer-menu {
        flex-direction: column;
        align-items: center;
        gap: var(--space-3);
    }
}

/* ========== 平板横屏（768px - 1023px） ========== */
@media (min-width: 768px) and (max-width: 1023px) {
    .posts-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .site-sidebar {
        width: 260px;
    }
}

/* ========== 桌面端（>=1024px） ========== */
@media (min-width: 1024px) {
    .nav-hamburger {
        display: none;
    }
}