/* ══════════════════════════════════════════════════════════════════
   官网抬头导航（2026-11-03）
   参考 zmtsoft.com 的抬头：
     ① 深绿顶条：邮箱、电话、教程/资源/更新/登录、币种、语言
     ② 白色主条：logo 在左，主导航 + 深绿「免费试用」+ 描边「电话」在右
   页面内容仍用原来的 1180 容器，抬头不吸顶，滚走后不盖内容。
   ══════════════════════════════════════════════════════════════════ */

/* ---------- ① 深绿顶条 ---------- */
body .zmt-topbar {
  background: #12301f;
  color: #cfe0d6;
  font-size: 13px;
  line-height: 1.4;
  padding: 7px 0;
}
body .zmt-topbar .wrap {
  max-width: 1180px;
  margin: 0 auto;
  padding: 0 24px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  flex-wrap: wrap;
}
body .zmt-topbar a {
  color: #cfe0d6;
  text-decoration: none;
}
body .zmt-topbar a:hover { color: #fff; }
body .zmt-topbar-l,
body .zmt-topbar-r {
  display: flex;
  align-items: center;
  gap: 14px;
  flex-wrap: wrap;
}
body .zmt-topbar-l { gap: 18px; }
body .zmt-tb-call {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: #226042;
  color: #fff !important;
  border-radius: 999px;
  padding: 5px 11px;
  font-weight: 700;
  font-size: 12px;
  line-height: 1;
  white-space: nowrap;
}
body .zmt-tb-call:hover { background: #1a4530; color: #fff !important; }
body .zmt-tb-link { font-size: 13px; }
body .zmt-tb-login {
  color: #c9a227 !important;
  font-weight: 600;
}
body .zmt-tb-login:hover { color: #fff !important; }

/* 顶条里的币种/语言：覆盖原来浅色胶囊的内联样式 */
body .zmt-topbar select {
  appearance: none !important;
  -webkit-appearance: none !important;
  background-color: rgba(255,255,255,.10) !important;
  color: #cfe0d6 !important;
  border: 1px solid rgba(255,255,255,.26) !important;
  border-radius: 6px !important;
  padding: 4px 26px 4px 10px !important;
  font-size: 12px !important;
  line-height: 1.35 !important;
  cursor: pointer;
  width: auto !important;
  max-width: 132px;
  background-image:
    linear-gradient(45deg, transparent 50%, #cfe0d6 50%),
    linear-gradient(135deg, #cfe0d6 50%, transparent 50%) !important;
  background-position: calc(100% - 14px) 52%, calc(100% - 9px) 52% !important;
  background-size: 5px 5px, 5px 5px !important;
  background-repeat: no-repeat !important;
}
body .zmt-topbar select:hover {
  background-color: rgba(255,255,255,.18) !important;
  border-color: rgba(255,255,255,.42) !important;
}
body .zmt-topbar select option { background: #fff; color: #1d2b23; }
body .zmt-topbar .zcbar { display: inline-flex; gap: 8px; align-items: center; }
body .zmt-topbar #zcNote { display: none !important; }

/* ---------- ② 白色主条 ---------- */
body header {
  background: #fff;
  border-bottom: 1px solid #e2e6e1;
  position: static;
}
body header .wrap {
  max-width: 1180px;
  margin: 0 auto;
  padding: 8px 24px;
  min-height: 72px;
  height: auto;
  display: flex;
  align-items: center;
  gap: 28px;
  flex-wrap: wrap;
  row-gap: 4px;
}
body header .logo {
  display: flex;
  align-items: center;
  gap: 10px;
  color: #1a4530;
  font-weight: 800;
  font-size: 21px;
  letter-spacing: .01em;
  white-space: nowrap;
  text-decoration: none;
}
body header .logo .lm,
body header .logo img {
  width: 34px;
  height: 34px;
  border-radius: 50%;
  object-fit: contain;
  flex: none;
}
body header .logo small {
  display: block;
  font-size: 10px;
  font-weight: 500;
  color: #7a857c;
  letter-spacing: .08em;
  text-transform: uppercase;
}
body header .logo span { line-height: 1.15; }

body header nav {
  display: flex;
  align-items: center;
  gap: 0;
  width: auto;
  flex: 0 1 auto;
  height: auto;
  position: static;
  background: transparent;
  border: 0;
  box-shadow: none;
  padding: 0;
  flex-wrap: wrap;
  justify-content: flex-end;
  margin-inline-start: auto;
  min-width: 0;
  max-width: 100%;
}
body header nav a {
  display: inline-block;
  padding: 8px 14px;
  border: 0;
  border-radius: 6px;
  background: none;
  color: #485349;
  font-size: 15px;
  font-weight: 500;
  line-height: 24px;
  white-space: nowrap;
  text-decoration: none;
  min-height: 0;
  box-shadow: none;
  transition: background .15s ease, color .15s ease;
}
body header nav a:hover {
  background: #e6f2eb;
  color: #1a4530;
  text-decoration: none;
}
body header nav a.btn {
  display: inline-block !important;
  width: auto !important;
  flex: none !important;
  background: #226042;
  color: #fff;
  padding: 10px 18px;
  margin-inline-start: 8px;
  font-weight: 600;
  line-height: 20px;
  border: 0;
}
body header nav a.btn:hover { background: #1a4530; color: #fff; }
body header nav a[href^="tel:"] {
  color: #226042 !important;
  box-shadow: inset 0 0 0 1.5px #226042;
  padding: 9px 16px;
  margin-inline-start: 8px;
  font-weight: 600;
  line-height: 20px;
}
body header nav a[href^="tel:"]:hover {
  background: #226042;
  color: #fff !important;
  box-shadow: none;
}

/* 教程/资源/更新/登录已经放进深绿顶条；桌面主条不再重复 */
@media (min-width: 901px) {
  body header nav a[href*="/static/tutorial/"],
  body header nav a[href$="/help.html"],
  body header nav a[href$="/updates.html"],
  body header nav a[href$="/login.html"],
  body header nav a[href="/partner/login"] { display: none !important; }
}

/* 中等宽度先收电话，避免主导航挤爆 */
@media (max-width: 1050px) {
  body header nav a[href^="tel:"] { display: none !important; }
}

/* ---------- 移动端 ---------- */
@media (max-width: 900px) {
  body .zmt-topbar { padding: 5px 0; }
  body .zmt-topbar .wrap {
    padding: 0 16px;
    gap: 10px;
  }
  body .zmt-topbar-l { display: flex; }
  body .zmt-topbar-l > a[href^="mailto:"] { display: none; }
  body .zmt-topbar-r .zmt-tb-link { display: none; }
  body .zmt-topbar-r { gap: 10px; margin-inline-start: auto; }

  body header .wrap {
    min-height: 60px;
    padding: 9px 16px;
    gap: 12px;
  }
  body header nav { display: none; }
  body header .zm-burger { display: inline-flex; margin-inline-start: auto; }
}

@media (max-width: 760px) {
  body .zmt-topbar .zcbar { display: none !important; }
}

@media (max-width: 520px) {
  body .zmt-topbar { font-size: 12px; }
  body .zmt-topbar select { max-width: 112px; }
  body header .wrap {
    min-height: 56px;
    padding: 8px 12px;
  }
  body header .logo { font-size: 18px; gap: 8px; min-width: 0; }
  body header .logo span {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  body header .logo small { display: none; }
  body header .logo .lm,
  body header .logo img { width: 30px; height: 30px; }
  body header .zm-burger { width: 36px; height: 36px; flex: 0 0 auto; }
}

/* ══════════════════════════════════════════════════════════════════
   首屏按钮组：恢复浅色底三颗按钮
   ══════════════════════════════════════════════════════════════════ */
body .hero .cta {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
  background: none;
  color: inherit;
  border-radius: 0;
  padding: 0;
  margin: 0 0 26px;
}
body .hero .cta .btn {
  flex: 0 1 auto;
  max-width: 100%;
  white-space: normal;
  text-align: center;
  line-height: 1.35;
  box-sizing: border-box;
}

/* 手机首屏标题 */
@media (max-width: 520px) {
  body .hero h1 {
    font-size: 28px;
    line-height: 1.32;
    letter-spacing: 0;
  }
  body .hero .kicker { font-size: 12px; }
  body .hero p { font-size: 16px; }
}
@media (max-width: 360px) {
  body .hero h1 { font-size: 26px; }
}

/* 手机抽屉 */
body .zm-burger {
  display: none;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border: 1px solid #e2e6e1;
  border-radius: 10px;
  background: #fff;
  color: #1c2420;
  font-size: 20px;
  line-height: 1;
  cursor: pointer;
}
body .zm-burger:focus { outline: 2px solid #226042; outline-offset: 2px; }
body .zm-drawer {
  position: fixed;
  inset: 0 auto 0 0;
  width: 86vw;
  max-width: 360px;
  background: #fff;
  z-index: 9998;
  box-shadow: 18px 0 40px rgba(13, 27, 42, .18);
  padding: 22px 20px 30px;
  overflow-y: auto;
  display: none;
  flex-direction: column;
  gap: 2px;
}
body .zm-drawer.zm-open { display: flex; }
[dir="rtl"] body .zm-drawer {
  left: auto;
  right: 0;
  box-shadow: -18px 0 40px rgba(13, 27, 42, .18);
}
body .zm-drawer a {
  display: block;
  padding: 13px 6px;
  font-size: 17px;
  color: #0d1b2a;
  border-bottom: 1px solid #eef1f4;
  text-decoration: none;
}
body .zm-drawer a:hover { color: #0f5c3d; }
body .zm-drawer a.zm-cta {
  margin-top: 16px;
  border: 0;
  background: #226042;
  color: #fff;
  text-align: center;
  border-radius: 10px;
  font-weight: 700;
}
body .zm-drawer .zm-hd {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 10px;
}
body .zm-drawer .zm-hd b { font-size: 16px; }
body .zm-drawer .zm-x {
  width: 36px;
  height: 36px;
  border: 1px solid #e2e6e1;
  border-radius: 10px;
  background: #fff;
  font-size: 18px;
  line-height: 1;
  cursor: pointer;
}
body .zm-mask {
  position: fixed;
  inset: 0;
  background: rgba(13, 27, 42, .42);
  z-index: 9997;
  display: none;
}
body .zm-mask.zm-open { display: block; }

/* 旧样式在 ≤1440 会把「价格」藏掉；抬头参考 XJ 后价格必须留在主导航 */
@media (min-width: 901px) {
  body header nav a[href$="#price"] { display: inline-block !important; }
}

/* 1024 左右先压缩主条，避免英文/俄文长标签挤爆 */
@media (max-width: 1100px) {
  body header nav a {
    padding: 8px 9px;
    font-size: 14px;
  }
  body header nav a.btn {
    padding: 9px 12px;
    margin-inline-start: 4px;
  }
}

/* 320 窄屏：顶条只留电话 + 语言，登录收进抽屉 */
@media (max-width: 360px) {
  body .zmt-topbar .wrap { padding: 0 12px; }
  body .zmt-topbar .zmt-tb-login { display: none; }
}