/* ============================================================
   玻璃拟态 + 吸顶 菜单栏 (header-glass)
   ============================================================ */

/* 吸顶玻璃条 */
#header-menu.hg-bar {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 60;
  background: rgba(255, 255, 255, 0.72);
  -webkit-backdrop-filter: saturate(180%) blur(16px);
  backdrop-filter: saturate(180%) blur(16px);
  border-bottom: 1px solid rgba(228, 228, 231, 0.7);
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
}
.dark #header-menu.hg-bar {
  background: rgba(24, 24, 27, 0.72);
  border-bottom-color: rgba(63, 63, 70, 0.55);
}

/* 菜单项 */
#header-menu .hg-nav-item {
  border-radius: 9999px;
  -webkit-transition: background-color 0.15s ease, -webkit-transform 0.15s ease;
  transition: background-color 0.15s ease, transform 0.15s ease;
}
#header-menu .hg-nav-item:hover {
  background-color: rgba(14, 165, 233, 0.1);
  -webkit-transform: translateY(-1px);
  transform: translateY(-1px);
}
.dark #header-menu .hg-nav-item:hover {
  background-color: rgba(14, 165, 233, 0.16);
}

/* 菜单链接(含激活态) */
#header-menu .hg-nav-link {
  border-radius: 9999px;
  padding: 2px 10px;
  -webkit-transition: color 0.15s ease, background 0.15s ease, box-shadow 0.2s ease;
  transition: color 0.15s ease, background 0.15s ease, box-shadow 0.2s ease;
}
#header-menu a.hg-nav-link.is-active {
  background: linear-gradient(135deg, #38bdf8 0%, #3b82f6 60%, #2563eb 100%);
  color: #ffffff !important;
  box-shadow: 0 4px 14px -2px rgba(59, 130, 246, 0.5);
}
.dark #header-menu a.hg-nav-link.is-active {
  background: linear-gradient(135deg, #0ea5e9 0%, #2563eb 100%);
  box-shadow: 0 4px 14px -2px rgba(37, 99, 235, 0.45);
}

/* 下拉菜单玻璃面板 */
#header-menu .hg-dropdown {
  background: rgba(255, 255, 255, 0.94);
  -webkit-backdrop-filter: blur(18px) saturate(160%);
  backdrop-filter: blur(18px) saturate(160%);
  border: 1px solid rgba(228, 228, 231, 0.8);
  border-radius: 16px;
  padding: 6px;
  box-shadow: 0 12px 32px -8px rgba(15, 23, 42, 0.16);
}
.dark #header-menu .hg-dropdown {
  background: rgba(39, 39, 42, 0.94);
  border-color: rgba(63, 63, 70, 0.6);
}

/* 手机端抽屉玻璃面板 */
.hg-mobile-panel {
  background: rgba(255, 255, 255, 0.96);
  -webkit-backdrop-filter: blur(14px);
  backdrop-filter: blur(14px);
}
.dark .hg-mobile-panel {
  background: rgba(15, 23, 42, 0.95);
}