.page-contact .chan{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:48px}.page-contact .cc{background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);padding:28px;display:flex;flex-direction:column;align-items:center;text-align:center;transition:transform .2s,box-shadow .2s}.page-contact .cc:hover{transform:translateY(-5px);box-shadow:var(--sh-lg)}.page-contact .cc.qr img{width:170px;height:170px;border-radius:var(--r-md);border:1px solid var(--line-soft);background:#fff}.page-contact .cc .ci{width:56px;height:56px;border-radius:15px;background:var(--brand-50);color:var(--brand-600);display:grid;place-items:center}.page-contact .cc .ci svg{width:28px;height:28px}.page-contact .cc h3{font-size:19px;font-weight:600;margin-top:18px}.page-contact .cc p{font-size:14px;color:var(--text-soft);margin-top:8px;line-height:1.55}.page-contact .cc .val{font-family:var(--font-display);font-weight:800;font-size:20px;color:var(--ink-900);margin-top:12px;letter-spacing:-.01em}.page-contact .cc .btn{margin-top:18px}.page-contact .cc.soon{opacity:.7}.page-contact .cc.soon .ci{background:var(--ink-100);color:var(--ink-400)}.page-contact .cc .recommend{font-size:11.5px;font-weight:700;color:var(--accent-ink);background:var(--accent-soft);padding:3px 10px;border-radius:var(--r-pill);margin-top:10px}.page-contact .info-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start}.page-contact .info-list{display:flex;flex-direction:column}.page-contact .info-row{display:flex;gap:16px;padding:20px 0;border-top:1px solid var(--line-soft)}.page-contact .info-row:first-child{border-top:none;padding-top:0}.page-contact .info-row .ii{width:42px;height:42px;border-radius:11px;background:var(--accent-soft);color:var(--accent-ink);display:grid;place-items:center;flex-shrink:0}.page-contact .info-row .ii svg{width:20px;height:20px}.page-contact .info-row .k{font-size:13px;color:var(--text-mute)}.page-contact .info-row .v{font-size:16px;font-weight:700;color:var(--ink-900);margin-top:2px}@media (max-width:980px){.page-contact .chan{grid-template-columns:1fr 1fr}.page-contact .info-grid{grid-template-columns:1fr;gap:32px}}@media (max-width:560px){.page-contact .chan{grid-template-columns:1fr}}