.nav-con{position:sticky;top:0;left:0;right:0;z-index:1000;background-color:#09151acc;backdrop-filter:blur(3px)}.nav-con.dark{background-color:#2d364dcc}.nav-con .nav{display:flex;padding:16px;color:#fff;margin:0 5%}.nav-con .nav .logo{background-image:url("logo.svg");width:155px;height:40px;min-width:155px}.nav-con .nav .menu{flex:1 1;display:flex;justify-content:end;margin-right:30px;line-height:40px}.nav-con .nav .menu-item{color:#fff;margin:0 25px;font-size:20px}.nav-con .nav .social{display:flex;margin-left:40px}.nav-con .nav .social-item{margin:4px 7px 0;height:32px;width:32px;background-size:cover;background-repeat:no-repeat}.nav-con .nav .social-item.discord{background-image:url("discord.svg")}.nav-con .nav .social-item.x{background-image:url("X.svg")}.nav-con .nav .social-item.linkin{background-image:url("in.svg")}.nav-con .nav .login-con{white-space:noWrap;line-height:40px}.nav-con .nav .login-con .username{font-size:12px;color:#fff;line-height:18px;margin-top:11px;display:inline-block}.nav-con .nav .login-con .signin,.nav-con .nav .login-con .signup{margin-top:8px}.nav-con .nav .expand-menu{display:none}@media only screen and (max-width: 720px){.nav-con .nav{justify-content:space-between;padding:12px 0;max-width:90%;margin:auto}.nav-con .nav .logo{width:78px;height:20px;min-width:78px;background-size:100%;margin-top:4px}.nav-con .nav .menu,.nav-con .nav .login-con{display:none}.nav-con .nav .expand-menu{display:block}.nav-mobile{color:#fff;position:fixed;top:50px;left:0;right:0;height:100vh;display:block;backdrop-filter:blur(30px);box-sizing:border-box;transition:all .2s;background-color:#0b191fe6;text-align:center;padding:0 16px}.nav-mobile .menu{display:block;text-align:center;border-top:1px solid rgba(255,255,255,.2);margin:12px auto}.nav-mobile .menu-item{color:#fff;margin:12px 0;font-size:20px}.nav-mobile .social{justify-content:center;border-top:1px solid rgba(255,255,255,.2);padding:16px 0}.nav-mobile .social-item{display:inline-block;margin:4px 7px 0;height:32px;width:32px;background-size:cover;background-repeat:no-repeat}.nav-mobile .social-item.discord{background-image:url("discord.svg")}.nav-mobile .social-item.x{background-image:url("X.svg")}.nav-mobile .social-item.linkin{background-image:url("github.svg")}}@media (min-width: 720px) and (max-width: 1440px){.nav-con .nav{margin:0 5%}.nav-con .nav .logo{width:78px;height:20px;min-width:78px;background-size:100%;margin-top:5px}.nav-con .nav .menu{flex:1 1;display:flex;justify-content:end;margin-right:20px;line-height:30px}.nav-con .nav .menu-item{margin:0 20px;font-size:16px}.nav-con .nav .social{margin-left:30px}.nav-con .nav .social-item{width:24px;height:24px}.nav-con .nav .login-con{line-height:30px}.nav-con .nav .login-con .username{margin-top:6px}.nav-con .nav .login-con .signin,.nav-con .nav .login-con .signup{margin-top:2px}}.page-footer-wrap{color:#fff;padding:0 20px}.page-footer-wrap .page-footer{display:flex;padding:35px 0;margin:auto;justify-content:space-between}.page-footer-wrap .page-footer .logo{width:190px;background-repeat:no-repeat;background-size:contain;background-position:center}.page-footer-wrap .page-footer .product-list-wrap{display:flex}.page-footer-wrap .page-footer .product-list-wrap .product-list{margin-left:50px}.page-footer-wrap .page-footer .product-list-wrap .product-list .title{font-weight:bolder;font-size:20px;margin-bottom:10px}.page-footer-wrap .page-footer .product-list-wrap .product-list .product-list-content .item{line-height:30px;font-size:16px;color:#989ead}.page-footer-wrap .page-footer .product-list-wrap .product-list .product-list-content .item a,.page-footer-wrap .page-footer .product-list-wrap .product-list .product-list-content .item a:active{color:unset}.page-footer-wrap .footer-bottom{padding:35px 0;border-top:1px solid rgba(151,151,151,.23);margin:auto}.page-footer-wrap .footer-bottom .content{margin:auto;display:flex;justify-content:space-between}.page-footer-wrap .footer-bottom .content .desc{flex:1 1;line-height:32px}.page-footer-wrap .footer-bottom .content .social{display:flex;justify-content:end;gap:8px}.page-footer-wrap .footer-bottom .content .social-item{height:32px;width:32px;background-size:cover;background-repeat:no-repeat}.page-footer-wrap .footer-bottom .content .social-item.discord{background-image:url("discord.svg")}.page-footer-wrap .footer-bottom .content .social-item.x{background-image:url("X.svg")}.page-footer-wrap .footer-bottom .content .social-item.linkin{background-image:url("github.svg")}@media only screen and (max-width: 720px){.page-footer-wrap{padding:0}.page-footer-wrap .page-footer{padding:20px}.page-footer-wrap .page-footer .logo{display:none}.page-footer-wrap .page-footer .product-list-wrap{display:block;width:100%}.page-footer-wrap .page-footer .product-list-wrap .product-list{display:flex;justify-content:start;margin-left:0;text-wrap:nowrap}.page-footer-wrap .page-footer .product-list-wrap .product-list .title{margin-right:20px;margin-bottom:0;font-size:14px;width:70px;line-height:24px}.page-footer-wrap .page-footer .product-list-wrap .product-list .product-list-content{display:flex;gap:24px}.page-footer-wrap .page-footer .product-list-wrap .product-list .product-list-content .item{font-size:12px;line-height:24px}.page-footer-wrap .footer-bottom{padding:10px 0}.page-footer-wrap .footer-bottom .content{max-width:90%}.page-footer-wrap .footer-bottom .content .desc{font-size:12px}}@media (min-width: 720px) and (max-width: 1440px){.page-footer-wrap{padding:0}.page-footer-wrap .page-footer{padding:20px 0}.page-footer-wrap .page-footer .logo{width:100px}.page-footer-wrap .product-list{margin-left:40px}.page-footer-wrap .product-list .title{font-size:16px}.page-footer-wrap .product-list .product-list-content .item{font-size:12px}.page-footer-wrap .footer-bottom{padding:10px 0}}body{margin:0;background-color:#0b191f;min-height:100vh}h1,h2,h3,h4,h5,h6,p,ul,li{margin:0;padding:0}.user-page{display:flex;height:100vh;padding:72px 40px 0}.user-page .map-con{flex:1 1 400px;max-width:800px;height:500px}.product-page{padding:40px}.explore-page{max-width:1440px;min-width:720px;max-height:calc(100vh - 327px);overflow:hidden;padding:20px 40px;position:relative}.explore-page img{width:100%;height:100%;object-fit:contain}.explore-page .cover{width:100%;height:100%;background-color:#0003;position:absolute;top:0;backdrop-filter:blur(1px)}.explore-page .explore-btn{position:absolute;left:calc(50% - 130px);top:calc(50% - 30px)}.download-page{margin:auto;text-align:center;height:100vh;display:flex;flex-direction:column;justify-content:center}.download-page h2{color:#fff}.download-page .desc{font-size:16px;color:#989ead;line-height:28px;margin:20px 0 30px}.data-page{max-width:90%;margin:auto;padding-top:80px}.data-page .img-con{text-align:center}.data-page .img-con img{width:100%}.data-page .title{color:#fff}.data-page .quote{font-style:italic;color:#989ead;font-size:12px}.data-page .desc{font-size:16px;color:#989ead}.data-page ul{color:#989ead}.blog-page-wrap{height:100vh}.blog-page-wrap .blog-page{display:flex;justify-content:space-between;max-width:90%;margin:auto;padding:150px 0 0}.blog-page-wrap .blog-page .blog-card{width:23%}.blog-page-wrap .blog-page .blog-card .ant-card-cover img{height:200px}.blog-content-wrap{color:#989ead;line-height:2;min-height:200px}.blog-content-wrap h1,.blog-content-wrap h2,.blog-content-wrap h3,.blog-content-wrap h4{color:#fff}.blog-content-wrap .markdown-content{width:80%;margin:20px auto}.blog-content-wrap img{width:100%}.blog-content-wrap table{border-spacing:0}.blog-content-wrap table tr td{border:1px solid #303030;padding:8px 10px}.order-list-content-wrap{height:100vh;padding:30px}@media (max-width: 720px){.data-page,.blog-page{max-width:90%}.blog-page-wrap{height:unset}.blog-page-wrap .blog-page{display:block;padding-top:70px}.blog-page-wrap .blog-page .blog-card{width:80%;margin:0 auto 12px}.blog-page-wrap .blog-page .blog-card .ant-card-cover img{height:120px;object-fit:contain}}@media (min-width: 720px) and (max-width: 1440px){.blog-page-wrap .blog-page{padding:100px 0 0}.data-page,.blog-page,.about-con,.page-footer-wrap .page-footer,.page-footer-wrap .footer-bottom{max-width:80%}}@media (min-width: 1441){.data-page,.blog-page,.page-footer-wrap .page-footer,.page-footer-wrap .footer-bottom{max-width:70%}}.fly-in{opacity:0;transform:translate(-100%);animation:flyIn 1s forwards;transition:transform .5s ease}@keyframes flyIn{to{opacity:1;transform:translate(0)}}.fade-in{opacity:0;animation:fadeIn 2s forwards;transition:opacity .5s ease}@keyframes fadeIn{to{opacity:1}}.fall-in{opacity:.1;transform:translateY(-100%);animation:fallIn 1s forwards;transition:transform opacity .5s ease}@keyframes fallIn{to{opacity:1;transform:translateY(0)}}