/* ============================================================
   onenav 主题 · 顶部导航统一覆盖
   ------------------------------------------------------------
   背景/配色统一由 index-custom.css 的
     body.theme-onenav .header { background: var(--onenav-uni-grad) }
   决定（紫粉流动渐变 + 阴影）。

   历史问题：page-apply / page-ranking / page-article-detail 曾各自
   用「浮动圆角卡片 + 5px 粉色顶边」覆盖 header，导致这几个页面的
   导航外观与首页、留言、分类、搜索等页面不一致。

   本文件统一所有页面的 header 几何：
     · 全宽通栏、无圆角、无顶边
     · 高度与首页一致（桌面 88px / ≤1100px 68px）
   注意：本文件在各 page-*.css 之后引入，保证最终胜出。
   ============================================================ */

/* 桌面端：与首页一致的全宽通栏 */
body.theme-onenav .header,
body.theme-onenav .header.fixed,
body.onenav-apply-page .header,
body.onenav-ranking-page .header,
body.onenav-article-detail-page .header,
body.onenav-article-index-page .header,
body.onenav-about-page .header,
body.onenav-site-detail-page .header {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 auto !important;
    height: 88px !important;
    border-radius: 0 !important;
    border-top: none !important;
    border-bottom: none !important;
    background: var(--onenav-uni-grad) !important;
    background-size: 250% 100% !important;
    background-position: 0% 50% !important;
    animation: onenavUniFlow 12s ease-in-out infinite !important;
    box-shadow: 0 6px 18px rgba(79, 70, 229, .30) !important;
    backdrop-filter: none !important;
    z-index: 1000 !important;
    overflow: visible !important;
}

/* 继承首页的降级策略：无障碍偏好时停止动画 */
@media (prefers-reduced-motion: reduce) {
    body.theme-onenav .header,
    body.theme-onenav .header.fixed,
    body.onenav-apply-page .header,
    body.onenav-ranking-page .header,
    body.onenav-article-detail-page .header,
    body.onenav-article-index-page .header,
    body.onenav-about-page .header,
    body.onenav-site-detail-page .header {
        animation: none !important;
        background-size: 100% 100% !important;
        background-position: 0% 0% !important;
    }
}

/* 移动端：与首页一致的紧凑高度 */
@media (max-width: 1100px) {
    body.theme-onenav .header,
    body.theme-onenav .header.fixed,
    body.onenav-apply-page .header,
    body.onenav-ranking-page .header,
    body.onenav-article-detail-page .header,
    body.onenav-article-index-page .header,
    body.onenav-about-page .header,
    body.onenav-site-detail-page .header {
        height: 68px !important;
        border-radius: 0 !important;
    }
}

/* ============================================================
   导航统一后，各页面内容区的顶部间距同步收敛。
   历史原因：apply / ranking / article-detail 三个页面曾用
   「浮动圆角 header（top:6px + height:84px）」，内容区预留 102px；
   统一为全宽通栏（height:88px）后，若沿用 102px 会多出 14px 空隙。
   ============================================================ */

body.onenav-apply-page .apply-shell,
body.onenav-ranking-page .rank-shell,
body.onenav-article-detail-page .article-shell,
body.onenav-article-index-page .article-index-shell,
body.onenav-about-page .about-shell,
body.onenav-site-detail-page .detail-shell {
    margin-top: 104px !important;
}

@media (max-width: 1100px) {
    body.onenav-apply-page .apply-shell,
    body.onenav-ranking-page .rank-shell,
    body.onenav-article-detail-page .article-shell,
    body.onenav-article-index-page .article-index-shell,
    body.onenav-about-page .about-shell,
    body.onenav-site-detail-page .detail-shell {
        margin-top: 84px !important;
    }
}

/* ---------- 导航内元素配色（与首页保持一致的白字玻璃态） ---------- */

body.theme-onenav .header .nav li a,
body.theme-onenav .header .nav li a span,
body.theme-onenav .header .nav li a i,
body.theme-onenav .header.fixed .nav li a,
body.theme-onenav .header.fixed .nav li a span,
body.theme-onenav .header.fixed .nav li a i {
    color: #ffffff !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .20) !important;
}

body.theme-onenav .header .nav li a,
body.theme-onenav .header.fixed .nav li a {
    background: rgba(255, 255, 255, .16) !important;
    border: 1px solid rgba(255, 255, 255, .28) !important;
}

body.theme-onenav .header .nav li a:hover,
body.theme-onenav .header .nav li.active a,
body.theme-onenav .header.fixed .nav li a:hover,
body.theme-onenav .header.fixed .nav li.active a {
    background: linear-gradient(135deg, #2563eb 0%, #3b82f6 50%, #60a5fa 100%) !important;
    box-shadow: 0 4px 14px rgba(37, 99, 235, .40) !important;
}

body.theme-onenav .header .onenav-top-tools .tool-btn,
body.theme-onenav .header.fixed .onenav-top-tools .tool-btn {
    background: rgba(255, 255, 255, .16) !important;
    border: 1px solid rgba(255, 255, 255, .30) !important;
    color: #ffffff !important;
}

body.theme-onenav .header .onenav-top-tools .tool-btn:hover,
body.theme-onenav .header.fixed .onenav-top-tools .tool-btn:hover {
    background: rgba(255, 255, 255, .32) !important;
}

/* logo：渐变背景下强制使用固定版（与首页一致） */
body.theme-onenav .header .logo img.logo-main {
    display: none !important;
}

body.theme-onenav .header .logo img.logo-fixed {
    display: block !important;
}

/* 汉堡按钮：白色以适配深色渐变背景 */
body.theme-onenav .header .nav-bar span,
body.theme-onenav .header .nav-bar span::before,
body.theme-onenav .header .nav-bar span::after,
body.theme-onenav .header .nav-bar span i,
body.onenav-apply-page .header .nav-bar span,
body.onenav-ranking-page .header .nav-bar span,
body.onenav-article-detail-page .header .nav-bar span,
body.onenav-article-index-page .header .nav-bar span,
body.onenav-about-page .header .nav-bar span,
body.onenav-site-detail-page .header .nav-bar span {
    background: #ffffff !important;
}

/* 登录态用户名与下拉箭头（layout.html 的 .header-user） */
body.theme-onenav .header .header-user .username,
body.theme-onenav .header .header-user .fa-caret-down {
    color: #ffffff !important;
}

body.theme-onenav .header .header-user .fa-caret-down {
    color: rgba(255, 255, 255, .8) !important;
}