/* 导航整体居中 + 下拉卡片（真CSS，绕开Tailwind裁剪；2026-06）*/
.nav-group { display: contents; }
html, body { overflow-x: hidden; }
@media (min-width: 769px) {
  #headbg { display: grid !important; grid-template-columns: 1fr auto 1fr; align-items: center; max-height: 80px; overflow: visible; }
  #headbg .nav-group { display: inline-flex; grid-column: 2; align-items: center; gap: 2.5rem; }
  #headbg .nav-group > div:first-child { flex: 0 0 auto; }
  #headbg .nav-group .relative { position: relative; }
  #headbg .nav-group .submenu { position: absolute !important; top: 100%; left: 0; margin-top: 8px; background: rgba(13,18,28,0.98); border: 1px solid rgba(255,255,255,0.1); border-radius: 12px; padding: 8px; box-shadow: 0 16px 40px rgba(0,0,0,0.55); -webkit-backdrop-filter: blur(14px); backdrop-filter: blur(14px); min-width: 182px; }
  #headbg .nav-group .submenu .pl-3 { padding-left: 0; }
  #headbg .nav-group .submenu .pl-3 a { display: block; padding: 10px 14px; border-radius: 8px; font-size: 14px; color: #c7cedb; transition: .15s; }
  #headbg .nav-group .submenu .pl-3 a:hover { background: rgba(55,198,244,0.12); color: #fff; }
}