/* H5落地页 service-h5.css —— 场景卡 + 六格 */
.h5-what{padding-top:96px}
.h5-what-inner{display:grid;grid-template-columns:1fr 1.05fr;gap:56px;align-items:center}
.h5-what-copy h2{margin:14px 0 16px}
.h5-what-copy p{margin-bottom:14px}
.h5-what-media{border-radius:16px;overflow:hidden;box-shadow:var(--shadow)}
.h5-what-media img{width:100%;height:auto}
.h5-scene-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;max-width:920px;margin:0 auto}
.h5-card{background:var(--white);border:1px solid var(--line);border-radius:14px;padding:28px;
 transition:all .35s ease;position:relative}
.h5-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-soft);border-color:var(--gold-2)}
.h5-card h3{font-size:18px;margin-bottom:10px}
.h5-card p{font-size:14px;color:var(--gray)}
.h5-include-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.h5-include-grid div{background:rgba(255,255,255,.04);border:1px solid rgba(217,190,133,.18);border-radius:12px;padding:24px}
.h5-include-grid b{color:#fff;font-size:16px;display:block;margin-bottom:8px}
.h5-include-grid p{font-size:13px;color:#B9B5A9}
.h5-include-note{text-align:center;margin-top:30px;color:#C6C2B4;font-size:14px}
.h5-include-note a{color:var(--gold-2);border-bottom:1px solid rgba(217,190,133,.5)}
.h5-strip-inner{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:start}
.h5-strip-copy h3{font-size:22px;margin-bottom:14px}
.h5-strip-copy p{font-size:15px}
.h5-strip-copy a{color:var(--gold-3);border-bottom:1px solid var(--gold-2)}
.h5-strip-faq{display:grid;gap:12px}
.h5-strip-faq details{background:var(--mist);border:1px solid var(--line);border-radius:10px;padding:14px 20px}
.h5-strip-faq summary{cursor:pointer;font-family:var(--font-serif);font-size:15px}
.h5-strip-faq p{margin-top:8px;font-size:14px;color:var(--gray)}
.h5-strip-faq a{color:var(--gold-3);border-bottom:1px solid var(--gold-2)}
.h5-cta{background:linear-gradient(160deg,#26292F,#191C21);padding:84px 0;position:relative}
.h5-cta::before{content:"";position:absolute;inset:0;
 background:radial-gradient(460px 280px at 85% 30%,rgba(217,190,133,.14),transparent 60%)}
.h5-cta-inner{position:relative;text-align:center}
.h5-cta-inner h2{color:#fff;font-size:28px;margin-bottom:14px}
.h5-cta-inner p{color:#C6C2B4}
.h5-cta-actions{display:flex;justify-content:center;gap:16px;flex-wrap:wrap;margin:22px 0 14px}
.h5-cta-line{border-color:rgba(217,190,133,.5);color:#E9DDBE}
.h5-cta-line:hover{background:rgba(217,190,133,.12);color:#fff}
.h5-cta-note{font-size:13px;color:#9A9EA6}
@media(max-width:992px){
 .h5-what-inner{grid-template-columns:1fr;gap:30px}
 .h5-scene-grid{grid-template-columns:1fr}
 .h5-include-grid{grid-template-columns:1fr 1fr}
 .h5-strip-inner{grid-template-columns:1fr}
}
@media(max-width:640px){
 .h5-include-grid{grid-template-columns:1fr}
 .h5-cta-inner h2{font-size:21px}
}