@media (max-width: 900px) {
    .header-inner {
        flex-wrap: wrap;
        padding: 12px 0;
    }

    .main-nav {
        order: 3;
        width: 100%;
        overflow-x: auto;
        padding-bottom: 3px;
    }

    .article-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .article-card.featured {
        grid-column: span 2;
    }

    .category-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 620px) {
    .container {
        width: min(100% - 22px, 1180px);
    }

    .brand {
        min-width: 0;
        flex: 1;
    }

    .language-switcher a {
        padding: 4px 8px;
    }

    .hero-content {
        min-height: 280px;
    }

    .hero h1 {
        font-size: 34px;
    }

    .hero p {
        font-size: 15px;
    }

    .section-block {
        padding: 42px 0;
    }

    .section-heading,
    .admin-heading {
        align-items: start;
        flex-direction: column;
    }

    .article-grid,
    .category-grid {
        grid-template-columns: 1fr;
    }

    .article-card.featured {
        grid-column: span 1;
    }

    .article-content {
        padding: 22px;
        font-size: 16px;
    }

    .footer-inner {
        padding: 28px 0;
        align-items: start;
        flex-direction: column;
    }
}


/* =========================================
   Header Mobile
========================================= */

@media (max-width: 900px) {

    .header-inner {
        min-height: 68px;
    }

    .main-nav {
        gap: 0;
    }

    .main-nav a {
        padding-left: 11px;
        padding-right: 11px;

        font-size: 14px;
    }

    .language-switcher {
        margin-left: 3px;
        padding-left: 8px;
    }

}


@media (max-width: 760px) {

    .header-inner {
        position: relative;

        min-height: 64px;
    }

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

    .brand small {
        font-size: 9px;
    }

    .brand-mark {
        width: 36px;
        height: 36px;

        border-radius: 10px;

        font-size: 17px;
    }


    /* 显示手机菜单按钮 */

    .mobile-menu-btn {
        display: block;
    }


    /* 手机导航 */

    .main-nav {
        position: absolute;

        top: calc(100% + 8px);
        left: 12px;
        right: 12px;

        display: none;

        flex-direction: column;
        align-items: stretch;

        gap: 4px;

        margin: 0;
        padding: 8px;

        background: #101d31;

        border: 1px solid rgba(255,255,255,.08);

        border-radius: 14px;

        box-shadow: 0 18px 45px rgba(0,0,0,.28);
    }


    .main-nav.open {
        display: flex;
    }


    .main-nav a {
        width: 100%;

        min-height: 46px;

        padding: 0 14px;

        border-radius: 9px;

        font-size: 15px;
    }


    .main-nav a.active::after,
    .main-nav a[aria-current="page"]::after {
        display: none;
    }


    /* 手机语言 */

    .language-switcher {
        position: absolute;

        top: calc(100% + 8px);
        right: 22px;

        display: none;

        z-index: 1002;
    }

}