.layouts{height:100%;overflow:hidden;--header-height: 64px;--light-background: #ffffff;--dark-background: #1a1a1a}.layouts .ant-layout-header{position:relative;padding-inline:0;z-index:10}.layouts .ant-layout-content{overflow:auto}.layouts .header{position:relative;padding-inline:48px;height:var(--header-height);box-shadow:0 2px 10px 1px #00000026;background-color:var(--light-background);z-index:10}.layouts .header.is-dark{box-shadow:0 2px 10px 1px #000000d9;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;-webkit-transform:translate(2px,-10px);transform:translate(2px,-10px);font-size:12px}@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}.code-block{position:relative;overflow:hidden}.code-block pre{padding:24px;border-radius:12px;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;background-color:#ffffff4d;color:#fff;font-size:12px;border:none;cursor:pointer}.code-block:hover .copy-code{visibility:visible}.inject-sdk .inject-steps{margin-bottom:20px}.inject-sdk .inject-steps__title{color:#666;font-size:16px;line-height:32px;font-weight:600}.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{-webkit-transform-origin:left center;transform-origin:left center}.nav-menu .menu-hamburger.is-expanded .hamburger-item.top{width:20px;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.nav-menu .menu-hamburger.is-expanded .hamburger-item.middle{-webkit-transform:translate(-16px);transform:translate(-16px);opacity:0}.nav-menu .menu-hamburger.is-expanded .hamburger-item.bottom{width:20px;-webkit-transform:rotate(-45deg);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{-webkit-transform:translateY(-64px);transform:translateY(-64px);opacity:0}.fixed-menu-fade-enter-active,.fixed-menu-fade-exit{-webkit-transform:translateY(0px);transform:translateY(0);opacity:1}.fixed-menu-fade-exit-active{-webkit-transform:translateY(-64px);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;background:linear-gradient(45deg,#fff,#8434e9 52%,#5400bf);-webkit-background-clip:text;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{-webkit-animation:move 40s cubic-bezier(.55,.5,.45,.5) infinite;animation:move 40s cubic-bezier(.55,.5,.45,.5) infinite}.moving-waves>use:first-child{-webkit-animation-delay:-2s;animation-delay:-2s;-webkit-animation-duration:11s;animation-duration:11s}.moving-waves>use:nth-child(2){-webkit-animation-delay:-4s;animation-delay:-4s;-webkit-animation-duration:13s;animation-duration:13s}.moving-waves>use:nth-child(3){-webkit-animation-delay:-3s;animation-delay:-3s;-webkit-animation-duration:15s;animation-duration:15s}.moving-waves>use:nth-child(4){-webkit-animation-delay:-4s;animation-delay:-4s;-webkit-animation-duration:20s;animation-duration:20s}.moving-waves>use:nth-child(5){-webkit-animation-delay:-4s;animation-delay:-4s;-webkit-animation-duration:25s;animation-duration:25s}.moving-waves>use:nth-child(6){-webkit-animation-delay:-3s;animation-delay:-3s;-webkit-animation-duration:30s;animation-duration:30s}@-webkit-keyframes move{0%{-webkit-transform:translate3d(-90px,0,0);transform:translate3d(-90px,0,0)}to{-webkit-transform:translate3d(85px,0,0);transform:translate3d(85px,0,0)}}@keyframes move{0%{-webkit-transform:translate3d(-90px,0,0);transform:translate3d(-90px,0,0)}to{-webkit-transform:translate3d(85px,0,0);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;-webkit-transform:translate3d(0,100px,0);transform:translate3d(0,100px,0)}.fade-enter-active,.fade-exit{opacity:1;-webkit-transform:translate3d(0px,0,0);transform:translateZ(0)}.fade-exit-active{opacity:0;-webkit-transform:translate3d(0,-50px,0);transform:translate3d(0,-50px,0)}.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}.room-list .room-list-content{width:90%;max-width:1200px;margin:32px auto}.room-list .connection-item{margin-bottom:24px;padding:12px;background-color:#fff;border-radius:6px;box-shadow:0 4px 4px #0000001a;transition:all ease-out .3s}.room-list .connection-item:hover{-webkit-transform:translateY(-4px);transform:translateY(-4px);box-shadow:0 8px 4px #0000001a}.room-list .connection-item__title{display:flex;justify-content:center;align-items:center;flex-direction:column;gap:4px;padding-block:8px;text-align:center}.room-list .connection-item .custom-title{padding-inline:8px;font-size:12px;line-height:18px;color:#fff;background-color:#8434e980;border-radius:999px;max-width:80%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.room-list .connection-item__info>div{display:flex;justify-content:flex-end;align-items:center;gap:6px}.room-list .connection-item__info>div:first-child{margin-bottom:8px}.room-list .connection-item .conn-detail__title{font-size:12px;color:#999;text-align:center}.room-list .connection-item .conn-detail__value{max-width:100px;height:42px;display:flex;justify-content:center;align-items:center}.room-list .connection-item .conn-detail__value p{font-weight:500;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.room-list .connection-item .conn-detail__value img{width:24px}.docs{min-height:calc(100vh - 64px);padding-block:20px 100px;background-color:#1a1a1a;color:#c4c4c4;letter-spacing:.8px}.docs-content{width:90%;max-width:768px;margin:0 auto}.docs *{font-size:16px;font-weight:400;line-height:1.65}.docs blockquote{padding:8px 16px;border-left:4px solid #8434e9;border-radius:4px;background-color:#212121}.docs blockquote p{margin:0}.docs h1{margin-block:28px 8px;font-size:28px;font-weight:800;color:#f3f3f3}.docs h2{margin-block:28px 8px;font-size:24px;font-weight:700;color:#f3f3f3}.docs h3{margin-block:28px 8px;font-size:20px;font-weight:600;color:#f3f3f3}.docs p{margin-bottom:8px}.docs b,.docs strong{font-weight:700;color:#f3f3f3}.docs a,.docs u{text-decoration:underline;text-underline-offset:.25em}.docs a,.docs code{color:#b67cff}.docs ul,.docs ol{padding-left:20px;margin-block:4px}.error-boundary{width:100vw;height:100vh;display:flex;justify-content:center;align-items:center}.error-boundary .logo{width:80px;height:80px;position:relative;-webkit-filter:grayscale(.4);filter:grayscale(.4)}.error-boundary .logo:before,.error-boundary .logo:after{content:"";display:inline-block;position:absolute;inset:0;background:url(/assets/logo-90fc72ca.svg) no-repeat;background-size:80px 80px}.error-boundary .logo:before{-webkit-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");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");-webkit-transform:translate(-2px,2px);transform:translate(-2px,2px)}.error-boundary .logo:after{-webkit-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");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");-webkit-transform:translate(2px,-2px);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}*{margin:0;padding:0}html,body{height:100%}body{font-size:14px}#root{height:100%;overflow:hidden auto}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}