.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:#fff8e4;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:50px!important}.zh{line-height:64px!important}.en{line-height:56px!important}}@media screen and (max-width:1200px){.home-title,.home-title h1{font-size:30px!important}.home-title h2{font-size:40px!important}.zh{line-height:54px!important}.en{line-height:46px!important}}@media screen and (max-width:768px){.home-title,.home-title h1{font-size:24px!important}.home-title h2{font-size:34px!important}.zh{line-height:48px!important}.en{line-height:40px!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:74px}.home-container .home-content .en{font-weight:700;line-height:66px}.home-container .home-content .home-title{font-size:50px;margin-bottom:40px;transition:all .4s}.home-container .home-content .home-title h2{font-size:60px;margin-bottom:40px;transition:all .4s;white-space:nowrap}.home-container .home-content .home-title h1{font-size:45px;transition:all .4s}.home-container .home-content .home-title h1 span{background:linear-gradient(90deg,#ffb836 40%,#ff8436);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.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 .zh{font-weight:500;line-height:74px}.home-h5-container .home-h5-content .en{font-weight:700;line-height:66px}.home-h5-container .home-h5-content .home-title{font-size:50px;margin-bottom:80px;transition:all .4s}.home-h5-container .home-h5-content .home-title h1{font-size:50px;transition:all .4s}.home-h5-container .home-h5-content .home-title h1 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 h2{font-size:36px;margin-bottom:30px;transition:all .4s}.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{box-sizing:border-box;color:#ffb836;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:#fff8e4;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:#fff8e4;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%}
