/* Hallmark · component: navigation · theme: Haitu optical glass
 * states: current, hover, focus, mobile expanded, reduced motion
 * pre-emit critique: P4 H4 E4 S5 R5 V4 */
:root {
 --nav-ink: #182238; --nav-blue: #243277; --nav-white: #fff;
 --nav-tint: rgba(247,250,255,.38); --nav-clear: rgba(247,250,255,.12);
 --nav-edge: rgba(255,255,255,.62); --nav-shade: rgba(16,26,48,.16);
 --nav-button-top: rgba(255,255,255,.38); --nav-button-bottom: rgba(255,255,255,.12);
 --nav-selected: rgba(36,50,119,.88); --nav-menu: rgba(247,249,253,.97);
 --nav-font: "Microsoft YaHei", "PingFang SC", system-ui, sans-serif;
}
html, body { overflow-x: clip; }
.haitu-glass-header {
 position: fixed; top: 18px; left: 50%; transform: translateX(-50%); z-index: 100;
 display: flex; align-items: center; gap: 24px; box-sizing: border-box;
 width: min(1180px, calc(100% - 32px)); height: 78px; padding: 0 26px;
 border: 0; border-radius: 999px; background: transparent; box-shadow: none;
 backdrop-filter: none; -webkit-backdrop-filter: none;
 color: var(--nav-ink); font-family: var(--nav-font);
}
/* Sample only the page. Paint the perimeter AFTER the refractive surface so it
   cannot become input to its own lens and create repeated concentric rims. */
.haitu-glass-header::before {
 content: ""; position: absolute; inset: 0; z-index: -1; border-radius: inherit; pointer-events: none;
 background: linear-gradient(155deg, var(--nav-tint), var(--nav-clear));
 -webkit-backdrop-filter: blur(16.1px) saturate(135%);
 backdrop-filter: var(--nav-refraction, blur(16.1px)) saturate(135%);
}
.haitu-glass-header::after {
 content: ""; position: absolute; inset: 0; border-radius: inherit; pointer-events: none;
 box-shadow: inset 0 0 0 .7px var(--nav-edge), 0 8px 24px var(--nav-shade);
}
.haitu-glass-brand { display: flex; align-items: center; width: 112px; flex: 0 0 112px; text-decoration: none; }
.haitu-glass-brand img { display: block; width: 112px; height: 56px; object-fit: contain; }
.haitu-glass-links { display: flex; align-items: center; justify-content: center; gap: 10px; flex: 1; min-width: 0; }
.haitu-glass-header .haitu-glass-links a, .haitu-glass-toggle {
 position: relative; z-index: 0; display: inline-flex; align-items: center; justify-content: center;
 box-sizing: border-box; gap: 7px; min-height: 42px; padding: 0 16px; border: 0; border-radius: 13px;
 color: var(--nav-ink); background: linear-gradient(145deg, var(--nav-button-top), var(--nav-button-bottom));
 font: 600 14px/1 var(--nav-font); white-space: nowrap; text-decoration: none;
 box-shadow: inset 0 .7px .5px var(--nav-edge), 0 5px 14px var(--nav-shade);
 transition: transform 180ms ease, box-shadow 180ms ease, background 180ms ease;
}
.haitu-glass-links a::before, .haitu-glass-links a::after { content: none; }
.haitu-glass-header .haitu-glass-links a iconpark-icon { display: inline-block; font-size: 16px; }
.haitu-glass-header .haitu-glass-links a[aria-current], .haitu-glass-header .haitu-glass-links a.is-current { color: var(--nav-white); background: var(--nav-selected); }
.haitu-glass-header a:focus-visible, .haitu-glass-header button:focus-visible { outline: 2px solid var(--nav-blue); outline-offset: 4px; }
@media (hover:hover) {
 .haitu-glass-header .haitu-glass-links a:hover { transform: translateY(-1px); box-shadow: inset 0 .7px .5px var(--nav-edge), var(--nav-shadow-x, 0px) 7px 18px var(--nav-shade); }
}
.haitu-glass-toggle { display: none; cursor: pointer; }
.haitu-glass-home #atitZhtG { opacity: 0 !important; visibility: hidden !important; pointer-events: none !important; }
.haitu-glass-home #atitZhtG * { visibility: hidden !important; pointer-events: none !important; }
/* Keep the activity header's measured height and existing brand handoff. */
.site-header.haitu-glass-activity { position: sticky; top: 18px; width: min(1180px, calc(100% - 32px)); margin: 18px auto 0; left: auto; transform: none; border: 0; background: transparent; box-shadow: none; backdrop-filter: none; -webkit-backdrop-filter: none; }
.haitu-glass-activity .site-nav-shell { display: contents; }
.haitu-glass-activity .site-brand { flex: 0 0 112px; width: 112px; }
.haitu-glass-header .haitu-account-entry { position: relative; top: auto; right: auto; bottom: auto; flex: 0 0 auto; min-height: 42px; margin: 0; border: 0; border-radius: 13px; box-shadow: inset 0 .7px .5px var(--nav-edge); background: var(--nav-selected); backdrop-filter: none; }
@media (max-width: 960px) {
 .haitu-glass-header { top: 12px; width: calc(100% - 24px); height: 64px; padding: 0 12px; justify-content: space-between; gap: 8px; }
 .site-header.haitu-glass-activity { top: 12px; width: calc(100% - 24px); min-height: 64px; height: 64px; margin-top: 12px; }
 .haitu-glass-toggle { display: inline-flex; height: 40px; min-height: 40px; padding: 0 10px; gap: 8px; }
 .haitu-glass-toggle i { width: 14px; height: 10px; border-block: 1.5px solid currentColor; }
 .haitu-glass-header .haitu-glass-links { position: absolute; top: calc(100% + 10px); left: 0; right: 0; display: none; padding: 10px; border: 0; border-radius: 22px; background: var(--nav-menu); box-shadow: 0 14px 36px var(--nav-shade); }
 .haitu-glass-header.is-menu-open .haitu-glass-links { display: grid; grid-template-columns: minmax(0,1fr); gap: 6px; }
 .haitu-glass-header .haitu-glass-links a { width: 100%; min-height: 46px; justify-content: flex-start; padding-inline: 18px; box-shadow: none; }
 .haitu-glass-header .haitu-account-entry { margin-left: auto; padding: 0 9px; font-size: 12px; min-height: 40px; }
 .haitu-glass-brand, .haitu-glass-activity .site-brand { flex-basis: 90px; width: 90px; }
 .haitu-glass-brand img { width: 90px; }
}
@media (prefers-reduced-motion: reduce) { .haitu-glass-header * { transition: none; } }
#rHtPMzUT, #IgCMbBAR, #EgRRQOSu, #cmXfViki { scroll-margin-top: 110px; }

/* Sample beyond the rim, but clip the rendered glass strictly to the shell. */
.haitu-glass-optics { position: absolute; inset: 0; z-index: -2; border-radius: inherit; overflow: hidden; pointer-events: none; }
.haitu-glass-sampler { position: absolute; inset: -10px; backdrop-filter: var(--nav-refraction) saturate(135%); }
.haitu-glass-header.has-nav-refraction::before { backdrop-filter: none; -webkit-backdrop-filter: none; }

.haitu-glass-header .haitu-glass-links a .haitu-nav-icon { display: block; flex: 0 0 16px; width: 16px; height: 16px; }