/* ============================================
   移动端导航修复 v4 — 仅控制汉堡按钮显隐
   菜单面板由 fix_all.js 动态创建（内联样式，零CSS依赖）
   ============================================ */

/* 桌面端：隐藏汉堡按钮 */
@media (min-width: 993px) {
  .nav_button { display: none !important; }
  .nav_m { display: none !important; }
}

/* 移动端：显示汉堡按钮 */
@media (max-width: 992px) {
  .nav_button {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
    min-height: 44px !important;
    cursor: pointer !important;
    z-index: 9999 !important;
    position: relative !important;
    overflow: visible !important;
    -webkit-tap-highlight-color: transparent !important;
    touch-action: manipulation !important;
  }

  .nav_button .nav_bar {
    display: block !important;
    width: 26px !important;
    height: 3px !important;
    background: #333 !important;
    margin: 3px 0 !important;
    border-radius: 2px !important;
    transition: all 0.3s ease !important;
  }

  .nav_button .nav_bar.mid {
    width: 20px !important;
  }

  /* 汉堡→X 动画 */
  .nav_button.animate .nav_bar.top {
    transform: rotate(45deg) translate(5px, 5px) !important;
    -webkit-transform: rotate(45deg) translate(5px, 5px) !important;
  }
  .nav_button.animate .nav_bar.mid {
    opacity: 0 !important;
    width: 0 !important;
  }
  .nav_button.animate .nav_bar.bottom {
    transform: rotate(-45deg) translate(5px, -5px) !important;
    -webkit-transform: rotate(-45deg) translate(5px, -5px) !important;
  }

  /* 旧的nav_m由JS隐藏，这里作为后备 */
  .nav_m { display: none !important; }
}