/* 公众号开发 service-wechat.css —— 聊天气泡 + 卡片 */
.wx-chat{padding-top:96px}
.wx-chat-inner{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
.wx-chat-copy h2{margin:14px 0 16px}
.wx-chat-copy p{margin-bottom:14px}
.wx-bubbles{display:flex;flex-direction:column;gap:14px}
.wx-bubble{max-width:82%;padding:14px 18px;border-radius:14px;font-size:14px;line-height:1.7;position:relative}
.wx-bubble span{display:block;font-size:11px;color:var(--gray);margin-bottom:4px;letter-spacing:1px}
.wx-bubble-in{align-self:flex-end;background:var(--mist);border:1px solid var(--line)}
.wx-bubble-auto{align-self:flex-start;background:linear-gradient(135deg,rgba(217,190,133,.18),rgba(195,164,104,.08));
 border:1px solid var(--gold-2);color:var(--ink-2)}
.wx-feat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.wx-card{background:var(--white);border:1px solid var(--line);border-left:3px solid var(--gold);
 border-radius:12px;padding:26px;transition:all .35s ease}
.wx-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-soft)}
.wx-card h3{font-size:18px;margin-bottom:10px}
.wx-card p{font-size:14px;color:var(--gray)}
.wx-card a{color:var(--gold-3);border-bottom:1px solid var(--gold-2)}
.wx-type-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:26px;max-width:920px;margin:0 auto}
.wx-type-col{background:rgba(255,255,255,.04);border:1px solid rgba(217,190,133,.18);border-radius:14px;padding:28px}
.wx-type-col h3{color:#C9C6BC;font-size:18px;margin-bottom:10px}
.wx-type-col p{color:#B9B5A9;font-size:14px}
.wx-type-us{background:linear-gradient(160deg,rgba(195,164,104,.16),rgba(195,164,104,.05));border-color:var(--gold-2)}
.wx-type-us h3{color:#fff}
.wx-type-note{text-align:center;margin-top:30px;color:#C6C2B4;font-size:14px}
.wx-type-note a{color:var(--gold-2);border-bottom:1px solid rgba(217,190,133,.5)}
.wx-strip-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.wx-strip-card{background:var(--mist);border:1px solid var(--line);border-radius:12px;padding:26px}
.wx-strip-card h3{font-size:17px;margin-bottom:10px;color:var(--gold-3)}
.wx-strip-card p{font-size:14px;color:var(--gray);margin-bottom:16px}
.wx-cta{background:linear-gradient(160deg,#26292F,#191C21);padding:84px 0;position:relative}
.wx-cta::before{content:"";position:absolute;inset:0;
 background:radial-gradient(460px 280px at 85% 30%,rgba(217,190,133,.14),transparent 60%)}
.wx-cta-inner{position:relative;text-align:center}
.wx-cta-inner h2{color:#fff;font-size:28px;margin-bottom:14px}
.wx-cta-inner p{color:#C6C2B4}
.wx-cta-actions{display:flex;justify-content:center;gap:16px;flex-wrap:wrap;margin:22px 0 14px}
.wx-cta-line{border-color:rgba(217,190,133,.5);color:#E9DDBE}
.wx-cta-line:hover{background:rgba(217,190,133,.12);color:#fff}
.wx-cta-note{font-size:13px;color:#9A9EA6}
@media(max-width:992px){
 .wx-chat-inner{grid-template-columns:1fr;gap:30px}
 .wx-feat-grid{grid-template-columns:1fr 1fr}
 .wx-type-grid{grid-template-columns:1fr}
 .wx-strip-grid{grid-template-columns:1fr}
}
@media(max-width:640px){
 .wx-feat-grid{grid-template-columns:1fr}
 .wx-cta-inner h2{font-size:21px}
}
