/* ============================================================
   坐标生涯 · 全站公用补充样式
   2026-11-05 上线整改：表单/联系方式/移动端菜单/提示条
   2026-11-06 字体统一：全局字体唯一源头（与首页完全一致）
   ============================================================ */

/* —— 全局字体（唯一规范栈，和首页 index.html 完全一致）——
   统一用系统无衬线：苹果/微软雅黑优先，回退到系统无衬线。
   定义 --font-sans / --sans / --font-serif 三个变量都指向同一套，
   避免页面里 var(--sans) 等变量“无值”时回退到浏览器默认宋体。 */
:root{
  --font-sans:"PingFang SC","Microsoft YaHei",system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  --sans:var(--font-sans);
  --font-serif:var(--font-sans);
}
html,body{
  font-family:var(--font-sans);
  line-height:1.7;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}

/* 未上线功能的灰色占位（页脚） */
footer a.soon,
.footer a.soon{opacity:.45;cursor:default;pointer-events:none}
footer a.soon::after,
.footer a.soon::after{content:"即将上线";font-size:10px;margin-left:6px;padding:1px 5px;
  border:1px solid currentColor;border-radius:999px;vertical-align:1px;white-space:nowrap}

/* 页脚联系方式块 */
.zb-contact{display:flex;flex-wrap:wrap;align-items:flex-start;gap:8px 26px;margin-top:16px;
  font-size:13px;line-height:1.9;color:inherit}
.zb-contact>span{display:inline-flex;align-items:center;gap:6px}
.zb-contact__label{opacity:.6}
.zb-contact a{color:inherit;text-decoration:none;border-bottom:1px dashed currentColor}
.zb-contact a:hover{opacity:.85}
.zb-contact img{width:104px;height:104px;border-radius:10px;background:#fff;padding:4px;display:block}
.zb-contact__tag{font-size:12px;opacity:.65;margin-left:-2px;white-space:nowrap}

/* 表单下方「直接打电话」提示行（深浅底都自适应） */
.zb-tel{margin:10px 0 0;font-size:13px;line-height:1.7;opacity:.92;color:inherit}
.zb-tel a{color:inherit;font-weight:700;text-decoration:none;border-bottom:1px dashed currentColor;
  white-space:nowrap;letter-spacing:.02em}
.zb-tel a:hover{opacity:.85}
@media(max-width:420px){.zb-tel{font-size:12px}}

/* 表单下方隐私告知（lead.js 自动注入） */
.zb-privacy{margin:10px 0 0;font-size:12px;opacity:.72;color:inherit;line-height:1.7}
.zb-privacy a{color:inherit;text-decoration:underline}

/* 页脚法务链接行 */
.zb-legal{margin-top:12px;font-size:12.5px;display:flex;gap:6px;flex-wrap:wrap;justify-content:center}
.zb-legal a{color:inherit;opacity:.72;text-decoration:none}
.zb-legal a:hover{opacity:1;text-decoration:underline}

/* 产品页手机端页内导航条（site.js 自动生成，≤880 显示） */
.zb-subnav{display:none}
@media(max-width:880px){
  .zb-subnav{display:flex;overflow-x:auto;gap:6px;padding:10px 14px;background:#fff;
    border-bottom:1px solid rgba(11,107,203,.1);-webkit-overflow-scrolling:touch;scrollbar-width:none}
  .zb-subnav::-webkit-scrollbar{display:none}
  .zb-subnav a{flex:0 0 auto;padding:7px 13px;font-size:13px;color:#17303F;text-decoration:none;
    background:#F1F9FE;border:1px solid rgba(11,107,203,.12);border-radius:999px;white-space:nowrap}
  .zb-subnav a:active{color:#0B6BCB;border-color:#0B6BCB}
}

/* 移动端汉堡按钮 + 抽屉（首页顶栏） */
.nav__burger{display:none;flex-direction:column;justify-content:center;gap:4px;width:40px;height:40px;
  padding:0;border:1px solid var(--line-strong,rgba(11,107,203,.22));border-radius:10px;background:transparent;cursor:pointer}
.nav__burger span{display:block;width:18px;height:2px;margin:0 auto;background:var(--navy-deep,#0A4E9E);border-radius:2px;transition:transform .2s}
.nav__burger[aria-expanded="true"] span:nth-child(1){transform:translateY(6px) rotate(45deg)}
.nav__burger[aria-expanded="true"] span:nth-child(2){opacity:0}
.nav__burger[aria-expanded="true"] span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}

.nav__drawer{position:fixed;left:0;right:0;top:var(--nav-h,64px);z-index:90;background:#fff;
  border-top:1px solid var(--line,rgba(11,107,203,.12));box-shadow:0 18px 40px rgba(10,46,92,.14);
  padding:14px 18px 20px;max-height:calc(100vh - var(--nav-h,64px));overflow:auto}
.nav__drawer[hidden]{display:none}
.nav__drawer h5{margin:10px 0 8px;font-size:12px;letter-spacing:.08em;color:var(--ink-soft,#5A7280);font-weight:700}
.nav__drawer ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:2px 14px}
.nav__drawer a{display:block;padding:11px 2px;font-size:14px;color:var(--ink,#17303F);text-decoration:none;
  border-bottom:1px solid var(--line,rgba(11,107,203,.08))}
.nav__drawer a:active{color:var(--navy,#0B6BCB)}
.nav__drawer .nav__drawer-cta{grid-column:1 / -1;margin-top:12px;display:flex;gap:10px}
.nav__drawer .nav__drawer-cta a{flex:1;text-align:center;border:0;border-radius:10px;padding:12px;background:var(--navy,#0B6BCB);color:#fff;font-weight:700}

@media (max-width:880px){
  .nav__burger{display:flex;flex:0 0 40px;margin-left:8px}
  /* 顶栏空间有限：手机端隐藏次要按钮，把位置让给菜单 */
  .nav .nav__cta .btn--ghost{display:none}
  /* 首屏装饰层压淡，避免蓝点/线条干扰正文阅读 */
  .hero__bg svg{opacity:.16}
}
@media (min-width:881px){
  .nav__drawer{display:none!important}
}

/* 轻提示条（替代 alert） */
.zb-toast{position:fixed;left:50%;bottom:26px;z-index:9999;transform:translate(-50%,16px);
  max-width:min(92vw,520px);padding:13px 20px;border-radius:12px;font-size:14px;line-height:1.6;
  color:#fff;background:#0A4E9E;box-shadow:0 12px 30px rgba(10,46,92,.28);opacity:0;
  transition:opacity .2s,transform .2s;pointer-events:none}
.zb-toast--show{opacity:1;transform:translate(-50%,0)}
.zb-toast--err{background:#B4232B}
.zb-toast--ok{background:#127A45}

/* 表单提交中的按钮态 */
button[disabled]{opacity:.65;cursor:not-allowed}