:root{--acc:#ef4444;--acc-dk:#dc2626;--acc-light:#fca5a5;--hero1:#1a0a0a;--hero2:#3d1518;--hero3:#4a1a1a;--hero-ang:135deg;--rad:16px;}
*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;color:#1a1a2e;background:#f7f8fa;line-height:1.75}
a{color:var(--acc);text-decoration:none}a:hover{color:var(--acc-dk)}.wrap{max-width:1080px;margin:0 auto;padding:0 16px}
.top{background:#1a1a2e;color:#fff}.top .wrap{display:flex;align-items:center;justify-content:space-between;height:56px}.logo{font-size:18px;font-weight:700;color:var(--acc)}.top .nav a{color:#cfd2e3;margin-left:18px;font-size:14px}
.hero{background:linear-gradient(var(--hero-ang),var(--hero1) 0%,var(--hero2) 55%,var(--hero3) 100%);color:#fff;padding:56px 0 48px}.hero h1{font-size:34px;line-height:1.3;margin:14px 0 12px}.hero p.sub{color:#c9c9de;font-size:16px;max-width:720px}.hero .cta{margin-top:26px;display:flex;gap:14px;flex-wrap:wrap}.btn{display:inline-block;padding:13px 30px;border-radius:var(--rad);font-size:16px;font-weight:600}.btn-y{background:var(--acc);color:#1a1a2e}.btn-o{border:1px solid #4a4a6a;color:#e8e8f2}.hero .badges{margin-top:22px;display:flex;gap:10px;flex-wrap:wrap}.hero .badges span{border:1px solid var(--acc);color:var(--acc-light);font-size:12px;padding:4px 12px;border-radius:999px}
section{padding:40px 0}section h2{font-size:24px;margin-bottom:18px}section h2 small{color:#8a8fa3;font-size:14px;font-weight:400;margin-left:10px}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}.card{background:#fff;border:1px solid #ececf2;border-radius:var(--rad);padding:18px;box-shadow:0 1px 3px rgba(20,20,40,.04)}.card h3{font-size:16px;margin-bottom:8px}.card h3:before{content:"";display:inline-block;width:8px;height:8px;border-radius:2px;background:var(--acc);margin-right:8px}.card p{font-size:14px;color:#5c5f73}
.steps{counter-reset:st;list-style:none}.steps li{background:#fff;border:1px solid #ececf2;border-left:3px solid var(--acc);border-radius:10px;padding:14px 16px 14px 52px;margin-bottom:10px;position:relative;font-size:15px;counter-increment:st}.steps li:before{content:counter(st);position:absolute;left:14px;top:13px;width:26px;height:26px;border-radius:50%;background:var(--acc);color:#1a1a2e;font-weight:700;font-size:14px;display:flex;align-items:center;justify-content:center}
table{width:100%;border-collapse:collapse;background:#fff;border-radius:10px;overflow:hidden;font-size:14px}th,td{border:1px solid #ececf2;padding:10px 14px;text-align:left}th{background:#f4f4f8}
details{background:#fff;border:1px solid #ececf2;border-radius:10px;margin-bottom:10px;padding:14px 16px}summary{font-weight:600;cursor:pointer;font-size:15px;color:var(--acc-dk)}details p{margin-top:10px;color:#5c5f73;font-size:14px}
.footer{background:#1a1a2e;color:#9ea2b8;padding:28px 0;font-size:13px}.footer .wrap{display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px}
@media(max-width:640px){.hero h1{font-size:26px}section{padding:28px 0}}