/* =====================================================================
   DGWEB shell — 导航与右下角工具组统一（2026-10-29）
   1) 导航内容与页面主内容同边线（外层留白 + 内层不再二次缩进）
   2) 桌面导航 72px 高，品牌/链接/按钮字号与胶囊统一
   3) 右下角工具组：个人中心 / 注销验证 / 主题切换 同一行、同轴居中
   4) 移动端汉堡移到最右；移动菜单补不透明底，避免叠字
   由 26 个页面在 </head> 前引用；gate.js 里的门禁按钮位置与此文件一致。
   ===================================================================== */
nav {
    padding-left: 24px !important;
    padding-right: 24px !important;
}
@media (min-width: 768px) {
    nav {
        padding-left: 40px !important;
        padding-right: 40px !important;
    }
}

/* 内层不再二次缩进：内容左/右边缘与 hero / 各页主内容对齐 */
nav > div:not(#mobileMenu) {
    padding-left: 0 !important;
    padding-right: 0 !important;
}
@media (min-width: 768px) {
    nav > div:not(#mobileMenu) {
        height: 72px !important;
    }
}
#mobileMenu {
    top: 64px !important;
    background: #080808 !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}
@media (min-width: 768px) {
    #mobileMenu {
        top: 72px !important;
    }
}
html.light #mobileMenu {
    background: #f4f4f2 !important;
}

/* 品牌与链接 */
nav a span.tracking-wide {
    font-size: 15px !important;
}
nav > div:not(#mobileMenu) > div[class*="gap-10"] {
    margin-left: 28px !important;
}
nav div[class*="gap-10"] a {
    font-size: 12.5px !important;
    letter-spacing: 0.14em !important;
    position: relative;
}
@media (min-width: 1440px) {
    nav div[class*="gap-10"] a {
        font-size: 13px !important;
    }
}
nav div[class*="gap-10"] a::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -6px;
    width: 0;
    height: 1px;
    background: var(--acc);
    transition: width 0.3s ease;
}
nav div[class*="gap-10"] a:hover::after {
    width: 100%;
}

/* 右侧 BILI / 登录按钮 */
nav .bili-btn,
nav .login-btn {
    height: 36px !important;
    padding: 0 14px !important;
    font-size: 11.5px !important;
    letter-spacing: 0.14em !important;
    border-radius: 2px;
}
@media (min-width: 1024px) {
    nav > div:not(#mobileMenu) > .bili-btn {
        margin-left: auto;
    }
    nav > div:not(#mobileMenu) > .login-btn {
        margin-left: 10px;
    }
}

/* 移动端汉堡放最右（原为夹在 logo 与 BILI 之间） */
@media (max-width: 1023px) {
    #navToggle {
        order: 3;
        margin-left: 6px;
    }
}

/* 右下角工具组：与 gate.js 的位置常量保持一致
   桌面：主题 44px @ right 20 / bottom 20；按钮 84×34 @ right 74 / 158，bottom 25
   移动：主题 40px @ right 14 / bottom 14；按钮 76×30 @ right 62 / 138，bottom 19 */
#themeToggle {
    right: 20px !important;
    bottom: calc(20px + env(safe-area-inset-bottom, 0px)) !important;
    width: 44px !important;
    height: 44px !important;
    background: rgba(10, 10, 10, 0.62) !important;
    color: var(--fg) !important;
    border: 1px solid rgba(255, 255, 255, 0.16) !important;
    backdrop-filter: blur(14px) saturate(130%);
    -webkit-backdrop-filter: blur(14px) saturate(130%);
    transition: color 0.3s, border-color 0.3s, background 0.3s;
}
#themeToggle:hover {
    color: var(--acc) !important;
    border-color: var(--acc) !important;
}
html.light #themeToggle {
    background: rgba(255, 255, 255, 0.62) !important;
    border-color: rgba(0, 0, 0, 0.14) !important;
}

/* 首页「收起」浮动按钮让位到工具组上方 */
#collapseBtn {
    bottom: calc(84px + env(safe-area-inset-bottom, 0px)) !important;
}

@media (max-width: 768px) {
    #themeToggle {
        right: 14px !important;
        bottom: calc(14px + env(safe-area-inset-bottom, 0px)) !important;
        width: 40px !important;
        height: 40px !important;
    }
    #collapseBtn {
        bottom: calc(64px + env(safe-area-inset-bottom, 0px)) !important;
    }
}