/* ==========================================================================
   p-contact.css · 联系我们专属样式
   要点：左联系方式卡 + 右静态表单、图带、FAQ网格
   ========================================================================== */

/* ---------- Hero ---------- */
.ct-hero{padding:64px 0 70px;border-bottom:1px solid var(--line);background:linear-gradient(110deg,#150505,#0E0E13 60%)}
.ct-hero-title{font-size:clamp(26px,3.4vw,40px);color:#fff;font-weight:900;margin:20px 0 12px}
.ct-hero-sub{color:var(--muted);font-size:16px;max-width:620px;line-height:1.9}

/* ---------- 主区两栏 ---------- */
.ct-main{background:var(--bg)}
.ct-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:44px;align-items:start}
.ct-side-title{font-size:22px;color:#fff;margin-bottom:22px}
.ct-card{display:flex;gap:18px;align-items:flex-start;padding:22px;margin-bottom:16px;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);transition:all .3s}
.ct-card:hover{border-color:var(--gold);transform:translateY(-4px);box-shadow:var(--shadow)}
.ct-card-plain{cursor:default}
.ct-ico{flex-shrink:0;width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,rgba(224,38,29,.25),rgba(255,184,0,.12));color:var(--gold-soft)}
.ct-ico svg{width:24px;height:24px}
.ct-card h3{color:#fff;font-size:15.5px;margin-bottom:4px}
.ct-card p{color:var(--gold-soft);font-size:20px;font-weight:800}
.ct-card em{display:block;font-style:normal;color:var(--muted-2);font-size:12.5px;margin-top:4px}
.ct-tip{margin-top:24px;padding:22px 24px;border:1px dashed rgba(255,184,0,.45);border-radius:var(--radius);background:rgba(255,184,0,.05)}
.ct-tip h3{color:var(--gold-soft);font-size:15px;margin-bottom:8px}
.ct-tip p{color:var(--muted);font-size:14px;line-height:1.85}

/* ---------- 表单 ---------- */
.ct-form{background:linear-gradient(160deg,var(--card-2),var(--card));border:1px solid var(--line-2);border-radius:var(--radius);padding:36px 34px;box-shadow:var(--shadow)}
.ct-form h2{font-size:22px;color:#fff}
.ct-form-sub{color:var(--muted);font-size:13.5px;margin:8px 0 22px}
.ct-field{margin-bottom:18px}
.ct-field label{display:block;color:#E8EAEE;font-size:14px;margin-bottom:7px}
.ct-field input,.ct-field select,.ct-field textarea{width:100%;padding:13px 15px;background:#0E0E13;border:1px solid var(--line-2);border-radius:10px;color:#D9DBE0;font-size:15px;transition:border-color .25s}
.ct-field input:focus,.ct-field select:focus,.ct-field textarea:focus{outline:none;border-color:var(--gold)}
.ct-field textarea{resize:vertical}
.ct-submit{width:100%;margin-top:6px}
.ct-form-fine{margin-top:14px;text-align:center;color:var(--muted-2);font-size:13px}
.ct-form-fine a{color:var(--gold-soft)}

/* ---------- 图带 ---------- */
.ct-office{padding:20px 0 10px}
.ct-office-inner{position:relative;border-radius:var(--radius);overflow:hidden;border:1px solid var(--line-2)}
.ct-office-inner img{width:100%;aspect-ratio:21/8;object-fit:cover}
.ct-office-text{position:absolute;left:0;right:0;bottom:0;padding:56px 30px 22px;background:linear-gradient(transparent,rgba(8,8,11,.95))}
.ct-office-text h2{color:#fff;font-size:20px;margin-bottom:6px}
.ct-office-text p{color:#C9CDD3;font-size:14.5px;max-width:640px;line-height:1.8}
.ct-office-text a{color:var(--gold-soft)}

/* ---------- 到店说明 ---------- */
.ct-visit{background:var(--bg)}
.ct-visit-inner{display:grid;grid-template-columns:1fr 1.2fr;gap:44px;align-items:center}
.ct-visit-inner img{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:var(--radius);border:1px solid var(--line-2);box-shadow:var(--shadow)}
.ct-visit-text h2{font-size:26px;color:#fff;margin:6px 0 16px}
.ct-visit-text p{color:var(--muted);font-size:15px;line-height:1.95;margin-bottom:12px}
.ct-visit-line{color:var(--gold-soft)!important;font-size:14px!important}

/* ---------- FAQ ---------- */
.ct-faq-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
.ct-faq-item{padding:24px 26px;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);transition:all .3s}
.ct-faq-item h3{color:#fff;font-size:16px;margin-bottom:8px}
.ct-faq-item p{color:var(--muted);font-size:14px;line-height:1.85}
.ct-faq-item a{color:var(--gold-soft)}
.ct-faq-item:hover{border-color:var(--line-2);transform:translateY(-4px);box-shadow:var(--shadow)}

/* ---------- 多渠道 ---------- */
.ct-channels-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.ct-ch-item{padding:26px 22px;background:var(--card);border:1px solid var(--line);border-radius:14px;transition:all .3s;text-align:center}
.ct-ch-item h3{color:#fff;font-size:15.5px;margin-bottom:10px}
.ct-ch-big{color:var(--gold-soft);font-size:17px;font-weight:800;display:block;margin-bottom:8px}
.ct-ch-big a{color:var(--gold-soft)}
.ct-ch-item p{color:var(--muted);font-size:13px;line-height:1.8}
.ct-ch-item:hover{transform:translateY(-5px);border-color:var(--line-2);box-shadow:var(--shadow)}

/* ---------- 表单说明 ---------- */
.ct-formuse{background:var(--bg)}
.ct-formuse-inner{max-width:900px}
.ct-formuse-inner h2{font-size:24px;color:#fff;margin-bottom:14px}
.ct-formuse-inner p{color:var(--muted);font-size:15px;line-height:2;margin-bottom:12px}

/* ---------- 企业联系 ---------- */
.ct-qiye{background:linear-gradient(150deg,#160604,#0E0E13 60%)}
.ct-qiye-inner{max-width:900px;margin:0 auto;text-align:center}
.ct-qiye-inner h2{font-size:24px;color:#fff;margin-bottom:14px}
.ct-qiye-inner p{color:var(--muted);font-size:15px;line-height:2}
.ct-qiye-inner a{color:var(--gold-soft)}

/* ---------- 来电前准备 ---------- */
.ct-prep{background:var(--bg)}
.ct-prep-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}

/* ---------- 办理入口 ---------- */
.ct-entry{padding:44px 0}
.ct-entry-inner{max-width:800px;margin:0 auto;text-align:center}
.ct-entry-inner h2{font-size:24px;color:#fff;margin-bottom:14px}
.ct-entry-inner p{color:var(--muted);font-size:15px;line-height:2;margin-bottom:10px}
.ct-entry-inner a{color:var(--gold-soft)}

/* ---------- 准备清单表格 ---------- */
.ct-checklist-tbl{background:var(--card);border:1px solid var(--line);border-radius:14px;overflow:hidden}
.ct-checklist-tbl table{width:100%;border-collapse:collapse}
.ct-checklist-tbl th{padding:16px 18px;text-align:left;color:#fff;font-size:14.5px;background:rgba(255,184,0,.08);border-bottom:1px solid var(--line)}
.ct-checklist-tbl td{padding:14px 18px;color:var(--muted);font-size:13.5px;border-bottom:1px solid var(--line)}
.ct-checklist-tbl tr:last-child td{border-bottom:0}

/* ---------- 响应式 ---------- */
@media (max-width:1024px){
  .ct-grid{grid-template-columns:1fr;gap:30px}
  .ct-faq-grid{grid-template-columns:1fr}
  .ct-visit-inner{grid-template-columns:1fr;gap:24px}
  .ct-channels-grid{grid-template-columns:repeat(2,1fr)}
  .ct-prep-grid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:720px){
  .ct-form{padding:26px 20px}
  .ct-office-text{padding:44px 18px 16px}
  .ct-channels-grid{grid-template-columns:1fr}
  .ct-prep-grid{grid-template-columns:1fr}
  .ct-checklist-tbl{overflow-x:auto}
}