:root{--ink:#0f172a;--mut:#64748b;--line:#e2e8f0;--bg:#f5f7fc;--card:#fff;--acc:#4f46e5;--acc2:#0891b2}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:PingFang SC,Microsoft YaHei,Noto Sans SC,system-ui,sans-serif;background:var(--bg);color:var(--ink);line-height:1.75}a{color:inherit;text-decoration:none}.wrap{max-width:1120px;margin:0 auto;padding:0 20px}.topbar{background:#0f172a;color:#fff}.tb{display:flex;align-items:center;gap:22px;padding:14px 0;flex-wrap:wrap}.logo{font-size:19px;font-weight:800;letter-spacing:.5px}.logo i{font-style:normal;background:linear-gradient(90deg,#7dd3fc,#c4b5fd);-webkit-background-clip:text;background-clip:text;color:transparent}.nav{display:flex;gap:18px;margin-left:auto}.nav a{color:#cbd5e1;font-size:14.5px;padding:6px 4px;border-bottom:2px solid transparent}.nav a:hover{color:#fff;border-color:#7dd3fc}.hero{background:radial-gradient(1000px 480px at 15% -10%,#312e81 0,#1e1b4b 45%,#0f172a 100%);color:#fff;padding:64px 0}.hero h1{font-size:clamp(26px,4.6vw,44px);margin:10px 0 12px}.hero h1 b{background:linear-gradient(90deg,#7dd3fc,#c4b5fd);-webkit-background-clip:text;background-clip:text;color:transparent}.hero p{color:#cbd5e1;max-width:760px;font-size:15.5px}.stats{display:flex;gap:30px;margin-top:26px;flex-wrap:wrap}.stat b{display:block;font-size:23px;color:#7dd3fc}.stat span{font-size:12.5px;color:#94a3b8}.btn{display:inline-flex;align-items:center;gap:6px;background:var(--acc);color:#fff!important;font-weight:600;font-size:14.5px;padding:10px 22px;border-radius:12px;transition:.15s}.btn:hover{background:#4338ca}.btn.ghost{background:transparent;border:1px solid rgba(255,255,255,.4);color:#e2e8f0!important}section{padding:44px 0 10px}.sec h2{font-size:23px;margin-bottom:6px}.sec .sub{color:var(--mut);font-size:14.5px;margin-bottom:20px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));grid-gap:16px;gap:16px}.card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:20px;transition:.16s;display:flex;flex-direction:column;gap:8px}.card:hover{transform:translateY(-3px);box-shadow:0 14px 28px rgba(15,23,42,.09);border-color:#c7d2fe}.card h3{font-size:17px}.card p{font-size:13.5px;color:#475569;flex:1 1}.tag{display:inline-block;font-size:11.5px;padding:2px 10px;border-radius:999px;background:#eef2ff;color:#4338ca;border:1px solid #c7d2fe;margin:0 6px 6px 0}.tag.g{background:#fff7ed;color:#9a3412;border-color:#fed7aa}.callout{border-left:4px solid var(--acc2);background:#ecfeff;border-radius:10px;padding:13px 16px;font-size:13.5px;color:#164e63;margin:12px 0 22px}.center{text-align:center;padding:90px 20px}.center h1{font-size:30px;margin-bottom:10px}.muted{color:var(--mut)}footer{margin-top:60px;background:#0f172a;color:#94a3b8;font-size:13px;padding:34px 0;text-align:center}