*{box-sizing:border-box;margin:0;padding:0;font-family:Noto Sans SC,Microsoft YaHei,sans-serif}*,:before,:after{box-sizing:border-box}:root{--primary-color:#6ea0ff;--link-color:#a9b9dd;--btn-hover-color:#5b89f0;--lg-heading:#e8ecf6;--text-content:#9aa9c5;--text-body:#c8d2e4;--bg:#202020;--header-bg:#303030;--menu-bg:#2a2a2a;--footer-bg:#191919;--footer-border:#6565655d;--footer-link:#447aaf;--btn-primary:#5699ce;--btn-primary-hover:#428fcf;--btn-secondary-bg:#505356;--btn-secondary-hover:#484a4c;--nav-underline-start:#7fb0ff;--nav-underline-end:#b8d4ff;--video-shadow:#080808;--surface:#121a2f;--icon-color:#8fb0ff;--btn-secondary-text:#cfe0ff;--card-bg:#323232;--card-border:#ffffff0f;--card-shadow:0 12px 28px #00000073;--menu-shadow:0 .5rem 1.5rem #03071099;--theme-hover-bg:#6ea0ff1f;--nav-icon-filter:none;--nav-control-filter:none;--docs-code-bg:#303236;--docs-code-text:#d7dbe2;--docs-table-head-bg:#383a3e;--docs-table-head-text:#e1e3e8;--fixed-header-height:3.5rem;--font-size-body-text:clamp(14px, 1.6vw, 16px);--h1-font-size:calc(var(--font-size-body-text) * 2.4);--h2-font-size:calc(var(--h1-font-size) - 15px);--h3-font-size:calc(var(--h2-font-size) - 8px)}:root[data-theme=light]{--primary-color:#0f6cbd;--link-color:#315b83;--btn-hover-color:#0a5da8;--lg-heading:#202020;--text-content:#5f6368;--text-body:#3f454b;--bg:#f3f5f7;--header-bg:#fff;--menu-bg:#fff;--footer-bg:#e7eaee;--footer-border:#c8d0d8;--footer-link:#0f6cbd;--btn-primary:#0f6cbd;--btn-primary-hover:#0a5da8;--btn-secondary-bg:#e1e5e9;--btn-secondary-text:#202020;--btn-secondary-hover:#d5dbe1;--nav-underline-start:#0f6cbd;--nav-underline-end:#4f9bd2;--video-shadow:#00000047;--surface:#fff;--icon-color:#0f6cbd;--card-bg:#fff;--card-border:#0000001a;--card-shadow:0 12px 28px #0f17201f;--menu-shadow:0 .5rem 1.5rem #0f17202e;--theme-hover-bg:#0f6cbd1a;--nav-icon-filter:brightness(.58) saturate(1.2);--nav-control-filter:invert(1);--docs-code-bg:#e7eaee;--docs-code-text:#4c535b;--docs-table-head-bg:#e1e5e9;--docs-table-head-text:#3f454b}@media (prefers-color-scheme:light){:root:not([data-theme=dark]){--primary-color:#0f6cbd;--link-color:#315b83;--btn-hover-color:#0a5da8;--lg-heading:#202020;--text-content:#5f6368;--text-body:#3f454b;--bg:#f3f5f7;--header-bg:#fff;--menu-bg:#fff;--footer-bg:#e7eaee;--footer-border:#c8d0d8;--footer-link:#0f6cbd;--btn-primary:#0f6cbd;--btn-primary-hover:#0a5da8;--btn-secondary-bg:#e1e5e9;--btn-secondary-text:#202020;--btn-secondary-hover:#d5dbe1;--nav-underline-start:#0f6cbd;--nav-underline-end:#4f9bd2;--video-shadow:#00000047;--surface:#fff;--icon-color:#0f6cbd;--card-bg:#fff;--card-border:#0000001a;--card-shadow:0 12px 28px #0f17201f;--menu-shadow:0 .5rem 1.5rem #0f17202e;--theme-hover-bg:#0f6cbd1a;--nav-icon-filter:brightness(.58) saturate(1.2);--nav-control-filter:invert(1);--docs-code-bg:#e7eaee;--docs-code-text:#4c535b;--docs-table-head-bg:#e1e5e9;--docs-table-head-text:#3f454b}}body{background-color:var(--bg);width:100%;height:100vh;color:var(--text-body);padding-top:var(--fixed-header-height);overflow-x:hidden}body.menu-open{overflow:hidden}ul li{list-style-type:none}a{text-decoration:none}button{cursor:pointer;-webkit-tap-highlight-color:transparent;tap-highlight-color:transparent;background-color:#0000;border:none;outline:none}.container{width:90%;margin:0 auto}@media screen and (width>=1040px){.container{width:90%}}@media screen and (width>=1400px){.container{width:80%}}@media screen and (width>=1600px){.container{width:60%}}.header{height:var(--fixed-header-height);z-index:60;will-change:transform;padding:0 1.25rem;transition:transform .25s}.header-wrap{width:100%;height:var(--fixed-header-height);z-index:60;background-color:var(--header-bg);will-change:transform;transition:transform .25s;position:fixed;top:0;left:0;right:0}.header--hidden{transform:translateY(-100%)}.nav{justify-content:space-between;align-items:center;width:100%;height:100%;display:flex}.logo{font-size:var(--h2-font-size);align-items:center;gap:.5rem;display:flex}.logo img{width:auto;height:1.3em;display:block}.logo h2{font-size:inherit;color:var(--primary-color);line-height:1}.nav-list{color:var(--text-body);align-items:center;gap:2rem;display:flex}.nav-list .nav-item{margin:0}.nav-item .nav-link,.nav-item .nav-link:link,.nav-item .nav-link:visited,.nav-item .nav-link:active,.nav-item .nav-link:hover,.nav-item .nav-link:focus,.nav-item .nav-link:focus-visible{color:inherit;text-transform:capitalize;letter-spacing:.5px;align-items:center;padding-bottom:3px;font-size:16px;line-height:24px;display:inline-flex;position:relative}.nav-link-icon{width:1.15em;height:1.15em;filter:var(--nav-icon-filter);margin-right:3px;transform:translateY(1px)}.theme-switcher{pointer-events:auto;position:relative}.theme-button{color:var(--text-body);align-items:center;gap:4px;padding:0 0 3px;font-size:16px;line-height:24px;transition:color .2s;display:inline-flex}.theme-button:hover,.theme-button:focus-visible{color:var(--primary-color)}.theme-icon{font-size:1.05em;line-height:1}.theme-options{background:var(--menu-bg);border:1px solid var(--card-border);min-width:120px;box-shadow:var(--menu-shadow);opacity:0;visibility:hidden;pointer-events:none;border-radius:8px;gap:2px;padding:6px;transition:opacity .2s,visibility .2s,transform .2s;display:grid;position:absolute;top:calc(100% + 8px);right:0;transform:translateY(-4px)}.theme-switcher.is-open .theme-options{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}.theme-option{color:var(--text-body);text-align:left;white-space:nowrap;background:0 0;border-radius:5px;padding:7px 10px;font-size:14px}.theme-option:hover,.theme-option:focus-visible,.theme-option.is-selected{color:var(--primary-color);background:var(--theme-hover-bg)}@media screen and (width>=768px){.nav-item .nav-link:after{content:"";background:linear-gradient(90deg, var(--nav-underline-start), var(--nav-underline-end));transform-origin:0;border-radius:999px;width:100%;height:2px;transition:transform .2s;position:absolute;bottom:0;left:0;transform:scaleX(0)}.nav-item .nav-link:hover:after,.nav-item .nav-link:focus-visible:after{transform:scaleX(1)}}.btn-toggle{width:42px;height:42px;color:var(--lg-heading);z-index:4;border-radius:10px;flex:0 0 42px;justify-content:center;align-items:center;padding:0;font-size:20px;font-weight:600;display:flex;position:relative;overflow:hidden}.btn-toggle .nav-icon{width:32px;height:32px;filter:var(--nav-control-filter);display:block}.btn-toggle:after{content:"";background:var(--theme-hover-bg);opacity:0;pointer-events:none;border-radius:50%;width:140%;padding-top:140%;transition:transform .4s,opacity .6s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(0)}.btn-toggle:active:after{opacity:1;transition:transform .2s,opacity .3s;transform:translate(-50%,-50%)scale(1)}.nav-menu,.btn-close{display:none}.btn-close .nav-icon{width:25px;height:25px}.show{opacity:1!important;visibility:visible!important;pointer-events:auto!important}.wrapper{width:100%;margin-bottom:5rem;padding-left:1.7rem;padding-right:1.7rem}.hero{flex-direction:column;align-items:center;gap:2.5rem;width:100%;display:flex}.hero-image{justify-content:center;width:100%;display:flex}.hero-content{text-align:center;flex-direction:column;align-items:center;width:100%;max-width:920px;margin-top:6rem;display:flex}.hero-title{font-family:Source Han Sans SC,Microsoft YaHei,sans-serif;font-size:35px;font-weight:500;line-height:1.1}.hero-title span{color:var(--primary-color)}.hero-desc{letter-spacing:2px;color:var(--text-body);margin-top:1.5rem;font-family:Microsoft YaHei,Source Han Sans SC,sans-serif;font-size:18px;line-height:28px}.hero-buttons{justify-content:center;width:100%;margin-top:3.5rem;display:flex}.btn{background-color:var(--btn-primary);color:#fff;text-transform:capitalize;letter-spacing:1px;border-radius:7px;width:110px;height:50px;font-size:16px;transition:all .4s;display:block}.btn:hover{background-color:var(--btn-hover-color);transform:translateY(-3px)}.btn-download{background-color:var(--btn-primary);letter-spacing:0;color:#fff;justify-content:center;align-items:center;width:160px;height:55px;margin-right:10px;font-size:18px;font-weight:500;display:flex;box-shadow:0 .5rem 1.5rem #161c2d1a}.btn-download .btn-icon{vertical-align:middle;width:1.2em;height:1.2em;margin-left:.7rem}.btn-download:hover{background-color:var(--btn-primary-hover);transition:box-shadow .25s,transform .25s}.btn-docs{letter-spacing:0;background-color:var(--btn-secondary-bg);width:160px;height:55px;color:var(--btn-secondary-text);justify-content:center;align-items:center;font-size:18px;font-weight:500;display:flex;box-shadow:0 .5rem 1.5rem #161c2d1a}.btn-docs:hover{background-color:var(--btn-secondary-hover);transition:box-shadow .25s,transform .25s}.hero-screenshot{isolation:isolate;background-color:#0000;width:100%;max-width:85%;height:auto;margin-top:30px;position:relative}.hero-screenshot video,.hero-screenshot img{object-fit:contain;width:100%;max-width:100%;height:auto;display:block}.hero-screenshot video{background-color:#0000}.hero-media-light,:root[data-theme=light] .hero-media-dark{display:none!important}:root[data-theme=light] .hero-media-light{display:block!important}@media (prefers-color-scheme:light){:root:not([data-theme=dark]) .hero-media-dark{display:none!important}:root:not([data-theme=dark]) .hero-media-light{display:block!important}}.hero-screenshot:after{content:"";box-shadow:0 10px 20px var(--video-shadow);pointer-events:none;z-index:-1;position:absolute;inset:0}footer{width:100%;min-height:60px;color:var(--text-body);text-align:center;background:var(--footer-bg);border-top:var(--footer-border) solid 1px;justify-content:center;align-items:center;gap:.4rem;margin-top:6rem;font-size:14px;display:flex}footer a{color:var(--footer-link);text-decoration:none}footer a:hover{color:var(--primary-color)}@media screen and (width>=768px){.btn-toggle{display:none}.nav-menu{height:var(--fixed-header-height);z-index:61;pointer-events:none;justify-content:flex-end;align-items:center;width:90%;margin:0 auto;padding:0 1.7rem;display:flex;position:absolute;top:0;left:0;right:0}.nav-menu .nav-link,.nav-menu .theme-switcher{pointer-events:auto}}@media screen and (width>=1040px){.nav-menu{width:90%}}@media screen and (width>=1400px){.nav-menu{width:80%}}@media screen and (width>=1600px){.nav-menu{width:60%}}@media screen and (width<=768px){.header{padding:0 0}.logo h2{font-size:var(--h2-font-size)}.nav-menu{background-color:var(--menu-bg);z-index:50;opacity:0;visibility:hidden;pointer-events:none;overscroll-behavior:contain;text-align:center;flex-direction:column;justify-content:right;align-items:center;height:100vh;padding:3rem;transition:opacity .2s,visibility .2s;display:flex;position:fixed;inset:0;overflow-y:auto}.nav-list{flex-direction:column;align-items:center;margin-top:2rem}.nav-list .nav-item{margin:1rem 0}.nav-item .nav-link,.nav-item .nav-link:link,.nav-item .nav-link:visited,.nav-item .nav-link:active,.nav-item .nav-link:hover,.nav-item .nav-link:focus,.nav-item .nav-link:focus-visible{font-size:18px}.theme-switcher{flex-direction:column;align-items:center;display:flex}.theme-button{padding:0;font-size:18px}.theme-options{box-shadow:none;flex-wrap:nowrap;width:min(260px,100vw - 2rem);min-width:0;margin-top:10px;display:flex;position:static}.theme-option{text-align:center;flex:1 1 0;padding-left:6px;padding-right:6px;font-size:16px}.btn-close{top:calc((var(--fixed-header-height) - 42px) / 2);width:42px;height:42px;color:var(--link-color);justify-content:center;align-items:center;padding:0;display:flex;position:absolute;right:5%}.btn-close .nav-icon{width:26px;height:26px;filter:var(--nav-control-filter);display:block}.btn-close:hover{color:var(--lg-heading)}.wrapper{padding:0 .7rem}.hero-content{margin-top:3rem;padding-left:0}.hero-title{font-size:22px;line-height:1.1}footer{padding:1rem 0}}@media screen and (width<=991px){.hero-content{flex-direction:column;align-items:center;max-width:100%;display:flex}.hero-title{text-align:center;font-size:32px;font-weight:500;line-height:1.1}.hero-desc{text-align:center;padding:.7rem;font-size:15px}.hero-buttons{justify-content:center;align-items:center;width:100%;display:flex}.hero-screenshot{width:100%;max-width:100%}}.lxl{cursor:pointer;margin-left:2px}
