@keyframes progressgenerate{0%{opacity:0}30%{opacity:1}70.1%{opacity:1}100%{opacity:0}}@keyframes rotateAnimation{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}#ai-ghibli-filter{background-image:linear-gradient(to right, #fff9f9 0%, #ebe9ff 100%);padding:42px 0 150px;counter-reset:section}#ai-ghibli-filter .m-show{display:none !important}#ai-ghibli-filter>h1{text-align:center;font:normal normal bold 45px/68px Poppins;color:#39325a;margin-bottom:12px}#ai-ghibli-filter>p{text-align:center;font:normal normal 300 20px/30px Poppins;color:#39325a}#ai-ghibli-filter .ghibli-wrapper{display:flex;align-items:flex-start;justify-content:center;margin-top:50px}#ai-ghibli-filter .ghibli-operate{width:415px}#ai-ghibli-filter .ghibli-operate>section{background-color:#fff;border:1px solid #e2e2e2;border-radius:10px;margin-bottom:21px;position:relative}#ai-ghibli-filter .ghibli-operate>section::before{counter-increment:section;content:counter(section);position:absolute;z-index:2;width:33px;height:33px;top:-10px;left:10px;display:flex;align-items:center;justify-content:center;color:#fff;font:italic normal 600 18px/38px Poppins;border-radius:7px;background:rgba(0,0,0,0) linear-gradient(135deg, #c879f7 0%, #7657f6 100%) 0 0 no-repeat padding-box}#ai-ghibli-filter .ghibli-operate>section .section-title{margin:13px 0 13px 53px;font:normal normal 300 14px/21px Poppins;color:#39325a}#ai-ghibli-filter .step-upload-wrapper.uploaded .upload-btn-wrap{display:none}#ai-ghibli-filter .step-upload-wrapper.uploaded .change-btn-wrap{display:flex}#ai-ghibli-filter .step-upload-wrapper.loading.draggable .drag-wrap{display:none}#ai-ghibli-filter .step-upload-wrapper.loading .upload-btn-wrap .upload-btn{pointer-events:none}#ai-ghibli-filter .step-upload-wrapper.loading .upload-btn-wrap .upload-btn :not(.loading-icon){display:none}#ai-ghibli-filter .step-upload-wrapper.loading .upload-btn-wrap .upload-btn .loading-icon{display:block;animation:rotateAnimation 1.5s linear infinite}#ai-ghibli-filter .step-upload-wrapper.loading .change-btn{pointer-events:none;border:2px solid #c5b8ff;background:#fff 0 0 no-repeat padding-box}#ai-ghibli-filter .step-upload-wrapper.loading .change-btn :not(.loading-icon){display:none}#ai-ghibli-filter .step-upload-wrapper.loading .change-btn .loading-icon{display:block;animation:rotateAnimation 1.5s linear infinite}#ai-ghibli-filter .step-upload-wrapper.draggable .drag-wrap{display:flex}#ai-ghibli-filter .drag-wrap{position:absolute;display:none;align-items:center;justify-content:center;top:0;left:0;width:100%;height:100%;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);font:normal normal 500 14px/21px Poppins;color:#fff;z-index:1;border-radius:10px;background-color:rgba(0,0,0,.2)}#ai-ghibli-filter .upload-btn-wrap .upload-btn{width:277px;height:43px;display:flex;align-items:center;justify-content:center;border-radius:99px;background:#6d4dff 0 0 no-repeat padding-box;cursor:pointer;margin:32px auto 6px}#ai-ghibli-filter .upload-btn-wrap .upload-btn img{display:block;width:22px;margin-right:8px}#ai-ghibli-filter .upload-btn-wrap .upload-btn span{font:normal normal 500 17px/26px Poppins;color:#fff}#ai-ghibli-filter .upload-btn-wrap .upload-btn .loading-icon{display:none}@media screen and (min-width: 1200px){#ai-ghibli-filter .upload-btn-wrap .upload-btn:hover{background:#4a34da 0 0 no-repeat padding-box}}#ai-ghibli-filter .upload-btn-wrap .upload-tips{text-align:center}#ai-ghibli-filter .upload-btn-wrap .upload-tips span{text-align:center;font:normal normal normal 12px/18px Poppins;color:#aca9bb}#ai-ghibli-filter .change-btn-wrap{display:none;align-items:center;justify-content:center;margin-bottom:37px}#ai-ghibli-filter .change-btn-wrap>img{display:block;box-shadow:0 3px 6px rgba(15,16,54,.1607843137);border:2px solid #fff;border-radius:50%;width:62px;height:62px;box-sizing:border-box;margin-right:20px;-o-object-fit:cover;object-fit:cover}#ai-ghibli-filter .change-btn-wrap .change-btn{width:200px;height:43px;display:flex;align-items:center;justify-content:center;border-radius:99px;border:2px solid #c5b8ff;background:#fff 0 0 no-repeat padding-box;cursor:pointer;box-sizing:border-box}#ai-ghibli-filter .change-btn-wrap .change-btn svg{display:block;width:17px;margin-right:12px}#ai-ghibli-filter .change-btn-wrap .change-btn svg path{fill:#6d4dff}#ai-ghibli-filter .change-btn-wrap .change-btn span{font:normal normal 500 14px/21px Poppins;color:#6d4dff}#ai-ghibli-filter .change-btn-wrap .change-btn img{width:22px;display:none}@media screen and (min-width: 1200px){#ai-ghibli-filter .change-btn-wrap .change-btn:hover{background:#6d4dff 0 0 no-repeat padding-box;border-color:#6d4dff}#ai-ghibli-filter .change-btn-wrap .change-btn:hover span{color:#fff}#ai-ghibli-filter .change-btn-wrap .change-btn:hover svg path{fill:#fff}}#ai-ghibli-filter .step-generate .change-btn-origin{display:flex}#ai-ghibli-filter .step-generate .change-btn-changing{display:none}#ai-ghibli-filter .step-generate.disabled .generate-btn{pointer-events:none;opacity:.3}#ai-ghibli-filter .step-generate.generating .change-btn-origin{display:none}#ai-ghibli-filter .step-generate.generating .change-btn-changing{display:flex}#ai-ghibli-filter .generate-btn{width:277px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:99px;background:#6d4dff 0 0 no-repeat padding-box;cursor:pointer;box-sizing:border-box;margin:28px auto 38px}#ai-ghibli-filter .generate-btn span{text-align:center;font:normal normal 500 17px/26px Poppins;color:#fff}#ai-ghibli-filter .change-btn-changing>div{display:flex;align-items:baseline;justify-content:center}#ai-ghibli-filter .change-btn-changing .multi-generating-animate{display:flex;align-items:center}#ai-ghibli-filter .change-btn-changing .multi-generating-animate span{width:8px;height:8px;border-radius:8px;display:block;transform:scale(0.3);background:#fff;margin:0 -1px;animation:progressgenerate 1.5s linear infinite}#ai-ghibli-filter .change-btn-changing .multi-generating-animate span:nth-child(2){animation-delay:.2s}#ai-ghibli-filter .change-btn-changing .multi-generating-animate span:nth-child(3){animation-delay:.3s}#ai-ghibli-filter .temp-wrapper{background-color:#fff;border:1px solid #e2e2e2;border-radius:10px;position:relative;padding:15px 20px;display:flex;align-items:center;justify-content:space-between}#ai-ghibli-filter .temp-wrapper.loading{pointer-events:none;filter:blur(3px);-webkit-filter:blur(3px)}#ai-ghibli-filter .temp-wrapper .temp-desc{flex-shrink:0;width:90px;font:normal normal 300 13px/20px Poppins;color:#39325a}#ai-ghibli-filter .temp-wrapper .temp-desc b{font:normal normal bold 14px/20px Poppins}#ai-ghibli-filter .temp-wrapper .temp-demo{flex:1;display:flex;align-items:center;justify-content:flex-end}#ai-ghibli-filter .temp-wrapper .temp-demo img{cursor:pointer;width:68px;height:68px;margin-left:11px;border-radius:10px}#ai-ghibli-filter .ghibli-image{margin-right:30px;width:550px;position:relative}#ai-ghibli-filter .ghibli-image.loading .changing-wrap{display:flex}#ai-ghibli-filter .ghibli-image.uploaded .ghibli-origin,#ai-ghibli-filter .ghibli-image.changed .ghibli-origin{display:none}#ai-ghibli-filter .ghibli-image.uploaded .ghibli-result,#ai-ghibli-filter .ghibli-image.changed .ghibli-result{display:block}#ai-ghibli-filter .ghibli-image.changed .tools-wrap{display:flex}#ai-ghibli-filter .ghibli-origin img{width:100%;display:block}#ai-ghibli-filter .ghibli-result{position:relative;display:none}#ai-ghibli-filter .ghibli-result .ghibli-result-img{width:550px;height:550px;background-color:#fff;border-radius:10px}#ai-ghibli-filter .ghibli-result .ghibli-result-img img{display:block;width:100%;height:100%;-o-object-fit:scale-down;object-fit:scale-down;-o-object-position:center;object-position:center}#ai-ghibli-filter .changing-wrap{position:absolute;top:0;left:0;width:100%;height:100%;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);display:none;align-items:center;justify-content:center;-webkit-user-select:none;-moz-user-select:none;user-select:none}#ai-ghibli-filter .changing-wrap .changing-content{width:130px;height:130px;background-color:#fff;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center}#ai-ghibli-filter .changing-wrap .changing-content img{width:43px;height:43px;margin-bottom:5px;animation:rotateAnimation 1.5s linear infinite}#ai-ghibli-filter .changing-wrap .changing-content p{font:normal normal normal 12px/18px Poppins;color:#39325a}#ai-ghibli-filter .tools-wrap{display:none;align-items:center;margin-top:24px}#ai-ghibli-filter .tools-wrap .tools-item{width:82px;height:82px;border-radius:50%;background-color:#fff;display:flex;align-items:center;justify-content:center;flex-direction:column;cursor:pointer;margin-right:11px}#ai-ghibli-filter .tools-wrap .tools-item:last-child{margin-right:0}#ai-ghibli-filter .tools-wrap .tools-item svg{display:block;width:25px}#ai-ghibli-filter .tools-wrap .tools-item span{font:normal normal normal 12px/18px Poppins;color:#39325a;margin-top:2px}@media screen and (min-width: 1200px){#ai-ghibli-filter .tools-wrap .tools-item:hover span{color:#6d4dff}#ai-ghibli-filter .tools-wrap .tools-item:hover svg path{fill:#6d4dff}}#ai-ghibli-filter #zoom-wrapper{display:none;position:fixed;top:0;left:0;width:100%;height:100%;z-index:1000}#ai-ghibli-filter #zoom-wrapper .zoom-bg{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.74);z-index:1}#ai-ghibli-filter #zoom-wrapper .zoom-wrapper-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:#fff 0 0 no-repeat padding-box}#ai-ghibli-filter #zoom-wrapper .zoom-wrapper-close svg{display:block}@media screen and (min-width: 1200px){#ai-ghibli-filter #zoom-wrapper .zoom-wrapper-close:hover svg path{stroke:#6d4dff}}#ai-ghibli-filter #zoom-wrapper .zoom-wrap{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:100%;max-width:700px;box-sizing:border-box;z-index:2;overflow:hidden}#ai-ghibli-filter #zoom-wrapper .zoom-wrap .zoom-picture{width:100%;max-width:inherit;max-height:60vh;-o-object-fit:scale-down;object-fit:scale-down;display:block}@media screen and (max-width: 1200px){#ai-ghibli-filter{padding:.5rem 0 1.8rem}#ai-ghibli-filter .m-show{display:block !important}#ai-ghibli-filter .pc-show{display:none !important}#ai-ghibli-filter>h1{width:6.3rem;font:normal normal bold .45rem/.6rem Poppins;margin:0 auto .04rem}#ai-ghibli-filter>p{margin:0 auto;width:6.3rem;font:normal normal 300 .3rem/.46rem Poppins}#ai-ghibli-filter .ghibli-wrapper{margin:.54rem auto 0;flex-direction:column}#ai-ghibli-filter .ghibli-operate{width:6.3rem;margin:0 auto}#ai-ghibli-filter .ghibli-operate>section{border-radius:.1rem;margin-bottom:.37rem}#ai-ghibli-filter .ghibli-operate>section::before{width:.48rem;height:.5rem;top:-0.1rem;left:.1rem;font:italic normal 600 .27rem/.57rem Poppins;border-radius:.07rem}#ai-ghibli-filter .ghibli-operate>section .section-title{margin:.23rem 0 .23rem .72rem;font:normal normal 500 .24rem/.35rem Poppins}#ai-ghibli-filter .upload-btn-wrap .upload-btn{width:5.64rem;height:1rem;margin:.34rem auto .12rem}#ai-ghibli-filter .upload-btn-wrap .upload-btn img{width:.39rem;margin-right:.21rem}#ai-ghibli-filter .upload-btn-wrap .upload-btn span{font:normal normal 500 .3rem/.46rem Poppins}#ai-ghibli-filter .upload-btn-wrap .upload-tips span{font:normal normal 500 .22rem/.33rem Poppins;margin-bottom:.49rem;color:#aca9bb}#ai-ghibli-filter .change-btn-wrap{margin-top:.27rem;margin-bottom:.6rem}#ai-ghibli-filter .change-btn-wrap>img{width:1.39rem;height:1.39rem;margin-right:.18rem}#ai-ghibli-filter .change-btn-wrap .change-btn{width:3.76rem;height:1rem}#ai-ghibli-filter .change-btn-wrap .change-btn svg{width:.39rem;margin-right:.21rem}#ai-ghibli-filter .change-btn-wrap .change-btn span{font:normal normal 500 .3rem/.46rem Poppins}#ai-ghibli-filter .change-btn-wrap .change-btn img{width:.44rem}#ai-ghibli-filter .generate-btn{width:5.64rem;height:1rem;margin:.34rem auto .64rem}#ai-ghibli-filter .generate-btn span{font:normal normal 500 .3rem/.46rem Poppins}#ai-ghibli-filter .temp-wrapper{width:6.3rem;margin:0 auto;border-radius:.1rem;padding:.24rem .3rem}#ai-ghibli-filter .temp-wrapper .temp-desc{width:1.8rem;font:normal normal 300 .22rem/.33rem Poppins}#ai-ghibli-filter .temp-wrapper .temp-desc b{font:normal normal bold .22rem/.33rem Poppins}#ai-ghibli-filter .temp-wrapper .temp-demo img{width:1.09rem;height:1.09rem;margin-left:.18rem;border-radius:.1rem}#ai-ghibli-filter .ghibli-image{width:6.3rem;margin:0 auto}#ai-ghibli-filter .ghibli-origin{margin-bottom:1.04rem}#ai-ghibli-filter .ghibli-result .ghibli-result-img{width:5.2rem;height:5.2rem;border-radius:.1rem;margin:0 auto .5rem}#ai-ghibli-filter .changing-wrap .changing-content{width:2rem;height:2rem}#ai-ghibli-filter .changing-wrap .changing-content img{width:.43rem;height:.43rem;margin-bottom:.05rem}#ai-ghibli-filter .changing-wrap .changing-content p{font:normal normal normal .24rem Poppins}#ai-ghibli-filter .tools-wrap{width:5.2rem;margin:.27rem auto .32rem;justify-content:space-between}#ai-ghibli-filter .tools-wrap .tools-item{width:auto;height:auto;border-radius:50%;background-color:rgba(0,0,0,0)}#ai-ghibli-filter .tools-wrap .tools-item svg{display:block;width:.44rem}#ai-ghibli-filter .tools-wrap .tools-item span{text-align:center;font:normal normal 500 .22rem/.33rem Poppins;color:#827c9a;margin-top:.09rem}}