:root{--primary:#2563eb;--primary-dark:#1d4ed8;--text:#0f172a;--muted:#64748b;--border:#e2e8f0;--bg-alt:#f8fafc}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--text);background:#fff;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}.container{max-width:1080px;margin:0 auto;padding:0 20px}.header{z-index:10;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--border);background:#ffffffe6;position:sticky;top:0}.header-inner{justify-content:space-between;align-items:center;gap:16px;height:60px;display:flex}.brand{font-size:18px;font-weight:700}.brand,.nav{white-space:nowrap}.nav{align-items:center;gap:20px;font-size:14px;display:flex}.nav a:not(.btn):hover{color:var(--primary)}.btn{border:1px solid #0000;border-radius:8px;padding:12px 28px;font-size:16px;font-weight:500;transition:background .15s,border-color .15s;display:inline-block}.btn-sm{padding:6px 14px;font-size:14px}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-dark)}.btn-ghost{border-color:var(--border);background:#fff}.btn-ghost:hover{border-color:var(--primary);color:var(--primary)}.hero{text-align:center;background:linear-gradient(#eff6ff,#fff);padding:96px 0 88px}.hero h1{margin:0 0 16px;font-size:calc(clamp(28px,5vw,46px));line-height:1.25}.hero-sub{max-width:560px;color:var(--muted);margin:0 auto 32px;font-size:18px}.hero-actions{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.section{padding:72px 0}.section-alt{background:var(--bg-alt)}.section h2{text-align:center;margin:0 0 36px;font-size:28px}.grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px;display:grid}.card{border:1px solid var(--border);background:#fff;border-radius:12px;padding:24px}.card h3,.step h3{margin:0 0 8px;font-size:17px}.card p,.step p{color:var(--muted);margin:0;font-size:14px}.steps{gap:16px;max-width:640px;margin:0 auto;padding:0;list-style:none;display:grid}.step{border:1px solid var(--border);background:#fff;border-radius:12px;gap:16px;padding:20px 24px;display:flex}.step-no{background:var(--primary);color:#fff;border-radius:50%;flex:none;justify-content:center;align-items:center;width:32px;height:32px;font-weight:600;display:flex}.footer{border-top:1px solid var(--border);color:var(--muted);text-align:center;padding:28px 0;font-size:14px}@media (width<=640px){.nav a[href^=\#]{display:none}.hero{padding:64px 0 56px}}
