:root{--bg:#f5f7fb;--panel:#fff;--text:#142033;--muted:#64748b;--line:#e6ecf5;--blue:#2563eb;--cyan:#06b6d4;--green:#10b981;--shadow:0 18px 50px rgba(15,23,42,.10)}
*{box-sizing:border-box}
body{margin:0;font-family:"Microsoft YaHei UI","Microsoft YaHei",Arial,sans-serif;color:var(--text);background:radial-gradient(circle at 10% 0%,rgba(37,99,235,.12),transparent 32%),var(--bg);line-height:1.8}
a{color:inherit;text-decoration:none}
.wrap{width:min(1120px,calc(100% - 32px));margin:0 auto}
.nav{position:sticky;top:0;z-index:10;background:rgba(245,247,251,.9);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
.nav-inner{height:70px;display:flex;align-items:center;justify-content:space-between;gap:18px}
.brand{font-size:20px;font-weight:900}
.links{display:flex;gap:18px;color:var(--muted);font-weight:700}
.links a:hover{color:var(--blue)}
.btn{display:inline-flex;align-items:center;justify-content:center;padding:11px 18px;border-radius:999px;background:var(--blue);color:#fff;font-weight:900}
.hero{padding:72px 0 44px}
.badge{display:inline-flex;padding:7px 12px;border-radius:999px;background:#eff6ff;color:#1d4ed8;font-weight:900}
h1{font-size:clamp(34px,5vw,58px);line-height:1.12;margin:18px 0 16px}
.lead{font-size:19px;color:var(--muted);max-width:850px}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.card{background:var(--panel);border:1px solid var(--line);border-radius:24px;padding:24px;box-shadow:0 10px 30px rgba(15,23,42,.05)}
.card h3{margin:0 0 8px;font-size:21px}
.card p,.muted{color:var(--muted);margin:0}
section{padding:42px 0}
.section-title{margin-bottom:22px}
.section-title h2{font-size:34px;margin:0 0 8px}
.answer{background:#111827;color:#fff;border-radius:28px;padding:30px;margin-top:22px}
.answer p{color:#dbe4f0}
.list{display:grid;gap:12px}
.item{background:#fff;border:1px solid var(--line);border-radius:18px;padding:18px}
.item strong{color:var(--blue)}
.faq{display:grid;gap:14px}
.faq details{background:#fff;border:1px solid var(--line);border-radius:18px;padding:18px}
.faq summary{cursor:pointer;font-weight:900}
.qr{display:grid;grid-template-columns:180px 1fr;gap:20px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:24px;padding:20px}
.qr img{width:180px;border-radius:16px}
footer{padding:36px 0 48px;color:var(--muted);text-align:center}
@media(max-width:850px){.links{display:none}.grid{grid-template-columns:1fr}.qr{grid-template-columns:1fr}.qr img{width:min(220px,100%)}}