/* DQHrhx2026 · 全站布局锁定 v4（2026-10-19）
   要点：
   1) 顶栏与内容区铺满宽度（不再留大白边），只控制内距与最大宽 1720；
   2) 导航 9 项常显，字号/内距固定，不随分辨率隐藏；
   3) 恢复右上「登录 / 快捷工具」按钮；
   4) 保留模板旧导航层隐藏（香港用，避免重叠）。 */

:root {
  --DQHrhx2026-gutter: 32px;
  --DQHrhx2026-max: 100%;
}

/* ① 顶栏：铺满宽度，最大 1720 居中，左右固定内距 */
header.zlh-brand {
  width: 100% !important;
  max-width: var(--DQHrhx2026-max) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding: 0 var(--DQHrhx2026-gutter) !important;
  flex-wrap: nowrap !important;
  column-gap: 12px !important;
  box-sizing: border-box !important;
}

/* ② 隐藏与 logo 重复的副标题/城市，以及专题促销位（导航里已有入口，避免顶栏超宽） */
header.zlh-brand .zlh-tagline,
header.zlh-brand .zlh-city { display: none !important; }

/* 专题入口：宽度够就显示（≥1700），窄屏才收起，避免顶栏溢出 */
header.zlh-brand .zlh-topic { display: inline-block !important; }
@media (max-width: 1699px) { header.zlh-brand .zlh-topic { display: none !important; } }

/* ③ 搜索框固定宽度 */
header.zlh-brand form.zlh-search {
  width: 310px !important;
  min-width: 240px !important;
  flex: 0 0 310px !important;
}

/* ④ 导航：9 项常显、固定字号与内距 */
header.zlh-brand .zlh-homenav {
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  gap: 0 !important;
  margin-left: auto !important;
  width: auto !important;
  min-width: max-content !important;
  overflow: visible !important;
}
header.zlh-brand .zlh-homenav > a,
header.zlh-brand .zlh-homenav a[href="/type/7.html"],
header.zlh-brand .zlh-homenav a[href="/type/8.html"],
header.zlh-brand .zlh-homenav a[href="/type/9.html"],
header.zlh-brand .zlh-homenav a[href="/type/3.html"] {
  display: inline-block !important;
  flex: 0 0 auto !important;
  font-size: 12.5px !important;
  line-height: 1.2 !important;
  padding: 6px 6px !important;
  white-space: nowrap !important;
}

/* ⑤ 右上工具区与登录按钮恢复 */
header.zlh-brand .zlh-brand__tools {
  display: flex !important;
  flex: 0 0 auto !important;
  margin-left: 10px !important;
  align-items: center !important;
  column-gap: 6px !important;
}
header.zlh-brand .zlh-brand__more { display: inline-flex !important; }

/* ⑥ 内容区铺满，最大 1720 居中 */
.zlh-column-list__container,
.zlh-cms__container,
main > .zlh-container,
.zlh-home__wrap,
.zlh-wrap,
.container.zlh-container {
  max-width: var(--DQHrhx2026-max) !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* ⑦ 香港：隐藏模板旧导航层（它自带登录按钮会与新顶栏重叠） */
.website-nav-n1 { display: none !important; }


/* —— 右侧悬浮快捷服务（客服 / 电话 / 返回顶部） —— */
.DQHrhx2026-rail {
  position: fixed; right: 14px; top: 50%; transform: translateY(-50%);
  display: flex; flex-direction: column; gap: 8px; z-index: 60;
}
.DQHrhx2026-rail__item {
  display: flex; flex-direction: column; align-items: center; justify-content: center;
  gap: 3px; width: 54px; padding: 9px 4px;
  border: 1px solid #dbe6f2; border-radius: 12px; background: #fff; color: #1766b0;
  font-size: 11px; line-height: 1.2; text-decoration: none; cursor: pointer;
  box-shadow: 0 6px 18px rgba(15, 60, 110, .10);
  transition: background .18s ease, color .18s ease, transform .18s ease;
}
.DQHrhx2026-rail__item:hover { background: #0f6fc5; color: #fff; border-color: #0f6fc5; transform: translateX(-2px); }
.DQHrhx2026-rail__item svg { width: 20px; height: 20px; }
@media (max-width: 1080px) { .DQHrhx2026-rail { display: none; } }

/* 2026-10-20 窄屏修正：1280–1400 下登录按钮被挤出屏幕 */
@media (max-width: 1400px) {
  body header.zlh-brand { flex-wrap: nowrap !important; }
  body header.zlh-brand nav:not(.zlh-brand__tools) {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    overflow: hidden !important;
    column-gap: 2px !important;
  }
  body header.zlh-brand nav:not(.zlh-brand__tools) > a {
    font-size: 12.5px !important;
    padding: 0 5px !important;
    white-space: nowrap !important;
  }
  body header.zlh-brand form.zlh-search {
    flex: 0 0 260px !important;
    width: 260px !important;
    max-width: 260px !important;
  }
  body header.zlh-brand nav.zlh-brand__tools { flex: 0 0 auto !important; margin-left: 6px !important; }
}

/* ⑤ 右侧浮标：面板默认收起，悬停/点击展开（2026-10-20 补齐，之前缺这段导致面板全开） */
.DQHrhx2026-rail { position: fixed !important; right: 14px !important; top: 50% !important; transform: translateY(-50%) !important; z-index: 9990 !important; display: flex !important; flex-direction: column !important; gap: 8px !important; }
.DQHrhx2026-rail__wrap { position: relative !important; }
.DQHrhx2026-rail__item { display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; gap: 2px !important; width: 60px !important; height: 56px !important; border-radius: 14px !important; background: #fff !important; border: 1px solid #d8e8f8 !important; color: #1a6ec2 !important; font-size: 11px !important; line-height: 1.15 !important; cursor: pointer !important; box-shadow: 0 4px 14px rgba(16,56,100,.08) !important; transition: background .18s, color .18s, transform .18s !important; }
.DQHrhx2026-rail__item--plain { cursor: pointer !important; }
.DQHrhx2026-rail__panel { position: absolute !important; right: 70px !important; top: 0 !important; width: 246px !important; padding: 14px 16px !important; background: #fff !important; border: 1px solid #dbe9f8 !important; border-radius: 16px !important; box-shadow: 0 12px 34px rgba(16,56,100,.14) !important; color: #31506f !important; font-size: 13px !important; line-height: 1.6 !important; display: none !important; opacity: 0 !important; visibility: hidden !important; pointer-events: none !important; }
.DQHrhx2026-rail__item.is-open + .DQHrhx2026-rail__panel,
.DQHrhx2026-rail__wrap:hover .DQHrhx2026-rail__panel,
.DQHrhx2026-rail__item.is-open ~ .DQHrhx2026-rail__panel { display: block !important; opacity: 1 !important; visibility: visible !important; pointer-events: auto !important; }
.DQHrhx2026-rail__title { display: block !important; margin-bottom: 6px !important; color: #0f3d6b !important; font-size: 14px !important; }
.DQHrhx2026-rail__panel p { margin: 0 0 8px !important; }
.DQHrhx2026-rail__row { margin: 0 !important; }
.DQHrhx2026-rail__btn { display: inline-block !important; padding: 8px 14px !important; border: 0 !important; border-radius: 999px !important; background: #1a6ec2 !important; color: #fff !important; font-size: 13px !important; cursor: pointer !important; }
.DQHrhx2026-rail__btn--ghost { background: #eef6ff !important; color: #1a6ec2 !important; border: 1px solid #cfe4fb !important; }
.DQHrhx2026-rail__hint { color: #7e97b4 !important; font-size: 12px !important; margin-top: 8px !important; }
.DQHrhx2026-rail__mono { font-family: ui-monospace, Menlo, Consolas, monospace !important; font-size: 14px !important; color: #0f3d6b !important; letter-spacing: .3px !important; }
.DQHrhx2026-rail__qrs { display: flex !important; gap: 10px !important; }
.DQHrhx2026-rail__qritem { margin: 0 !important; text-align: center !important; }
.DQHrhx2026-rail__qritem img { display: block !important; width: 92px !important; height: 92px !important; border-radius: 8px !important; border: 1px solid #e4eef9 !important; }
.DQHrhx2026-rail__qritem figcaption { margin-top: 4px !important; font-size: 11px !important; color: #7e97b4 !important; }

/* ⑥ 在线客服弹窗 */
.DQHrhx2026-kefu { position: fixed !important; right: 20px !important; bottom: 20px !important; width: 380px !important; height: 560px !important; max-width: calc(100vw - 40px) !important; max-height: calc(100vh - 40px) !important; background: #fff !important; border: 1px solid #dbe9f8 !important; border-radius: 16px !important; box-shadow: 0 18px 48px rgba(16,56,100,.2) !important; z-index: 100000 !important; overflow: hidden !important; display: flex !important; flex-direction: column !important; }
.DQHrhx2026-kefu__bar { display: flex !important; align-items: center !important; justify-content: space-between !important; padding: 10px 14px !important; background: #1a6ec2 !important; color: #fff !important; font-size: 14px !important; }
.DQHrhx2026-kefu__close { border: 0 !important; background: transparent !important; color: #fff !important; font-size: 20px !important; line-height: 1 !important; cursor: pointer !important; }
.DQHrhx2026-kefu__frame { flex: 1 !important; width: 100% !important; border: 0 !important; }
@media (max-width: 1080px) { .DQHrhx2026-rail { display: none !important; } .DQHrhx2026-kefu { right: 10px !important; bottom: 10px !important; width: calc(100vw - 20px) !important; height: 70vh !important; } }

/* ⑦ 文章问答块（FAQPage 结构化数据配套） */
.zlh-faq { margin: 32px 0 8px !important; padding: 22px 24px !important; background: #f7fbff !important; border: 1px solid #e0eefb !important; border-radius: 16px !important; }
.zlh-faq > h2 { margin: 0 0 14px !important; font-size: 20px !important; color: #0f3d6b !important; }
.zlh-faq__list { margin: 0 !important; }
.zlh-faq__list dt { margin: 0 0 4px !important; }
.zlh-faq__list dt h3 { margin: 0 !important; font-size: 16px !important; font-weight: 700 !important; color: #17325a !important; line-height: 1.6 !important; }
.zlh-faq__list dd { margin: 0 0 16px !important; padding: 0 !important; color: #48627f !important; font-size: 15px !important; line-height: 1.85 !important; }
.zlh-faq__list dd:last-child { margin-bottom: 0 !important; }

/* ZLH_MOBILE_20261020 · ≤1080 移动端重排（两站共用） */
@media (max-width: 1080px) {
  html body header.zlh-brand {
    position: static !important;
    height: auto !important;
    flex-wrap: wrap !important;
    row-gap: 8px !important;
    padding: 10px 12px !important;
  }
  html body header.zlh-brand form.zlh-search {
    flex: 1 1 100% !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    order: 3 !important;
  }
  html body header.zlh-brand .zlh-homenav,
  html body header.zlh-brand nav#zlh-homenav { display: none !important; }
  html body header.zlh-brand nav.zlh-brand__tools { flex: 0 0 auto !important; margin-left: auto !important; }

  html body nav.zlh-mainnav.zlh-mainnav.zlh-mainnav.zlh-mainnav {
    position: static !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    height: auto !important;
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: 4px !important;
    padding: 8px 12px !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch !important;
    background: #fff !important;
    border-bottom: 1px solid #e2eefb !important;
  }
  html body nav.zlh-mainnav.zlh-mainnav.zlh-mainnav.zlh-mainnav > a {
    flex: 0 0 auto !important;
    font-size: 13px !important;
    padding: 6px 12px !important;
    border-radius: 999px !important;
    background: #f2f8ff !important;
    border: 1px solid #dbe9f8 !important;
    white-space: nowrap !important;
  }

  html body #mxi_1788990482,
  html body [id^="mxi_"][id$="_page"],
  html body .moxi-region {
    margin-left: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 12px !important;
    padding-right: 12px !important;
    box-sizing: border-box !important;
  }
  html body .tmp_start { overflow-x: hidden !important; }
  html body img { max-width: 100% !important; height: auto !important; }
  html body .DQHrhx2026-rail { display: none !important; }
  html body .plugin-kefu-icon { display: none !important; }
  html body #zlh-floor-tools { display: none !important; }
}

/* 20261021 从 hk-enhance 内联抽过来 */
header.zlh-brand{max-width:1440px !important;margin-left:auto !important;margin-right:auto !important;padding:0 24px !important;flex-wrap:nowrap !important;box-sizing:border-box !important}header.zlh-brand .zlh-tagline,header.zlh-brand .zlh-city,header.zlh-brand .zlh-topic{display:none !important}header.zlh-brand .zlh-homenav{display:flex !important;flex-wrap:nowrap !important;align-items:center !important;gap:0 !important;margin-left:auto !important;min-width:max-content !important;flex:0 0 auto !important;visibility:visible !important}header.zlh-brand .zlh-homenav>a{display:inline-block !important;visibility:visible !important;font-size:13px !important;line-height:1.2 !important;padding:7px 6px !important;white-space:nowrap !important}header.zlh-brand form.zlh-search{width:360px !important;max-width:360px !important;flex:0 0 360px !important}header.zlh-brand .zlh-brand__tools{display:none !important}
.DQHrhx2026-legal{text-align:center;font-size:12px;line-height:1.9;color:#8a949e;padding:16px 12px}'
        . '.DQHrhx2026-legal a{color:#6b7885;text-decoration:none;margin:0 4px}'
        . '.DQHrhx2026-legal a:hover{color:#1f5fbf;text-decoration:underline}'
        . '.DQHrhx2026-legal .sep{color:#c2cad2;margin:0 2px}
body header.zlh-brand{max-width:100% !important;width:100% !important;margin:0 auto !important;}