/* 四个页面底部共用的联系卡片,结构由 js/contact-card.js 生成 */
contact-card { display: block; }
contact-card:not(:defined) { visibility: hidden; }

.contact { margin-top: 16px; }
.contact .row { display: flex; gap: 20px; align-items: center; }
.contact .qr {
  flex: 0 0 132px; width: 132px; height: 132px; border-radius: 14px; background: #fff;
  padding: 9px; box-shadow: 0 8px 24px rgba(0,0,0,.30); border: 1px solid rgba(255,255,255,.35);
}
.contact .qr img { width: 100%; height: 100%; display: block; image-rendering: -webkit-optimize-contrast; }
.contact .who { font-size: 16px; font-weight: 650; }
.contact .where { font-size: 12px; color: rgba(255,255,255,.55); margin-top: 3px; letter-spacing: .4px; }
.contact .say { font-size: 13.5px; color: rgba(255,255,255,.78); line-height: 1.8; margin-top: 10px; }

@media (max-width: 520px) {
  .contact .row { flex-direction: column; align-items: flex-start; gap: 14px; }
  .contact .qr { flex: 0 0 156px; width: 156px; height: 156px; align-self: center; }
  .contact .say { font-size: 13px; }
}