:root{--bg:#f4f7ff;--sf:#fff;--tx:#0f1b3d;--mu:#6b7a99;--b:#2f6bff;--t:#00b8c9;--ln:#dce5fa}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--tx);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.6;
background-image:radial-gradient(60vw 60vw at 0 0,rgba(47,107,255,.16),transparent),radial-gradient(50vw 50vw at 100% 100%,rgba(0,184,201,.16),transparent);background-attachment:fixed}
a{color:var(--b)}.w{max-width:880px;margin:0 auto;padding:0 20px}
header{padding:22px 0;display:flex;align-items:center;gap:12px}header img{width:44px;height:44px;border-radius:12px}header b{font-size:20px}
.hero{text-align:center;padding:36px 0 18px}.hero img{width:120px;height:120px;border-radius:30px;box-shadow:0 18px 50px rgba(47,107,255,.35)}
h1{font-size:clamp(34px,7vw,56px);margin:22px 0 8px;line-height:1.1}h1 span{background:linear-gradient(90deg,var(--b),var(--t));-webkit-background-clip:text;background-clip:text;color:transparent}
.sub{color:var(--mu);font-size:18px;max-width:560px;margin:0 auto 26px}
.btn{display:inline-block;padding:16px 38px;border-radius:32px;background:linear-gradient(90deg,var(--b),var(--t));color:#fff;font-weight:800;font-size:18px;text-decoration:none;box-shadow:0 10px 30px rgba(47,107,255,.35)}
.note{color:var(--mu);font-size:13px;margin-top:12px}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin:36px 0}
.card{background:var(--sf);border:1px solid var(--ln);border-radius:20px;padding:20px;box-shadow:0 6px 24px rgba(47,107,255,.08)}.card h3{margin:0 0 6px}.card p{margin:0;color:var(--mu);font-size:15px}
h2{margin:40px 0 10px}ol{color:var(--mu);padding-left:22px}ol li{margin:8px 0}ol b{color:var(--tx)}
footer{padding:36px 0 50px;color:var(--mu);font-size:13px;text-align:center}
.doc{background:var(--sf);border:1px solid var(--ln);border-radius:20px;padding:6px 26px 26px;margin:20px 0;box-shadow:0 6px 24px rgba(47,107,255,.08)}.doc h2{font-size:20px}.doc p,.doc li{color:#3d4a6b}