:root{color:#182c44;font-synthesis:none;--blue:#245ce8;--line:#e1e7ef;background:#fff;font-family:Inter,Microsoft YaHei,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible{outline-offset:3px;outline:3px solid #739cf5}html{scroll-behavior:smooth;scroll-padding-top:90px}.site-header{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:10;background:#ffffffef;align-items:center;gap:18px;height:80px;padding:0 5%;display:flex;position:sticky;top:0}.brand{letter-spacing:-.6px;align-items:center;gap:12px;font-size:20px;display:flex}.brand b{color:#6b7b91;font-weight:450}.brand-icon{color:#fff;background:#173960;border-radius:9px;place-content:center;width:35px;height:35px;font-weight:750;display:grid;position:relative}.brand-icon span{color:#85b0ff;position:absolute;bottom:3px;right:5px}.version{color:#6c7f98;border:1px solid var(--line);border-radius:20px;padding:3px 9px;font-size:12px}.site-header nav{gap:30px;margin-left:auto;font-size:14px;display:flex}.site-header nav a:hover,.site-header nav a.active{color:var(--blue)}.hero{grid-template-columns:.9fr 1.1fr;align-items:center;gap:60px;max-width:1440px;margin:auto;padding:80px 5% 64px;display:grid}.eyebrow{color:#56718f;letter-spacing:2px;font:600 11px/1.8 monospace}.hero h1{letter-spacing:-2px;margin:22px 0;font-size:clamp(36px,4.2vw,61px);font-weight:650;line-height:1.32}.hero h1>span{color:var(--blue)}.hero-copy>p{color:#627389;max-width:430px;font-size:16px;line-height:1.95}.hero-actions{gap:12px;margin:30px 0;display:flex}.button{border:1px solid #d1dce9;border-radius:7px;gap:32px;padding:13px 20px;font-size:14px;font-weight:550;display:flex}.button.primary{color:#fff;background:var(--blue);border-color:var(--blue);box-shadow:0 4px 12px #245ce825}.hero-meta{color:#7b899a;gap:17px;font:12px/1.8 monospace;display:flex}.hero-preview{background:#eff4fa;border:1px solid #d7e2ef;border-radius:12px;overflow:hidden;transform:rotate(-1deg);box-shadow:0 25px 60px #1d3a6114}.preview-heading,.preview-foot{color:#5d7086;background:#fff;align-items:center;gap:8px;padding:14px 18px;font-size:12px;display:flex}.preview-heading>span:last-child{color:#9aabbd;margin-left:auto;font:11px monospace}.status-dot{background:#28a17d;border-radius:50%;width:7px;height:7px}.hero-preview iframe{background:#e9f0f8;border:0;width:100%;height:390px}.preview-foot{border-top:1px solid var(--line);justify-content:space-between}.preview-foot a{color:var(--blue)}.feature-strip{border-block:1px solid var(--line);background:#fafcfe;grid-template-columns:repeat(3,1fr);gap:40px;padding:32px 5%;display:grid}.feature-strip>div{border-left:1px solid #dce5f1;padding-left:24px}.feature-strip small{color:#7390b1;font:11px monospace}.feature-strip h3{margin:14px 0 8px;font-size:18px}.feature-strip p{color:#6d7d91;margin:0;font-size:14px;line-height:1.8}.examples{max-width:1440px;margin:auto;padding:75px 5%}.section-heading{justify-content:space-between;align-items:end;gap:25px;display:flex}.section-heading h2,.learning h2{letter-spacing:-1px;margin:12px 0 24px;font-size:32px;line-height:1.4}.section-heading p,.learning p{color:#6c7b8e;font-size:14px;line-height:1.9}.example-tabs{border-bottom:1px solid var(--line);gap:6px;margin-top:16px;display:flex;overflow:auto}.example-tabs button{color:#66778d;white-space:nowrap;background:0 0;border:0;border-bottom:2px solid #0000;padding:14px 18px;font-size:14px}.example-tabs button.active{border-color:var(--blue);color:var(--blue);font-weight:600}.demo-caption{color:#667c96;justify-content:space-between;gap:15px;padding:16px 0;font-size:12px;display:flex}.demo-caption a{color:var(--blue)}.playground{background:#f1f5f9;border:1px solid #d4deeb;border-radius:8px;width:100%;height:700px}.learning{background:#f8fafd;grid-template-columns:1fr 1.2fr;gap:70px;padding:60px 10% 90px;display:grid}.learning-links a{border-bottom:1px solid #dce4ef;justify-content:space-between;padding:18px 0;display:flex}.learning-links strong{font-size:16px;display:block}.learning-links small{color:#70829b;margin-top:6px;font-size:13px;display:block}.learning-links a:hover{color:var(--blue)}.site-footer{color:#718199;justify-content:space-between;align-items:center;padding:32px 5%;font-size:13px;display:flex}.docs-layout{grid-template-columns:240px minmax(0,1fr) 215px;gap:40px;max-width:1600px;margin:auto;padding:32px 4% 70px;display:grid}.docs-sidebar,.doc-toc{align-self:start;max-height:calc(100vh - 140px);position:sticky;top:112px;overflow:auto}.doc-search{color:#6d829a;gap:8px;font-size:12px;display:grid}.doc-search input{border:1px solid #dce4ef;border-radius:6px;width:100%;margin-bottom:25px;padding:10px;font-size:13px}.docs-sidebar>small,.doc-toc>small{color:#91a0b2;margin-bottom:12px;font-size:12px;display:block}.docs-sidebar>a{color:#556a83;border-radius:6px;justify-content:space-between;margin:3px 0;padding:11px 14px;font-size:14px;display:flex}.docs-sidebar>a span{opacity:0}.docs-sidebar>a.active{color:var(--blue);background:#edf3ff}.docs-sidebar>a.active span{opacity:1}.docs-sidebar .sidebar-demo{border:1px solid #dfe7f1;margin-top:25px}.doc-article{min-width:0;max-width:850px}.doc-breadcrumb{color:#8290a2;border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding-bottom:22px;font-size:12px;display:flex}.doc-breadcrumb button{color:#57739c;background:0 0;border:0;font-size:12px}.markdown{overflow-wrap:anywhere;font-size:15px;line-height:1.95}.markdown h1{color:#183351;margin:28px 0;font-size:32px;line-height:1.45}.markdown h2{margin:38px 0 14px;padding-top:8px;font-size:23px}.markdown h3{margin:25px 0 10px;font-size:18px}.markdown p{color:#4f627a;margin:12px 0}.markdown ul,.markdown ol{color:#4f627a;padding-left:24px}.markdown li{margin:7px 0}.markdown a{color:var(--blue);text-decoration:underline}.markdown code{color:#315b91;background:#edf2f8;border-radius:4px;padding:2px 5px;font:13px/1.7 Consolas,monospace}.markdown pre{color:#d4e7fc;cursor:copy;background:#15273e;border-radius:8px;padding:20px 24px;overflow:auto}.markdown pre code{color:inherit;white-space:pre;background:0 0;padding:0}.markdown blockquote{color:#3d5d89;background:#f1f6ff;border-left:3px solid #6494ed;margin:18px 0;padding:12px 18px}.doc-table{overflow:auto}.markdown table{border-collapse:collapse;width:100%;font-size:13px;line-height:1.8}.markdown th,.markdown td{text-align:left;border:1px solid #dde5ef;padding:12px}.markdown th{background:#f5f8fc}.doc-toc{border-left:1px solid var(--line);padding-left:20px}.doc-toc button{text-align:left;color:#73839a;background:0 0;border:0;padding:7px 0;font-size:12px;line-height:1.6;display:block}.doc-toc button:hover{color:var(--blue)}.copy-status{color:#8595aa;margin-top:38px;font-size:12px}.doc-footer{border-top:1px solid var(--line);color:#6e819c;justify-content:space-between;padding:22px 0;font-size:13px;display:flex}.mobile-menu{display:none}@media (width<=1100px){.hero{gap:26px}.hero-preview{transform:none}.docs-layout{grid-template-columns:205px minmax(0,1fr);gap:26px}.doc-toc{display:none}.hero-meta{flex-wrap:wrap}.site-header nav{gap:16px}}@media (width<=760px){.site-header{height:65px;padding-inline:18px}.version{display:none}.brand{font-size:17px}.site-header nav{gap:12px;font-size:12px}.site-header nav a:last-child{display:none}.hero{grid-template-columns:1fr;gap:30px;padding:44px 22px}.hero h1{font-size:40px}.hero-preview iframe{height:440px}.feature-strip{grid-template-columns:1fr;gap:26px}.section-heading{display:block}.examples{padding:45px 20px}.playground{height:660px}.learning{grid-template-columns:1fr;gap:18px;padding:40px 24px}.site-footer{flex-wrap:wrap;gap:20px}.docs-layout{padding:20px;display:block}.docs-sidebar{display:none;position:static}.docs-sidebar.open{margin:20px 0;display:block}.mobile-menu{background:#fff;border:1px solid #d5dfed;border-radius:6px;margin-bottom:20px;padding:9px 14px;display:block}.markdown h1{font-size:28px}.doc-breadcrumb{gap:12px}.hero-actions{flex-wrap:wrap}}