/* 大枝 DAZHI ｜ 页脚联络区：微信二维码 + 电话
   原图安静区不足，用纯白底 padding 补足四周留白，保证可扫。 */
.contact {
  margin-top: 32px;
  padding: 32px 0 4px;
  border-top: 1px solid var(--line);
  display: grid;
  grid-template-columns: 216px minmax(0, 1fr);
  gap: 48px;
  align-items: center;
}
.contact-qr { display: flex; flex-direction: column; align-items: flex-start; gap: 12px; }
.qr-frame {
  width: 216px;
  padding: 24px;
  background: #fff;
  border: 1px solid var(--line);
}
.qr-frame img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 1 / 1;
  object-fit: contain;
}
.qr-caption { margin: 0; font-size: 11px; letter-spacing: 2px; color: var(--muted); }
.contact-body { display: flex; flex-direction: column; align-items: flex-start; gap: 10px; }
.contact .eyebrow { margin: 0 0 4px; }
.contact-title { margin: 0; font-size: 26px; font-weight: 300; letter-spacing: 5px; }
.contact-lead { margin: 0; max-width: 60ch; font-size: 13px; line-height: 26px; color: var(--muted); }
.contact-lines { display: flex; flex-direction: column; gap: 12px; margin-top: 8px; }
.contact-lines p { display: flex; align-items: baseline; gap: 18px; margin: 0; font-size: 13px; }
.contact-key { min-width: 42px; font-size: 11px; letter-spacing: 2px; color: var(--gold); }
.contact-val { color: var(--ink); }
.contact-tel {
  font-family: var(--latin);
  font-size: 16px;
  letter-spacing: 1px;
  text-decoration: none;
  border-bottom: 1px solid var(--line);
  padding-bottom: 3px;
  transition: border-color .3s var(--ease);
}
.contact-tel:hover, .contact-tel:focus-visible { border-bottom-color: var(--ink); }
.contact-jump { margin-left: 32px; }

html[data-lang="en"] .contact-title { font-family: var(--latin); letter-spacing: 1px; }
html[data-lang="en"] .contact-key { min-width: 84px; letter-spacing: 1px; }
html[data-lang="en"] .qr-caption { letter-spacing: 1px; }

@media (max-width: 760px) {
  .contact { grid-template-columns: 1fr; gap: 24px; margin-top: 26px; padding-top: 26px; }
  .qr-frame { width: 200px; padding: 20px; }
  .contact-title { font-size: 22px; letter-spacing: 3px; }
  .contact-lines p { flex-wrap: wrap; gap: 8px 12px; }
  .contact-lead, .footer-note { line-height: 24px; }
  .contact-jump { display: inline-block; margin-left: 0; margin-top: 16px; }
}