/* Contact presentation: real friend QR images are configured in app.js. */
.wechat-contact-section{background:#f5f5f5;padding:54px 0 68px;color:#202020}
.wechat-contact-container{max-width:1120px}
.wechat-intro{display:flex;align-items:center;justify-content:space-between;gap:28px;margin:0 0 32px}
.wechat-intro .eyebrow{display:block;color:#777;font-size:11px;letter-spacing:.12em;margin-bottom:12px}
.wechat-intro h2{margin:0 0 12px;font-size:25px;font-weight:600;line-height:1.4;letter-spacing:0}
.wechat-intro p{margin:0;color:#727272;font-size:14px;line-height:1.8}
.wechat-intro .inline-link{color:#343434;white-space:nowrap;font-size:14px;text-decoration:none}
.wechat-intro .inline-link:hover{color:#000;text-decoration:underline;text-underline-offset:5px}
.wechat-model-context{display:inline-flex;align-items:center;gap:6px;margin:0 0 24px;padding:9px 14px;border:1px solid #ddd;border-radius:4px;color:#646464;font-size:13px;background:#fff}
.wechat-model-context strong{font-weight:600;color:#252525}
.wechat-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;justify-items:center;column-gap:clamp(24px,6vw,80px);row-gap:18px;padding:36px 48px;background:#fff;border:1px solid #e4e4e4;border-radius:8px}
.wechat-consultation-title{grid-column:1/-1;margin:0;color:#171717;font-size:27px;font-weight:600;line-height:1.4;text-align:center}
.wechat-card{display:flex;align-items:center;flex-direction:column;background:#fff;border:1px solid #e4e4e4;border-radius:8px;padding:38px 30px 31px;text-align:center;box-shadow:none;min-width:0}
.wechat-card-heading h2{margin:0 0 9px;color:#171717;font-size:27px;font-weight:600;line-height:1.4;letter-spacing:0}
.wechat-card-heading p{margin:0;color:#7b7b7b;font-size:13px;line-height:1.7;letter-spacing:0}
.wechat-code{display:flex;align-items:center;justify-content:center;width:224px;height:224px;margin:28px 0 18px;background:#fff;border:1px solid #e4e4e4;border-radius:4px;overflow:hidden}
.wechat-code.is-pending{background:#f8f8f8;border-color:#ececec}
.wechat-code img{display:block;object-fit:contain;width:208px;height:208px;max-width:100%;image-rendering:auto}
.wechat-code.has-code{width:min(100%,320px);height:424px;background:#fff;border-color:#eee;border-radius:4px}
.wechat-code-link{display:flex;align-items:center;justify-content:center;width:100%;max-width:320px;background:#fff}
/* Clip only the name/logo area; preserve each original QR and its quiet zone. */
.wechat-code-crop{display:block;position:relative;width:100%;overflow:hidden}
.wechat-code-crop--one{aspect-ratio:888/883;--wechat-image-offset:-21.9274977896%}
.wechat-code-crop--two{aspect-ratio:820/892;--wechat-image-offset:-26.5238879736%}
.wechat-code-crop>img{position:absolute;top:0;left:0;display:block;width:100%;height:auto;max-width:100%;transform:translateY(var(--wechat-image-offset))}
.wechat-code.has-code img{width:100%;height:100%;object-fit:contain;object-position:center;max-width:100%;padding:8px}
.wechat-code-link:focus-visible{outline:2px solid #444;outline-offset:6px}
.wechat-original-link{display:inline-block;color:#777;font-size:12px;line-height:1.7;margin-top:8px;text-decoration:none}
.wechat-original-link:hover{color:#222;text-decoration:underline;text-underline-offset:4px}
.wechat-placeholder{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:18px;width:100%;height:100%;color:#9b9b9b}
.wechat-placeholder svg{width:54px;height:54px;fill:none;stroke:#a7a7a7;stroke-width:2;stroke-linejoin:round;stroke-linecap:round;overflow:visible}
.wechat-placeholder svg circle{fill:#a7a7a7;stroke:none}
.wechat-placeholder span{font-size:13px;line-height:1.6;color:#8b8b8b}
.wechat-scan-note{margin:0;color:#676767;font-size:14px;line-height:1.7}
.wechat-card-detail{max-width:300px;margin:23px 0 0;color:#8a8a8a;font-size:13px;line-height:1.8}
.wechat-contact-note{margin:27px 0 0;text-align:center;font-size:13px;line-height:1.9;color:#818181}
@media(max-width:760px){
  .wechat-contact-section{padding:36px 0 44px}
  .wechat-intro{align-items:flex-start;flex-direction:column;gap:17px;margin-bottom:25px}
  .wechat-intro h2{font-size:22px;line-height:1.5}
  .wechat-intro p{font-size:13px}
  .wechat-cards{gap:24px;padding:28px 24px}
  .wechat-card{padding:30px 20px 28px}
  .wechat-card-heading h2{font-size:25px}
  .wechat-code{margin-top:24px}
  .wechat-code.has-code{height:400px;max-width:300px}
  .wechat-card-detail{margin-top:20px}
  .wechat-contact-note{text-align:left;font-size:12px;margin-top:22px}
}
@media(max-width:540px){.wechat-cards{grid-template-columns:1fr;gap:24px;padding:24px 20px}.wechat-code-link{max-width:300px}}