/* ---------------------------------------------------------------------
   contact.css — 联系我们页：联系方式置顶，咨询表单在下
   新增文件，只含新 class，不改动 page.css。
   --------------------------------------------------------------------- */

.contact-top{display:flex;justify-content:center; gap: 40px;}

/* 微信：主要渠道，白卡 + 顶部珊瑚色细条 */
.contact-top__wechat{display:flex;flex-direction:column;align-items:center;text-align:center;gap:24px;width:100%;max-width:320px;padding:32px 28px;background:#fff;border:1px solid var(--line);border-top:6px solid var(--coral-500);border-radius:var(--r-2xl,24px);box-shadow:0 1px 2px rgba(27,58,95,.05),0 8px 24px rgba(27,58,95,.07)}
.contact-top__wechat .contact-qr{width:100%;max-width:200px;aspect-ratio:1;height:auto;flex:0 0 auto}
.contact-top__wechat-info{display:flex;flex-direction:column;align-items:center;gap:8px;min-width:0}
.contact-top__wechat-info .kicker{margin:0}
.contact-top__id{margin:0;font-family:var(--font-latin);font-size:19px;font-weight:700;line-height:1.3;color:var(--navy-800);overflow-wrap:anywhere}
.contact-top__wechat-info p.body-sm{margin:0;color:var(--text-body)}

/* 其他三种方式 */
.contact-top__list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--gap,28px);list-style:none;margin:0;padding:0}
.contact-top__list>li{display:flex;align-items:flex-start;gap:16px;padding:24px;background:#fff;border:1px solid var(--line);border-radius:var(--r-lg,16px)}
.contact-top__list>li>div{display:flex;flex-direction:column;gap:2px;min-width:0}
.contact-top__list b{font-size:13px;font-weight:600;letter-spacing:.04em;color:var(--slate,#6b7a8a)}
.contact-top__list a,.contact-top__list>li>div>span{font-family:var(--font-latin);font-size:19px;font-weight:700;color:var(--navy-800);overflow-wrap:anywhere}
.contact-top__list a:hover{color:var(--coral-700)}
.contact-top__list small{font-size:14px;line-height:1.6;color:var(--text-body)}
.contact-top__list .icon-tile{margin:0;flex:0 0 auto}

/* 咨询表单：整行居中 */
.enquiry-wrap{display:flex;flex-direction:column;gap:24px;max-width:860px;margin:0 auto}

@media (max-width:900px){
  .contact-top__wechat{padding:32px 24px}
}

@media (max-width:768px){
  .contact-top{gap: 16px;}
  .contact-top__wechat{padding: 20px;gap: 16px;}
  .contact-top__id{font-size: 12px;}
}

img.contact-qr{object-fit:contain;background:#fff;display:block}