.layouts{height:100%;overflow:hidden}.layouts .ant-layout-header{position:relative;padding-inline:0;z-index:100}.layouts .ant-layout-content{overflow:auto}.layouts .header{position:relative;padding-inline:48px;height:var(--header-height);box-shadow:0 2px 10px 1px #0000000d;background-color:var(--light-background);z-index:10}.layouts .header.is-dark{box-shadow:0 2px 10px 1px #00000059;background-color:var(--dark-background)}.layouts .header.is-dark .logo-name{color:#ddd;word-break:keep-all}.layouts .logo{height:var(--header-height);display:flex;align-items:center;gap:32px}.layouts .logo>a{height:100%;display:inline-flex;place-items:center}.layouts .logo-icon{height:46px}.layouts .logo-name{margin-left:12px;margin-bottom:0;color:#000}.layouts .logo .page-spy-version{display:inline-block;transform:translate(2px,-10px);font-size:12px}.layouts .logo .producthunt-brand{height:36px}@media screen and (max-width: 420px){.layouts .logo .producthunt-brand{display:none}}@media screen and (max-width: 768px){.layouts .header{padding-inline:24px}}.loading-fallback{display:flex;justify-content:center;align-items:center;height:100%;min-height:100px}.ant-layout-header .menu-item{padding:8px 12px;color:#666;line-height:1.4;cursor:pointer;transition:all ease-out .1s}.ant-layout-header .menu-item:hover{color:#8434e9!important}.ant-layout-header a{color:#666}.ant-layout-header .is-dark .menu-item,.ant-layout-header .is-dark a{color:#ddd}.nav-menu{display:inline-flex;align-items:center;font-size:14px}.nav-menu.mobile{display:none}.nav-menu .menu-hamburger{display:flex;align-items:center;height:var(--header-height);background-color:transparent;border:none}.nav-menu .menu-hamburger .hamburger-box{position:relative;width:16px;height:16px}.nav-menu .menu-hamburger .hamburger-box .hamburger-item{position:absolute;left:0;width:16px;height:2px;background-color:#aaa;transition:all ease .3s}.nav-menu .menu-hamburger .hamburger-box .hamburger-item.top{top:0}.nav-menu .menu-hamburger .hamburger-box .hamburger-item.middle{top:50%;margin-top:-1px}.nav-menu .menu-hamburger .hamburger-box .hamburger-item.bottom{bottom:0}.nav-menu .menu-hamburger.is-expanded .hamburger-item{transform-origin:left center}.nav-menu .menu-hamburger.is-expanded .hamburger-item.top{width:20px;transform:rotate(45deg)}.nav-menu .menu-hamburger.is-expanded .hamburger-item.middle{transform:translate(-16px);opacity:0}.nav-menu .menu-hamburger.is-expanded .hamburger-item.bottom{width:20px;transform:rotate(-45deg)}.nav-menu .divider-bg{background:#969696}.fixed-menu{display:none;position:fixed;left:0;top:var(--header-height);width:100%;height:calc(100vh - var(--header-height));padding:12px 24px;background-color:var(--light-background);font-size:14px;overflow-y:auto}.fixed-menu.is-dark{background-color:var(--dark-background)}.fixed-menu.is-dark>*{border-color:#666}.fixed-menu>*{display:block;border-bottom:1px solid #ddd}.fixed-menu>*:last-child{border-bottom:none}.fixed-menu .menu-item{padding-block:12px}.fixed-menu-fade-enter-active,.fixed-menu-fade-exit-active{transition:all ease-out .2s}.fixed-menu-fade-enter{transform:translateY(-64px);opacity:0}.fixed-menu-fade-enter-active,.fixed-menu-fade-exit{transform:translateY(0);opacity:1}.fixed-menu-fade-exit-active{transform:translateY(-64px);opacity:0}@media (max-width: 768px){.nav-menu.pc{display:none}.nav-menu.mobile{display:inline-flex}.fixed-menu{display:block}}.banner{position:relative;background-color:#1a1a1a;height:calc(100vh - 64px);min-height:500px}.banner .slogan>p{margin-block:6px}.banner .slogan p:nth-child(1){font-size:76px;font-weight:700;text-align:center;color:#8434e9}@supports (background-clip: text){.banner .slogan p:nth-child(1){background:linear-gradient(45deg,#fff,#8434e9 52%,#5400bf);background-clip:text;-webkit-text-fill-color:transparent}}.banner .slogan-desc{margin-block:42px;font-size:24px;color:#939699}.banner .banner-actions{display:flex;justify-content:center;align-items:center;gap:12px;margin-top:40px}.waves{position:absolute;left:0;bottom:0;width:100%;height:120px}.moving-waves>use{animation:move 40s cubic-bezier(.55,.5,.45,.5) infinite}.moving-waves>use:first-child{animation-delay:-2s;animation-duration:11s}.moving-waves>use:nth-child(2){animation-delay:-4s;animation-duration:13s}.moving-waves>use:nth-child(3){animation-delay:-3s;animation-duration:15s}.moving-waves>use:nth-child(4){animation-delay:-4s;animation-duration:20s}.moving-waves>use:nth-child(5){animation-delay:-4s;animation-duration:25s}.moving-waves>use:nth-child(6){animation-delay:-3s;animation-duration:30s}@keyframes move{0%{transform:translate3d(-90px,0,0)}to{transform:translate3d(85px,0,0)}}@media screen and (max-width: 768px){.banner .slogan>p:nth-child(1){font-size:48px}}.toggle-key{position:relative;color:#8434e9;transition:all ease-out .3s;cursor:pointer}.toggle-key:hover{opacity:.7}.toggle-key:not(.active){color:#999}.toggle-key:after{content:"";position:absolute;left:0;bottom:-2px;width:20px;height:4px;background-color:#999;border-radius:99px;transition:all ease-out .3s}.toggle-key.active:after{width:100%;background-color:#8434e9}.sdk-panel .sdk-step{margin-bottom:20px}.sdk-panel .sdk-step__title{color:#666;font-size:16px;line-height:32px;font-weight:600}.fade-enter-active,.fade-exit-active{transition:all ease-out .3s}.fade-enter{opacity:0;transform:translate3d(0,100px,0)}.fade-enter-active,.fade-exit{opacity:1;transform:translateZ(0)}.fade-exit-active{opacity:0;transform:translate3d(0,-50px,0)}.code-block{position:relative;overflow:hidden}.code-block pre{padding:20px 24px;border-radius:8px;overflow:auto}.code-block pre code *{font-size:14px;line-height:1.2;font-family:Cascadia Code,Menlo,Courier,monospace}.code-block .copy-code{visibility:hidden;position:absolute;right:0;top:0;padding:4px 12px;border-bottom-left-radius:8px;border-top-right-radius:8px;background-color:#ffffff4d;color:#fff;font-size:12px!important;line-height:1;border:none;cursor:pointer}.code-block:hover .copy-code{visibility:visible}.welcome-use{display:flex;gap:12px;flex-direction:column;align-items:center;justify-content:center}.introduction{background-color:#fff}.introduction .intro-block{display:flex;justify-content:center;align-items:flex-start;gap:80px;padding-block:80px}.introduction .intro-block.block-3{background-color:#8434e90f;align-items:center}.introduction .small-title{margin-top:100px;color:#8434e9;font-size:16px;font-weight:600}.introduction .big-title{font-size:42px;font-weight:800}@media screen and (max-width: 768px){.introduction .intro-block{padding-inline:12px;flex-direction:column;gap:20px}.introduction .block-1{align-items:flex-end}.introduction .block-2{align-items:flex-start}.introduction .block-1 .intro-block__title{order:-1;text-align:right}.introduction .small-title{margin-top:0}}.footer{height:120px;background-color:#fff;color:#939699;line-height:1.6}.error-boundary{width:100vw;height:100vh;display:flex;justify-content:center;align-items:center}.error-boundary .logo{width:80px;height:80px;position:relative;filter:grayscale(.4)}.error-boundary .logo:before,.error-boundary .logo:after{content:"";display:inline-block;position:absolute;inset:0;background:url(./logo-90fc72ca.svg) no-repeat;background-size:80px 80px}.error-boundary .logo:before{clip-path:path("M 0 0 L 30 30 h 12 v 4 h 6 v 16 h 12 v 10 L 80 80 L 0 80");transform:translate(-2px,2px)}.error-boundary .logo:after{clip-path:path("M 0 0 L 30 30 h 12 v 4 h 6 v 16 h 12 v 10 L 80 80 L 80 0");transform:translate(2px,-2px)}.error-boundary .error-actions{color:#999}.error-boundary .error-detail{max-width:55vw;max-height:400px;padding:12px;border:2px solid #efefef;border-radius:8px;margin-top:32px;overflow:auto;color:#e24949;font-size:14px}.flex-center{display:flex;justify-content:center;align-items:center}.flex-between{display:flex;justify-content:space-between;align-items:center}.text-center{text-align:center}.underline{text-decoration:underline}.pointer{cursor:pointer}.color-primary{color:#8434e9}.text-ellipse{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}*{margin:0;padding:0}html,body{height:100%}body{font-size:14px;overflow:hidden auto}#root{height:100%}pre,code,kbd,samp{font-size:1em;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace}.mono-code{font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace}::selection{background-color:#8434e980;color:#fff}:root{--header-height: 64px;--light-background: #ffffff;--dark-background: #1a1a1a;--doc-sidebar-width: 240px;--doc-page-max-width: 1024px;--doc-side-space: calc(100vw - var(--doc-page-max-width))}