:is(nav[aria-label="主导航"], nav[aria-label="Primary navigation"], nav[aria-label="Main navigation"]) a.main-nav-link {
    position: relative;
}

:is(nav[aria-label="主导航"], nav[aria-label="Primary navigation"], nav[aria-label="Main navigation"]) a.main-nav-link.active {
    color: #4f46e5;
    font-weight: 700;
}

:is(nav[aria-label="主导航"], nav[aria-label="Primary navigation"], nav[aria-label="Main navigation"]) .hidden.lg\:flex > a.main-nav-link.active::after,
:is(nav[aria-label="主导航"], nav[aria-label="Primary navigation"], nav[aria-label="Main navigation"]) .hidden.\32xl\:flex > a.main-nav-link.active::after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: -0.25rem;
    height: 2px;
    background: linear-gradient(90deg, #6366f1, #10b981);
}

@media (min-width: 1536px) {
    :is(nav[aria-label="主导航"], nav[aria-label="Primary navigation"], nav[aria-label="Main navigation"]) a.main-nav-link.active::after {
        content: '';
        position: absolute;
        left: 0;
        right: 0;
        bottom: -0.25rem;
        height: 2px;
        background: linear-gradient(90deg, #6366f1, #10b981);
    }
}

/* Shared layout safeguards for the static site. */
:is(nav[aria-label="主导航"], nav[aria-label="Primary navigation"], nav[aria-label="Main navigation"]) {
    top: 1rem !important;
    left: 1rem !important;
    right: 1rem !important;
    width: auto !important;
}

:is(nav[aria-label="主导航"], nav[aria-label="Primary navigation"], nav[aria-label="Main navigation"]) > div:first-child {
    width: 100% !important;
    max-width: 90rem !important;
    min-height: 4.5rem;
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box;
    padding: 1rem 1.5rem !important;
    border-radius: 1rem;
    background: rgba(255, 255, 255, 0.78);
    border: 1px solid rgba(255, 255, 255, 0.55);
    box-shadow: 0 8px 24px rgba(31, 41, 55, 0.08);
    backdrop-filter: blur(20px);
}

:is(nav[aria-label="主导航"], nav[aria-label="Primary navigation"], nav[aria-label="Main navigation"]) a {
    white-space: nowrap;
    word-break: keep-all;
    overflow-wrap: normal;
}

@media (min-width: 1024px) {
    :is(nav[aria-label="主导航"], nav[aria-label="Primary navigation"], nav[aria-label="Main navigation"]) .hidden.lg\:flex,
    :is(nav[aria-label="主导航"], nav[aria-label="Primary navigation"], nav[aria-label="Main navigation"]) .hidden.\32xl\:flex {
        flex-wrap: nowrap;
        min-width: 0;
        gap: clamp(0.75rem, 1.2vw, 1.5rem) !important;
    }

    :is(nav[aria-label="主导航"], nav[aria-label="Primary navigation"], nav[aria-label="Main navigation"]) .hidden.lg\:flex > a,
    :is(nav[aria-label="主导航"], nav[aria-label="Primary navigation"], nav[aria-label="Main navigation"]) .hidden.\32xl\:flex > a {
        flex: 0 0 auto;
        white-space: nowrap;
    }
}

/* Content remains readable if an external icon/animation script is delayed. */
.scroll-reveal {
    opacity: 1;
    transform: none;
}

.text-balance {
    text-wrap: balance;
}

/* Keep the complete English desktop navigation visible at desktop widths.
   The previous 1800px cutoff hid every link on ordinary 1440px screens. */
@media (min-width: 1024px) {
    html[lang="en"] nav .hidden.lg\:flex {
        display: flex !important;
        gap: clamp(0.45rem, 0.65vw, 0.8rem) !important;
        font-size: clamp(0.68rem, 0.72vw, 0.8rem);
    }

    html[lang="en"] nav #menuToggle {
        display: none !important;
    }

    html[lang="en"] nav .mobile-menu.lg\:hidden {
        display: none !important;
    }
}

@media (max-width: 1023px) {
    nav .hidden.lg\:flex {
        display: none !important;
    }

    nav #menuToggle {
        display: inline-flex !important;
    }

    nav .mobile-menu.lg\:hidden.active {
        display: block !important;
    }
}