/* ===== 通鑫智能官网 · 站点自定义样式（导航 / 页脚等非 Tailwind 层） =====
   来源：原 assets/site.css 尾部自定义段（single source of truth for #main-nav）
   说明：原 site.css 的旧版 Tailwind v4.3.1 编译层已废弃，工具类统一由 tailwind-compiled.css 提供。
   v=20260917a */
  /* ===== Shared Site Navigation (single source of truth) ===== */
/* 统一导航菜单字重，避免激活态加粗导致菜单项位置在不同页面间不一致 */
      #main-nav .hidden.md\:flex.items-center.gap-1 > a,
      #main-nav .hidden.md\:flex.items-center.gap-1 > .relative.group > a {
      font-weight: 600;
      }
      /* 当前页激活态：用青绿渐变小圆点 + 呼吸动画指示，替代字重加粗 */
      #main-nav .nav-active {
      position: relative;
      color: var(--xy-primary);
      }
      #main-nav .nav-active::after {
      content: '';
      position: absolute;
      left: 50%;
      bottom: -8px;
      transform: translateX(-50%);
      width: 6px;
      height: 6px;
      background: var(--xy-gradient-nav-dot);
      border-radius: 50%;
      animation: none;
      }
      @keyframes nav-dot-breathe {
      0%, 100% { transform: translateX(-50%) scale(1); opacity: 1; }
      50% { transform: translateX(-50%) scale(1.4); opacity: 0.75; }
      }
      @media (prefers-reduced-motion: reduce) {
      #main-nav .nav-active::after { animation: none; }
      }

      /* 1. 一级菜单项间距：gap-1(4px) → gap-2(8px)，px-3(12px) → px-4(16px)，更呼吸 */
      #main-nav .hidden.md\:flex.items-center.gap-1 { gap: 8px; }
      #main-nav .hidden.md\:flex.items-center.gap-1 > a,
      #main-nav .hidden.md\:flex.items-center.gap-1 > .relative.group > a {
      padding-left: 16px;
      padding-right: 16px;
      border-radius: 8px;
      }
      /* 2. hover 效果：非激活项 hover 时加半透明背景 + 下方淡入下划线 */
      #main-nav .hidden.md\:flex.items-center.gap-1 > a:not(.nav-active),
      #main-nav .hidden.md\:flex.items-center.gap-1 > .relative.group > a:not(.nav-active) {
      position: relative;
      transition: color 0.2s, background-color 0.2s;
      }
      #main-nav .hidden.md\:flex.items-center.gap-1 > a:not(.nav-active):hover,
      #main-nav .hidden.md\:flex.items-center.gap-1 > .relative.group > a:not(.nav-active):hover {
      background-color: var(--xy-overlay-medium);
      color: var(--xy-primary);
      }
      /* 3. 下拉面板样式：加宽、圆角、阴影、hover 背景 */
      #main-nav .relative.group .absolute.top-full {
      padding-top: 10px;
      }
      #main-nav .relative.group .bg-background\/95 {
      min-width: 220px;
      border-radius: 12px;
      box-shadow: 0 20px 56px rgba(15, 23, 42, 0.10), 0 0 0 1px var(--xy-overlay-faint);
      padding: 8px;
      border: 1px solid var(--xy-overlay-medium);
      }
      #main-nav .relative.group .bg-background\/95 > a {
      border-radius: 8px;
      padding: 10px 14px;
      margin: 2px 0;
      transition: background-color 0.18s, color 0.18s, box-shadow 0.18s;
      }
      #main-nav .relative.group .bg-background\/95 > a:hover {
      background-color: var(--xy-primary-tint);
      color: var(--xy-primary);
      box-shadow: inset 2px 0 0 0 var(--xy-primary);
      }
      /* 4. 移动端菜单：展开动效 + 间距优化 */
      #main-nav #mobile-menu {
      transition: max-height 0.3s ease, opacity 0.25s ease;
      overflow: hidden;
      max-height: 0;
      opacity: 0;
      }
      #main-nav #mobile-menu:not(.hidden) {
      max-height: 560px;
      opacity: 1;
      }
      #main-nav #mobile-menu a {
      border-radius: 8px;
      transition: background-color 0.18s;
      }
      #main-nav #mobile-menu a:hover {
      background-color: var(--xy-overlay-soft);
      }

    /* Mobile menu animation */
    .mobile-menu-enter { animation: slideDown 0.25s ease-out forwards; }
    .mobile-menu-exit { animation: slideUp 0.2s ease-in forwards; }
    @keyframes slideDown { from { opacity: 0; transform: translateY(-8px); } to { opacity: 1; transform: translateY(0); } }
    @keyframes slideUp { from { opacity: 1; transform: translateY(0); } to { opacity: 0; transform: translateY(-8px); } }