/* 小程序开发 service-mini.css —— 纵向时间线步骤 */
.mn-why{padding-top:96px}
.mn-why-grid{display:grid;grid-template-columns:1fr 1.05fr;gap:56px;align-items:center}
.mn-why-copy p{margin-bottom:14px}
.mn-why-media{border-radius:16px;overflow:hidden;box-shadow:var(--shadow)}
.mn-why-media img{width:100%;height:auto}
.mn-timeline{max-width:880px;margin:0 auto;position:relative;padding-left:34px}
.mn-timeline::before{content:"";position:absolute;left:10px;top:8px;bottom:8px;width:1px;
 background:linear-gradient(180deg,var(--gold),rgba(195,164,104,.1))}
.mn-step{position:relative;padding-bottom:30px}
.mn-step:last-child{padding-bottom:0}
.mn-step-dot{position:absolute;left:-34px;top:0;width:21px;height:21px;border-radius:50%;
 background:var(--white);border:2px solid var(--gold);color:var(--gold-3);
 font-family:var(--font-serif);font-size:11px;display:flex;align-items:center;justify-content:center}
.mn-step h3{font-size:18px;margin-bottom:6px}
.mn-step p{font-size:14px;color:var(--gray)}
.mn-vs-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:26px;max-width:920px;margin:0 auto}
.mn-vs-col{background:rgba(255,255,255,.04);border:1px solid rgba(217,190,133,.18);border-radius:14px;padding:28px}
.mn-vs-col h3{color:#C9C6BC;font-size:18px;margin-bottom:10px}
.mn-vs-col p{color:#B9B5A9;font-size:14px}
.mn-vs-us{background:linear-gradient(160deg,rgba(195,164,104,.16),rgba(195,164,104,.05));border-color:var(--gold-2)}
.mn-vs-us h3{color:#fff}
.mn-vs-us a{color:var(--gold-2)}
.mn-vs-note{text-align:center;margin-top:34px;color:#C6C2B4;font-size:14px}
.mn-vs-note a{color:var(--gold-2);border-bottom:1px solid rgba(217,190,133,.5)}
.mn-cases-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px}
.mn-case{border-radius:14px;overflow:hidden;border:1px solid var(--line);background:var(--white);transition:all .35s ease}
.mn-case:hover{transform:translateY(-5px);box-shadow:var(--shadow)}
.mn-case img{width:100%;height:220px;object-fit:cover}
.mn-case h3{font-size:17px;padding:18px 22px}
.mn-note{text-align:center;margin-top:26px;font-size:14px;color:var(--gray)}
.mn-note a{color:var(--gold-3);border-bottom:1px solid var(--gold-2)}
.mn-faq-list{max-width:800px;margin:0 auto;display:grid;gap:12px}
.mn-faq-list details{background:var(--white);border:1px solid var(--line);border-radius:10px;padding:16px 22px}
.mn-faq-list summary{cursor:pointer;font-family:var(--font-serif);font-size:16px}
.mn-faq-list p{margin-top:8px;font-size:14px;color:var(--gray)}
.mn-faq-list a{color:var(--gold-3);border-bottom:1px solid var(--gold-2)}
.mn-cta{background:linear-gradient(160deg,#2A2E35,#1C1F25);padding:84px 0;position:relative;overflow:hidden}
.mn-cta::before{content:"";position:absolute;inset:0;
 background:radial-gradient(480px 300px at 88% 25%,rgba(217,190,133,.15),transparent 60%)}
.mn-cta-inner{position:relative;text-align:center}
.mn-cta-inner h2{color:#fff;font-size:28px;margin-bottom:14px}
.mn-cta-inner p{color:#C6C2B4}
.mn-cta-actions{display:flex;justify-content:center;gap:16px;flex-wrap:wrap;margin:22px 0 14px}
.mn-cta-line{border-color:rgba(217,190,133,.5);color:#E9DDBE}
.mn-cta-line:hover{background:rgba(217,190,133,.12);color:#fff}
.mn-cta-note{font-size:13px;color:#9A9EA6}
@media(max-width:992px){
 .mn-why-grid{grid-template-columns:1fr;gap:30px}
 .mn-vs-grid{grid-template-columns:1fr}
 .mn-cases-grid{grid-template-columns:1fr}
}
@media(max-width:640px){
 .mn-cta-inner h2{font-size:21px}
}