/* 四处站点导航共用响应式规则，按可用宽度逐步展开入口。 */
[data-site-nav], [data-site-nav] * { box-sizing: border-box; }
/* 部分工具正文较宽，固定导航仍限制在屏幕范围内。 */
[data-site-nav] { max-width: 100vw; }

[data-site-nav] :is(.header-nav-inner-box, .ipkkx-nav-box, .ipkk-nav-box) {
  position: relative;
}

[data-site-nav] [data-nav-group] { flex-shrink: 0; }
[data-site-nav] [data-nav-toggle="network"] {
  border: 0;
  font-family: inherit;
  line-height: inherit;
  cursor: pointer;
}
[data-site-nav] [data-nav-toggle]:focus-visible {
  outline: 2px solid #1ffdc7;
  outline-offset: 3px;
}
[data-site-nav] [data-nav-menu="network"].open {
  opacity: 1;
  visibility: visible;
  transform: translateX(-50%) translateY(0);
}
[data-site-nav] [aria-expanded="true"] :is(.nav-caret, .ipkkx-caret, .ipkk-caret) {
  transform: rotate(225deg) translateY(-1px);
}
[data-site-nav] [data-nav-menu] {
  max-height: calc(100dvh - 100px);
  overflow-y: auto;
  overscroll-behavior: contain;
}

@media (max-width: 1099px) {
  [data-site-nav] [data-nav-priority] { display: none; }
  [data-site-nav] [data-nav-priority="core"] { display: inline-flex; }
  [data-site-nav] [data-nav-toggle="more"] {
    display: inline-flex;
    width: 40px;
    height: 40px;
    padding: 0;
  }
}

@media (min-width: 430px) and (max-width: 1099px) {
  [data-site-nav] [data-nav-priority="medium"] { display: inline-flex; }
}

@media (min-width: 768px) and (max-width: 1099px) {
  [data-site-nav] [data-nav-priority="wide"] { display: inline-flex; }
}

@media (min-width: 900px) and (max-width: 1099px) {
  [data-site-nav] [data-nav-priority="full"] { display: inline-flex; }
}

@media (max-width: 640px) {
  [data-site-nav] { padding: 10px 12px; }
  [data-site-nav] :is(.header-nav-inner-box, .ipkkx-nav-box, .ipkk-nav-box) {
    gap: 0;
    flex-wrap: nowrap;
  }
  [data-site-nav] :is(.nav-logo-svg, .ipkkx-logo, .ipkk-logo) img {
    width: 96px;
    height: auto;
  }
  [data-site-nav] :is(.nav-tabs, .ipkkx-tabs, .ipkk-tabs) {
    flex: 0 0 auto;
    gap: 4px;
    overflow: visible;
  }
  [data-site-nav] :is(.nav-tab, .ipkkx-tab, .ipkk-tab) {
    flex-shrink: 0;
    min-height: 40px;
    padding: 6px 8px;
    font-size: 12px;
  }
  [data-site-nav] [data-nav-group] { position: static; }
  [data-site-nav] [data-nav-menu="network"] {
    left: auto;
    right: 0;
    top: calc(100% + 6px);
    min-width: 0;
    width: min(280px, 100%);
    transform: translateY(6px);
  }
  [data-site-nav] [data-nav-menu="network"].open { transform: translateY(0); }
  [data-site-nav] [data-nav-menu="more"] { right: 0; }
  [data-site-nav] [data-nav-menu] a { min-height: 40px; }
}

@media (max-width: 359px) {
  [data-site-nav] :is(.nav-logo-svg, .ipkkx-logo, .ipkk-logo) img { width: 76px; }
  [data-site-nav] :is(.nav-tabs, .ipkkx-tabs, .ipkk-tabs) { gap: 2px; }
  [data-site-nav] :is(.nav-tab, .ipkkx-tab, .ipkk-tab) { padding-inline: 5px; }
}