.showup{transition-duration:0.6s;transition-property:all;opacity:0;transform:translate3d(0, 50%, 0)}.showup.on{opacity:1;transform:translate3d(0, 0, 0)}.scroll-animation.on .showup{opacity:1;transform:translate3d(0, 0, 0)}.css-pc{display:flex !important}.css-mobile{display:none !important}.css-error{color:#FE6969}.css-link{font-weight:300}.form-label{font-size:14px;line-height:1.5;color:#333;text-align:left;display:block;margin-block-end:6px}.form-input{appearance:none;font-family:inherit;width:100%;height:36px;color:#39325A;background-color:#fff;padding:0 16px;border-radius:calc(999 * 0.5rem);box-shadow:none;border:1px solid #D3D1DC;font-size:14px;font-weight:500;line-height:1.5;transition:border-color .15s ease-in-out, box-shadow .15s ease-in-out}.form-input:focus,.form-input:hover{border:1px solid #6D4DFF}.page-input{flex:1 1 0;padding-inline-start:32px;height:inherit;border-radius:0;background:transparent !important;border:none !important}.page-input:focus,.page-input:hover{border:none !important}.code-input{border:1px solid #D3D1DC;border-radius:calc(999 * 0.5rem);overflow:hidden;cursor:pointer;height:36px;width:6.2rem;position:relative}.code-input>img{width:100%;display:block;max-width:none;height:100%;position:absolute;object-fit:cover}.page-form{position:relative;display:flex;height:56px;background-color:#fff;border-radius:9999px;border:1px solid #6D4DFF}.page-form:focus,.page-form:hover{border:1px solid #4F2FE3}.form-tips{display:none !important;width:100%;margin-top:10px;padding:0 16px;background-color:#FFF0F0;border-radius:calc(999 * 0.5rem);font-size:14px;line-height:1.5;font-weight:300;color:#FE6969}.form-tips.dirty{display:block !important}input.dirty,.page-form.dirty{border:1px solid #FE6969}input.dirty:focus,input.dirty:hover,.page-form.dirty:focus,.page-form.dirty:hover{border:1px solid #FE6969}input.dirty ~ .form-tips,.page-form.dirty ~ .form-tips{display:block !important}.login__tips.dirty .form-tips,.page-form.dirty .form-tips{display:block !important}.v-grid{display:grid}.v-flex{display:flex}.v-reverse{flex-flow:row-reverse wrap !important}.v-align-center{align-items:center}.v-align-stretch{align-items:stretch}.v-justify-center{justify-content:center}.v-justify-between{justify-content:space-between}.css-align-center{text-align:center}.css-h1{font-size:40px;line-height:1.5;font-weight:600}.css-h2{font-size:34px;line-height:1.5;font-weight:600}.css-h3{font-size:18px;line-height:1.5;font-weight:500}.css-p{font-size:18px;line-height:1.5;font-weight:300}.css-small{font-size:16px}.css-item-p{font-size:14px;line-height:1.5;font-weight:300}.css-purple{font:inherit;color:#6D4DFF}.css-list>li{padding:4px 0;font-size:13px;line-height:1.5;font-weight:600;padding-inline-start:22px;background-image:url(../img/purple_fork_icon.svg);background-size:12px 8px;background-position:0 8px;background-repeat:no-repeat}@media (min-width: 769px) and (max-width: 1200px){.css-list{display:inline-block;text-align:left}}@media (max-width: 768px){.css-pc{display:none !important}.css-mobile{display:flex !important}.css-h1{font-size:26px}.css-h2{font-size:26px}.css-h3{font-size:16px}.css-p{font-size:16px}.css-list{display:inline-block;text-align:left}.css-list>li{font-size:13px}}.transformY-0{opacity:0;animation:transformY 0s;animation-delay:0.3s;animation-fill-mode:forwards}.transformY-1{opacity:0;animation:transformY .2s;animation-delay:0.3s;animation-fill-mode:forwards}.transformY-2{opacity:0;animation:transformY .4s;animation-delay:0.3s;animation-fill-mode:forwards}.transformY-3{opacity:0;animation:transformY .6s;animation-delay:0.3s;animation-fill-mode:forwards}.transformY-4{opacity:0;animation:transformY .8s;animation-delay:0.3s;animation-fill-mode:forwards}.transformY-5{opacity:0;animation:transformY 1s;animation-delay:0.3s;animation-fill-mode:forwards}@keyframes transformY{from{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0px)}}.delay0{transition-delay:0s}.delay1{transition-delay:.1s}.delay2{transition-delay:.2s}.delay3{transition-delay:.3s}.delay4{transition-delay:.4s}.delay5{transition-delay:.5s}.delay6{transition-delay:.6s}.delay7{transition-delay:.7s}.delay8{transition-delay:.8s}.delay9{transition-delay:.9s}@keyframes spin{100%{transform:rotate(360deg)}}@keyframes transition_dot1{30%{opacity:1}90%{opacity:1}100%{opacity:0}}@keyframes transition_dot2{30%{opacity:0}60%{opacity:1}90%{opacity:1}100%{opacity:0}}@keyframes transition_dot3{60%{opacity:0}90%{opacity:1}100%{opacity:0}}#share-dialog .preview-video-box{margin-inline:auto !important}#share-dialog .share-switch,#share-dialog .share_switch_des{display:none !important}.zoom-dialog{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:rgba(0,0,0,0.74)}.zoom-wrap{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);box-sizing:border-box;overflow:hidden;max-width:min(1086px, 95vw);width:max-content}.zoom-bottom{margin-top:20px;justify-content:space-between !important}.zoom-bottom .share{margin-inline-start:0 !important}.zoom__video{position:relative;border-radius:7px;overflow:hidden}.zoom__video video{width:100%;max-width:inherit;max-height:609px;object-fit:scale-down;display:block}.zoom__video .video-play{z-index:99999}.zoom__close{position:absolute;top:33px;right:30px;cursor:pointer;z-index:2;width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#ffffff 0 0 no-repeat padding-box;display:block}.zoom__close path{transition:all 0.3s ease-out}@media screen and (min-width: 1200px){.zoom__close:hover path{stroke:#6d4dff}}.operation-box{display:flex;width:100%;justify-content:center;gap:19px}.operation-box__button{cursor:pointer;width:82px;height:82px;display:inline-flex;justify-content:center;align-items:center;flex-direction:column;align-items:center;background-color:#fff;border-radius:50%;font:normal normal normal 12px/18px Poppins;color:#39325a;border:none;outline:none;transition:all 0.3s ease-out;gap:3px;flex-shrink:0}.operation-box__button::before{width:25px;height:25px;content:"";display:inline-block;background-color:#39325a;-webkit-mask:url("../img/ai-lip-sync/icon_result_zoom.svg") no-repeat center;-webkit-mask-size:contain;mask:url("../img/ai-lip-sync/icon_result_zoom.svg") no-repeat center;mask-size:contain;transition:all 0.3s ease-out;cursor:pointer}.operation-box__button:hover{color:#6d4dff}.operation-box__button:hover::before{background-color:#6d4dff}.operation-box__button.zoom::before{width:23px;height:23px}.operation-box__button.share{margin-inline-start:auto}.operation-box__button.share::before{-webkit-mask:url("../img/ai-lip-sync/icon_result_share.svg") no-repeat center;mask:url("../img/ai-lip-sync/icon_result_share.svg") no-repeat center}.operation-box__button.download::before{-webkit-mask:url("../img/ai-lip-sync/icon_result_download.svg") no-repeat center;mask:url("../img/ai-lip-sync/icon_result_download.svg") no-repeat center}@media screen and (min-width: 1200px){.hide-pc{display:none !important}.video-play{--video-play-size: 84px;width:var(--video-play-size);height:var(--video-play-size);display:block;background-color:transparent;position:absolute;top:50%;left:50%;transform:translateX(-50%) translateY(-50%);border:none;outline:none;transition:all 0.3s ease-out;background:url("../img/ai-lip-sync/icon_video_play_shadow.png") no-repeat center;background-size:100% 100%;transform-origin:center center}.video-play svg{width:var(--video-play-size);height:var(--video-play-size);position:absolute;top:50%;left:50%;transform:translateX(-50%) translateY(-50%)}.video-play svg .video-play__trigger{transition:all 0.3s ease-out;pointer-events:bounding-box}.video-play:not(:disabled):not(.video-play--disabled):has(.video-play__trigger:hover){transform:translateX(-50%) translateY(-50%) scale(1.1)}.video-play:not(:disabled):not(.video-play--disabled) .video-play__trigger{cursor:pointer}.video-play:not(:disabled):not(.video-play--disabled) .video-play__trigger:hover{fill:#e0e0e2}.video-play--hide{display:none !important}}@media screen and (max-width: 1200px){.hide-mob{display:none !important}.gen-result .operation-box{display:flex;width:100%;justify-content:center}.gen-result .operation-box__button{cursor:pointer;min-width:1.06rem;max-height:0.81rem;display:inline-flex;justify-content:center;align-items:center;flex-direction:column;align-items:center;font:normal normal 500 0.22rem/0.28rem Poppins;color:#827c9a;border:none;outline:none;transition:all 0.3s ease-out;gap:0.09rem;background-color:transparent;flex-shrink:0}.gen-result .operation-box__button::before{content:"";width:0.44rem;height:0.44rem;display:inline-block;background:url("../img/ai-lip-sync/icon_result_zoom.svg") no-repeat center;background-size:contain}.gen-result .operation-box__button.download::before{width:0.39rem;height:0.4rem}.gen-result .operation-box__button.share::before{background:url("../img/ai-lip-sync/icon_result_share.svg") no-repeat center}.gen-result .operation-box__button.download::before{background:url("../img/ai-lip-sync/icon_result_download.svg") no-repeat center}.video-play{--video-play-size: 0.94rem;width:var(--video-play-size);height:var(--video-play-size);display:block;background-color:transparent;position:absolute;top:50%;left:50%;transform:translateX(-50%) translateY(-50%);border:none;outline:none;background:url("../img/ai-lip-sync/icon_video_play_shadow.png") no-repeat center;background-size:100% 100%;transform-origin:center center}.video-play svg{width:var(--video-play-size);height:var(--video-play-size);position:absolute;top:50%;left:50%;transform:translateX(-50%) translateY(-50%)}.video-play svg .video-play__trigger{pointer-events:bounding-box}.video-play--hide{display:none !important}}@media (max-width: 768px){.preview-box{height:unset !important}.share-box .share-switch{margin-right:16px !important}}@media screen and (min-width: 1200px){.sync{background:linear-gradient(to right, #fff9f9 0%, #ebe9ff 100%);padding:24px 24px 72px}.sync *{letter-spacing:0}.sync-wrapper{margin:0 auto}.sync-header{text-align:center}.sync__title{font:normal normal bold 36px/60px Poppins;color:#39325a}.sync__desc{font:normal normal 300 18px/22px Poppins;color:#39325a;margin-block:8px 36px;max-width:1116px;margin-inline:auto}.gen{display:flex;justify-content:center;max-width:1116px;margin:0 auto}.gen-result{flex-grow:1}.gen-result video{display:block;width:100%;height:100%;object-fit:contain;border-radius:16px;transition:filter 0.2s ease-out}.gen-operation{flex-shrink:0;display:flex;flex-direction:column;gap:17px;max-width:492px;width:100%}.gen__audio-play{--video-play-size: 22px;width:var(--video-play-size);height:var(--video-play-size);display:inline-block;position:absolute;top:16px;inset-inline-end:10px;border:none;outline:none;-webkit-mask:url("../img/ai-lip-sync/icon_close_audio.svg") no-repeat center;-webkit-mask-size:contain;mask:url("../img/ai-lip-sync/icon_close_audio.svg") no-repeat center;mask-size:contain;transition:all 0.3s ease-out;cursor:pointer}.gen__audio-play:hover{background-color:#e0d9ff}.gen__audio-play--playing{-webkit-mask:url("../img/ai-lip-sync/icon_open_audio.svg") no-repeat center;mask:url("../img/ai-lip-sync/icon_open_audio.svg") no-repeat center}.gen__delete{width:20px;height:20px;position:absolute;top:7px;inset-inline-end:6px;display:inline-block;border:none;outline:none;background-color:#39325a;-webkit-mask:url("../img/ai-lip-sync/icon_delete.svg") no-repeat center;-webkit-mask-size:contain;mask:url("../img/ai-lip-sync/icon_delete.svg") no-repeat center;mask-size:contain;transition:background-color 0.3s ease-out;cursor:pointer}.gen__delete:hover{background-color:#6d4dff}.gen__button{background-color:#6d4dff;border-radius:25px;max-width:314px;width:100%;height:48px;display:flex;justify-content:center;align-items:center;margin-inline:auto;border:none;outline:none;font:normal normal normal 17px/26px Poppins;color:#ffffff}.gen__button span{font:normal normal normal 17px/26px Poppins;color:#ffffff;opacity:0}.gen__button:disabled{background-color:rgba(109,77,255,0.3);cursor:default}.gen__button:not(:disabled){cursor:pointer}.gen__button--transition .dot1{animation:transition_dot1 1s linear infinite}.gen__button--transition .dot2{animation:transition_dot2 1s linear infinite}.gen__button--transition .dot3{animation:transition_dot3 1s linear infinite}.gen__generating{width:124px;height:124px;box-shadow:0px 3px 6px #0f103629;border:2px solid #ffffff;border-radius:67px;display:inline-flex;justify-content:center;align-items:center;flex-direction:column;position:absolute;top:50%;left:50%;transform:translateX(-50%) translateY(-50%);background-color:#ffffff;gap:5px;overflow:hidden;user-select:none;pointer-events:none}.gen__generating span{font:normal normal normal 12px/18px Poppins;color:#39325a;text-align:center;display:block}.gen__generating .icon{width:43px;height:43px;background:no-repeat center url("../img/ai-lip-sync/icon_loading.svg");background-size:100%;animation:spin 1.1s linear infinite;flex-shrink:0}.gen-result__default{margin-inline-end:12px;display:none;position:relative}.gen-result__default::before,.gen-result__default::after{position:absolute;bottom:0;height:37px;font:normal normal 600 12px Poppins;color:#ffffff;display:inline-flex;justify-content:center;align-items:center;background-color:rgba(0,0,0,0.43)}.gen-result__default::before{content:var(--text-origin);left:0;padding-left:11px;padding-right:14px;border-radius:0 16px}.gen-result__default::after{content:var(--text-synced);right:0;padding-left:14px;padding-right:11px;border-radius:16px 0}.gen-result__display{margin-inline-end:34px;position:relative;display:none}.gen-result__display video{margin:0 auto;transform:translateZ(0);will-change:transform;backface-visibility:hidden}.gen-result__display .video-play{display:none}.gen-result__display .gen__generating{display:none}.gen-result__bottom{margin-inline-end:34px;display:none;margin-top:9px;position:relative}.gen-result__bottom .gen-result__tip{display:flex;justify-content:center;gap:5px;margin-inline:auto}.gen-result__bottom .gen-result__tip p,.gen-result__bottom .gen-result__tip span{font:normal normal 500 13px/20px Poppins;color:#39325a}.gen-result__bottom .gen-result__tip span{color:#fe4e29}.gen-result__bottom .gen-result__tip::before{content:"";display:inline-block;width:13px;height:13px;background-color:#fe4e29;-webkit-mask:url("../img/ai-lip-sync/icon_gen_tip.svg") no-repeat center;-webkit-mask-size:contain;mask:url("../img/ai-lip-sync/icon_gen_tip.svg") no-repeat center;mask-size:contain;flex-shrink:0;margin-top:calc(7px / 2)}.gen-result__bottom .gen-result__operation{display:none;margin-top:5px;position:absolute;left:50%;transform:translateX(-50%)}.gen-result--idle .gen-result__default{display:block}.gen-result--display .gen-result__display{display:block}.gen-result--display .gen-result__display .video-play{display:block}.gen-result--generating .gen-result__display{display:block}.gen-result--generating .gen-result__display video{filter:blur(8px)}.gen-result--generating .gen-result__display .gen__generating{display:inline-flex}.gen-result--generating .gen-result__bottom{display:block}.gen-result--generating .gen-result__bottom .gen-result__tip{margin-top:19px}.gen-result--finished .gen-result__display{display:block}.gen-result--finished .gen-result__display .video-play{display:block}.gen-result--finished .gen-result__bottom{display:block}.gen-result--finished .gen-result__bottom .gen-result__operation{display:flex}.gen-result--display.is-vertical-video .gen-result__display,.gen-result--generating.is-vertical-video .gen-result__display,.gen-result--finished.is-vertical-video .gen-result__display{width:min-content;margin-inline:auto}.gen-result--display.is-vertical-video .gen-result__display video,.gen-result--generating.is-vertical-video .gen-result__display video,.gen-result--finished.is-vertical-video .gen-result__display video{width:unset;max-height:415px}.gen-result--display.is-vertical-video .gen-result__bottom,.gen-result--generating.is-vertical-video .gen-result__bottom,.gen-result--finished.is-vertical-video .gen-result__bottom{width:fit-content;margin-inline:auto}.gen-card{display:flex;justify-content:center;flex-direction:column;width:100%;background-color:white;border-radius:10px;border:1px solid #e2e2e2;opacity:0.85;padding-bottom:10px}.gen-card-header{padding-inline:54px 12px;padding-block:10px;user-select:none;position:relative;display:flex;align-items:center;gap:10px}.gen-card-header *{display:inline-block}.gen-card-header__index{position:absolute;inset-inline-start:12px;top:-12px;width:32px;height:33px;background:url("../img/ai-lip-sync/icon_step1.png") center no-repeat;background-size:contain}.gen-card-header__index--step-2{background-image:url("../img/ai-lip-sync/icon_step2.png")}.gen-card-header__index--step-3{background-image:url("../img/ai-lip-sync/icon_step3.png")}.gen-card-header__title{font:normal normal 500 16px/23px Poppins;color:#39325a;cursor:default}.gen-card-header__button{margin-inline-start:auto;text-decoration:underline;font:normal normal 500 14px/21px Poppins;color:#6d4dff;cursor:pointer;align-self:flex-end;text-align:end;word-break:keep-all;white-space:nowrap;transition:color 0.3s ease-out;user-select:none}.gen-card-header__button:hover{color:#b076ff}.gen-card-tab{display:flex;justify-content:center;align-items:center;gap:29px;padding-bottom:14px;user-select:none}.gen-card-tab__item{font:normal normal 500 16px/25px Poppins;color:#39325a;position:relative;cursor:pointer;padding-block:4px}.gen-card-tab__item::after{content:"";position:absolute;bottom:0;inset-inline-start:0;inset-inline-end:0;height:4px;width:100%;background-color:transparent;border-radius:5px}.gen-card-tab__item:not(.gen-card-tab__item--active):hover{color:#737c90}.gen-card-tab__item--active{color:#6d4dff}.gen-card-tab__item--active::after{background-color:#6e4eff}.gen-card-content{padding-inline:12px}.gen-card-content>div{background-color:#ffffff;border:1px dashed #b2b7c2;border-radius:10px;height:134px;position:relative;user-select:none}.gen-card__tip{font:normal normal 500 13px/19px Poppins;color:#808080;display:flex;justify-content:center;align-items:center;gap:5px;margin-top:11px;visibility:hidden}.gen-card__tip::before{content:"";display:inline-block;width:13px;height:13px;background:url("../img/ai-lip-sync/icon_gen_tip.svg") center no-repeat;background-size:13px 13px;flex-shrink:0}.gen-upload{align-items:center;padding-inline:75px;display:none;overflow:hidden}.gen-upload-inner{display:flex;justify-content:center;gap:9px;pointer-events:none}.gen-upload__icon{display:inline-block;width:29px;height:29px;background:url("../img/ai-lip-sync/icon_app_video.svg") center no-repeat;background-size:contain;margin-top:5px}.gen-upload__icon--audio{background-image:url("../img/ai-lip-sync/icon_app_audio.svg")}.gen-upload__title{font:normal normal 600 14px/20px Poppins;color:#39325a;margin-bottom:5px}.gen-upload__desc{font:normal normal 500 13px/20px Poppins;color:#6f6f6f}.gen-upload__uploading{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:10px;justify-content:center;align-items:center;display:none;pointer-events:none}.gen-upload__uploading .icon{width:36px;height:36px;background:no-repeat center url("../img/ai-lip-sync/icon_loading.svg");background-size:100%;animation:spin 1.1s linear infinite}.gen-upload-input{display:none}.gen-url{justify-content:center;align-items:center;padding-inline:21px;display:none;overflow:hidden}.gen-url__input{border:1px solid #bdaffd;border-radius:3px;width:100%;height:56px;display:flex;justify-content:center;align-items:center;transition:border-color 0.3s ease-out}.gen-url__input i{display:inline-block;width:28px;height:28px;background:url("../img/ai-lip-sync/icon_youtube.svg") center no-repeat;background-size:contain;margin-inline-start:14px;flex-shrink:0}.gen-url__input input{flex-grow:1;height:100%;padding-inline:14px;font:normal normal 500 14px/21px Poppins;color:#39325a;background-color:transparent;outline:none;border:none}.gen-url__input input::placeholder{font:normal normal 500 14px/21px Poppins;color:#b4b0c6}.gen-url__input button{width:48px;height:48px;border-radius:3px;margin-inline-end:3px;outline:none;display:none;background-color:#6d4dff;background-image:url("../img/ai-lip-sync/icon_arrow_right.svg");background-repeat:no-repeat;background-position:center;background-size:21px 21px;transition:background-color 0.3s ease-out;cursor:pointer;flex-shrink:0}.gen-url__input button:hover{background-color:#5534ea}.gen-url--writing .gen-url__input{border-color:#b9b9b9}.gen-url--writing .gen-url__input i{display:none}.gen-url--writing .gen-url__input button{display:inline-block}.gen-video{padding-inline:19px 30px;align-items:center;gap:24px;display:none}.gen-video__poster{max-width:151px;height:85px;position:relative;border-radius:7px;overflow:hidden;flex-shrink:0}.gen-video__poster video{width:100%;height:100%;object-fit:contain;object-position:center}.gen-video__poster .video-play{--video-play-size: 46px}.gen-video__title{font:normal normal 600 15px/21px Poppins;color:#39325a;margin-bottom:5px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;cursor:default}.gen-video__desc{font:normal normal 500 13px/19px Poppins;color:#6f6f6f;cursor:default}.gen-audio{justify-content:center;align-items:center;flex-direction:column;display:none;padding-inline:30px;overflow:hidden}.gen-audio__title{flex-shrink:0;font:normal normal 600 14px/20px Poppins;color:#39325a;max-height:20px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;text-align:center;width:100%;cursor:default}.gen-audio__content{flex-shrink:0;margin-top:28px;display:flex;justify-content:space-between;flex-wrap:wrap;width:100%;max-width:356px}.gen-audio__progress{position:relative;width:100%;height:17px;background:#e1e5ee;-webkit-mask:url("../img/ai-lip-sync/gen_progress.svg") no-repeat center;-webkit-mask-size:contain;mask:url("../img/ai-lip-sync/gen_progress.svg") no-repeat center;mask-size:contain;mask-repeat:no-repeat;margin-bottom:4px}.gen-audio__progress::before{content:"";position:absolute;top:0;inset-inline-start:0;width:var(--progress);height:100%;background:#8b3dff}.gen-audio__duration{font:normal normal 500 11px/16px Poppins;color:#9a9a9a;cursor:default}.gen-audio__play{display:inline-block;flex-shrink:0;border:none;outline:none;width:27px;height:27px;border-radius:27px;background-color:#8b3dff;-webkit-mask:url("../img/ai-lip-sync/icon_audio_paly.svg") no-repeat center;-webkit-mask-size:contain;mask:url("../img/ai-lip-sync/icon_audio_paly.svg") no-repeat center;mask-size:contain;transition:background-color 0.3s ease-out;cursor:pointer}.gen-audio__play:hover{background-color:#a460ff}.gen-audio__play--playing{-webkit-mask:url("../img/ai-lip-sync/icon_audio_pause.svg") no-repeat center;mask:url("../img/ai-lip-sync/icon_audio_pause.svg") no-repeat center}.gen-card:not(.gen-card--dragging):not(.gen-card--uploading) .gen-upload,.gen-card--idle .gen-upload{cursor:pointer}.gen-card:not(.gen-card--dragging):not(.gen-card--uploading) .gen-upload:hover,.gen-card--idle .gen-upload:hover{background-color:#fbfbfb}.gen-card.gen-card--dragging .gen-upload{background-color:#f2ebff;border:1px solid #e2e2e2}.gen-card.gen-card--uploading .gen-upload,.gen-card.gen-card--uploading .gen-url{border:1px solid #e2e2e2;background-color:#f2ebff}.gen-card.gen-card--uploading .gen-upload>:not(.gen-upload__uploading),.gen-card.gen-card--uploading .gen-url>:not(.gen-upload__uploading){display:none}.gen-card.gen-card--uploading .gen-upload .gen-upload__uploading,.gen-card.gen-card--uploading .gen-url .gen-upload__uploading{display:flex}.gen-card.gen-card--uploading .gen-card-tab__item,.gen-card.gen-card--uploading .gen-card-header__button{user-select:none;pointer-events:none;cursor:default}.gen-card.gen-card-video--upload .gen-upload{display:flex}.gen-card.gen-card-video--url .gen-url{display:flex}.gen-card.gen-card-video--url .gen-card__tip{visibility:visible}.gen-card.gen-card-video--video .gen-video{display:flex}.gen-card.gen-card-video--video .gen-card__tip{visibility:visible}.gen-card.gen-card-audio{padding-bottom:22px}.gen-card.gen-card-audio .gen-card-content{margin-top:5px}.gen-card.gen-card-audio--upload .gen-upload{display:flex}.gen-card.gen-card-audio--audio .gen-audio{display:flex}.gen-card.gen-card-generate .gen__button{margin-block:16px 39px}.gen--generating .gen-card .gen-card-header__button,.gen--generating .gen-card .gen-card-tab,.gen--generating .gen-card .gen-audio__play,.gen--generating .gen-card .gen__delete{user-select:none;pointer-events:none;cursor:default}}@media screen and (max-width: 1200px){.sync{background:linear-gradient(80deg, #fff9f9 0%, #ebe9ff 100%);padding:0.3rem 0.6rem 0.56rem}.sync *{letter-spacing:0}.sync-wrapper{margin:0 auto}.sync-header{text-align:center}.sync__title{font:normal normal bold 0.4rem/0.6rem Poppins;color:#39325a}.sync__desc{font:normal normal 300 0.28rem/0.46rem Poppins;color:#39325a;margin-top:0.1rem}.gen{display:flex;align-items:center;flex-direction:column}.gen-result{padding-inline:0.09rem}.gen-result video{display:block;width:100%;height:100%;object-fit:contain;border-radius:0.16rem}.gen-operation{flex-shrink:0;display:flex;flex-direction:column;gap:0.45rem;width:100%}.gen__audio-play{--video-play-size: 22px;width:var(--video-play-size);height:var(--video-play-size);display:inline-block;position:absolute;top:16px;inset-inline-end:10px;border:none;outline:none;-webkit-mask:url("../img/ai-lip-sync/icon_close_audio.svg") no-repeat center;-webkit-mask-size:contain;mask:url("../img/ai-lip-sync/icon_close_audio.svg") no-repeat center;mask-size:contain;transition:all 0.3s ease-out;cursor:pointer}.gen__audio-play--playing{-webkit-mask:url("../img/ai-lip-sync/icon_open_audio.svg") no-repeat center;mask:url("../img/ai-lip-sync/icon_open_audio.svg") no-repeat center}.gen__delete{width:.36rem;height:.36rem;position:absolute;top:0.13em;inset-inline-end:0.14rem;display:inline-block;border:none;outline:none;background:url("../img/ai-lip-sync/icon_delete.svg") no-repeat center;background-size:contain;cursor:pointer}.gen__button{background-color:#6d4dff;border-radius:0.5rem;max-width:5.64rem;width:100%;height:0.88rem;display:flex;justify-content:center;align-items:center;margin-inline:auto;border:none;outline:none;font:normal normal 500 0.26rem/0.39rem Poppins;color:#ffffff}.gen__button span{font:normal normal 500 0.26rem/0.39rem Poppins;color:#ffffff;opacity:0}.gen__button:disabled{background-color:rgba(109,77,255,0.3)}.gen__button--transition .dot1{animation:transition_dot1 1s linear infinite}.gen__button--transition .dot2{animation:transition_dot2 1s linear infinite}.gen__button--transition .dot3{animation:transition_dot3 1s linear infinite}.gen__generating{width:1.4rem;height:1.4rem;box-shadow:0px 0.03rem 0.06rem #0f103629;border:0.02rem solid #ffffff;border-radius:0.67rem;display:inline-flex;justify-content:center;align-items:center;flex-direction:column;position:absolute;top:50%;left:50%;transform:translateX(-50%) translateY(-50%);background-color:#ffffff;gap:0.06rem;overflow:hidden;pointer-events:none}.gen__generating span{font:normal normal normal 0.14rem/0.24rem Poppins;color:#39325a;text-align:center;display:block}.gen__generating .icon{width:0.49rem;height:0.49rem;background:no-repeat center url("../img/ai-lip-sync/icon_loading.svg");background-size:100%;animation:spin 1.1s linear infinite;flex-shrink:0}.gen-result__default{display:none;position:relative;margin-top:0.1rem;margin-bottom:0.44rem}.gen-result__default::before,.gen-result__default::after{position:absolute;bottom:0;height:0.37rem;font:normal normal 600 0.14rem Poppins;color:#ffffff;display:inline-flex;justify-content:center;align-items:center;background-color:rgba(0,0,0,0.43)}.gen-result__default::before{content:var(--text-origin);left:0;padding-left:0.19rem;padding-right:0.21rem;border-radius:0 0.16rem}.gen-result__default::after{content:var(--text-synced);right:0;padding-left:0.22rem;padding-right:0.21rem;border-radius:0.16rem 0}.gen-result__display{position:relative;display:none;margin-top:0.58rem}.gen-result__display video{max-width:6.12rem;margin-inline:auto;transform:translateZ(0);will-change:transform;backface-visibility:hidden}.gen-result__display .video-play{display:none}.gen-result__display .gen__generating{display:none}.gen-result__bottom{display:none;margin-bottom:0.56rem;margin-top:0.22rem}.gen-result__bottom .gen-result__tip{display:flex;justify-content:center;gap:0.09rem;margin-inline:auto}.gen-result__bottom .gen-result__tip p,.gen-result__bottom .gen-result__tip span{font:normal normal 500 0.21rem/0.31rem Poppins;color:#39325a}.gen-result__bottom .gen-result__tip span{color:#fe4e29}.gen-result__bottom .gen-result__tip::before{content:"";display:inline-block;width:0.21rem;height:0.21rem;background-color:#fe4e29;-webkit-mask:url("../img/ai-lip-sync/icon_gen_tip.svg") no-repeat center;-webkit-mask-size:contain;mask:url("../img/ai-lip-sync/icon_gen_tip.svg") no-repeat center;mask-size:contain;flex-shrink:0;margin-top:calc(0.1rem / 2)}.gen-result__bottom .gen-result__operation{display:none;margin-top:0.12rem;gap:0}.gen-result__bottom .gen-result__operation .operation-box__button{width:fit-content}.gen-result__bottom .gen-result__operation .share{margin-inline-start:0 !important}.gen-result__bottom .gen-result__operation .download{margin-inline-start:auto;min-width:1.26rem}.gen-result--idle .gen-result__default{display:block}.gen-result--display{width:100%}.gen-result--display .gen-result__display{display:block;margin-bottom:0.92rem}.gen-result--display .gen-result__display .video-play{display:block}.gen-result--generating{width:100%}.gen-result--generating .gen-result__display{display:block;margin-bottom:0}.gen-result--generating .gen-result__display video{filter:blur(0.08rem)}.gen-result--generating .gen-result__display .gen__generating{display:inline-flex}.gen-result--generating .gen-result__bottom{display:block}.gen-result--generating .gen-result__bottom .gen-result__tip{margin-top:0.26rem}.gen-result--finished{width:100%}.gen-result--finished .gen-result__display{display:block}.gen-result--finished .gen-result__display .video-play{display:block}.gen-result--finished .gen-result__bottom{display:block}.gen-result--finished .gen-result__bottom .gen-result__operation{display:flex}.gen-result--display.is-vertical-video .gen-result__display,.gen-result--generating.is-vertical-video .gen-result__display,.gen-result--finished.is-vertical-video .gen-result__display{width:min-content;margin-inline:auto}.gen-result--display.is-vertical-video .gen-result__display video,.gen-result--generating.is-vertical-video .gen-result__display video,.gen-result--finished.is-vertical-video .gen-result__display video{width:unset;max-height:4.48rem}.gen-result--display.is-vertical-video .gen-result__bottom,.gen-result--generating.is-vertical-video .gen-result__bottom,.gen-result--finished.is-vertical-video .gen-result__bottom{width:fit-content;margin-inline:auto}.gen-result--display.is-vertical-video .gen-result__bottom .gen-result__operation,.gen-result--generating.is-vertical-video .gen-result__bottom .gen-result__operation,.gen-result--finished.is-vertical-video .gen-result__bottom .gen-result__operation{margin-inline:auto}.is-android-edge .gen-result__display{width:100%;margin-inline:auto}.is-android-edge .gen-result__display video{background-color:black;width:100%;max-height:4.48rem}.gen-card{display:flex;justify-content:center;flex-direction:column;width:100%;background-color:white;border-radius:0.1rem;border:0.01rem solid #e2e2e2;opacity:0.85;padding-bottom:0.22rem}.gen-card-header{padding-inline:1rem 0.25rem;padding-block:0.22rem;user-select:none;position:relative;display:flex;align-items:center;gap:0.16rem}.gen-card-header *{display:inline-block}.gen-card-header__index{position:absolute;inset-inline-start:.16rem;top:-0.23rem;width:.64rem;height:.64rem;background:url("../img/ai-lip-sync/icon_step_bg.svg") center no-repeat;background-size:contain;display:flex;justify-content:center;align-items:center}.gen-card-header__index::before{content:"1";display:inline-block;font:italic normal 600 0.36rem Poppins;color:#ffffff;transform:translateX(-0.02rem)}.gen-card-header__index--step-2::before{content:"2"}.gen-card-header__index--step-3::before{content:"3"}.gen-card-header__title{font:normal normal 600 0.26rem/0.38rem Poppins;color:#39325a}.gen-card-header__button{margin-inline-start:auto;text-decoration:underline;font:normal normal 500 0.22rem/0.31rem Poppins;color:#6d4dff;cursor:pointer;text-align:end;word-break:keep-all;white-space:nowrap;user-select:none}.gen-card-tab{display:flex;justify-content:center;align-items:center;gap:0.34rem;padding-bottom:0.26rem;user-select:none}.gen-card-tab__item{font:normal normal 500 0.24rem/0.33rem Poppins;color:#39325a;position:relative;cursor:pointer;padding-block:0.06rem}.gen-card-tab__item::after{content:"";position:absolute;bottom:0;inset-inline-start:0;inset-inline-end:0;height:0.06rem;width:100%;background-color:transparent;border-radius:0.05rem}.gen-card-tab__item--active{color:#6d4dff}.gen-card-tab__item--active::after{background-color:#6e4eff}.gen-card-content{padding-inline:0.25rem}.gen-card-content>div{background-color:#ffffff;border:0.02rem dashed #b2b7c2;border-radius:0.12rem;height:3.26rem;position:relative;user-select:none}.gen-card__tip{font:normal normal 500 0.2rem/0.28rem Poppins;color:#808080;display:flex;justify-content:center;align-items:center;gap:0.09rem;margin-top:0.09rem;visibility:hidden}.gen-card__tip::before{content:"";display:inline-block;width:0.23rem;height:0.23rem;background:url("../img/ai-lip-sync/icon_gen_tip.svg") center no-repeat;background-size:0.23rem 0.23rem;flex-shrink:0}.gen-upload{padding-inline:0.4rem;display:none;justify-content:center;align-items:center;overflow:hidden}.gen-upload-inner{display:flex;justify-content:center;align-items:center;flex-direction:column;gap:0.06rem;pointer-events:none}.gen-upload__icon{display:inline-block;width:0.53rem;height:0.53rem;background:url("../img/ai-lip-sync/icon_app_video.svg") center no-repeat;background-size:contain}.gen-upload__icon--audio{background-image:url("../img/ai-lip-sync/icon_app_audio.svg")}.gen-upload__title{font:normal normal 600 0.26rem/0.36rem Poppins;color:#39325a;margin-bottom:0.08rem;text-align:center}.gen-upload__desc{font:normal normal 500 0.2rem/0.29rem Poppins;color:#6f6f6f;text-align:center}.gen-upload__uploading{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:0.12rem;justify-content:center;align-items:center;display:none;pointer-events:none}.gen-upload__uploading .icon{width:0.56rem;height:0.56rem;background:no-repeat center url("../img/ai-lip-sync/icon_loading.svg");background-size:100%;animation:spin 1.1s linear infinite}.gen-upload-input{display:none}.gen-url{justify-content:center;align-items:center;padding-inline:0.3rem;display:none;overflow:hidden}.gen-url__input{border:0.01rem solid #bdaffd;border-radius:0.04rem;width:100%;height:0.68rem;display:flex;justify-content:center;align-items:center;transition:border-color 0.3s ease-out}.gen-url__input i{display:inline-block;width:0.34rem;height:0.34rem;background:url("../img/ai-lip-sync/icon_youtube.svg") center no-repeat;background-size:contain;margin-inline-start:0.18rem;flex-shrink:0}.gen-url__input input{display:block;width:100%;height:100%;padding-inline:0.18rem;font:normal normal 500 0.2rem/0.33rem Poppins;color:#39325a;background-color:transparent;outline:none;border:none}.gen-url__input input::placeholder{font:normal normal 500 0.2rem/0.33rem Poppins;color:#b4b0c6}.gen-url__input button{width:0.6rem;height:0.6rem;border-radius:0.03rem;margin-inline-end:0.03rem;outline:none;display:none;background-color:#6d4dff;background-image:url("../img/ai-lip-sync/icon_arrow_right.svg");background-repeat:no-repeat;background-position:center;background-size:0.25rem 0.26rem;cursor:pointer;flex-shrink:0}.gen-url--writing .gen-url__input input{max-width:calc(100% - 0.34rem - 0.18rem - 0.6rem - 0.03rem)}.gen-url--writing .gen-url__input button{display:inline-block}.gen-video{padding-inline:0.17rem;display:none;align-items:center;flex-direction:column;gap:0.15rem;padding-top:0.34rem}.gen-video__poster{max-width:4.11rem;height:2.33rem;position:relative;border-radius:0.07rem;overflow:hidden;flex-shrink:0}.gen-video__poster video{width:100%;height:100%;object-fit:contain;object-position:center}.gen-video__poster .video-play{--video-play-size: 0.82rem}.gen-video__content{display:flex;justify-content:center;align-items:center;gap:0.32rem;width:100%}.gen-video__title{font:normal normal 600 0.22rem/0.31rem Poppins;color:#39325a;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex-grow:1}.gen-video__desc{font:normal normal 500 0.2rem/0.28rem Poppins;color:#6f6f6f;flex-shrink:0}.gen-audio{align-items:center;flex-direction:column;display:none;padding-inline:0.37rem;padding-top:0.54rem;overflow:hidden}.gen-audio__title{flex-shrink:0;font:normal normal 600 0.24rem/0.33rem Poppins;color:#39325a;max-height:0.33rem;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;text-align:center;width:100%}.gen-audio__content{flex-shrink:0;margin-block:0.55rem 0.33rem;display:flex;justify-content:space-between;flex-wrap:wrap;width:100%;max-width:5.06rem}.gen-audio__progress{position:relative;width:100%;height:0.23rem;background:#e1e5ee;-webkit-mask:url("../img/ai-lip-sync/gen_progress.svg") no-repeat center;-webkit-mask-size:contain;mask:url("../img/ai-lip-sync/gen_progress.svg") no-repeat center;mask-size:contain;mask-repeat:no-repeat;margin-bottom:0.08rem}.gen-audio__progress::before{content:"";position:absolute;top:0;inset-inline-start:0;width:var(--progress);height:100%;background:#8b3dff}.gen-audio__duration{font:normal normal 500 0.18rem/0.25rem Poppins;color:#9a9a9a}.gen-audio__play{display:inline-block;flex-shrink:0;border:none;outline:none;width:0.67rem;height:0.67rem;border-radius:0.67rem;background:url("../img/ai-lip-sync/icon_audio_paly.svg") no-repeat center;background-size:contain;cursor:pointer}.gen-audio__play--playing{background:url("../img/ai-lip-sync/icon_audio_pause.svg") no-repeat center}.gen-card:not(.gen-card--dragging):not(.gen-card--uploading) .gen-upload,.gen-card--idle .gen-upload{cursor:pointer}.gen-card.gen-card--uploading .gen-upload,.gen-card.gen-card--uploading .gen-url{border:0.02rem solid #e2e2e2;background-color:#f2ebff}.gen-card.gen-card--uploading .gen-upload>:not(.gen-upload__uploading),.gen-card.gen-card--uploading .gen-url>:not(.gen-upload__uploading){display:none}.gen-card.gen-card--uploading .gen-upload .gen-upload__uploading,.gen-card.gen-card--uploading .gen-url .gen-upload__uploading{display:flex}.gen-card.gen-card-video .gen-card-content{padding-top:1px}.gen-card.gen-card-video--upload .gen-upload{display:flex}.gen-card.gen-card-video--url .gen-url{display:flex}.gen-card.gen-card-video--url .gen-card__tip{visibility:visible}.gen-card.gen-card-video--video .gen-card__tip{visibility:visible}.gen-card.gen-card-audio{padding-bottom:0.26rem}.gen-card.gen-card-audio .gen-card-header__title{font-size:0.24rem}.gen-card.gen-card-audio .gen-card-content{margin-top:0.09rem}.gen-card.gen-card-audio--upload .gen-upload{display:flex}.gen-card.gen-card-audio--audio .gen-audio{display:flex}.gen-card.gen-card-generate .gen__button{margin-block:0.18rem 0.55rem}}