.ad-banner{box-sizing:border-box;width:100%;padding:20px 48px 0 40px;cursor:pointer}.ad-banner__ad-container{position:relative;width:100%;height:40px;overflow:hidden;border-radius:var(--border-radius-large)}.ad-banner__ad-container__img-main{position:absolute;top:0;left:0;z-index:1;width:100%;height:100%}.ad-banner__ad-container__img-main img{position:absolute;top:0;left:0;z-index:1;width:100%;height:100%;object-fit:cover;object-position:center}.ad-banner__ad-container__img-center{position:absolute!important;top:50%;left:50%;z-index:2;object-fit:cover;object-position:center;transform:translate(-50%,-50%)}.ad-banner__ad-container__img-center img{max-width:600px;max-height:40px}.ad-banner__ad-container__ad-close{position:absolute;top:50%;right:8px;z-index:3;width:24px;height:24px;cursor:pointer;transition:all .3s;transform:translateY(-50%)}.ad-banner__ad-container__ad-close:hover{opacity:.8}.loading-dialog{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2002;box-sizing:border-box;padding:0;margin:0;overflow:auto;color:#606266}.loading-dialog__dialog{position:relative;top:15%;bottom:auto;display:flex;box-sizing:border-box;flex-direction:column;width:384px;padding:0;margin:0 auto;font-size:14px;line-height:1.6;color:#000;background:#fff;border-radius:6px;outline:0;box-shadow:0 16px 32px 2px #0000001a}.loading-dialog__header{display:flex;align-items:center;justify-content:space-between;padding:16px 24px}.loading-dialog__title{margin-bottom:34px;font-weight:400;line-height:21px;text-align:center}.loading-dialog__body{flex:1 1 auto;padding:4px 24px 20px;font-size:14px;line-height:1.7}.loading-dialog__ui-progress{position:relative}.loading-dialog__ui-progress-bar{position:relative;width:100%;height:4px;background:#dce4ff;border-radius:4px}.loading-dialog__ui-progress-bar-flag{position:absolute;top:0;left:0;width:1%;height:100%;background-color:#005cf9;border-radius:4px;transition:width .2s ease}.preview-compare{position:relative;width:100%;height:100%;overflow:hidden;border-radius:24px}.preview-compare__skeleton{position:absolute;top:0;left:0;z-index:9;width:100%;height:100%;opacity:0;visibility:hidden;transition:all .3s ease}.preview-compare__skeleton--show{opacity:1;visibility:visible}.preview-compare__skeleton .gda-skeleton-header{display:block;width:100%;height:100%;padding:0}.preview-compare__skeleton .gda-skeleton-avatar{width:100%;height:100%}.preview-compare__container{position:relative;width:100%;height:100%;overflow:hidden;outline:1px solid var(--border-color-primary-regular);opacity:0;visibility:hidden;-webkit-user-select:none;user-select:none}.preview-compare__container--show{opacity:1;visibility:visible}.preview-compare__tag{position:absolute;bottom:12px;z-index:9;display:flex;align-items:center;justify-content:center;height:20px;padding:0 6px;font-family:PingFang SC;font-size:12px;font-weight:500;line-height:18px;color:#fffc;background:#00000073;border-radius:20px;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.preview-compare__tag--before{left:12px}.preview-compare__tag--after{right:12px}.preview-compare__img{width:100%;height:100%;overflow:hidden}.preview-compare__img.lazy-image-modern{position:absolute;top:0;left:0}.preview-compare__img.lazy-image-modern img{width:100%;height:100%}.preview-compare__img--before{z-index:2}.preview-compare__img--after{background-image:url(https://cdn.dancf.com/fe-assets/20240524/5906170bdf546969b54373b1be622c58.png);background-size:cover}.preview-compare__slider{position:absolute;top:0;left:50%;z-index:4;display:flex;align-items:center;justify-content:center;width:2px;height:100%;background-color:var(--static-color-white);transform:translate(-50%)}.preview-compare__slider-icon{display:flex;flex:0 0 var(--button-height-medium);align-items:center;justify-content:center;width:var(--button-height-medium);height:var(--button-height-medium);color:var(--button-color-tertiary-regular);background-color:var(--button-background-color-tertiary-regular);border-radius:50%;box-shadow:var(--boxshadow-small);cursor:ew-resize}.preview-intro-panel{display:flex;align-items:center}.preview-intro-panel__preview{position:relative;flex-shrink:0;width:610px;height:380px;margin-right:100px;overflow:hidden;border-radius:var(--size-400)}@media screen and (max-width: 1280px){.preview-intro-panel__preview{width:450px;height:280px}}@media screen and (min-width: 1680px){.preview-intro-panel__preview{width:850px;height:530px}}.preview-intro-panel__preview img{width:auto;height:100%}.preview-intro-panel__preview-single img{width:100%;height:100%}.preview-intro-panel__intro{margin-right:40px}.preview-intro-panel__title{margin-bottom:24px;font-family:PingFang SC;font-size:28px;font-style:normal;font-weight:600;line-height:150%;color:var(--text-color-primary)}.preview-intro-panel__infos{padding-left:0;margin-bottom:48px;font-family:PingFang SC;font-size:14px;font-style:normal;font-weight:400;line-height:150%;color:var(--text-color-secondary);list-style:none}.preview-intro-panel__infos li{display:flex;margin-bottom:4px}.preview-intro-panel__infos li:last-child{margin-bottom:0}.preview-intro-panel__info-circle{display:flex;align-items:center;justify-content:center;width:20px;height:20px}.preview-intro-panel__info-circle:before{display:block;width:5px;height:5px;background-color:var(--text-color-placeholder);border-radius:5px;content:""}.preview-intro-panel--right{flex-direction:row-reverse;padding-right:40px}.preview-intro-panel--right .preview-intro-panel__preview{margin-right:0}.preview-intro-panel--right .preview-intro-panel__intro{flex-grow:1;margin-right:140px}.preview-intro-panel--center .preview-intro-panel__preview{flex-grow:1;height:520px;margin-right:0}@media screen and (max-width: 1280px){.preview-intro-panel--center .preview-intro-panel__preview{height:440px}}@media screen and (min-width: 1680px){.preview-intro-panel--center .preview-intro-panel__preview{height:640px}}.description-info-card{width:100%;height:380px}.description-info-card__card{height:380px;padding:24px;background:var(--color-blue-100);border-radius:var(--border-radius-xlarge);cursor:default}.description-info-card__card--title{margin-bottom:40px;font:var(--text-h5-bold);color:var(--text-color-primary)}.description-info-card__card--content{font:var(--font-family-body);color:var(--text-color-tertiary)}.landing-module-header{text-align:center;cursor:default}.landing-module-header h2{margin-bottom:16px;font-family:OPPOSans;font-size:40px;font-style:normal;font-weight:500;line-height:130%;color:var(--text-color-primary);text-align:center}.landing-module-header p{margin-bottom:32px;font-family:PingFang SC;font-size:16px;font-style:normal;font-weight:400;line-height:130%;color:var(--text-color-secondary);text-align:center}.id-card-intro{display:block}.id-card-intro__list{display:grid;box-sizing:border-box;grid-template-columns:repeat(4,calc((100% - 96px)/4));column-gap:32px;width:100%;padding:56px 40px 80px;list-style:none}.id-card-intro__item{width:100%}.id-card-intro__item img{width:100%;height:auto}.id-card-intro__item-header{display:flex;align-items:flex-end;height:48px;margin-bottom:24px}.id-card-intro__item-num{align-self:center;margin-right:12px;font-family:OPPOSans;font-size:56px;font-style:normal;font-weight:400;font-feature-settings:"clig" off,"liga" off;text-transform:uppercase;letter-spacing:-4px;background:linear-gradient(183deg,#2ecdff 25.88%,#75acff 80.29%);-webkit-background-clip:text;background-clip:text;opacity:.35;-webkit-text-fill-color:transparent}.id-card-intro__item-title{font:var(--text-h5-bold);line-height:130%;color:var(--text-color-tertiary)}.koutu-tabs .gda-tabs-nav-container{width:100%;text-align:center}.koutu-tabs .gda-tabs-tab{margin-right:16px}.koutu-tabs .gda-tabs-top-content{padding:40px}.koutu-tabs__tab-item{min-width:88px;padding:6px var(--button-space-horizontal-medium);font-family:PingFang SC;font-size:14px;font-style:normal;font-weight:500;line-height:22px;color:var(--actionbutton-group-arrow-color-regular);background-color:transparent;border-radius:var(--size-500)}.koutu-tabs__tab-item.gda-btn-action-checked,.koutu-tabs__tab-item:hover{color:var(--button-color-primary-regular);background:var(--color-gray-1000);border:1px solid var(--button-border-color-primary-regular)}.template-scenes__link{display:flex;justify-content:center;margin:0 auto}.template-scenes .grid-container{--grid-gap-size: 16px}.template-scenes .contents-material-column__title{font-size:var(--font-size-100, 14px)}.template-scenes .contents-material-column__title .contents-material-column__title-icon{width:16px;height:16px;color:#7f8792}.landing{padding:0 48px 0 40px;margin:0 auto}.landing__main{max-width:1600px;margin:100px auto 0}@media screen and (min-width: 1920px){.landing__main{padding:0 120px}}.landing__wrap{margin-top:100px}.landing__tab-contaienr{display:grid;grid-auto-flow:column;column-gap:16px;margin-bottom:20px}.landing__tab{display:flex;align-items:center;justify-content:center;min-width:88px;height:var(--size-1200);padding:6px var(--button-space-horizontal-medium);font-family:PingFang SC;font-size:14px;font-style:normal;font-weight:500;line-height:22px;color:var(--button-color-secondary-regular);text-align:center;background:var(--color-gray-300);border:1px solid var(--button-border-color-primary-active);border-radius:var(--button-border-radius-medium);cursor:pointer}.ad-export{box-sizing:border-box;width:300px;height:60px;margin-top:12px;margin-bottom:8px;overflow:hidden;background:var(--background-color-primary-regular);border:1px solid var(--border-color-overlay);border-radius:var(--border-radius-small)}.ad-export__banner{display:flex;align-items:center;padding:10px}.ad-export__icon{width:40px;height:40px;margin-right:10px}.ad-export__icon img{width:40px;height:40px;object-fit:contain}.ad-export__content{font-family:PingFang SC;font-size:12px;font-style:normal;font-weight:400;line-height:18px;color:#33383e;letter-spacing:.2px}.ad-export__link{display:inline-block;padding-left:4px;font-family:PingFang SC;font-size:12px;font-style:normal;font-weight:500;line-height:18px;color:#2254f4;letter-spacing:.2px;cursor:pointer}.ad-export__link:hover{text-decoration:underline}.matting-action-panel{position:relative;display:flex;width:100%;height:100%;padding:8px;-webkit-user-select:none;user-select:none}.matting-action-panel__close{position:absolute;top:8px;right:8px;width:32px;height:32px;padding:0;border-radius:50%}.matting-action-panel__preview{position:relative;flex:1;overflow:hidden;background:#e3e7e9;background-image:linear-gradient(45deg,#f6fafc 25%,transparent 0),linear-gradient(45deg,transparent 75%,#f6fafc 0),linear-gradient(45deg,#f6fafc 25%,transparent 0),linear-gradient(45deg,transparent 75%,#f6fafc 0);background-position:0 0,10px 10px,10px 10px,20px 20px;background-size:20px 20px;border:1px solid rgba(0,0,0,.08);border-radius:var(--border-radius-large, 8px)}.matting-action-panel__preview__image-box{width:100%;height:100%}.matting-action-panel__preview__image,.matting-action-panel__preview__loading,.matting-action-panel__preview__error{position:absolute;top:0;left:0;width:100%;height:100%}.matting-action-panel__preview__image{z-index:20;max-width:100%;max-height:100%;object-fit:contain}.matting-action-panel__preview__loading{z-index:30;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#ffffffbf;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.matting-action-panel__preview__loading img{width:110px;height:110px}.matting-action-panel__preview__loading .upload-text{font:var(--text-p1-regular);color:var(--text-color-secondary);text-align:center}.matting-action-panel__preview__error{z-index:40;display:flex;align-items:center;justify-content:center;background-color:var(--background-color-mask-primary-regular)}.matting-action-panel__preview__error-btn{width:88px}.matting-action-panel__preview__change{position:absolute;right:12px;bottom:12px;z-index:21;width:32px;height:32px;background-image:url(https://cdn.dancf.com/fe-assets/20240411/3faa7fbe29b3506616301d0863a98738.svg);background-position:center;background-size:cover;cursor:pointer}.matting-action-panel__actions{display:flex;flex:0 0 190px;flex-direction:column;align-items:center;justify-content:center}.matting-action-panel__actions__row{width:150px;margin-bottom:8px}.matting-action-panel__actions__row:first-child{margin-bottom:40px}.matting-action-panel__actions__row:last-child{margin-bottom:0}.matting-action-panel__actions__row--actions{display:flex;flex-wrap:wrap;row-gap:12px;justify-content:flex-start}.matting-action-panel__actions__item{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;min-width:64px;height:32px;border:none}.matting-action-panel__actions__item:nth-child(1){margin-right:8px}.matting-action-panel__actions__item:nth-child(3){margin-right:8px}.matting-action-panel__actions__item:hover span{color:var(--button-quiet-color-hover)}.matting-action-panel__actions__item svg{display:inline-block;width:20px;height:20px}.matting-action-panel__actions__item span{display:inline-block;font:var(--text-p2-regular);color:var(--text-color-tertiary);text-align:center;cursor:pointer}.matting-action-panel__actions__btn{display:flex;height:32px;padding:6px 8px;border:none;border-radius:var(--button-border-radius-small)}.matting-action-panel__actions__btn.gda-btn[disabled]{color:var(--button-color-disabled);background-color:transparent}.matting-action-panel__actions__btn.gda-btn[disabled] span{color:var(--text-color-disabled)}.tab-card{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-flow:column;column-gap:16px;height:128px}@media screen and (min-width: 1920px){.tab-card__title,.tab-card__desc{zoom:1.2}}.tab-card__tab{position:relative;height:128px;overflow:hidden;background-repeat:no-repeat;background-size:cover;border-radius:var(--size-300);cursor:pointer}.tab-card__tab p{position:relative;z-index:1}.tab-card__tab img{position:absolute;right:0;bottom:-128px;width:130px;transition:all .3s}.tab-card__tab:hover img{transform:scale(1.03)}.tab-card__title{margin-top:16px;margin-bottom:0;margin-left:16px;font:var(--text-h5-bold);color:var(--text-color-primary)}.tab-card__desc{margin-left:16px;font:var(--text-p2-regular);color:var(--text-color-tertiary)}.ad-image{margin-left:8px;cursor:pointer}.ad-image .ad-image__image{overflow:hidden;border-radius:var(--border-radius-medium)}.ad-image .ad-image__image img{max-width:106px;max-height:32px;border-radius:var(--border-radius-medium)}.drop-modal{position:fixed;top:0;left:0;z-index:10;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100vw;height:100vh;background:#ffffffe6;opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s}.drop-modal p{font:var(--text-h1-bold);color:var(--text-color-emphasis)}.drop-modal span{font:var(--text-h5-regular);color:var(--text-color-emphasis)}.drop-modal--show{opacity:1;visibility:visible}.matting-upload-panel{width:100%;height:100%;padding:8px;overflow:hidden;-webkit-user-select:none;user-select:none}.matting-upload-panel__tag{position:absolute;top:0;right:0;width:68px;height:24px;overflow:hidden;background:linear-gradient(90deg,#13e2c9,#13cdf6);border-radius:var(--size-0) var(--size-0) var(--size-0) 12px}.matting-upload-panel__tag .gda-carousel .slick-vertical .slick-slide{border:none}.matting-upload-panel__tag .tab-text{font:var(--text-p2-bold);line-height:24px;color:var(--static-color-white);text-align:center}.matting-upload-panel__tag .gda-carousel{height:100%}.matting-upload-panel__content{display:flex;flex-direction:column;width:100%;height:100%;padding:16px;border:1px dashed var(--color-gray-400);border-radius:var(--border-radius-large)}@media screen and (min-width: 1920px){.matting-upload-panel__content .gda-btn-primary{zoom:1.2}}.matting-upload-panel__upload{display:flex;flex:1;flex-direction:column;align-items:center;justify-content:center;margin-top:40px}@media screen and (min-width: 1920px){.matting-upload-panel__upload__describe{zoom:1.2}}.matting-upload-panel__upload .gda-btn{width:240px;height:48px;pointer-events:all}.matting-upload-panel__upload__describe{display:flex;margin-top:16px;font:var(--text-p2-regular);color:var(--text-color-tertiary)}.matting-upload-panel__upload__describe span{display:flex;align-items:center;justify-content:center;width:26px;height:18px;margin:0 4px;background:var(--background-color-tertiary-regular);border-radius:var(--size-100)}.matting-upload-panel__actions-left{display:flex;align-items:center;justify-content:flex-start}.matting-upload-panel__actions{display:flex;flex:0 0 40px;align-items:center;justify-content:space-between}.matting-upload-panel__actions__rush-sample{display:flex;align-items:center;justify-content:center}.matting-upload-panel__actions__rush-sample-text{margin-right:8px;font:var(--text-p2-regular);color:var(--text-color-tertiary)}.matting-upload-panel__actions__rush-sample-list{display:flex;align-items:center;justify-content:center}.matting-upload-panel__actions__rush-sample-list-item{width:40px;height:40px;margin-right:4px;cursor:pointer}.matting-upload-panel__actions__rush-sample-list-item img{width:100%;height:100%;object-fit:cover;object-position:center}.matting-upload-panel__actions__rush-sample-list-item:last-child{margin-right:0}.video-container img,.video-container video{position:absolute;top:0;left:0}.video-container img{width:100%;height:100%;opacity:1;transition:opacity .1s .3s}.video-container video{opacity:1;transition:opacity .2s}.video-container .video--loaded{opacity:0}.koutu__banner{box-sizing:border-box;width:100%;padding:20px 48px 24px 40px}@media screen and (max-width: 1280px){.koutu__banner{height:504px}}@media screen and (min-width: 1281px) and (max-width: 1440px){.koutu__banner{height:514px}}@media screen and (min-width: 1441px) and (max-width: 1680px){.koutu__banner{height:604px}}@media screen and (min-width: 1681px) and (max-width: 1920px){.koutu__banner{height:709px}}@media screen and (min-width: 1920px){.koutu__banner{height:40.3125vw}}.koutu__banner__content{position:relative;display:flex;height:100%;padding:16px;overflow:hidden;border-radius:var(--size-600)}.koutu__banner__content .banner-video{position:absolute;top:0;left:0;z-index:-1}.koutu__banner__content .banner-video video,.koutu__banner__content .banner-video img{display:block;object-fit:cover;object-position:center}.koutu__banner__describe-container{flex:1;padding:8px 0 0 16px}.koutu__banner__describe-container img{width:74px;height:24px;margin-bottom:8px}.koutu__banner__describe-container h2{margin-bottom:4px;font-size:42px;font-style:normal;font-weight:700;line-height:130%;color:var(--text-color-primary)}.koutu__banner__describe-container h3{font:var(--text-h6-regular);color:var(--text-color-secondary)}.koutu__banner__upload-panel{position:relative;width:50%;height:100%;overflow:hidden;background-color:var(--body-background-color-primary, #fff);border-radius:var(--size-400);box-shadow:var(--boxshadow-small)}.koutu__tab-card{min-width:960px;padding:0 48px 0 40px;margin-bottom:40px}.m-koutu-bottom-entry[data-v-d14f9d60]{position:relative;height:100vh}.m-koutu-bottom-entry__wrap[data-v-d14f9d60]{position:absolute;top:50%;width:100%;transform:translateY(-50%)}.m-koutu-bottom-entry__title[data-v-d14f9d60]{padding-left:5.6vw;margin-bottom:10.6vw;font-size:8.5vw;color:#353d69;text-align:center}.m-koutu-bottom-entry__btn[data-v-d14f9d60]{display:block;padding:3.2vw 19.2vw;margin:0 auto;font-size:4.2vw;font-weight:bolder;color:#fff;background:#2254f4;background-color:#2254f4;border:0;border-radius:6.6vw;box-shadow:0 3.4vw 10vw #2263fe57}.m-koutu-entry[data-v-2aebe797]{position:relative;height:90vh;padding-top:9.6vw;color:#fff;background-color:#2355f4;background-image:url(https://st-gdx.dancf.com/assets/20191028-150100-db22.jpg);background-repeat:no-repeat;background-position-x:center;background-size:contain}.m-koutu-entry__title[data-v-2aebe797]{margin:0;margin-left:6.6vw;font-size:8.5vw;line-height:12vw}.m-koutu-entry__subtitle[data-v-2aebe797]{margin:0;margin-left:6.6vw;font-size:4.2vw;line-height:5.86vw}.m-koutu-entry__wrap[data-v-2aebe797]{position:absolute;bottom:0;left:6.6vw;width:calc(100% - 13.33vw);margin:0 auto}.m-koutu-entry__btn[data-v-2aebe797]{position:absolute;bottom:26.4vw;width:100%;height:13.33vw;font-size:4.26vw;font-weight:bolder;color:#2254f4;background-color:#fff;border:0;border-radius:6.67vw}.m-koutu-entry__intro[data-v-2aebe797]{position:absolute;bottom:15.2vw;display:flex;align-items:center;justify-content:center;width:100%;font-size:3.46vw;line-height:4.8vw;text-align:center}.m-koutu-entry__intro>img[data-v-2aebe797]{margin-left:2.66vw}.m-koutu-intro[data-v-6e2b1822]{padding-bottom:6.4vw;color:#353d69}.m-koutu-intro__mattingtype[data-v-6e2b1822]{padding:4.9vw 0 4.1vw;margin-bottom:11.4vw;background-color:#fbfbfc}.m-koutu-intro__support-list[data-v-6e2b1822]{display:flex;justify-content:space-around;padding:0;list-style:none}.m-koutu-intro__support-list .item[data-v-6e2b1822]{flex-basis:33.33%;text-align:center}.m-koutu-intro__support-list .item .icon[data-v-6e2b1822]{display:inline-block;width:7.4vw;height:7.4vw;margin-bottom:1.6vw;background-repeat:no-repeat;background-position:center;background-size:contain}.m-koutu-intro__support-list .item .text[data-v-6e2b1822]{font-size:12px;text-align:center}.m-koutu-intro__support-list .potrait .icon[data-v-6e2b1822]{background-image:url(https://cdn.dancf.com/fe-assets/20241119/portrait.svg)}.m-koutu-intro__support-list .product .icon[data-v-6e2b1822]{background-image:url(https://cdn.dancf.com/fe-assets/20241119/product.svg)}.m-koutu-intro__support-list .graphic .icon[data-v-6e2b1822]{background-image:url(https://cdn.dancf.com/fe-assets/20241119/graphic.svg)}.m-koutu-intro__title[data-v-6e2b1822]{padding-left:6.4vw;margin-bottom:1.6vw;font-size:8.5vw;line-height:12vw}.m-koutu-intro__subtitle[data-v-6e2b1822]{padding:0 6.4vw;margin-bottom:10.4vw;font-size:4.2vw;line-height:5.8vw}.m-koutu-intro__example img[data-v-6e2b1822]{display:block;width:90vw;margin:0 auto}.m-koutu-userfeeds{padding-top:9.6vw;padding-bottom:12vw;color:#353d69;background-color:#fbfbfc}.m-koutu-userfeeds__title{padding-left:7.4vw;margin-bottom:17vw;font-size:8.5vw}.m-koutu-userfeeds__userfeeds{padding:0 11.2vw;list-style:none}.m-koutu-userfeeds__userfeeds .username{margin-bottom:3.2vw;font-size:4.2vw;font-weight:bolder;line-height:5.8vw}.m-koutu-userfeeds__userfeeds .feedcontent{margin-bottom:9.6vw;font-size:4.2vw;line-height:5.8vw}