@theme{ --font-sans: "Inter", ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; }html,body{margin:0;padding:0;background-color:#1a1a1a}body.light{color-scheme:light;background-color:#fff;color:#000}body.light .topbar,body.light .nav-dropdown{background-color:#eee!important}body.light a{color:#222!important}body.light .tool-item{color:#222!important;background-color:#eee!important}body.dark{background-color:#1a1a1a;color:#fff;color-scheme:dark}.row{display:flex;flex-direction:row}.column{display:flex;flex-direction:column}.row.fill,.column.fill{flex:1}.row.center,.column.center{justify-content:center;align-items:center}.row.between,.column.between{justify-content:space-between}.row.evenly,.column.evenly{justify-content:space-evenly}.row.stretch,.column.stretch{align-items:stretch}.row.wrap,.column.wrap{flex-wrap:wrap}.row.left{justify-content:flex-start}.row.right{justify-content:flex-end}.row.top{align-items:flex-start}.row.bottom{align-items:flex-end}.column.left{align-items:flex-start}.column.right{align-items:flex-end}.column.top{justify-content:flex-start}.column.bottom{justify-content:flex-end}.noscale{flex-shrink:0}.shadow{border-radius:.2rem;box-shadow:0 0 .5rem #00000026}.fixed-topbar .topbar{position:fixed;top:0;left:0;right:0;animation:slideDown .5s ease-out}@keyframes slideDown{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}.topbar{position:relative;padding:0 2rem;background-color:#1e202a;z-index:99;height:60px}.topbar>.wrapper{max-width:1200px;margin:0 auto;height:60px}.topbar .logo{font-size:1.5rem;color:#fff}.topbar .nav-item{position:relative;margin-left:30px;cursor:pointer;height:60px;padding-left:20px;padding-right:20px}.topbar .nav-dropdown{position:absolute;top:60px;opacity:0;visibility:hidden;transition:opacity .6s ease,visibility .6s ease}.topbar .nav-dropdown:after{content:"";position:absolute;top:-20px;right:40px;border-width:10px;border-style:solid;border-color:transparent transparent #fff transparent;z-index:99}.topbar .nav-item:hover .nav-dropdown{border:1px solid #fff;opacity:1;visibility:visible}.topbar .nav-dropdown{right:0;width:280px;background-color:#262a39;padding:20px;line-height:2;z-index:99}.topbar .nav-language .dropdown-wrapper{display:grid;grid-template-columns:repeat(2,1fr)}.topbar .drop-menu,.topbar .drop-menu a{cursor:pointer!important;line-height:1.5;margin-bottom:10px}.topbar .drop-menu a:hover{text-decoration:underline;color:#7cb0e1;cursor:pointer!important}.footer{position:relative;background-color:#1343a3}.footer>.wrapper{max-width:1200px;margin:0 auto;padding:50px 2rem}.footer .logo{width:240px;color:#fff}.footer .logo img{max-width:70%}.footer .foot-nav-wrapper{flex:1;display:grid;grid-template-columns:200px 200px auto}.footer .footer-tools .drop-menu{width:200px}.footer .footer-links .drop-menu{width:260px}.footer .footer-language .drop-menu{width:138px}.footer .drop-menu a{color:#fffc!important;line-height:2;margin-bottom:10px}.footer .nav-title{font-size:1.2rem;font-weight:600;color:#fff;margin-bottom:1rem}.container>.main{min-height:calc(100vh - 250px);margin-top:40px;margin-bottom:40px}.main .title{font-size:2rem;line-height:1.5;margin-bottom:10px;margin-left:auto;margin-right:auto;max-width:768px;font-weight:700}.main .subtitle{font-size:1.2rem;line-height:1.5;color:#555;margin-bottom:10px;margin-left:auto;margin-right:auto;max-width:768px}.main .extension{margin-bottom:10px;max-width:768px;margin-left:auto;margin-right:auto}.main .extension a{height:20px;margin-left:10px}.analytic-wrapper{margin:20px auto;min-height:100px;max-width:768px}.form-wrapper .form-input{width:calc(100% - 2rem);height:40px;padding:0 1rem;outline:0 none;border:1px solid #1880ed;border-radius:4px 0 0 4px}.form-wrapper .form-input-url .input-wrapper{position:relative;flex:1}.form-wrapper .form-input-sessionid{margin-bottom:20px}.form-wrapper .form-input-sessionid .input-wrapper{position:relative;flex:1}.form-wrapper .form-input-tip{font-size:14px;color:#856504;background-color:#fff4cd;border-radius:4px;padding:.5rem 1rem;margin-bottom:10px}.form-wrapper .copy-btn{position:absolute;top:0;bottom:0;right:3px}.form-wrapper .form-button{min-width:120px;height:42px;cursor:pointer;color:#fff;text-align:center;border:1px solid #1880ed;background:#0073ece6;-webkit-box-shadow:0 2px 4px -1px rgba(0,0,0,.15);box-shadow:0 2px 4px -1px #00000026;border-radius:0 4px 4px 0;font-weight:500;font-size:14px;font-family:Poppins,sans-serif}.form-input-sessionid .form-button{background:#ffffff4d}.form-wrapper{margin-bottom:20px}.error-msg{font-size:14px;border:1px solid #ff4d4f;background-color:#ff4d4f1a;padding:1rem}.video-wrapper{height:400px;background-color:#000;margin-bottom:20px}.video-wrapper video{width:100%;height:100%}.tools{border-top:1px solid rgba(255,255,255,.1);padding-top:50px;margin-bottom:50px;margin-left:auto;margin-right:auto;max-width:768px}.tools .wrapper{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:20px}.tools .tool-item{padding:1rem 2rem;background-color:#ffffff1a;cursor:pointer;text-align:center}.addin-info{border-top:1px solid rgba(255,255,255,.1);padding-top:50px;margin-bottom:50px;margin-left:auto;margin-right:auto;max-width:768px}.addin-info .wrapper{position:relative}.carousel-container{position:relative;width:100%;overflow:hidden}.carousel-container .carousel-item{background-color:#1a1a1a}.carousel-container .carousel-image{position:relative}.carousel-container img{max-width:100%;max-height:100%}.addin-content p{font-size:16px;line-height:1.5}.carousel-container .slick-arrow{width:2rem;height:2rem;border-radius:10px;background-color:#000;z-index:999}.carousel-container .slick-arrow:after{margin-top:.4rem;margin-left:.5rem}@media screen and (max-width:768px){.topbar .nav{display:none}.main{margin-top:40px!important}.main .wrapper .title,.main .wrapper .subtitle,.main .wrapper .analytic-wrapper,.main .wrapper .tools{margin-left:2rem;margin-right:2rem}.operate .wrapper,.about-us{padding-left:2rem!important;padding-right:2rem!important}.fixed-topbar .topbar{position:relative;animation:none}.footer .wrapper{display:block;max-width:100%}.footer .logo{width:auto;margin-left:2rem;margin-right:2rem;display:none}.foot-nav-item{margin-bottom:20px}.foot-nav-wrapper{display:block!important}.foot-nav-wrapper .foot-nav-item:first-child .drop-menu{width:auto}.footer .drop-menu{width:100px}.ant-form>div{display:block}.ant-form .form-input{display:block;width:calc(100% - 2rem - 2px);margin-bottom:10px;border-radius:4px}.ant-form .form-button{display:block;width:100%;border-radius:4px}.tools .wrapper{grid-template-columns:repeat(3,1fr)}}@media screen and (max-width:480px){.tools .wrapper{grid-template-columns:repeat(2,1fr)}.about-us .about-content{grid-template-columns:repeat(1,1fr)!important}}@media screen and (max-width:320px){.tools .wrapper{grid-template-columns:repeat(1,1fr)}}.fixed-loading{position:fixed;inset:0;z-index:99;background-color:#00000080}.fixed-loading .loading-wrapper{position:relative;width:80%;max-width:300px;padding:4rem 2rem 2rem;background-color:#000c;border-radius:4px}.fixed-loading .loading-hd{position:absolute;top:.5rem;left:1rem;right:1rem;text-align:right;font-size:2rem}.fixed-loading .progress-bar{position:relative;width:300px;height:20px;border-radius:2px;overflow:hidden;margin-bottom:10px;background-color:#ffffff1a}.fixed-loading .progress-bar:after{content:"";display:block;position:absolute;top:0;bottom:0;left:0;width:80px;z-index:99;animation:progressLoading 1s infinite linear;background-color:#009c00}body.light .fixed-loading{background-color:#00000080}body.light .fixed-loading .loading-wrapper{background-color:#fff}body.light .fixed-loading .progress-bar{background-color:#0000001a}@keyframes progressLoading{0%{transform:translate(0)}to{transform:translate(300px)}}.fixed-loading .progress-bar .progress{position:absolute;top:0;left:0;height:20px;background-color:#009c00}.fixed-loading .close-btn{font-size:2rem;margin-top:100px;cursor:pointer;color:#1880ed}body.light .topbar{background-color:#1e202a}body.light .topbar .logo{color:#fff}body.light .topbar .nav-dropdown{background-color:#262a39}body.light .topbar .drop-menu,body.light .topbar .drop-menu a{color:#fff}body.light .footer{background-color:#1343a3}body.dark .topbar{background-color:#2a2d3d}body.dark .topbar .logo{color:#e0e0e0}body.dark .topbar .nav-dropdown{background-color:#3a3d4d}body.dark .topbar .drop-menu,body.dark .topbar .drop-menu a{color:#e0e0e0}body.dark .footer{background-color:#0f337a}body.dark .main .subtitle{color:#e0e0e0b3}body.dark .tools{border-top:1px solid rgba(224,224,224,.1)}body.dark .tools .tool-item{background-color:#e0e0e01a}.copyrights{background-color:#000c;color:#e0e0e0b3}.copyrights .wrapper{margin-left:auto;margin-right:auto;text-align:center;line-height:4}.about-us{background-color:#eee;padding-top:3rem;padding-bottom:3rem}.about-us .wrapper{margin-left:auto;margin-right:auto;max-width:768px}.about-us .about-title{font-size:2rem;font-weight:500;line-height:1.5}.about-us .about-subtitle{font-size:1.2rem;font-weight:400;line-height:1.5;margin-bottom:20px}.about-us .about-content{display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:20px}.about-us .about-item{padding:20px;background-color:#fff;box-shadow:0 0 .5rem #00000026;border-radius:8px}body.dark .about-us .about-item{background-color:#e0e0e01a;box-shadow:0 0 .5rem #00000080}.about-us .about-item-title{font-size:1.2rem;font-weight:500;line-height:1.5;margin-bottom:20px}.about-us .about-item-content{font-size:1rem;font-weight:400;line-height:1.5;color:#555}body.dark .about-us .about-item-content{color:#e0e0e0cc}.operate .wrapper{max-width:768px;margin-left:auto;margin-right:auto;padding:50px 20px}.operate .operate-title{font-size:2rem;font-weight:500;line-height:1.5}.operate .operate-content{font-size:16px;white-space:pre-wrap;line-height:1.5}.operate img{display:block;margin-bottom:20px;max-width:100%}.articlelist .wrapper,.faq .wrapper{max-width:768px;margin-left:auto;margin-right:auto;padding:50px 30px}.articlelist .articlelist-title,.faq .faq-title{font-size:2rem;font-weight:500;line-height:1.5;margin-bottom:2rem}.articlelist .articlelist-item-title,.faq .faq-item-title{font-size:1.2rem;font-weight:500;line-height:2;margin-bottom:20px;border-bottom:1px solid #eee}body.dark .articlelist .articlelist-item-title,body.dark .faq .faq-item-title{border-bottom:1px solid rgba(224,224,224,.2)}.articlelist .articlelist-item-content,.faq .faq-item-content{font-size:1rem;font-weight:400;line-height:1.5;color:#e0e0e0cc;white-space:pre-wrap;text-wrap:wrap;word-break:break-all}.articlelist .articlelist-item,.faq .faq-item{margin-bottom:20px}body.light .articlelist .articlelist-item-content,body.light .faq .faq-item-content{color:#000c}body.light .form-input-sessionid .form-button{color:#333}body.dark .about-us{background-color:#2a2d3d}.topbar .logo{height:60px;width:180px;background-image:url(/assets/logo_light.png);background-size:auto 100%;background-repeat:no-repeat;background-position:left center}body.dark .topbar .logo{background-image:url(/assets/logo_dark.png)}.form-input-extra{font-size:13px;color:#e0e0e0b3;line-height:1.5;padding-top:10px;padding-bottom:10px}body.light .form-input-extra{color:#555}.main-video-title{font-size:1.5rem;font-weight:500;line-height:1.3;margin-bottom:10px}.main-video-desc{font-size:1rem;font-weight:400;line-height:1.5;color:#e0e0e0cc;white-space:pre-wrap;text-wrap:wrap;word-break:break-all;margin-bottom:10px}.main-video-desc img{max-width:100%}.terms-of-service{max-width:768px;margin-left:auto;margin-right:auto}.terms-of-service p{font-size:14px;line-height:1.5}.terms-of-service h4{font-weight:700}.about-us-main{max-width:768px;margin-left:auto;margin-right:auto}.about-us-main p{font-size:14px;line-height:1.5}.about-us-main pre{white-space:pre-wrap;text-wrap:wrap;word-break:break-all;font-size:14px;line-height:1.5}.footer-tools,.footer-links{margin-right:20px}.foot-nav-item .nav-title{margin-right:10px}.article-single,.article-list-wrapper{max-width:768px;margin-left:auto;margin-right:auto}.article-list{list-style:none;padding:0!important;margin:0!important}.article-list .item{background-color:#3b3d504d;padding:10px 30px 20px;margin-bottom:20px}.article-list .item-title{font-size:1.4rem;font-weight:500;line-height:1.5}.article-list .item-title a{color:#fff}.article-list .item-content{color:#fffc}.article-list .item-meta .date{font-size:1rem;font-weight:400;line-height:1.5;color:#e0e0e080}body.light .item-date{color:#777}body.light .article-list .item{background-color:#f5f5f5}body.light .article-list .item-title a,body.light .article-list .item-content{color:#333}body.light .article-list .item-meta .date{color:#777}.pagination{list-style:none;padding:0;margin:0;margin-block-start:0;margin-block-end:0;padding-inline-start:0}.pagination li{padding:0;margin:0}.entry-page{position:relative}.entry-page>div{width:50%}.entry-page-prev,.entry-page-next{position:relative;width:90%;background-color:#ffffff1a;border-radius:8px;padding-bottom:30px}:is(.entry-page-prev,.entry-page-next) .entry-page-info{position:absolute;bottom:10px;left:10px;right:10px;text-align:right}.entry-page-prev>a,.entry-page-next>a{display:block;padding:10px 10px 30px;text-decoration:none;color:#fff}.entry-info{font-size:.9rem;font-weight:400;line-height:1.5;color:#fffc}.entry-info time,.entry-info a,.entry-info span{display:inline-block;margin-right:5px}.entry-content p{font-size:1.2rem;line-height:1.5;margin-bottom:20px}.entry-content ul,.entry-content ol{margin-bottom:20px}.entry-content table{font-size:1rem;line-height:1.5;max-width:100%;border-collapse:collapse}.entry-content table th,.entry-content table td{border:1px solid rgba(255,255,255,.3);padding:3px 8px}.entry-content hr{border-color:#ffffff4d}.entry-content img{max-width:90%}body.light .entry-content hr{border-color:#0000001a}body.light .entry-content table th,body.light .entry-content table td{border:1px solid rgba(0,0,0,.3)}.entry-content ul{margin-block-start:5px;margin-block-end:5px}.entry-content blockquote{margin-block-start:5px;margin-block-end:5px;margin-inline-start:5px;margin-inline-end:5px;background-color:#ffffff1a;padding:10px 20px;font-style:italic}body.light .entry-content blockquote{background-color:#fffc}.entry-tag{padding-bottom:50px}.entry-footer{padding-top:50px}.article-single{background-color:#3b3d504d;padding:10px 30px 20px;margin-bottom:20px}.entry-content{white-space:pre-wrap;text-wrap:wrap;word-break:break-all;font-size:15px;line-height:1.5}.content-wrapper p{font-size:16px}.content-wrapper a{margin-left:8px;margin-right:8px}