/* ============================================================
   contact.css · 联系我们
   题头形态②：左右分栏（左文右图）
   ============================================================ */
.sec-c{ margin-left:auto; margin-right:auto; }

.ct-hero{ margin-top:72px; padding:64px 0 56px; background:var(--bg-soft); }
.ct-hero-grid{ display:grid; grid-template-columns:1fr 1fr; gap:48px; align-items:center; }
.ct-hero-title{ font-size:38px; font-weight:800; margin-top:14px; }
.ct-hero-sub{ margin-top:16px; color:var(--ink-2); font-size:15.5px; max-width:480px; line-height:1.9; }
.ct-hero-act{ margin-top:26px; display:flex; gap:14px; flex-wrap:wrap; }
.ct-hero-fig img{
  width:100%; height:340px; object-fit:cover; border-radius:var(--radius-lg); box-shadow:var(--shadow-md);
}

/* 联系方式三卡 */
.ct-channels{ background:#fff; }
.ch-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:24px; margin-top:40px; }
.ch-card{
  background:#fff; border:2px solid var(--line); border-radius:var(--radius-lg); padding:32px 26px;
  transition:transform .28s ease, box-shadow .28s ease, border-color .28s ease;
}
.ch-card:hover{ transform:translateY(-6px); box-shadow:var(--shadow-md); border-color:var(--orange); }
.ch-ico{
  display:inline-flex; align-items:center; justify-content:center; width:54px; height:54px;
  border-radius:16px; margin-bottom:18px;
}
.ch-phone .ch-ico{ background:var(--orange-soft); color:var(--orange-deep); }
.ch-mail .ch-ico{ background:var(--green-soft); color:var(--green-deep); }
.ch-form .ch-ico{ background:var(--bg-soft); color:var(--ink); }
.ch-card h3{ font-size:17px; margin-bottom:8px; }
.ch-num{ display:block; font-size:22px; font-weight:800; color:var(--ink); margin-bottom:10px; }
.ch-card p{ font-size:13.5px; color:var(--ink-3); }

/* 服务时间 + 网点 */
.ct-info{ background:var(--bg-soft); }
.info-grid{ display:grid; grid-template-columns:1fr 1fr; gap:40px; }
.info-block{
  background:#fff; border-radius:var(--radius-lg); padding:32px 30px; box-shadow:var(--shadow-sm);
}
.info-line{ margin-top:14px; font-size:15px; color:var(--ink); }
.info-line b{ color:var(--orange-deep); }
.info-note{ margin-top:14px; font-size:14px; color:var(--ink-2); line-height:1.9; }

/* 表单 */
.ct-form{ background:#fff; }
.form-wrap{ max-width:760px; margin:0 auto; }
.ct-form-box{
  background:var(--bg-soft); border-radius:var(--radius-lg); padding:36px 32px; margin-top:36px;
  display:flex; flex-direction:column; gap:18px; box-shadow:var(--shadow-sm);
}

/* 为什么先线上沟通 */
.ct-why{ background:var(--bg-green); }
.why2-grid{ display:grid; grid-template-columns:1.1fr .9fr; gap:48px; align-items:center; }
.why2-copy p{ margin-top:16px; color:var(--ink-2); font-size:15px; }
.why2-list{ display:flex; flex-direction:column; gap:14px; }
.why2-list li{
  background:#fff; border-radius:14px; padding:16px 20px; box-shadow:var(--shadow-sm);
  display:flex; align-items:center; gap:16px;
}
.why2-list b{
  flex-shrink:0; width:56px; font-size:15px; color:var(--green-deep);
}
.why2-list span{ font-size:14px; color:var(--ink-2); }

/* 准备清单 */
.ct-prep{ background:#fff; }
.prep-grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:20px; margin-top:40px; }
.prep-card{
  border:2px dashed var(--line); border-radius:var(--radius); padding:24px 20px;
}
.prep-card b{ font-size:16px; display:block; margin-bottom:8px; color:var(--orange-deep); }
.prep-card p{ font-size:14px; color:var(--ink-2); }
.prep-note{ margin-top:22px; font-size:14px; color:var(--ink-3); text-align:center; }

/* 高频咨询场景 */
.ct-scene{ background:var(--bg-green); }
.scene-list{ display:grid; grid-template-columns:1fr 1fr; gap:18px; margin-top:36px; }
.scene-item{
  background:#fff; border-radius:var(--radius); padding:22px 24px; box-shadow:var(--shadow-sm);
  border-left:4px solid var(--green);
}
.scene-item:nth-child(even){ border-left-color:var(--orange); }
.scene-item b{ font-size:15.5px; display:block; margin-bottom:8px; color:var(--ink); }
.scene-item p{ font-size:14px; color:var(--ink-2); }
@media (max-width:640px){ .scene-list{ grid-template-columns:1fr; } }

/* 底部行动带 */
.ct-cta{
  background:linear-gradient(120deg,var(--green-deep),var(--green) 70%,var(--orange-deep));
  padding:52px 0; text-align:center;
}
.ct-cta-inner{ display:flex; flex-direction:column; align-items:center; gap:12px; }
.ct-cta h2{ color:#fff; font-size:28px; }
.ct-cta p{ color:rgba(255,255,255,.9); }
.ct-cta-act{ margin-top:18px; display:flex; gap:14px; flex-wrap:wrap; justify-content:center; }

/* 响应式 */
@media (max-width:980px){
  .ct-hero-grid, .why2-grid{ grid-template-columns:1fr; gap:32px; }
  .ch-grid, .prep-grid{ grid-template-columns:1fr 1fr; }
  .info-grid{ grid-template-columns:1fr; }
}
@media (max-width:640px){
  .ch-grid, .prep-grid{ grid-template-columns:1fr; }
  .ct-hero-title{ font-size:28px; }
}