/*
 * 语言切换器（topbar .nav-lang）与深链提示条（.lang-notice）
 * 颜色跟随导航的 currentColor，.dark（浅底区块）时自动变深；不用 !important，不单独覆盖 topbar。
 * token 见 css/tokens-blocks.css 的「语言」段。
 */

/* ── 切换器「中文 / EN」 ── */

.site-nav .nav-lang {
    display: inline-flex;
    align-items: center;
    gap: var(--nav-lang-gap);
    font-family: var(--font-mono);
    font-size: var(--fs-xs);
    letter-spacing: var(--tracking-wide);
}

.site-nav .nav-lang__item {
    color: inherit;
    text-decoration: none;
    opacity: var(--opacity-muted);
    transition: opacity var(--dur-fast) var(--ease-out);
}

.site-nav .nav-lang a.nav-lang__item:hover,
.site-nav .nav-lang a.nav-lang__item:focus-visible,
.site-nav .nav-lang__item[aria-current] {
    opacity: var(--opacity-hover);
}

.site-nav .nav-lang__sep {
    opacity: var(--nav-lang-sep-opacity);
}

@media (max-width: 768px) {
    .site-nav .nav-lang {
        gap: var(--space-3);
        padding-bottom: var(--space-4);
        border-bottom: var(--line-width) solid var(--line);
        font-size: var(--fs-sm);
    }
}

/* ── 深链提示条：贴在视口底部居中，1px 细线，不挡 topbar ── */

.lang-notice {
    position: fixed;
    left: 50%;
    bottom: var(--lang-notice-offset);
    z-index: var(--z-overlay);
    display: flex;
    align-items: center;
    gap: var(--space-2);
    max-width: calc(100vw - var(--page-px-mobile) * 2);
    padding: var(--space-1) var(--space-1) var(--space-1) var(--space-4);
    border: var(--line-width) solid var(--line-strong);
    border-radius: var(--radius-md);
    background: var(--lang-notice-bg);
    -webkit-backdrop-filter: blur(var(--nav-blur));
    backdrop-filter: blur(var(--nav-blur));
    color: var(--fg);
    font-family: var(--font-sans);
    font-size: var(--fs-sm);
    line-height: var(--lh-normal);
    transform: translateX(-50%);
}

.lang-notice[hidden] {
    display: none;
}

.lang-notice__link {
    color: inherit;
    text-decoration: none;
    white-space: nowrap;
}

.lang-notice__link:hover,
.lang-notice__link:focus-visible {
    color: var(--brand-blue-hover);
}

.lang-notice__close {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: var(--lang-notice-close);
    height: var(--lang-notice-close);
    padding: 0;
    border: 0;
    border-radius: var(--radius-sm);
    background: transparent;
    color: var(--fg-muted);
    font: inherit;
    cursor: pointer;
}

.lang-notice__close:hover,
.lang-notice__close:focus-visible {
    color: var(--fg);
    background: var(--surface);
}

.lang-notice a:focus-visible,
.lang-notice button:focus-visible {
    outline: var(--line-width) solid var(--brand-blue);
    outline-offset: var(--space-1);
}