/* ============================================================
   联系我们页增量样式 · PARKE 沛克 / 深圳市万鹏达科技有限公司
   依赖 main.css 的设计变量与基础组件，本文件只做本页增量
   路由：/lianxiwomen
   ============================================================ */

/* ---------- 面包屑（products.css 中的定义在此补一份，本页不加载 products.css） ---------- */
.crumbs{padding-top:20px;font-size:13px;color:var(--text-3);display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.crumbs a{color:var(--text-3)}
.crumbs a:hover{color:var(--ink-900)}

/* ---------- 深色页头 ---------- */
.contact-hero{background:var(--ink-900);color:#fff;padding:24px 0 52px;overflow:hidden}
@media (min-width:992px){.contact-hero{padding:28px 0 72px}}
.contact-hero .crumbs{color:#7fa0c8;padding-top:4px}
.contact-hero .crumbs a{color:#9fbbd8}
.contact-hero .crumbs a:hover{color:#fff}
.contact-hero .crumbs [aria-current]{color:#c7d6ec}
.contact-hero__row{display:grid;gap:32px;margin-top:24px}
@media (min-width:992px){.contact-hero__row{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:56px}}
.contact-hero h1{font-size:30px;line-height:1.18;letter-spacing:-.02em;color:#fff;margin-top:18px}
@media (min-width:576px){.contact-hero h1{font-size:38px}}
@media (min-width:992px){.contact-hero h1{font-size:46px}}
.contact-hero h1 em{font-style:normal;color:#ff9147}
.contact-hero__sub{margin-top:18px;color:#b9cde5;font-size:16px;max-width:38em}
.contact-hero__acts{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.contact-hero__meta{margin-top:20px;display:flex;flex-wrap:wrap;gap:8px 24px;font-size:13.5px;color:#9fbbd8}
.contact-hero__meta b{color:#fff;font-weight:500;font-variant-numeric:tabular-nums}
.contact-hero .eyebrow{color:#ff9147}

/* 页头事实条 */
.hero-facts{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;padding-top:24px;border-top:1px solid rgba(255,255,255,.14);min-width:0}
@media (min-width:576px){.hero-facts{grid-template-columns:repeat(4,1fr);gap:20px}}
@media (min-width:992px){.hero-facts{grid-template-columns:repeat(2,1fr);border-top:0;padding-top:0;gap:20px 28px}}
.hero-fact{border-left:2px solid rgba(255,255,255,.24);padding-left:14px}
.hero-fact b{display:block;font-size:22px;font-weight:500;line-height:1.2;color:#fff;font-variant-numeric:tabular-nums}
.hero-fact b span{font-size:12px;font-weight:400;color:#9fbbd8;margin-left:3px}
.hero-fact small{display:block;font-size:12px;color:#9fbbd8;margin-top:4px}

/* ---------- 四条联系通道 ---------- */
.channels{display:grid;gap:14px}
@media (min-width:576px){.channels{grid-template-columns:repeat(2,1fr)}}
@media (min-width:992px){.channels{grid-template-columns:repeat(4,1fr);gap:18px}}
.chan{display:grid;gap:8px;padding:20px;background:#fff;border:1px solid var(--line);
  border-radius:var(--r-lg);transition:transform .25s ease-out,border-color .25s,box-shadow .25s}
.chan:hover{transform:translateY(-3px);border-color:var(--line-2);box-shadow:var(--shadow)}
.chan__icon{width:36px;height:36px;border-radius:10px;background:var(--ink-200);display:grid;place-items:center;margin-bottom:4px}
.chan__icon svg{width:19px;height:19px;stroke:var(--ink-900);fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.chan__label{font-size:12px;color:var(--text-3);letter-spacing:.04em}
.chan__value{font-size:16px;font-weight:500;color:var(--ink-900);line-height:1.4;font-variant-numeric:tabular-nums;word-break:break-word}
.chan__value--sm{font-size:14px}
.chan__desc{font-size:13px;color:var(--text-2)}
.chan__go{font-size:13px;color:var(--accent);margin-top:2px}

/* ---------- 联系信息卡 + 表单 ---------- */
.contact-grid{display:grid;gap:24px}
@media (min-width:992px){.contact-grid{grid-template-columns:376px minmax(0,1fr);gap:40px;align-items:start}}
.contact-aside{display:grid;gap:16px;min-width:0}
@media (min-width:992px){.contact-aside{position:sticky;top:96px}}
.ccard{background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden}
.ccard__head{background:var(--ink-900);color:#fff;padding:18px 22px}
.ccard__head b{display:block;font-size:16px;font-weight:500;color:#fff}
.ccard__head span{display:block;font-size:12px;color:#9fbbd8;margin-top:2px}
.crow{display:grid;grid-template-columns:22px minmax(0,1fr);gap:12px;padding:15px 22px;border-bottom:1px solid var(--line)}
.crow:last-child{border-bottom:0}
a.crow:hover{background:var(--ink-50)}
.crow__icon{color:var(--text-3);line-height:1.7}
.crow__icon svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.crow__k{font-size:11.5px;color:var(--text-3);letter-spacing:.03em}
.crow__v{font-size:14.5px;color:var(--ink-900);font-variant-numeric:tabular-nums;word-break:break-word}
.crow__v--tel{font-size:19px;font-weight:500}
.crow__sub{font-size:12px;color:var(--text-3);margin-top:2px}
.ccard .qr-row{margin:10px 0 0;gap:10px}
.ccard .qr__box{width:88px;height:88px;background:var(--ink-50);border:1px dashed var(--line-2);color:var(--text-3);font-size:11px}
.ccard .qr__cap{color:var(--text-3)}

/* 表单：两列 + 类型胶囊 */
.form__head{display:grid;gap:6px;margin-bottom:4px}
.form__head h2{font-size:22px}
@media (min-width:768px){.form__head h2{font-size:26px}}
.form__head p{font-size:13.5px;color:var(--text-2)}
.form__row{display:grid;gap:14px}
@media (min-width:576px){.form__row{grid-template-columns:1fr 1fr}}
.type-chips{display:flex;flex-wrap:wrap;gap:8px}
.type-chips label{position:relative;display:inline-flex}
.type-chips input{position:absolute;inset:0;opacity:0;margin:0;cursor:pointer}
.type-chips span{display:inline-flex;align-items:center;min-height:38px;padding:0 15px;border:1px solid var(--line-2);
  border-radius:999px;background:#fff;font-size:13.5px;color:var(--text-2);transition:background .2s,color .2s,border-color .2s}
.type-chips input:checked+span{background:var(--ink-900);border-color:var(--ink-900);color:#fff}
.type-chips input:focus-visible+span{outline:2px solid var(--ink-900);outline-offset:2px}
.form .req{color:var(--accent);margin-left:2px}
.form .hint{font-size:12px;color:var(--text-3)}

/* ---------- 部门直连 ---------- */
.depts{display:grid;gap:12px}
@media (min-width:576px){.depts{grid-template-columns:repeat(2,1fr)}}
@media (min-width:992px){.depts{grid-template-columns:repeat(4,1fr);gap:16px}}
.dept{padding:18px 20px;background:#fff;border:1px solid var(--line);border-radius:var(--r-md)}
.dept h3{font-size:15px;margin-bottom:6px}
.dept p{font-size:13px;color:var(--text-2);min-height:2.6em}
.dept__tel{display:block;font-size:14px;color:var(--ink-900);margin-top:10px;font-variant-numeric:tabular-nums}
.dept__mail{display:block;font-size:12.5px;color:var(--accent);margin-top:2px;word-break:break-all}

/* ---------- 到访 ---------- */
.visit{display:grid;gap:20px}
@media (min-width:992px){.visit{grid-template-columns:380px minmax(0,1fr);gap:40px;align-items:start}}
.visit__card{padding:24px;background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow)}
.visit__card h3{font-size:18px;margin-bottom:8px}
.visit__card p{font-size:13.5px;color:var(--text-2)}
.visit__card .acts{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}
.visit__addr{font-size:15px;color:var(--ink-900);margin-top:2px}
.routes{display:grid;gap:22px}
@media (min-width:768px){.routes{grid-template-columns:repeat(3,1fr);gap:24px}}
.route{border-left:2px solid var(--accent);padding-left:16px}
.route h3{font-size:15px;margin-bottom:6px}
.route p{font-size:13.5px;color:var(--text-2)}
.route small{display:inline-block;margin-top:8px;font-size:11.5px;color:#b54708;background:var(--accent-soft);
  border:1px solid #f3c9a6;border-radius:4px;padding:1px 8px}

/* ---------- 服务承诺 ---------- */
.promises{display:grid;gap:12px}
@media (min-width:576px){.promises{grid-template-columns:repeat(2,1fr)}}
@media (min-width:992px){.promises{grid-template-columns:repeat(4,1fr);gap:16px}}
.promise{padding:18px 20px;background:#fff;border:1px solid var(--line);border-left:3px solid var(--ink-900);border-radius:var(--r-sm)}
.promise b{display:block;font-size:15px;color:var(--ink-900);font-weight:500}
.promise span{display:block;font-size:12.5px;color:var(--text-2);margin-top:4px}

/* ---------- 常见问题 ---------- */
.faq{border-top:1px solid var(--line);max-width:920px}
.faq details{border-bottom:1px solid var(--line)}
.faq summary{list-style:none;cursor:pointer;display:flex;align-items:flex-start;justify-content:space-between;gap:20px;
  padding:18px 0;font-size:15.5px;color:var(--ink-900)}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";flex:0 0 auto;color:var(--accent);font-size:20px;line-height:1.1}
.faq details[open] summary::after{content:"–"}
.faq p{font-size:14px;color:var(--text-2);padding:0 0 18px;max-width:72em}

/* ---------- 响应式：小屏表单前置 ---------- */
@media (max-width:991px){
  .contact-grid .form{order:-1}
  .ccard .qr__box{width:84px;height:84px}
}
@media (max-width:575px){
  .contact-hero__acts .btn{flex:1 1 100%}
  .hero-facts{grid-template-columns:repeat(2,1fr);gap:14px}
  .visit__card .acts .btn{flex:1 1 100%}
}