/* Header mobile/desktop switch — JS 驱动 + CSS class, 不靠 media query
   微信 X5 内核对 @media 不可靠 → JS 直接给 <html> 加 .is-mobile */

.mb_header { display: none !important; }
.is-mobile .mb_header { display: flex !important; align-items: center !important; height: 50px !important; padding: 0 12px !important; }
.is-mobile .myheader-contain,
.is-mobile .myheader.layout_header_pc { display: none !important; }
.is-mobile .mb_header .mobilePart { display: none !important; }
.is-mobile .mb_header.menu-open .mobilePart { display: block !important; }

/* ---------- 左侧: logo (flex item, 无文字) ---------- */
.is-mobile .mb_header .basic_mb_webtitle {
  position: static !important;
  flex: 0 0 auto !important;
  display: flex !important;
  align-items: center !important;
  height: 50px !important;
  transform: none !important;
  max-width: none !important;
  z-index: auto !important;
}
.is-mobile .mb_header .basic_mb_webtitle .imgPart { flex-shrink: 0 !important; }
.is-mobile .mb_header .basic_mb_webtitle .imgContent img.logoImg {
  height: 32px !important; width: auto !important;
}

/* ---------- 右侧: 汉堡按钮 (透明背景, 不突兀) ---------- */
.is-mobile .mb_header .basic_mb_navbar {
  position: static !important;
  flex: 1 1 auto !important;
  display: flex !important;
  justify-content: flex-end !important;
  align-items: center !important;
  height: 50px !important;
  transform: none !important;
}
.is-mobile .mb_header .basic_mb_navbar .menuPart {
  position: static !important;
  right: auto !important;
  top: auto !important;
  transform: none !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: center !important;
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: 8px 10px !important;
  min-width: 44px !important;
  min-height: 44px !important;
  cursor: pointer !important;
  box-sizing: border-box !important;
  transition: opacity 0.15s ease !important;
  -webkit-tap-highlight-color: rgba(0,0,0,0.1) !important;
  pointer-events: auto !important;
  touch-action: manipulation !important;
  user-select: none !important;
  -webkit-user-select: none !important;
}
.is-mobile .mb_header,
.is-mobile .mb_header * {
  pointer-events: auto !important;
  -webkit-tap-highlight-color: rgba(0,0,0,0.05) !important;
}
.is-mobile .mb_header .basic_mb_navbar .menuPart:hover {
  opacity: 0.6 !important;
}
/* 3 条线 - 永远显示为汉堡 (不要变 X) */
.is-mobile .mb_header .basic_mb_navbar .menuList .lineTop,
.is-mobile .mb_header .basic_mb_navbar .menuList .lineMiddle,
.is-mobile .mb_header .basic_mb_navbar .menuList .lineButtom {
  display: block !important;
  width: 24px !important;
  height: 2px !important;
  background: #374151 !important;
  margin: 4px 0 !important;
  border-radius: 1px !important;
}

/* ---------- mobilePart 折叠/展开 (12 项菜单) ---------- */
.is-mobile .mb_header .mobilePart {
  display: none !important;
  position: fixed !important;
  top: 50px !important;
  left: 0 !important;
  right: auto !important;
  width: 100vw !important;
  max-width: none !important;
  background: #fff !important;
  box-shadow: 0 4px 12px rgba(0,0,0,0.1) !important;
  max-height: calc(100vh - 50px) !important;
  overflow-y: auto !important;
  padding: 8px 0 !important;
  z-index: 9999 !important;
}
.is-mobile .mb_header.menu-open .mobilePart { display: block !important; }

.is-mobile .mb_header .mobilePart .navLine {
  display: block !important;
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}
.is-mobile .mb_header .mobilePart .navLine .itemNav {
  display: block !important;
  width: 100% !important;
  padding: 0 !important;
  border-bottom: 1px solid #f0f0f0 !important;
  list-style: none !important;
  white-space: normal !important;
}
.is-mobile .mb_header .mobilePart .navLine a {
  display: block !important;
  min-height: 46px !important;
  padding: 0 18px !important;
  font-size: 16px !important;
  line-height: 46px !important;
  border-bottom: none !important;
  color: #2d3748 !important;
  text-decoration: none !important;
}
