/* 九清国内站 · 联系我们 /contact/
   ⚠️ 铁律：本文件是这一页 CSS 的唯一副本。不要在页面正文、页脚 widget 或 Customizer 再放一份。
      版本号由 joeqing-contact.php 用 filemtime 生成，改完即时生效，不吃缓存。

   ── 规格来源：tesla.cn/contact 实测（1440 视口，2026-08-26）──
     内容左边距  276px（不是贴着页面边线，是一段很深的缩进）
     H1         40px / 500 / 行高 48 / #171A20
     栏目标题    14px / 500 / 行高 20 / #171A20     ← 只比正文粗一档，不放大
     正文与链接  14px / 400 / 行高 20 / #393C41
     左栏 x=276   右栏 x=846（栏间距 570）
     行与行 32px，组与组约 34px
   ⚠️ 我前两版把栏目标题做成 18px、正文 15px、行高 1.8，比特斯拉松一大截 ——
      站长两次指出「没有设计感」「规范参考特斯拉了？」，差别主要就在这里。
      改这个文件前先回去量一遍真页面，别照感觉调。

   版式内容按站长 2026-08-26 手绘稿：标题 + 两行说明 → 四块信息两列 → 官方社媒两个码。
*/

.jqc{
  color:#393C41;font-size:14px;line-height:20px;
  /* 深缩进。1440 下 48(站内 gutter) + 15.9vw ≈ 276，和 tesla 对齐；窄屏自动收到 0 */
  padding-left:clamp(0px,15.9vw,228px);
  padding-top:clamp(40px,5vw,72px);
  padding-bottom:clamp(48px,6vw,88px);
}
.jqc *{box-sizing:border-box}

/* ── 标题 ───────────────────────────────────────────────────────────────
   tesla：40px / 500 / 行高 48。不是粗体。 */
.jqc-h1{
  font-size:clamp(30px,2.8vw,40px);line-height:1.2;font-weight:500;color:#171a20;
  margin:0 0 24px!important;letter-spacing:-.01em;
}
/* 说明文字用正文规格（tesla 联系页本身没有这一段，是站长手绘稿加的） */
.jqc-lead{margin:0 0 clamp(40px,5vw,68px)!important;font-size:14px;line-height:20px;color:#393C41}

/* ── 四块信息：两列 ─────────────────────────────────────────────────────
   tesla 左栏 276、右栏 846，栏间距 570 —— 不是均分，右栏起点在 40% 左右。 */
.jqc-grid{
  display:grid;grid-template-columns:minmax(0,500px) minmax(0,1fr);
  column-gap:70px;row-gap:clamp(34px,3.6vw,52px);
}
.jqc-item{min-width:0}
/* tesla 栏目标题：14px / 500，只比正文粗一档，**不放大字号** */
.jqc-item-t{margin:0 0 12px!important;font-size:14px;font-weight:500;line-height:20px;color:#171a20}
/* 行与行 32px：行高 20 + 下边距 12 */
.jqc-item-v{margin:0 0 12px!important;font-size:14px;line-height:20px;color:#393C41;word-break:break-word}
.jqc-item-v:last-child{margin-bottom:0!important}
.jqc-item-v a{color:#393C41;text-decoration:underline;text-underline-offset:3px;text-decoration-color:#c8cacd}
.jqc-item-v a:hover{color:#171a20;text-decoration-color:#171a20}
.jqc-item-note{color:#5C5E62}

/* ── 官方社媒 ───────────────────────────────────────────────────────────── */
.jqc-social{margin-top:clamp(44px,5vw,72px)}
.jqc-social-t{margin:0 0 20px!important;font-size:14px;font-weight:500;line-height:20px;color:#171a20}
.jqc-qrs{display:flex;gap:32px;flex-wrap:wrap}
.jqc-qr{margin:0!important;text-align:center}
.jqc-qr img{display:block;width:120px;height:120px;border-radius:4px;background:#fff}
.jqc-qr figcaption{margin-top:10px;font-size:14px;line-height:20px;color:#393C41}

/* ── 手机 ───────────────────────────────────────────────────────────────
   站长的流量几乎全在手机，这段是主版本不是适配版。
   缩进由 clamp 自动收到 0，这里只处理分栏。 */
@media(max-width:720px){
  /* 两列在 390px 上每列只剩 170px，「广州市天河区燕岭路89号2901房02室C17」会断成四五行 */
  .jqc-grid{grid-template-columns:1fr;row-gap:32px}
  .jqc-h1{margin-bottom:18px!important}
  .jqc-lead{margin-bottom:36px!important}
  .jqc-qrs{gap:24px}
}