/* ============================================================
   坐标生涯 · 全站公用补充样式
   2026-11-05 上线整改：表单/联系方式/移动端菜单/提示条
   ============================================================ */

/* 未上线功能的灰色占位（页脚） */
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}}

/* 移动端汉堡按钮 + 抽屉（首页顶栏） */
.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}
