/* ============================================================================
   联系入口（全站共用，2026-09-23）
   ----------------------------------------------------------------------------
   出现位置：首页 footer、商品详情、询价已提交、我的 ST。
   配置来源：st-contact-config.js 的 window.ST_CONTACTS。
   未配置的渠道**仍然渲染**（虚线 + 「即将开放」），方便账号确定前先验收版式；
   点按会给出「即将开放，可提交询价单」的说明，而不是静默无反应。
   填上值后脚本会自动去掉 .is-pending，按钮变实心可点。

   放在样式表最后加载：本文件要覆盖 index.html 内联 <style> 里的 .footer 规则，
   同特异度下由加载顺序决定胜负（见 docs/项目总览与修改指引.md 的样式权威说明）。
   ============================================================================ */

.contact-channels{display:flex;flex-wrap:wrap;align-items:center;gap:10px}

.contact-channel{
  display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 16px;
  border:1px solid #081f8038;border-radius:999px;background:#fff;color:var(--blue);
  font-size:13px;font-weight:700;letter-spacing:.2px;white-space:nowrap;
  transition:background .22s var(--curve),border-color .22s var(--curve),transform .18s var(--curve);
}
.contact-channel svg{width:15px;height:15px;flex:none}
.contact-channel:hover{background:#081f800d;border-color:#081f8070}
.contact-channel:active{transform:scale(.97)}

/* 未配置：虚线占位。默认就是虚线 —— 静态 HTML 写出来即终态，不等脚本纠正，
   避免「先实心后虚线」的闪动。 */
.contact-channel.is-pending{border-style:dashed;border-color:#081f8030;color:var(--muted)}
.contact-channel.is-pending:hover{background:#081f8008}

/* 弹窗里的成组用法（详情页 / 提交成功页） */
.contact-block{margin-top:22px;padding:18px 20px;border:1px solid #081f801a;border-radius:14px;background:#fafbff}
.contact-block h3{margin:0 0 5px;font-size:15px;line-height:1.4;color:var(--blue)}
.contact-block p{margin:0 0 14px;font-size:12.5px;line-height:1.7;color:var(--muted)}
.contact-block .contact-channels{margin-top:0}

/* --- 首页 footer：原来是「左文案 / 右地名」一行，现在多一段联系区 --- */
.footer{flex-direction:column;align-items:stretch;gap:20px}
.footer-meta{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px 20px}

@media (max-width:720px){
  .contact-channels{gap:8px}
  .contact-channel{min-height:42px;padding:0 14px;font-size:12.5px}
  .contact-block{padding:16px}
  .footer{gap:16px}
}