/* ============ 联系我们 contact.html 专属 ============ */
/* 联系渠道卡 */
.ch-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.ch-card{background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);padding:32px 28px;box-shadow:var(--shadow-sm);transition:transform .4s var(--ease),box-shadow .4s;position:relative;overflow:hidden}
.ch-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-md)}
.ch-card::before{content:"";position:absolute;top:0;left:0;width:100%;height:3px;background:var(--grad-brand)}
.ch-ico{width:56px;height:56px;border-radius:15px;display:grid;place-items:center;color:#fff;background:var(--grad-brand);box-shadow:0 8px 22px rgba(109,31,184,.3);margin-bottom:18px}
.ch-ico svg{width:28px;height:28px}
.ch-card h3{font-size:18px;margin-bottom:8px}
.ch-card p{font-size:14px;color:var(--ink-500);margin-bottom:6px}
.ch-card .ch-main{font-size:20px;font-weight:800;color:var(--ink-900);margin-top:8px}

/* 地图占位 + 表单 双栏 */
.contact-layout{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:start}
.map-box{background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden;box-shadow:var(--shadow-sm)}
.map-canvas{position:relative;width:100%;height:340px;background:linear-gradient(135deg,rgba(168,85,247,.06),rgba(0,180,255,.06))}
.map-canvas svg{width:100%;height:100%;display:block}
.map-pin{position:absolute;left:50%;top:46%;transform:translate(-50%,-100%);display:flex;flex-direction:column;align-items:center}
.map-pin .dot{width:44px;height:44px;border-radius:999px 999px 999px 0;background:var(--grad-brand);display:grid;place-items:center;box-shadow:var(--shadow-md);transform:rotate(-45deg)}
.map-pin .dot svg{width:22px;height:22px;color:#fff;transform:rotate(45deg)}
.map-pin .pulse{position:absolute;width:60px;height:60px;border-radius:999px;border:2px solid var(--purple-400);animation:mapPulse 2s ease-out infinite;top:-8px;left:-8px}
@keyframes mapPulse{0%{transform:scale(.6);opacity:.8}100%{transform:scale(1.4);opacity:0}}
.map-addr{padding:22px 26px}
.map-addr h4{font-size:16px;margin-bottom:8px}
.map-addr p{font-size:14px;color:var(--ink-500)}
.msg-card{background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);padding:40px;box-shadow:var(--shadow-sm)}
.msg-card h3{font-size:22px;margin-bottom:6px}
.msg-card .m-sub{font-size:14px;color:var(--ink-500);margin-bottom:24px}
.msg-card .btn{width:100%;justify-content:center;margin-top:10px}
.msg-card .req{color:#ff3d6b}
.msg-card [data-form-msg]:empty{display:none}

@media (max-width:860px){
  .ch-grid{grid-template-columns:1fr}
  .contact-layout{grid-template-columns:1fr}
  .msg-card{padding:28px}
}