/* 接口智能 · 顶栏浅色玻璃（仅 body.api-intel-page，不影响其它页面） */

body.api-intel-page .hf-gnav {
    /* 2560×128 ≈ 20:1，匹配顶栏全宽×约 64px（@2x） */
    background-color: #eef6fc !important;
    background-image:
        linear-gradient(
            180deg,
            rgba(255, 255, 255, 0.42) 0%,
            rgba(238, 246, 252, 0.55) 55%,
            rgba(236, 254, 255, 0.62) 100%
        ),
        url("/static/images/api-intel/api-intel-nav-bg.png") !important;
    background-repeat: no-repeat !important;
    background-position: center top !important;
    background-size: cover !important;
    border-bottom: 1px solid rgba(14, 116, 144, 0.18) !important;
    box-shadow:
        0 1px 0 rgba(255, 255, 255, 0.7) inset,
        0 8px 28px -16px rgba(15, 28, 46, 0.14) !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

body.api-intel-page .hf-gnav::before {
    content: none;
    display: none;
}

body.api-intel-page .hf-gnav::after {
    content: none;
    display: none;
}

body.api-intel-page .hf-gnav__brand,
body.api-intel-page .hf-gnav__titles strong {
    color: #0f1c2e !important;
}

body.api-intel-page .hf-gnav__titles span {
    color: rgba(14, 116, 144, 0.72) !important;
}

body.api-intel-page .hf-gnav__mark {
    box-shadow:
        0 2px 12px rgba(14, 116, 144, 0.28),
        0 0 0 1px rgba(103, 232, 249, 0.45) !important;
}

body.api-intel-page .hf-gnav__brand:hover .hf-gnav__mark {
    box-shadow:
        0 4px 16px rgba(14, 116, 144, 0.34),
        0 0 0 1px rgba(8, 145, 178, 0.4) !important;
}

body.api-intel-page .hf-gnav__mega-btn {
    border-color: rgba(14, 116, 144, 0.28) !important;
    background: rgba(255, 255, 255, 0.72) !important;
    color: #155e75 !important;
    font-weight: 600 !important;
}

body.api-intel-page .hf-gnav__mega-btn:hover {
    background: rgba(236, 254, 255, 0.95) !important;
    border-color: rgba(8, 145, 178, 0.45) !important;
}

body.api-intel-page .hf-gnav__mega-btn[aria-expanded="true"] {
    background: rgba(207, 250, 254, 0.95) !important;
    border-color: rgba(14, 116, 144, 0.42) !important;
    box-shadow: 0 0 0 1px rgba(103, 232, 249, 0.3) !important;
}

body.api-intel-page .hf-gnav__prompts {
    color: #155e75 !important;
    border-color: rgba(14, 116, 144, 0.32) !important;
    background: linear-gradient(120deg, rgba(236, 254, 255, 0.95), rgba(240, 249, 255, 0.92)) !important;
    box-shadow: 0 1px 4px rgba(14, 116, 144, 0.08) !important;
}

body.api-intel-page .hf-gnav__prompts:hover {
    border-color: rgba(8, 145, 178, 0.5) !important;
    box-shadow: 0 4px 16px -6px rgba(14, 116, 144, 0.35) !important;
}

body.api-intel-page .hf-gnav__feedback {
    color: #155e75 !important;
    border-color: rgba(165, 243, 252, 0.75) !important;
    background: rgba(255, 255, 255, 0.65) !important;
}

body.api-intel-page .hf-gnav__feedback:hover {
    background: rgba(236, 254, 255, 0.95) !important;
    border-color: rgba(14, 116, 144, 0.4) !important;
}

body.api-intel-page .hf-gnav__messages,
body.api-intel-page .hf-gnav__community {
    color: #155e75 !important;
    border-color: rgba(14, 116, 144, 0.28) !important;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.92), rgba(236, 254, 255, 0.78)) !important;
}

body.api-intel-page .hf-gnav__auth {
    color: #fff !important;
    border-color: transparent !important;
    background: linear-gradient(180deg, #1289a8, #0e7490) !important;
}

body.api-intel-page .hf-gnav__burger span {
    background: #155e75 !important;
}

/* 与文档工具 / 缺陷管理同款：防止 width:100%+padding 撑破视口裁切头像 */
body.api-intel-page .hf-gnav__end,
body.api-intel-page .hf-gnav__auth-slot,
body.api-intel-page .hf-gnav__user-menu {
    flex-shrink: 0;
    min-width: 0;
}

body.api-intel-page .hf-gnav {
    overflow: visible;
}

body.api-intel-page .hf-gnav__inner {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
}