/* 响应式网站 service-responsive.css —— 设备断点卡片 + 大列表 */
.rp-why{padding-top:96px}
.rp-why-inner{display:grid;grid-template-columns:1.05fr 1fr;gap:56px;align-items:center}
.rp-why-media{border-radius:16px;overflow:hidden;box-shadow:var(--shadow)}
.rp-why-media img{width:100%;height:auto}
.rp-why-copy h2{margin:14px 0 16px}
.rp-points{margin-top:24px;display:grid;gap:18px}
.rp-points li{display:flex;gap:18px;align-items:flex-start}
.rp-points b{font-family:var(--font-serif);font-size:26px;color:transparent;-webkit-text-stroke:1.2px var(--gold-3);flex:none}
.rp-points h3{font-size:17px;margin-bottom:4px}
.rp-points p{font-size:14px;color:var(--gray)}
.rp-devices{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;margin-bottom:44px}
.rp-device{background:var(--white);border:1px solid var(--line);border-radius:14px;
 padding:26px;text-align:center;transition:all .35s ease}
.rp-device:hover{transform:translateY(-5px);box-shadow:var(--shadow-soft)}
.rp-screen{display:block;margin:0 auto 18px;border:1px solid var(--gold-2);border-radius:6px;
 background:linear-gradient(160deg,#2A2E35,#1C1F25)}
.rp-screen-desktop{width:100%;max-width:220px;height:120px}
.rp-screen-tablet{width:78%;max-width:170px;height:120px}
.rp-screen-phone{width:52%;max-width:110px;height:120px;border-radius:14px}
.rp-device h3{font-size:17px;margin-bottom:8px}
.rp-device p{font-size:14px;color:var(--gray)}
.rp-break-media{max-width:720px;margin:0 auto;border-radius:16px;overflow:hidden;box-shadow:var(--shadow)}
.rp-break-media img{width:100%;height:auto}
.rp-vs-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:26px;max-width:920px;margin:0 auto}
.rp-vs-col{background:rgba(255,255,255,.04);border:1px solid rgba(217,190,133,.18);border-radius:14px;padding:28px}
.rp-vs-col h3{color:#C9C6BC;font-size:18px;margin-bottom:10px}
.rp-vs-col p{color:#B9B5A9;font-size:14px}
.rp-vs-us{background:linear-gradient(160deg,rgba(195,164,104,.16),rgba(195,164,104,.05));border-color:var(--gold-2)}
.rp-vs-us h3{color:#fff}
.rp-links-inner{max-width:860px;margin:0 auto;text-align:center}
.rp-links-inner p{font-size:16px;line-height:2.1}
.rp-links-inner a{color:var(--gold-3);border-bottom:1px solid var(--gold-2)}
.rp-links-btns{margin-top:22px}
.rp-faq-list{max-width:800px;margin:0 auto;display:grid;gap:12px}
.rp-faq-list details{background:var(--white);border:1px solid var(--line);border-radius:10px;padding:16px 22px}
.rp-faq-list summary{cursor:pointer;font-family:var(--font-serif);font-size:16px}
.rp-faq-list p{margin-top:8px;font-size:14px;color:var(--gray)}
.rp-faq-list a{color:var(--gold-3);border-bottom:1px solid var(--gold-2)}
.rp-cta{background:linear-gradient(160deg,#26292F,#191C21);padding:84px 0;position:relative}
.rp-cta::before{content:"";position:absolute;inset:0;
 background:radial-gradient(460px 280px at 12% 30%,rgba(217,190,133,.14),transparent 60%)}
.rp-cta-inner{position:relative;text-align:center}
.rp-cta-inner h2{color:#fff;font-size:28px;margin-bottom:14px}
.rp-cta-inner p{color:#C6C2B4}
.rp-cta-actions{display:flex;justify-content:center;gap:16px;flex-wrap:wrap;margin:22px 0 14px}
.rp-cta-line{border-color:rgba(217,190,133,.5);color:#E9DDBE}
.rp-cta-line:hover{background:rgba(217,190,133,.12);color:#fff}
.rp-cta-note{font-size:13px;color:#9A9EA6}
@media(max-width:992px){
 .rp-why-inner{grid-template-columns:1fr;gap:30px}
 .rp-devices{grid-template-columns:1fr;gap:20px}
 .rp-vs-grid{grid-template-columns:1fr}
}
@media(max-width:640px){
 .rp-cta-inner h2{font-size:21px}
}