/* ==========================================
   Header 组件公共样式
   ========================================== */

:root {
    --gh-header-bg: #0092d8;
    --gh-header-bg-strong: #0087ca;
    --gh-header-text: #ffffff;
    --gh-header-text-muted: rgba(255, 255, 255, 0.78);
    --gh-header-panel-text: #1e3551;
    --gh-header-panel-muted: #63758a;
    --gh-header-panel-bg: #ffffff;
    --gh-header-panel-border: rgba(0, 82, 130, 0.08);
    --gh-header-shadow: 0 4px 6px rgba(0, 0, 0, 0.1), 0 2px 4px rgba(0, 0, 0, 0.1);
    --gh-header-panel-shadow: 0 18px 42px rgba(0, 73, 117, 0.14);
    --gh-header-radius: 18px;
    --gh-header-transition: 0.28s ease;
}

.gh-header,
.gh-header * {
    box-sizing: border-box;
}

.gh-header a,
.gh-header button,
.gh-header input {
    font: inherit;
}

.gh-header img {
    display: block;
    max-width: 100%;
}

.gh-header button {
    border: 0;
    background: transparent;
}

.gh-header a {
    text-decoration: none;
}

.gh-header [hidden] {
    display: none !important;
}

.gh-header-spacer {
    /* height: 76px; */
}

.gh-header-visually-hidden {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

@media (prefers-reduced-motion: reduce) {
    .gh-header *,
    .gh-header *::before,
    .gh-header *::after {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        scroll-behavior: auto !important;
        transition-duration: 0.01ms !important;
    }
}

@media (max-width: 968px) {
    .gh-header-spacer {
        /* height: 72px; */
    }
}

@media (max-width: 750px) {
    .gh-header-spacer {
        /* height: 68px; */
    }
}