/* ============================================================
   GeoCommunity — Responsive
   1920 / 1440 / 1280 / 1024 / 768 / 430 / 390
   ============================================================ */

/* ---- 宽屏：内容留白更松 ---- */
@media (min-width: 1600px) {
    .container {
        max-width: 1200px;
    }
}

/* ---- TOC 消失的临界点 ---- */
@media (max-width: 1199px) {
    .single-layout {
        grid-template-columns: minmax(0, var(--content-max));
    }

    .toc-wrap {
        display: none !important;
    }
}

/* ---- 平板 ---- */
@media (max-width: 1024px) {
    .hero {
        padding-top: var(--sp-7);
    }
}

/* ---- 移动端：导航折叠 ---- */
@media (max-width: 768px) {
    :root {
        --header-h: 56px;
    }

    .container {
        padding-left: 20px;
        padding-right: 20px;
    }

    .primary-nav {
        display: none;
    }

    .menu-toggle { display: inline-flex; }

    /* 正文 16px，标题缩小 */
    .prose {
        font-size: 16px;
        line-height: 1.85;
    }

    .prose h2 { font-size: 24px; }
    .prose h3 { font-size: 20px; }
    .prose h4 { font-size: 18px; }

    .entry-header .entry-title {
        font-size: 34px;
    }

    .hero-title {
        font-size: clamp(34px, 9vw, 42px);
    }

    .page-title {
        font-size: 30px;
    }

    /* 列表项：缩略图取消，纯文字更透气 */
    .post-item-inner {
        padding: var(--sp-4) 0;
        margin: 0;
        border-radius: 0;
    }

    .post-item-thumb {
        display: none;
    }

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

    .post-nav .post-nav-next { text-align: left; }

    .search-modal {
        padding-top: 8vh;
    }

    .footer-inner {
        flex-direction: column;
        text-align: center;
    }

    .footer-tagline {
        display: block;
        margin-left: 0;
        padding-left: 0;
        border-left: none;
        margin-top: var(--sp-1);
    }

    .entry-header {
        padding-top: var(--sp-6);
    }

    .archive-header {
        padding-left: 0;
        padding-right: 0;
    }
}

/* ---- 小屏手机 ---- */
@media (max-width: 430px) {
    .hero {
        padding-top: var(--sp-6);
        padding-bottom: var(--sp-6);
    }

    .brand-name {
        font-size: 16px;
    }

    .entry-title {
        font-size: 21px;
    }

    .post-item-excerpt {
        font-size: 14.5px;
    }

    .code-block pre {
        padding: var(--sp-3) var(--sp-4);
    }

    .code-block code {
        font-size: 13px;
    }
}

/* ---- 打印：只留正文 ---- */
@media print {
    .site-header,
    .site-footer,
    .toc-wrap,
    .post-nav,
    .comments-area,
    .search-modal {
        display: none !important;
    }

    body {
        background: #fff;
        color: #000;
    }
}