.web-top-bar{--wt-bg:#FFFFFF;--wt-panel:#FFFFFF;--wt-sub:#F7F8FA;--wt-border:#E5E7F0;--wt-text:#16182B;--wt-dim:#5B6178;--wt-faint:#9CA2B8;--wt-accent:#4F6BFF;--wt-accent-2:#7C8CFF;--wt-accent-soft:rgba(79,107,255,0.09);--wt-h:64px}.dark .web-top-bar{--wt-bg:#0A0A0F;--wt-panel:#101116;--wt-sub:#141520;--wt-border:#1C1C2E;--wt-text:#F0F2FF;--wt-dim:#A0A8C0;--wt-faint:#5B5F70;--wt-accent:#4F6BFF;--wt-accent-2:#7C8CFF;--wt-accent-soft:rgba(79,107,255,0.15)}.web-top-bar[data-position=fixed]{position:fixed;top:0;left:0;right:0;z-index:100}.web-top-bar[data-position=sticky]{position:sticky;top:0;z-index:30}.web-top-bar{background:color-mix(in srgb,var(--wt-bg) 85%,transparent);backdrop-filter:blur(12px);border-bottom:1px solid var(--wt-border)}.web-top-bar .wt-drawer{border-top:1px solid var(--wt-border);background:var(--wt-bg);animation:wt-slide-down .16s ease}@keyframes wt-slide-down{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.web-top-bar .wt-drawer{animation:none}}