/* 全站顶栏毛玻璃：统一视觉，保留各页文字强调色 */
:root {
  --site-glass-bg: rgba(12, 14, 18, 0.32);
  --site-glass-bg-strong: rgba(255, 255, 255, 0.1);
  --site-glass-border: rgba(255, 255, 255, 0.14);
  --site-glass-border-soft: rgba(255, 255, 255, 0.1);
  --site-glass-inset: inset 0 1px 0 rgba(255, 255, 255, 0.08);
  --site-glass-blur: blur(20px) saturate(1.35);
  --site-glass-text: rgba(255, 255, 255, 0.88);
  --site-glass-muted: rgba(255, 255, 255, 0.62);
}

nav.navbar,
nav.hh-nav,
nav.lb-nav,
nav.ab-nav,
nav.pr-nav,
nav.ac-nav,
nav.gh-chrome,
header.gh-chrome,
header.site-header {
  background: var(--site-glass-bg) !important;
  background-image: none !important;
  background-size: auto !important;
  background-position: 0 0 !important;
  -webkit-backdrop-filter: var(--site-glass-blur) !important;
  backdrop-filter: var(--site-glass-blur) !important;
  border-bottom: 1px solid var(--site-glass-border) !important;
  box-shadow: var(--site-glass-inset) !important;
  animation: none !important;
}

/* 底部分隔改成轻柔高光，不再用强主题色扫光 */
nav.navbar::after,
nav.ac-nav::after,
nav.gh-chrome::after,
header.gh-chrome::after {
  background: linear-gradient(
    90deg,
    transparent,
    rgba(255, 255, 255, 0.35),
    transparent
  ) !important;
  opacity: 0.35 !important;
}

/* 居中锚点 → 毛玻璃胶囊（与首页 glass pill 同构） */
.nav-links,
.hh-links,
.lb-links,
.ab-links,
.pr-links,
.ac-links,
.gh-chrome-nav {
  top: 50% !important;
  bottom: auto !important;
  height: auto !important;
  padding: 4px 6px !important;
  gap: 2px !important;
  border-radius: 9999px !important;
  background: var(--site-glass-bg-strong) !important;
  border: 1px solid var(--site-glass-border-soft) !important;
  -webkit-backdrop-filter: blur(16px) saturate(1.2) !important;
  backdrop-filter: blur(16px) saturate(1.2) !important;
  box-shadow: var(--site-glass-inset) !important;
  transform: translate(-50%, -50%) !important;
}

.nav-links .nav-link,
.hh-links .hh-link,
.lb-links .lb-link,
.ab-links .ab-link,
.pr-links .pr-link,
.ac-links .ac-link,
.gh-chrome-nav .gh-chrome-link {
  border-radius: 9999px !important;
  clip-path: none !important;
  border-color: transparent !important;
  transition: color 0.2s ease, background 0.2s ease, border-color 0.2s ease !important;
}

.nav-links .nav-link:hover,
.hh-links .hh-link:hover,
.lb-links .lb-link:hover,
.ab-links .ab-link:hover,
.pr-links .pr-link:hover,
.ac-links .ac-link:hover,
.gh-chrome-nav .gh-chrome-link:hover {
  background: rgba(255, 255, 255, 0.1) !important;
}

.nav-links .nav-link.active,
.nav-links .nav-link.is-active,
.hh-links .hh-link.is-active,
.hh-links .hh-link.active,
.lb-links .lb-link.is-active,
.ab-links .ab-link.is-active,
.pr-links .pr-link.is-active,
.ac-links .ac-link.is-active,
.gh-chrome-nav .gh-chrome-link.is-active,
.gh-chrome-nav .gh-chrome-link.active {
  background: rgba(255, 255, 255, 0.14) !important;
  border-color: rgba(255, 255, 255, 0.16) !important;
  text-shadow: none !important;
}

/* 个人中心皮肤：去掉实色渐变，统一玻璃底 */
html[data-account-skin] .ac-nav {
  background: var(--site-glass-bg) !important;
  background-image: none !important;
}

@media (max-width: 720px) {
  .nav-links,
  .hh-links,
  .lb-links,
  .ab-links,
  .pr-links,
  .ac-links,
  .gh-chrome-nav {
    padding: 3px 4px !important;
  }
}