.features-group[data-v-41579dc9]{align-items:center;display:flex;flex-wrap:wrap;margin-bottom:20px;width:90%}.features-group .feature[data-v-41579dc9]{align-items:center;animation:gentleShake-41579dc9 8s ease-in-out infinite;animation-delay:calc(var(--index, 0)*.5s);background-color:#232323;border-radius:6px;display:flex;margin-bottom:14px;margin-right:10px;padding:8px 14px}.features-group .feature span[data-v-41579dc9]{font-size:14px}.features-group .feature .remixicon[data-v-41579dc9]{color:#ffb836;margin-right:6px;opacity:.8}.features-group .feature .remixicon.blue[data-v-41579dc9]{color:#0a84ff}.features-group .feature .remixicon.green[data-v-41579dc9]{color:#1fbb26}.features-group .feature .remixicon.red[data-v-41579dc9]{color:#f24f70}.features-group .feature .remixicon.yellow[data-v-41579dc9]{color:#f7b750}.features-group .feature .remixicon.cyan[data-v-41579dc9]{color:#00b4a7}.features-group .feature .remixicon.pink[data-v-41579dc9]{color:#f845c6}.features-group .feature .remixicon.purple[data-v-41579dc9]{color:#9353d3}.features-group .feature .remixicon.orange[data-v-41579dc9]{color:#ff8b38}.features-group.mobile[data-v-41579dc9]{margin-bottom:40px;width:100%}.features-group.mobile .feature[data-v-41579dc9]{border-radius:4px;margin-right:10px;padding:2px 12px}.features-group.mobile span[data-v-41579dc9]{font-size:12px;line-height:24px}@keyframes gentleShake-41579dc9{0%,to{transform:translate(0) rotate(0)}10%{transform:translate(-1.5px,-.8px) rotate(-.6deg)}20%{transform:translate(.8px,1.2px) rotate(.3deg)}30%{transform:translate(-.6px,.6px) rotate(.3deg)}40%{transform:translate(1.2px,-.6px) rotate(-.3deg)}50%{transform:translate(-.8px,.8px) rotate(.6deg)}60%{transform:translate(.6px,-1.2px) rotate(-.3deg)}70%{transform:translate(-1.2px,.3px) rotate(.3deg)}80%{transform:translate(.3px,.8px) rotate(-.6deg)}90%{transform:translate(-.3px,-.3px) rotate(.3deg)}}.demo-container[data-v-92187adb]{background-color:#000c;height:100%;left:0;position:fixed;top:0;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%;z-index:99}@keyframes rotate-92187adb{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.demo-container .loading-container[data-v-92187adb]{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.demo-container .loading-container .loading[data-v-92187adb]{animation:rotate-92187adb 2s linear infinite;color:#ffb836;transform-origin:center}.demo-container .demo-video[data-v-92187adb]{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.demo-container .demo-video #demoIframe[data-v-92187adb]{aspect-ratio:15/9}.finish-container{background:linear-gradient(90deg,#ffb836 40%,#ff8436);border-radius:16px;margin-bottom:35px;margin-top:60px;padding:12px;width:100%}.finish-container,.finish-container .content{box-shadow:0 2px 8px 2px #10121566;box-sizing:border-box}.finish-container .content{background-color:#232220;border-radius:12px;padding:40px 20px;text-align:center}.finish-container .content p{color:#ffeebe;display:block;font-size:18px}.finish-container .content .finished,.finish-container .content .go-rate{margin-bottom:30px}.finish-container .content .btn-group{align-items:center;display:flex;justify-content:center}.finish-container .content .btn-group .btn{border:2px solid #ffb836;border-radius:6px;cursor:pointer;font-size:18px;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;user-select:none}.finish-container .content .btn-group .btn.usage{transition:background-color .4s}.finish-container .content .btn-group .btn.usage a{box-sizing:border-box;color:#ffb836;display:block;height:100%;padding:10px 20px;width:100%}.finish-container .content .btn-group .btn.usage:hover{background-color:#ffb8361a}.finish-container .content .btn-group .btn.install{align-items:center;background-color:#ffb836;box-sizing:border-box;color:#343538;display:flex;padding:10px 20px}.finish-container .content .btn-group .btn.install .remixicon{margin-right:4px}@media screen and (max-width:1500px){.home-title,.home-title h1{font-size:40px!important}.home-title h2{font-size:24px!important}.home-title h3{font-size:50px!important}}@media screen and (max-width:1200px){.home-title,.home-title h1{font-size:30px!important}.home-title h1{margin-bottom:10px!important}.home-title h2{font-size:20px!important}.home-title h3{font-size:40px!important;margin-bottom:30px!important}.features-group{width:100%!important}}@media screen and (max-width:768px){.home-title,.home-title h1{font-size:24px!important}.home-title h2{font-size:16px!important}.home-title h3{font-size:34px!important}.mobile h1{font-size:22px!important;line-height:44px!important}.mobile h2{font-size:16px!important;line-height:32px!important}.mobile h3{font-size:28px!important;margin-bottom:0!important}}.home-container{align-items:center;background-color:#343538;box-sizing:border-box;display:flex;height:100vh;justify-content:center;overflow:hidden;padding-top:60px}.home-container .home-content{box-sizing:border-box;flex:1;margin:5% 2% 6% 6%;overflow-wrap:break-word;word-break:keep-all;z-index:2}.home-container .home-content .zh{font-weight:500;line-height:46px;white-space:nowrap}.home-container .home-content .en{font-weight:700;line-height:52px}.home-container .home-content .h1-tag{background:linear-gradient(90deg,#ffb836 40%,#ff8436);-webkit-background-clip:text;margin-bottom:20px;-webkit-text-fill-color:transparent;background-clip:text}.home-container .home-content .home-title{font-size:50px;margin-bottom:40px;transition:all .4s}.home-container .home-content .home-title h1{font-size:45px;transition:all .4s}.home-container .home-content .home-title h2{font-size:30px;transition:all .4s}.home-container .home-content .home-title h2 span{background:linear-gradient(90deg,#ffb836 40%,#ff8436);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.home-container .home-content .home-title h3{font-size:60px;margin-bottom:60px;transition:all .4s;white-space:nowrap}.home-container .home-content .home-title h3 .version{background-color:#232323;border-radius:12px;cursor:pointer;font-size:24px;margin-left:12px;opacity:.8;padding:4px 12px;transition:opacity .4s}.home-container .home-content .home-title h3 .version a{color:#ffb836}.home-container .home-content .home-title h3 .version:hover{opacity:1}.home-container .home-content .btn-group{align-items:center;display:flex}.home-container .home-content .btn-group .btn{border:2px solid #ffb836;border-radius:6px;box-sizing:border-box;cursor:pointer;font-size:20px;height:46px;line-height:42px;margin-right:20px;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap}.home-container .home-content .btn-group .btn.usage{transition:background-color .4s}.home-container .home-content .btn-group .btn.usage a{box-sizing:border-box;color:#ffb836;display:block;height:100%;padding:0 20px;width:100%}.home-container .home-content .btn-group .btn.usage:hover{background-color:#ffb8361a}.home-container .home-content .btn-group .btn.install{background-color:#ffb836;box-sizing:border-box;line-height:23px;padding:0 20px;transition:transform .4s}.home-container .home-content .btn-group .btn.install:hover{transform:translate(10px)}.home-container .home-content .btn-group .btn.install a{align-items:center;color:#343538;display:flex;height:100%;width:100%}.home-container .home-content .btn-group .btn.install a img{height:36px;margin-right:2px;width:36px}.home-container .home-content .btn-group .btn.install a span{margin-right:6px}.home-container .home-content .btn-group .btn.install a .free{color:#34353899;font-size:18px;margin:0 6px}.home-container .home-demo{box-sizing:border-box;height:100%;overflow:hidden;padding:2% 0 2% 4%;width:46%}.home-container .home-demo .bg{align-items:center;background-image:linear-gradient(270deg,#ff701a,#ffb836);border-bottom-left-radius:12px;border-top-left-radius:12px;box-shadow:0 2px 20px 4px #10121566;display:flex;height:100%;width:100%}.home-container .home-demo .bg .demo{aspect-ratio:.821/1;background-color:#000;border-radius:10px;box-shadow:0 2px 14px 4px #10121566;height:calc(100% - 30px);margin-left:14px;overflow:hidden;position:relative}.home-container .home-demo .bg .demo img,.home-container .home-demo .bg .demo video{height:100%}.home-container .home-demo .bg .demo .pic{height:100%;left:0;position:absolute;top:0;z-index:1}.home-container .home-demo .bg .demo .pic.fade-out{animation:fadeOut 1s ease 1s forwards;opacity:1}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.home-container .home-demo .bg .demo:hover .demo-btn{opacity:1}.home-container .home-demo .bg .demo .demo-btn{-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px);background-color:#ffb8361a;border:2px solid #ffb836;border-radius:6px;color:#ffb836;cursor:pointer;font-size:24px;height:46px;inset:0;line-height:46px;margin:auto;opacity:0;position:absolute;text-align:center;transition:opacity .4s;width:240px;z-index:1}.home-h5-container{align-items:center;background-color:#343538;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;padding:100px 15px 0}.home-h5-container .home-h5-content{line-height:50px}.home-h5-container .home-h5-content .home-title{font-size:50px;margin-bottom:20px;transition:all .4s}.home-h5-container .home-h5-content .home-title .h1-tag{background:linear-gradient(90deg,#ffb836 40%,#ff8436);-webkit-background-clip:text;margin-bottom:20px;-webkit-text-fill-color:transparent;background-clip:text}.home-h5-container .home-h5-content .home-title h2{font-size:50px;transition:all .4s}.home-h5-container .home-h5-content .home-title h2 span{background:linear-gradient(90deg,#ffb836 40%,#ff8436);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.home-h5-container .home-h5-content .home-title h3{font-size:36px;margin-bottom:30px;transition:all .4s}.home-h5-container .home-h5-content .home-title .version{background-color:#232323;border-radius:12px;cursor:pointer;font-size:16px;font-weight:700;margin-left:12px;padding:4px 12px}.home-h5-container .home-h5-content .home-title .version a{color:#ffb836}.home-h5-container .home-h5-content .btn-h5-group{align-items:center;display:flex;flex-direction:column}.home-h5-container .home-h5-content .btn-h5-group .btn{border:2px solid #ffb836;border-radius:6px;box-sizing:border-box;font-size:20px;height:52px;margin-bottom:20px;overflow:hidden;text-align:center;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%}.home-h5-container .home-h5-content .btn-h5-group .btn.usage{align-items:center;box-sizing:border-box;color:#ffb836;display:flex;justify-content:center;padding:10px 20px;transition:background-color .4s}.home-h5-container .home-h5-content .btn-h5-group .btn.install{align-items:center;background-color:#ffb836;box-sizing:border-box;color:#343538;display:flex;justify-content:center;padding:10px 20px}.home-h5-container .home-h5-content .btn-h5-group .btn.install a{align-items:center;color:#343538;display:flex;height:100%;justify-content:center;width:100%}.home-h5-container .home-h5-content .btn-h5-group .btn.install a img{height:36px;margin-right:6px;width:36px}.home-h5-container .home-h5-content .btn-h5-group .btn.install a span{margin-right:6px}.home-h5-container .home-h5-content .btn-h5-group .btn.install a .free{color:#34353899;font-size:18px;margin:0 6px}.home-h5-container .demo-h5-title{color:#ffeebe;font-size:24px;margin:60px 0 40px}.home-h5-container .demo-h5-group{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-bottom:60px}.home-h5-container .demo-h5-group .demo-video{border:2px solid #232323;border-radius:10px;margin-bottom:12px;width:100%}.home-h5-container .demo-h5-group p{line-height:32px}.home-h5-container .demo-h5-group .remixicon{color:#ffb836;margin:0 3px;position:relative;top:4px}.home-h5-container .demo-h5-group span{color:#ffeebe;font-size:18px;text-align:center}.home-h5-container .demo-h5-group span span{background:linear-gradient(90deg,#ffb836 40%,#ff8436);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.home-h5-container .demo-h5-group img{border:2px solid #ffb836;border-radius:10px;box-sizing:border-box;width:100%}.home-h5-container .home-demo{box-sizing:border-box;height:100%;overflow:hidden;padding:2% 0 2% 4%;width:46%}.home-h5-container .home-demo .bg{align-items:center;background-color:#ffb836;border-bottom-left-radius:12px;border-top-left-radius:12px;box-shadow:0 2px 20px 4px #10121566;display:flex;height:100%;width:100%}.home-h5-container .home-demo .bg .demo{aspect-ratio:.821/1;background-color:#000;border-radius:10px;box-shadow:0 2px 14px 4px #10121566;height:calc(100% - 40px);margin-left:20px;overflow:hidden}.home-h5-container .home-demo .bg .demo img{max-height:100%}
