/* ---------- 联系我们 ---------- */
.chero{padding:calc(146px + env(safe-area-inset-top)) 0 96px}
.chero .crumb{display:flex;align-items:center;gap:9px;font-size:12.4px;color:var(--ink-3);margin-bottom:26px}
.chero .crumb a{color:var(--ink-3);text-decoration:none}
.chero .crumb a:hover{color:var(--navy)}
.chero .crumb span{opacity:.5}

.cgrid{display:grid;grid-template-columns:minmax(0,.88fr) minmax(0,1fr);
  gap:76px;align-items:start}

.chero h1{font-size:clamp(30px,3.9vw,48px);line-height:1.28;letter-spacing:-.02em;
  font-weight:800;color:var(--navy)}
.chero h1 em{font-style:normal;color:var(--cyan)}
.chero .lede{margin-top:22px;font-size:15.4px;line-height:2;color:var(--ink-2);max-width:29em}

/* 三步 */
.csteps{margin-top:38px;display:flex;flex-direction:column;gap:0;border-top:1px solid var(--line)}
.csteps>div{padding:15px 0 15px 0;border-bottom:1px solid var(--line);
  display:grid;grid-template-columns:44px 1fr;gap:16px;align-items:baseline}
.csteps b{font-size:11.5px;font-weight:800;color:var(--cyan);letter-spacing:.06em}
.csteps h4{font-size:14.6px;font-weight:700;color:var(--navy)}
.csteps p{grid-column:2;font-size:13.2px;line-height:1.8;color:var(--ink-3);margin-top:3px}

/* 直接联系方式 */
.cdirect{margin-top:32px;display:flex;flex-direction:column;gap:14px}
.cdirect>div{display:flex;align-items:baseline;gap:14px}
.cdirect b{font-size:10px;font-weight:800;letter-spacing:.16em;color:var(--ink-3);
  width:62px;flex:none;text-transform:uppercase}
.cdirect a,.cdirect span{font-size:14.4px;color:var(--navy);text-decoration:none}
.cdirect a{border-bottom:1px solid rgba(25,200,212,.5);padding-bottom:1px}
.cdirect a:hover{color:var(--cyan)}

/* ---------- 表单 ---------- */
.cform{background:#fff;border:1px solid var(--line);border-radius:10px;
  padding:36px 34px 30px;box-shadow:0 30px 70px -60px rgba(6,16,28,.5)}
.frow{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.fld{display:flex;flex-direction:column;gap:7px;margin-bottom:22px}
.fld>span{font-size:12px;font-weight:700;color:var(--ink-2);letter-spacing:.02em}
.fld>span i{font-style:normal;color:var(--cyan);margin-left:3px}
.fld>span em{font-style:normal;font-weight:400;color:var(--ink-3);margin-left:8px;font-size:11px}
.fld input,.fld textarea{
  font-family:inherit;font-size:14.6px;color:var(--navy);
  border:0;border-bottom:1px solid var(--line);background:transparent;
  padding:9px 0 10px;outline:none;transition:border-color .18s;width:100%;
  border-radius:0;
}
.fld textarea{resize:vertical;min-height:92px;line-height:1.9}
.fld input::placeholder,.fld textarea::placeholder{color:#B4C2CE}
.fld input:focus,.fld textarea:focus{border-bottom-color:var(--cyan)}
.fld input:invalid:not(:placeholder-shown){border-bottom-color:#E9A0A0}

/* 多选 */
.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}
.chip{font-family:inherit;font-size:12.6px;color:var(--ink-2);cursor:pointer;
  background:#fff;border:1px solid var(--line);border-radius:99px;
  padding:7px 15px;transition:.16s;line-height:1}
.chip:hover{border-color:#B9CBD8;color:var(--navy)}
.chip[aria-pressed="true"]{background:var(--navy);border-color:var(--navy);color:#fff}

.csubmit{
  font-family:inherit;width:100%;height:52px;margin-top:6px;
  background:var(--navy);color:#fff;border:0;border-radius:99px;
  font-size:14.6px;font-weight:700;letter-spacing:.02em;cursor:pointer;transition:.2s;
  display:inline-flex;align-items:center;justify-content:center;gap:10px;
}
.csubmit:hover{background:#0F2C48}
.csubmit:disabled{opacity:.55;cursor:default}
.cnote{margin-top:14px;font-size:11.8px;line-height:1.75;color:var(--ink-3);text-align:center}

/* 成功态 */
.cok{margin-top:18px;padding:16px 18px;border-radius:8px;
  background:rgba(25,200,212,.08);border:1px solid rgba(25,200,212,.3)}
.cok b{display:block;font-size:13.6px;color:var(--navy);margin-bottom:4px}
.cok p{font-size:12.6px;line-height:1.8;color:var(--ink-2)}
.cok a{color:var(--navy)}

/* ---------- 微信公众号 ---------- */
.wxsec{padding:0 0 100px}
.wxbox{display:flex;align-items:center;justify-content:center;gap:56px;
  max-width:790px;margin:0 auto;
  padding:40px 48px;border:1px solid var(--line);border-radius:10px;
  background:linear-gradient(180deg,#FAFCFE,#fff)}
.wxqr{width:172px;height:172px;flex:none;display:block;
  box-shadow:0 18px 40px -34px rgba(6,16,28,.6)}
.wxinfo{min-width:0}
.wxinfo .wxk{display:block;font-size:9.8px;font-weight:800;letter-spacing:.22em;
  color:var(--ink-3);text-transform:uppercase}
.wxinfo h2{margin:12px 0 14px;font-size:26px;font-weight:400;color:var(--ink-2);line-height:1.25}
.wxinfo h2 em{font-style:normal;font-weight:800;color:var(--navy);letter-spacing:-.015em}
.wxinfo p{font-size:14.2px;line-height:1.85;color:var(--ink-2)}
.wxinfo p b{font-weight:700;color:var(--navy)}
.wxinfo .wxsub{margin-top:8px;font-size:12.6px;color:var(--ink-3);line-height:1.8}

/* ---------- 响应式 ---------- */
@media(max-width:1080px){
  .cgrid{grid-template-columns:1fr;gap:52px}
  .cform{max-width:640px}
}
@media(max-width:900px){
  .chero{padding:calc(112px + env(safe-area-inset-top)) 0 64px}
  .chero .crumb{margin-bottom:18px}
  .chero .lede{font-size:14.6px;line-height:1.95;margin-top:18px}
  .csteps{margin-top:32px}
  .cdirect{margin-top:30px}
  .cform{padding:26px 22px 24px;border-radius:8px}
  .frow{gap:0;grid-template-columns:1fr}
  .fld{margin-bottom:20px}
  .wxsec{padding:0 0 64px}
  .wxbox{flex-direction:column;align-items:flex-start;justify-content:flex-start;
    gap:20px;max-width:none;padding:28px 24px;border-radius:8px}
  .wxqr{width:132px;height:132px}
  .wxinfo h2{font-size:21px;margin:10px 0 12px}
  .wxinfo p{font-size:13.6px}
  .wxinfo .wxsub{font-size:12.2px}
}
@media(max-width:380px){
  .chero h1{font-size:27px}
  .chip{font-size:12px;padding:7px 13px}
  .wxbox{padding:24px 20px}
  .wxqr{width:118px;height:118px}
  .wxinfo h2{font-size:18.6px}
}