/* Web UI 自动化 · 顶栏天蓝玻璃（执行页 uia-hub-page · 运行记录页 uia-hist-page-body） */

:is(body.uia-hub-page, body.uia-hist-page-body) .hf-gnav {
    background:
        linear-gradient(
            118deg,
            rgba(255, 255, 255, 0.74) 0%,
            rgba(240, 249, 255, 0.70) 42%,
            rgba(224, 242, 254, 0.62) 100%
        ) !important;
    border-bottom: 1px solid rgba(56, 189, 248, 0.28) !important;
    box-shadow:
        0 1px 0 rgba(255, 255, 255, 0.55) inset,
        0 8px 28px -16px rgba(14, 165, 233, 0.18) !important;
    backdrop-filter: blur(18px) saturate(140%);
    -webkit-backdrop-filter: blur(18px) saturate(140%);
}

:is(body.uia-hub-page, body.uia-hist-page-body) .hf-gnav::before {
    opacity: 0.22 !important;
    background: repeating-linear-gradient(
        90deg,
        transparent 0,
        transparent 47px,
        rgba(14, 165, 233, 0.045) 47px,
        rgba(14, 165, 233, 0.045) 48px
    ) !important;
}

:is(body.uia-hub-page, body.uia-hist-page-body) .hf-gnav::after {
    background:
        radial-gradient(ellipse 70% 120% at 8% -30%, rgba(125, 211, 252, 0.4), transparent 58%),
        radial-gradient(ellipse 55% 90% at 96% 0%, rgba(56, 189, 248, 0.18), transparent 52%) !important;
    opacity: 1 !important;
}

:is(body.uia-hub-page, body.uia-hist-page-body) .hf-gnav__brand,
:is(body.uia-hub-page, body.uia-hist-page-body) .hf-gnav__titles strong {
    color: #0c4a6e !important;
}

:is(body.uia-hub-page, body.uia-hist-page-body) .hf-gnav__titles span {
    color: rgba(3, 105, 161, 0.65) !important;
}

:is(body.uia-hub-page, body.uia-hist-page-body) .hf-gnav__mark {
    box-shadow:
        0 2px 12px rgba(14, 165, 233, 0.28),
        0 0 0 1px rgba(125, 211, 252, 0.4) !important;
}

:is(body.uia-hub-page, body.uia-hist-page-body) .hf-gnav__brand:hover .hf-gnav__mark {
    box-shadow:
        0 4px 16px rgba(14, 165, 233, 0.35),
        0 0 0 1px rgba(2, 132, 199, 0.3) !important;
}

:is(body.uia-hub-page, body.uia-hist-page-body) .hf-gnav__mega-btn {
    border-color: rgba(56, 189, 248, 0.32) !important;
    background: rgba(255, 255, 255, 0.55) !important;
    color: #0369a1 !important;
}

:is(body.uia-hub-page, body.uia-hist-page-body) .hf-gnav__mega-btn:hover {
    background: rgba(240, 249, 255, 0.92) !important;
    border-color: rgba(14, 165, 233, 0.45) !important;
}

:is(body.uia-hub-page, body.uia-hist-page-body) .hf-gnav__mega-btn[aria-expanded="true"] {
    background: rgba(224, 242, 254, 0.95) !important;
    border-color: rgba(2, 132, 199, 0.4) !important;
    box-shadow: 0 0 0 1px rgba(125, 211, 252, 0.3) !important;
}

:is(body.uia-hub-page, body.uia-hist-page-body) .hf-gnav__prompts {
    color: #0369a1 !important;
    border-color: rgba(56, 189, 248, 0.38) !important;
    background: linear-gradient(120deg, rgba(240, 249, 255, 0.92), rgba(224, 242, 254, 0.88)) !important;
    box-shadow: 0 1px 4px rgba(14, 165, 233, 0.08) !important;
}

:is(body.uia-hub-page, body.uia-hist-page-body) .hf-gnav__prompts:hover {
    border-color: rgba(2, 132, 199, 0.45) !important;
    box-shadow: 0 4px 16px -6px rgba(14, 165, 233, 0.35) !important;
}

:is(body.uia-hub-page, body.uia-hist-page-body) .hf-gnav__feedback {
    color: #0369a1 !important;
    border-color: rgba(186, 230, 253, 0.7) !important;
    background: rgba(255, 255, 255, 0.55) !important;
}

:is(body.uia-hub-page, body.uia-hist-page-body) .hf-gnav__feedback:hover {
    background: rgba(240, 249, 255, 0.92) !important;
    border-color: rgba(56, 189, 248, 0.5) !important;
}

:is(body.uia-hub-page, body.uia-hist-page-body) .hf-gnav__messages {
    color: #0369a1 !important;
    border-color: rgba(56, 189, 248, 0.45) !important;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.92), rgba(240, 249, 255, 0.82)) !important;
    box-shadow:
        0 1px 0 rgba(255, 255, 255, 0.85) inset,
        0 1px 3px rgba(3, 105, 161, 0.1) !important;
}

:is(body.uia-hub-page, body.uia-hist-page-body) .hf-gnav__messages:hover {
    background: rgba(255, 255, 255, 0.98) !important;
    border-color: rgba(14, 165, 233, 0.55) !important;
}

:is(body.uia-hub-page, body.uia-hist-page-body) .hf-gnav__messages[data-has-unread="1"] {
    border-color: rgba(244, 63, 94, 0.5) !important;
    box-shadow:
        0 0 0 3px rgba(251, 113, 133, 0.16),
        0 2px 10px rgba(3, 105, 161, 0.1) !important;
}

:is(body.uia-hub-page, body.uia-hist-page-body) .hf-gnav__messages-badge {
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.95) !important;
}

:is(body.uia-hub-page, body.uia-hist-page-body) .hf-gnav__auth {
    color: #0369a1 !important;
    border-color: rgba(56, 189, 248, 0.4) !important;
    background: linear-gradient(120deg, rgba(240, 249, 255, 0.95), rgba(224, 242, 254, 0.88)) !important;
}

:is(body.uia-hub-page, body.uia-hist-page-body) .hf-gnav__user-email {
    color: #0c4a6e !important;
    background: rgba(255, 255, 255, 0.55) !important;
    border: 1px solid rgba(56, 189, 248, 0.25);
}

:is(body.uia-hub-page, body.uia-hist-page-body) .hf-gnav__logout {
    color: #0369a1 !important;
    border-color: rgba(56, 189, 248, 0.3) !important;
    background: rgba(255, 255, 255, 0.5) !important;
}

:is(body.uia-hub-page, body.uia-hist-page-body) .hf-gnav__logout:hover {
    background: rgba(240, 249, 255, 0.92) !important;
}

:is(body.uia-hub-page, body.uia-hist-page-body) .hf-gnav__burger {
    border-color: rgba(56, 189, 248, 0.32) !important;
    background: rgba(255, 255, 255, 0.55) !important;
    color: #0369a1 !important;
}

:is(body.uia-hub-page, body.uia-hist-page-body) .hf-gnav__burger span {
    background: #0369a1 !important;
}

:is(body.uia-hub-page, body.uia-hist-page-body) .hf-gnav__drawer {
    background: rgba(12, 74, 110, 0.16) !important;
}

:is(body.uia-hub-page, body.uia-hist-page-body) .hf-gnav__sheet {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.96) 0%, rgba(240, 249, 255, 0.98) 100%) !important;
    border-left: 1px solid rgba(56, 189, 248, 0.28) !important;
    box-shadow: -12px 0 40px rgba(14, 165, 233, 0.12) !important;
}

:is(body.uia-hub-page, body.uia-hist-page-body) .hf-gnav__sheet-top {
    border-bottom-color: rgba(56, 189, 248, 0.2) !important;
}

:is(body.uia-hub-page, body.uia-hist-page-body) .hf-gnav__sheet-top p,
:is(body.uia-hub-page, body.uia-hist-page-body) .hf-gnav__sheet-sec h3 {
    color: rgba(3, 105, 161, 0.72) !important;
}

:is(body.uia-hub-page, body.uia-hist-page-body) .hf-gnav__sheet-x {
    border-color: rgba(56, 189, 248, 0.3) !important;
    background: rgba(255, 255, 255, 0.7) !important;
    color: #0369a1 !important;
}

:is(body.uia-hub-page, body.uia-hist-page-body) .hf-gnav__sheet a {
    color: #0c4a6e !important;
}

:is(body.uia-hub-page, body.uia-hist-page-body) .hf-gnav__sheet a:hover {
    background: rgba(224, 242, 254, 0.85) !important;
}

:is(body.uia-hub-page, body.uia-hist-page-body) .hf-gnav__sheet a[aria-current="page"] {
    background: rgba(224, 242, 254, 0.95) !important;
    border-color: rgba(56, 189, 248, 0.4) !important;
}

:is(body.uia-hub-page, body.uia-hist-page-body) .hf-gnav__sheet-prompts {
    border-top-color: rgba(56, 189, 248, 0.2) !important;
}

:is(body.uia-hub-page, body.uia-hist-page-body) .hf-gnav__sheet-prompts a {
    background: linear-gradient(120deg, rgba(240, 249, 255, 0.9), rgba(224, 242, 254, 0.85)) !important;
    border-color: rgba(56, 189, 248, 0.32) !important;
}

:is(body.uia-hub-page, body.uia-hist-page-body) .hf-gnav__sheet-feedback {
    border-color: rgba(56, 189, 248, 0.32) !important;
    background: rgba(240, 249, 255, 0.9) !important;
    color: #0369a1 !important;
}

:is(body.uia-hub-page, body.uia-hist-page-body) .hf-gnav__sheet-auth {
    border-color: rgba(56, 189, 248, 0.38) !important;
    background: rgba(224, 242, 254, 0.95) !important;
    color: #0369a1 !important;
}

:is(body.uia-hub-page, body.uia-hist-page-body) .hf-gnav__sheet-user {
    background: rgba(255, 255, 255, 0.65) !important;
    border-color: rgba(56, 189, 248, 0.22) !important;
}

:is(body.uia-hub-page, body.uia-hist-page-body) .hf-gnav__sheet-user p {
    color: rgba(3, 105, 161, 0.65) !important;
}

:is(body.uia-hub-page, body.uia-hist-page-body) .hf-gnav__sheet-user strong {
    color: #0c4a6e !important;
}

/* 覆盖 page_shells 深色页头文字，适配浅蓝底 */
:is(body.uia-hub-page, body.uia-hist-page-body) header h1 {
    color: #0c4a6e !important;
}

:is(body.uia-hub-page, body.uia-hist-page-body) header p {
    color: #475569 !important;
}