/* ==========================================================================
   contact.html · 联系我们 —— 通栏首图 + 四宫格联系卡
   ========================================================================== */

/* ---------- 页首 ---------- */
.ct-hero{position:relative;padding:170px 0 90px;overflow:hidden}
.ct-hero-bg{position:absolute;inset:0}
.ct-hero-bg img{width:100%;height:100%;object-fit:cover}
.ct-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(52,40,28,.72),rgba(52,40,28,.45))}
.ct-hero-in{position:relative;z-index:1}
.ct-hero .crumb{color:rgba(255,255,255,.75)}
.ct-hero .crumb a{color:rgba(255,255,255,.85)}
.ct-hero h1{color:#fff;margin:18px 0 16px}
.ct-hero>div>.reveal:last-child{color:rgba(255,255,255,.82);font-size:16px;max-width:480px}

/* ---------- 四宫格联系卡 ---------- */
.ct-cards{padding:40px 0 10px;margin-top:-50px;position:relative;z-index:2}
.ct-card-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.ct-card{background:var(--card);border:1px solid var(--line-2);border-radius:var(--r);padding:30px 26px;transition:transform .45s var(--ease),box-shadow .45s var(--ease);display:block}
.ct-card:hover{transform:translateY(-6px);box-shadow:var(--shadow)}
.ct-card-ic{display:block;width:46px;height:46px;border-radius:12px;background:var(--brown-bg);color:var(--brown);display:flex;align-items:center;justify-content:center;margin-bottom:18px}
.ct-card-ic svg{width:22px;height:22px}
.ct-card h2{font-size:16px;color:var(--muted);margin-bottom:10px;font-family:var(--font-sans);font-weight:600}
.ct-big{font-family:var(--font-serif);font-size:22px;color:var(--brown-deep);margin-bottom:8px;display:block;line-height:1.3}
.ct-card>span{font-size:13px;color:var(--muted)}
.ct-card-dark{background:var(--brown);color:#fff}
.ct-card-dark h2{color:rgba(255,255,255,.7)}
.ct-card-dark .ct-big{color:#fff}
.ct-card-dark>span{color:rgba(255,255,255,.7)}

/* ---------- 怎么找我们 ---------- */
.ct-how{padding:60px 0 20px}
.ct-how-in{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}
.ct-how-body .sec-title{margin:10px 0 16px}
.ct-p{color:var(--ink-2);margin-bottom:14px}
.ct-how-media img{border-radius:var(--r);box-shadow:var(--shadow);width:100%;height:auto}

/* ---------- 响应时间 ---------- */
.ct-time{padding:50px 0}
.ct-time-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.ct-time-item{background:var(--cream);border:1px solid var(--line-2);border-radius:var(--r);padding:26px 24px}
.ct-time-item b{font-family:var(--font-serif);font-size:18px;color:var(--brown-deep);display:block;margin-bottom:10px}
.ct-time-item p{font-size:14px;color:var(--ink-2)}

/* ---------- 留言引导 ---------- */
.ct-msg{padding:30px 0 60px}
.ct-msg-in{background:var(--brown-bg);border-radius:26px;padding:50px;display:flex;justify-content:space-between;align-items:center;gap:30px;flex-wrap:wrap}
.ct-msg-body .sec-title{margin:10px 0 12px}
.ct-msg-body p{max-width:520px}
.ct-msg-acts{display:flex;gap:14px;flex-wrap:wrap}

/* ---------- 响应式 ---------- */
@media (max-width:1024px){
  .ct-card-grid{grid-template-columns:1fr 1fr}
  .ct-how-in{grid-template-columns:1fr;gap:30px}
  .ct-time-grid{grid-template-columns:1fr}
}
@media (max-width:640px){
  .ct-card-grid{grid-template-columns:1fr}
  .ct-msg-in{padding:34px 24px}
}