/* ============================================================
   lianxi.css —— 联系我们
   技法:纸面 hero + 三张联系卡 + 地图占位图文 + 留言表单 + 折叠 FAQ
   ============================================================ */

/* ---------- Hero ---------- */
.lx-hero{
  margin-top:var(--nav-h);
  background:
    linear-gradient(100deg, rgba(28,26,23,.85), rgba(74,55,40,.55)),
    url("../images/banner-about.jpg") center/cover no-repeat;
  color:var(--cream);
  padding:84px 0 96px;
  clip-path:ellipse(120% 100% at 100% 0);
}
.lx-hero-in{ max-width:780px; }
.lx-hero .crumb{ color:rgba(242,232,213,.72); margin-bottom:18px; }
.lx-hero .crumb a{ color:rgba(242,232,213,.85); }
.lx-keycap{ background:rgba(242,232,213,.12); border-color:var(--tan); color:var(--cream); margin-bottom:20px; }
.lx-hero h1{ color:var(--cream); font-size:36px; line-height:1.3; margin-bottom:18px; }
.lx-sub{ font-size:16px; line-height:1.9; color:rgba(242,232,213,.88); max-width:700px; }

/* ---------- 板块 2:联系卡 ---------- */
.lx-cards{ padding:60px 0 20px; background:var(--paper); }
.lx-card-row{ display:grid; grid-template-columns:repeat(3,1fr); gap:22px; }
.lx-card{
  background:var(--paper-2); border:1px solid var(--line); border-radius:16px; padding:28px 24px;
  box-shadow:var(--shadow-sm); border-top:4px solid var(--brown-3);
}
.lx-card-tag{
  display:inline-block; font-family:var(--font-mono); font-size:12px; color:var(--cream);
  background:var(--ink); padding:4px 12px; border-radius:6px; margin-bottom:14px;
}
.lx-card h3{ font-size:17px; margin-bottom:10px; }
.lx-big{ font-family:var(--font-mono); font-size:22px; color:var(--brown-2); margin-bottom:10px; word-break:break-all; }
.lx-big a{ color:var(--brown-2); }
.lx-card p:last-child{ font-size:13.5px; color:var(--ink-2); }

/* ---------- 板块 3:地图占位 ---------- */
.lx-map{ padding:60px 0; background:var(--paper-2); }
.lx-map-grid{ display:grid; grid-template-columns:1.3fr 1fr; gap:44px; align-items:center; }
.lx-map-img img{ border-radius:16px; box-shadow:var(--shadow); clip-path:polygon(0 0,100% 4%,96% 100%,0 96%); }
.lx-secno{ font-family:var(--font-mono); letter-spacing:2px; color:var(--brown-3); font-size:13px; margin-bottom:10px; }
.lx-map-txt h2{ font-size:26px; margin-bottom:14px; }
.lx-map-txt p{ margin-bottom:14px; color:var(--ink-2); }
.lx-map-note{ font-size:12.5px; color:var(--brown-3); }
.lx-map-more{ font-size:14px; }
.lx-inlink{ color:var(--brown-2); text-decoration:underline; text-underline-offset:3px; }

/* ---------- 板块 4:留言表单 ---------- */
.lx-form-sec{ padding:70px 0; background:var(--paper); }
.lx-form-grid{ display:grid; grid-template-columns:1.4fr 1fr; gap:40px; align-items:start; }
.lx-form-card{ background:var(--paper-2); border:1px solid var(--line); border-radius:16px; padding:32px 30px; box-shadow:var(--shadow); }
.lx-form-title{ font-size:24px; margin-bottom:22px; padding-bottom:12px; border-bottom:2px solid var(--brown-3); }
.lx-submit{ margin-top:8px; }
.lx-form-note{ margin-top:14px; font-size:12.5px; color:var(--brown-3); }
.lx-form-note a{ color:var(--brown-2); text-decoration:underline; text-underline-offset:2px; }
.lx-form-side img{ border-radius:14px; box-shadow:var(--shadow-sm); margin-bottom:16px; }
.lx-side-quote{ font-family:var(--font-head); color:var(--brown-2); font-size:15px; line-height:1.8; padding-left:16px; border-left:3px solid var(--brown-3); margin-bottom:16px; }
.lx-side-links{ font-size:13.5px; color:var(--ink-2); }

/* ---------- 板块 5:FAQ ---------- */
.lx-faq{ padding:70px 0; background:var(--paper-3); }
.lx-faq h2{ font-size:27px; margin-bottom:26px; }
.lx-faq-list{ max-width:860px; }
.lx-faq-i{ border:1px solid var(--line-2); border-radius:12px; margin-bottom:12px; background:var(--paper); overflow:hidden; }
.lx-faq-i summary{ cursor:pointer; padding:16px 20px; font-weight:700; color:var(--ink); font-family:var(--font-head); list-style:none; position:relative; padding-right:40px; }
.lx-faq-i summary::-webkit-details-marker{ display:none; }
.lx-faq-i summary::after{ content:"+"; position:absolute; right:18px; top:50%; transform:translateY(-50%); font-family:var(--font-mono); font-size:20px; color:var(--brown-3); }
.lx-faq-i[open] summary::after{ content:"–"; }
.lx-faq-i p{ padding:0 20px 18px; color:var(--ink-2); font-size:14.5px; }
.lx-faq-i a{ color:var(--brown-2); text-decoration:underline; text-underline-offset:3px; }

/* ---------- 响应式 ---------- */
@media (max-width:1080px){
  .lx-hero{ clip-path:none; padding:70px 0 50px; }
  .lx-hero h1{ font-size:29px; }
  .lx-card-row{ grid-template-columns:1fr; }
  .lx-map-grid,.lx-form-grid{ grid-template-columns:1fr; gap:28px; }
}
@media (max-width:640px){
  .lx-hero h1{ font-size:24px; }
  .lx-map-txt h2,.lx-faq h2{ font-size:22px; }
}

/* 为什么选本地团队 */
.lx-why{padding:60px 0;background:var(--paper-2);}
.lx-why h2{font-size:27px;margin-bottom:14px;}
.lx-why>div>p{margin-bottom:14px;color:var(--ink-2);}
.lx-why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:22px;}
.lx-why-i{background:var(--paper);border:1px solid var(--line);border-radius:12px;padding:20px;display:flex;flex-direction:column;gap:8px;}
.lx-why-i b{font-family:var(--font-head);color:var(--ink);}
.lx-why-i span{font-size:13.5px;color:var(--ink-2);}
@media(max-width:1080px){.lx-why-grid{grid-template-columns:1fr;}}

/* 完整表单栅格 */
.lx-two{display:grid;grid-template-columns:1fr 1fr;gap:16px;}
.lx-check-label{display:block;font-weight:600;margin-bottom:10px;color:var(--ink);}
.lx-checks{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;}
.lx-cb{display:flex;align-items:center;gap:6px;font-size:13.5px;color:var(--ink-2);cursor:pointer;}
.lx-cb input{width:auto;margin:0;}
@media(max-width:640px){.lx-two{grid-template-columns:1fr;}.lx-checks{grid-template-columns:1fr 1fr;}}

/* 联系前 */
.lx-preq{padding:60px 0;background:var(--paper-2);}
.lx-preq h2{font-size:26px;margin-bottom:16px;}
.lx-preq>div>p{margin-bottom:14px;color:var(--ink-2);}

.lx-mian{padding:60px 0;background:var(--paper);}
.lx-mian h2{font-size:26px;margin-bottom:16px;}
.lx-mian>div>p{margin-bottom:14px;color:var(--ink-2);}

.lx-no2{padding:60px 0;background:var(--paper-2);}
.lx-no2 h2{font-size:26px;margin-bottom:16px;}
.lx-no2>div>p{margin-bottom:14px;color:var(--ink-2);}

.lx-free{padding:60px 0;background:var(--paper);}
.lx-free h2{font-size:26px;margin-bottom:16px;}
.lx-free>div>p{margin-bottom:14px;color:var(--ink-2);}

.lx-chang{padding:60px 0;background:var(--paper-2);}
.lx-chang h2{font-size:26px;margin-bottom:16px;}
.lx-chang>div>p{margin-bottom:14px;color:var(--ink-2);}