/* 移动端导航适配（2026-09-13）

   问题 1：nav-drop.002100.css / brand-img-normal.153300.css 里的
           .nav__links { display:flex } 加载顺序在 brand.css 之后，
           把 brand.css 768 断点的 display:none 覆盖掉 →
           手机端汉堡菜单永久展开，9 个 tab 竖排压住整页。
   问题 2：内容页 .pj-nav 在 780 断点 flex-wrap:wrap + links 100% 宽，
           9 个 tab 折成多行，导航高度失控。 */

/* ---------- 官网主导航 .nav（index.html / product/*.html） ---------- */
@media (max-width: 768px) {
  .nav__links { display: none !important; }
  .nav__links.is-open {
    display: flex !important;
    flex-direction: column;
    align-items: stretch !important;
    gap: 2px;
    top: calc(var(--nav-h, 68px) - 6px);
    left: 12px;
    right: 12px;
    padding: 10px 12px 14px;
    background: #17140f !important; /* 实色卡片底，防止下层文字透出 */
    border: 1px solid rgba(240, 235, 225, .14);
    border-radius: 18px 21px 17px 20px;
    box-shadow: 0 20px 48px rgba(0, 0, 0, .55);
    max-height: calc(100vh - var(--nav-h, 68px) - 24px);
    overflow-y: auto;
  }
  .nav__toggle { display: flex !important; }
  .nav__cta { display: none !important; }
  .nav__links.is-open > * { flex: 0 0 auto; }
  .nav__links.is-open .nav__link { padding: 11px 12px; white-space: nowrap; }

  /* 展开态里的下拉：手机没有 hover，改为内嵌展示 */
  .nav__links.is-open .nav__drop {
    position: static !important;
    transform: none !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    min-width: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
    border: none !important;
    padding: 2px 0 6px 14px !important;
    margin: 0 !important;
  }
  .nav__links.is-open .nav__drop a {
    padding: 7px 12px;
    font-size: 13.5px;
    color: rgba(232, 225, 212, .7);
  }
}

/* ---------- 内容页导航 .pj-nav（pages.160400.css / dark-fix.155500.css） ---------- */
@media (max-width: 780px) {
  .pj-nav { height: auto !important; }
  .pj-nav__inner {
    flex-wrap: wrap !important;
    gap: 10px 12px !important;
    padding: 10px 16px !important;
  }
  .pj-nav__links {
    order: 3;
    width: 100% !important;
    margin-left: 0 !important;
    flex-wrap: nowrap !important;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    -ms-overflow-style: none;
  }
  .pj-nav__links::-webkit-scrollbar { display: none; }
  .pj-nav__item { flex: 0 0 auto; }
  .pj-nav__item > a, .pj-nav__cta { white-space: nowrap; }
  /* CTA 排在滚动行最前，保证首屏可见 */
  .pj-nav__links > .pj-nav__cta { order: -1; margin-right: 6px; flex: 0 0 auto; }
  /* 手机端无 hover，隐藏绝对定位下拉，避免溢出与误触 */
  .pj-drop { display: none !important; }
}