/* 全站公共导航与背景；由基础模板统一加载，各页面不再自行覆盖导航。 */
.glass-page {
    --statau-nav-gap: 18px;
    --statau-radius-panel: 12px;
    --statau-radius-control: 10px;
    --statau-radius-label: 6px;
    --nav-primary: #3f6fff;
    --nav-membership-ink: #a9bcff;
    --nav-glass: rgba(23, 35, 58, .48);
    --nav-glass-line: rgba(190, 214, 255, .3);
    --nav-glass-shadow: 0 8px 24px rgba(0, 0, 0, .16);
    --workspace-canvas:
        radial-gradient(ellipse at 14% 2%, rgba(74, 135, 218, .17), transparent 48%),
        radial-gradient(ellipse 110% 100% at 100% 120%, transparent 57%, rgba(130, 177, 244, .055) 57.2%, transparent 57.6%, transparent 65%, rgba(130, 177, 244, .07) 65.2%, transparent 66%),
        repeating-linear-gradient(128deg, rgba(120, 164, 232, .025) 0 1px, transparent 1px 34px),
        linear-gradient(125deg, #0d1930, #0b1225 70%, #12223c);
    padding-top: var(--statau-navbar-offset);
    background: var(--workspace-canvas);
    background-attachment: fixed;
}
[data-theme="light"] .glass-page {
    --accent-primary: #3f6fff;
    --nav-membership-ink: #284cc8;
    --accent-secondary: #9dbdff;
    --gradient-primary: linear-gradient(135deg, #5e93ff, #3f6fff);
    --nav-glass: rgba(245, 250, 255, .36);
    --nav-glass-line: rgba(255, 255, 255, .8);
    --nav-glass-shadow: 0 8px 24px rgba(52, 93, 151, .09);
    /* 大曲线和稀疏细纹都保持低对比，让导航背后的蓝色有可透出的层次。 */
    --workspace-canvas:
        radial-gradient(ellipse at 14% 0%, rgba(123, 179, 245, .23), transparent 48%),
        radial-gradient(ellipse 110% 100% at 100% 120%, transparent 57%, rgba(255, 255, 255, .75) 57.2%, transparent 57.6%, transparent 65%, rgba(153, 192, 241, .13) 65.2%, transparent 66%),
        repeating-linear-gradient(128deg, rgba(96, 147, 214, .035) 0 1px, transparent 1px 34px),
        linear-gradient(125deg, #e9f2ff, #f5f8fd 65%, #e8f1fc);
}
[data-theme="light"] .glass-page .navbar-tech { --accent-primary: var(--nav-primary); }
.glass-page .navbar-tech {
    --nav-action-height: 36px;
    --nav-tint: color-mix(in srgb, var(--nav-primary) 8%, transparent);
    inset: 12px 30px auto;
    height: 64px;
    padding: 14px;
    border: 0;
    border-radius: 999px;
    outline: 1px solid var(--nav-glass-line);
    outline-offset: -1px;
    /* 全站导航底色带有强制优先级，仅在启用玻璃主题的页面覆盖为透光材质。 */
    background: linear-gradient(115deg, rgba(255, 255, 255, .22), transparent 38%, rgba(183, 215, 255, .07) 70%, rgba(255, 255, 255, .16)), var(--nav-glass) !important;
    box-shadow: var(--nav-glass-shadow);
    -webkit-backdrop-filter: blur(18px) saturate(155%);
    backdrop-filter: blur(18px) saturate(155%);
}
.glass-page .navbar-tech .navbar-brand { margin-right: 8px; border-radius: 999px; }
.glass-page .navbar-tech .navbar-nav { gap: 8px; }
.glass-page .navbar-tech :is(.nav-link, .navbar-toggler, .ui-version-entry, .vip-entry-btn, .nav-icon-btn, .btn-auth-nav, .quota-badge) {
    display: inline-flex;
    align-items: center;
    min-height: var(--nav-action-height);
    height: var(--nav-action-height);
    border-radius: 999px;
    white-space: nowrap;
}
.glass-page .navbar-tech .navbar-nav.ms-auto .dropdown-toggle,
.glass-page .navbar-tech .navbar-nav.ms-auto .vip-entry-btn { min-height: var(--nav-action-height); }
.glass-page .navbar-tech :is(.nav-icon-btn, .navbar-toggler) {
    width: var(--nav-action-height);
    justify-content: center;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none;
}
.glass-page .navbar-tech .nav-icon-btn {
    min-height: var(--nav-action-height) !important;
    color: var(--text-secondary) !important;
}
.glass-page .navbar-tech :is(.nav-icon-btn, .navbar-toggler):hover {
    background: var(--nav-tint) !important;
    color: var(--nav-primary) !important;
    transform: none;
}
.glass-page .navbar-tech :is(.nav-icon-btn, .navbar-toggler, .btn-auth-nav):focus-visible {
    outline: 2px solid var(--nav-primary);
    outline-offset: 2px;
    box-shadow: none;
}
.glass-page .navbar-tech .ui-version-entry {
    margin: 0;
    padding: 0 12px;
    border: 0;
    background: none;
    color: var(--text-secondary);
    font-size: inherit;
}
.glass-page .navbar-tech .ui-version-entry:is(:hover, :focus-visible) { color: var(--nav-primary); }
.glass-page .navbar-tech .btn-auth-nav {
    padding: 0 14px;
    border: 0 !important;
    background: var(--nav-primary) !important;
    color: #fff !important;
    font-weight: 600;
    box-shadow: none;
}
.glass-page .navbar-tech .btn-auth-nav:hover {
    background: color-mix(in srgb, var(--nav-primary) 90%, black) !important;
    transform: none;
}
.glass-page .navbar-tech .quota-badge { border-width: 1px; background: transparent; }
.glass-page .navbar-tech :is(.dropdown-menu, .vip-entry-panel) { border-radius: var(--statau-radius-panel); }
.glass-page .navbar-tech :is(.dropdown-item, .vip-entry-feature, .vip-entry-feature-icon, .quota-badge, .badge) {
    border-radius: 999px;
}

/* 会员入口、额度色及弹层在所有页面使用相同的导航配色。 */
.glass-page .navbar-tech .vip-entry-btn,
.glass-page .navbar-tech .vip-entry-wrap:is(:hover, :focus-within) .vip-entry-btn {
    background: color-mix(in srgb, var(--nav-primary) 18%, transparent);
    border: 0;
    color: var(--nav-membership-ink);
    box-shadow: none;
    transform: none;
}
.glass-page .navbar-tech .vip-entry-wrap:is(:hover, :focus-within) .vip-entry-btn {
    background: color-mix(in srgb, var(--nav-primary) 25%, transparent);
}
.glass-page .navbar-tech .vip-entry-btn::after { content: none; }
.glass-page .navbar-tech .vip-entry-icon { color: inherit; filter: none; }
.glass-page .vip-entry-panel-head {
    background: linear-gradient(140deg, rgba(128, 209, 246, .2), rgba(164, 217, 250, .1) 65%, transparent);
}
.glass-page .vip-entry-feature-icon {
    background: linear-gradient(135deg, rgba(114, 212, 244, .15), rgba(164, 217, 250, .14));
}
[data-theme="light"] .glass-page :is(.vip-entry-panel-link, .vip-entry-feature-icon) { color: var(--nav-primary); }
.glass-page .navbar-tech { --accent-secondary: #9dbdff; --gradient-primary: linear-gradient(135deg, #5e93ff, #3f6fff); }

@media (min-width: 992px) {
    /* 首个导航项的左内边距计入 Logo 到文字的间距。 */
    .glass-page .navbar-tech .navbar-brand { margin-right: calc(36px - var(--bs-navbar-nav-link-padding-x)); }
    .glass-page .navbar-tech .navbar-toggler { display: none; }
}
@media (max-width: 991.98px) {
    .glass-page .navbar-tech { inset: 8px 10px auto; }
    .glass-page { --statau-nav-gap: 8px; }
    /* 窄屏菜单在胶囊外展开，顶部导航保持固定高度。 */
    .glass-page .navbar-tech .navbar-collapse {
        position: absolute;
        inset: calc(100% + 8px) 0 auto;
        max-height: calc(100dvh - 88px);
        border-radius: var(--statau-radius-panel);
        background: var(--bg-primary);
        box-shadow: var(--nav-glass-shadow);
    }
    .glass-page .navbar-tech .navbar-collapse.show { overflow-y: auto; }
    .glass-page .navbar-tech .navbar-nav { padding: 8px 12px; }
    .glass-page .navbar-tech .navbar-nav.ms-auto { flex-flow: row wrap; }
    .glass-page .navbar-tech .vip-entry-panel,
    .glass-page .navbar-tech .vip-entry-wrap::after { display: none; }
}