@media screen and (min-device-width:751px){.top-head{border-bottom:1px solid #0000001a;width:100%;height:66px}.top-head .tophead-cent{justify-content:space-between;align-items:center;width:100%;height:100%;margin:0 auto;display:flex}.top-head .logo{background:url(/image/logo.png) 0 0/100% 100% no-repeat;width:168px;height:51px;margin-left:30px}.top-head .login-btn{text-align:center;color:#fff;cursor:pointer;background:#ff7a98;border-radius:20px;width:106px;height:34px;margin-right:30px;font-family:Dongle,Courier Prime,Courier Prime Fallback;font-size:24px;line-height:37px}.top-head .login-btn:hover{filter:brightness(1.1)}}
@media screen and (max-device-width:750px){.top-head{z-index:10;background:#fff;width:100%;height:14.9333vw;position:sticky;top:0;left:0}.top-head .tophead-cent{justify-content:space-between;align-items:center;width:100vw;height:14.9333vw;margin:0 auto;display:flex;position:absolute;top:0;left:0}.top-head .logo{background:url(/image/logo.png) 0 0/100% 100% no-repeat;width:32vw;height:9.6vw;margin-left:4vw}.top-head .login-btn{text-align:center;color:#fff;cursor:pointer;background:#ff7a98;border-radius:5.33333vw;width:23.2vw;height:8vw;margin-right:3.2vw;font-family:Dongle,Courier Prime,Courier Prime Fallback;font-size:6.4vw;line-height:9.06667vw}.top-head .login-btn:hover{filter:brightness(1.1)}}
@media screen and (min-device-width:751px){.template-view{z-index:99;background:#00000080;width:100vw;height:100vh;position:fixed;top:0;left:0}.template-view .center{width:calc(100vw - 140px);min-width:580px;height:calc(100vh - 80px);transform:translate(-50%,-50%)scale(var(--scale));background:#fff;border-radius:20px;position:absolute;top:50%;left:50%}.template-view .title{border-bottom:1px solid #0000001a;align-items:center;width:100%;height:93px;padding:25px 38px;display:flex}.template-view .title .title-icon{background:url(/image/icon-template.png) 0 0/100% 100% no-repeat;width:30px;height:30px;margin-right:16px}.template-view .title p{color:#551212;height:40px;font-family:Dongle,Courier Prime,Courier Prime Fallback;font-size:46px;font-weight:700;line-height:48px}.template-view .close-btn{z-index:50;cursor:pointer;background:url(/image/close.svg);width:31px;height:31px;position:absolute;top:31px;right:41px}.template-view .templates{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));width:100%;height:calc(100% - 93px);padding:30px;display:grid;overflow:hidden auto}.template-view .templates::-webkit-scrollbar{width:4px;height:183px}.template-view .templates::-webkit-scrollbar-track{background:0 0}.template-view .templates::-webkit-scrollbar-thumb{background:#d9d9d9;border-radius:2px}.template-view .templates::-webkit-scrollbar-thumb:hover{background:#d9d9d9}.template-view .template{width:260px;height:auto;margin:0 auto}.template-view .template .template-img{--top:16px;width:260px;height:260px;padding-top:var(--top);cursor:pointer;justify-content:center;align-items:center;display:flex;position:relative}.template-view .template .template-img:hover .select-btn{display:block}.template-view .template .template-name{color:#551212;text-align:center;width:100%;margin:28px auto 0;font-family:Dongle,Courier Prime,Courier Prime Fallback;font-size:40px;font-weight:700;line-height:30px}.template-view .template .image-view{width:auto;height:100%;display:inline-block;position:relative}.template-view .template .image-view:before{content:"";transform-origin:0 0;z-index:0;z-index:1;background:#e9e9e9;width:100%;height:96%;position:absolute;top:0;left:0;transform:scaleX(.95)skewY(-3deg)}.template-view .template .image-view:after{content:"";z-index:5;background:#fafafa;width:100%;height:100%;position:absolute;top:0;left:0;box-shadow:0 0 80px #00000014}.template-view .template .image-view .image{z-index:10;width:auto;height:100%;display:block;position:relative}.template-view .template .select-btn{color:#fff;text-align:center;z-index:50;cursor:pointer;background:#ff7a98;border-radius:20px;width:217px;height:42px;margin:0 auto;font-family:Dongle,Courier Prime,Courier Prime Fallback;font-size:30px;font-weight:700;line-height:46px;display:none;position:absolute;bottom:20px;left:0;right:0}.template-view .template .template-img.land{--top:16px;padding-top:0;padding-left:var(--top)}.template-view .template .template-img.land .image-view{width:100%;height:auto}.template-view .template .template-img.land .image-view:before{transform:scaleY(.98)skew(-3deg)}}
@media screen and (max-device-width:750px){.template-view{width:100%;height:calc(var(--innerHeight) - 87.7333vw);min-height:41.6vw;max-height:calc(var(--innerHeight) - 21.3333vw);z-index:99;opacity:0;position:fixed;bottom:0;left:0}.template-view.ani{transition:height .6s}.template-view.change{transition:height}.template-view.change .templates{overflow-y:hidden}.template-view.on{height:calc(var(--innerHeight) - 21.3333vw)}.template-view.on .templates{overflow-y:auto!important}.template-view.show{opacity:0;animation:.3s forwards showAni}@keyframes showAni{0%{opacity:0}to{opacity:1}}.template-view.hide{height:41.6vw}.template-view.change .templates{overflow:hidden}.template-view .touch-view{z-index:10;background:#fff url(/image/touch-icon.png) 0 0/100% no-repeat;width:100vw;height:7.46667vw;position:sticky;top:0;left:0}.template-view .center{background-color:#fff;width:100%;height:calc(100% - 7.46667vw)}.template-view .title{align-items:center;width:100%;height:8vw;padding:0 5.33333vw;display:flex}.template-view .title .title-icon{background:url(/image/icon-goback.png) 0 0/100% 100% no-repeat;width:5.33333vw;height:5.33333vw;margin-right:2.13333vw}.template-view .title p{color:#551212;height:8vw;letter-spacing:var(--letterSpacing);font-family:Dongle,Courier Prime,Courier Prime Fallback;font-size:9.06667vw;font-weight:700;line-height:9.06667vw}.template-view .close-btn{z-index:50;cursor:pointer;background:url(/image/close.svg);width:8.26667vw;height:8.26667vw;display:none;position:absolute;top:8.26667vw;right:10.9333vw}.template-view .templates{flex-wrap:wrap;width:100%;height:calc(100% - 19.7333vw);margin:4.26667vw auto 0;padding:0 4.8vw 23.4667vw;display:flex;overflow:hidden}.template-view .templates::-webkit-scrollbar{width:1.06667vw;height:48.8vw}.template-view .templates::-webkit-scrollbar-track{background:0 0}.template-view .templates::-webkit-scrollbar-thumb{background:#d9d9d9;border-radius:.53333vw}.template-view .templates::-webkit-scrollbar-thumb:hover{background:#d9d9d9}.template-view .template{width:43.2vw;height:auto;margin-top:5.33333vw;margin-right:1.86667vw}.template-view .template:nth-child(2n){margin-right:0}.template-view .template:nth-child(-n+2){margin-top:0}.template-view .template .template-img{--top:2.4vw;width:43.2vw;height:43.2vw;padding-top:var(--top);cursor:pointer;justify-content:center;align-items:center;display:flex;position:relative}.template-view .template .template-name{color:#551212;text-align:center;width:100%;margin:4.26667vw auto 0;font-family:Dongle,Courier Prime,Courier Prime Fallback;font-size:6.4vw;font-weight:700;line-height:4.8vw}.template-view .template .image-view{width:auto;height:100%;display:inline-block;position:relative}.template-view .template .image-view:before{content:"";transform-origin:0 0;z-index:0;z-index:1;background:#e9e9e9;width:100%;height:96%;position:absolute;top:0;left:0;transform:scaleX(.95)skewY(-3deg)}.template-view .template .image-view:after{content:"";z-index:5;background:#fafafa;width:100%;height:100%;position:absolute;top:0;left:0;box-shadow:0 0 2.66667vw #00000014}.template-view .template .image-view .image{z-index:10;width:auto;height:100%;display:block;position:relative}.template-view .template .select-btn{color:#fff;text-align:center;z-index:50;cursor:pointer;background:#ff7a98;border-radius:5.33333vw;width:57.8667vw;height:11.2vw;margin:0 auto;font-family:Dongle,Courier Prime,Courier Prime Fallback;font-size:8vw;font-weight:700;line-height:12.2667vw;display:none;position:absolute;bottom:5.33333vw;left:0;right:0}.template-view .template .template-img.land{--top:2.4vw;padding-top:0;padding-left:var(--top)}.template-view .template .template-img.land .image-view{width:100%;height:auto}.template-view .template .template-img.land .image-view:before{transform:scaleY(.98)skew(-3deg)}.template-view .template .template-img.land .image{width:40.8vw;height:29.0667vw}}
@media screen and (min-device-width:751px){.card-maker{width:100%;height:calc((100vh - 66px)*var(--scale));background:linear-gradient(90deg,#fff 50%,#f5f5f5 50%);font-family:Dongle,Courier Prime,Courier Prime Fallback;position:relative;overflow:hidden}.card-maker .card-cent{background:#f5f5f5;width:100%;height:calc(100vh - 66px);margin:0 auto;position:relative}.card-maker .card-left-cent{width:100%;height:100%}.card-maker .card-left{width:var(--leftwidth);min-width:359px;max-width:469px;height:100%;transform:scale(var(--scale));transform-origin:0 0;background:#fff;position:absolute;top:0;left:0}.card-maker .card-right{width:calc(100% - var(--leftwidth));height:100%;transform:scale(var(--scale));transform-origin:top;position:absolute;top:0;right:0;overflow:auto}.card-maker .card-right::-webkit-scrollbar{width:10px;height:10px}.card-maker .card-right::-webkit-scrollbar-track{background:0 0}.card-maker .card-right::-webkit-scrollbar-thumb{background:#d9d9d9;border-radius:2px}.card-maker .card-right::-webkit-scrollbar-thumb:hover{background:#d9d9d9}.card-maker .card-right-cent{width:100%;height:100%;min-width:calc(672px*var(--scale));min-height:755px;position:relative}.card-maker textarea::-webkit-scrollbar{width:4px;height:183px}.card-maker textarea::-webkit-scrollbar-track{background:0 0}.card-maker textarea::-webkit-scrollbar-thumb{background:#d9d9d9;border-radius:2px}.card-maker textarea::-webkit-scrollbar-thumb:hover{background:#d9d9d9}.card-maker .toast-view{white-space:nowrap;z-index:50;background:#fff;border-radius:8px;justify-content:center;align-items:center;width:auto;height:auto;padding:12px 20px;font-family:tahoma,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;display:flex;position:absolute;top:30px;left:50%;transform:translate(-50%);box-shadow:0 0 20px #0000000a}.card-maker .toast-view .toast-icon{width:20px;height:20px;margin-right:8px}.card-maker .toast-view .toast-icon.no{display:none}.card-maker .toast-view .toast-icon .success-icon{background:url(/image/success.svg) 0 0/100% 100% no-repeat;width:100%;height:100%}.card-maker .toast-view .toast-icon .err-icon{background:#ff7a98;border-radius:50%;overflow:hidden}.card-maker .toast-view .toast-icon .err-icon svg{width:100%;height:100%}.card-maker .toast-view .toast-message{color:#551212;font-size:16px;line-height:18px}.card-maker .card-flex-left{width:100%;height:100%;padding:30px 30px 88px;overflow:hidden auto}.card-maker .card-flex-left::-webkit-scrollbar{width:4px;height:183px}.card-maker .card-flex-left::-webkit-scrollbar-track{background:0 0}.card-maker .card-flex-left::-webkit-scrollbar-thumb{background:#d9d9d9;border-radius:2px}.card-maker .card-flex-left::-webkit-scrollbar-thumb:hover{background:#d9d9d9}.card-maker .option{margin-bottom:30px}.card-maker .option .sec-title{color:#551212;width:100%;height:30px;margin-top:16px;font-family:Dongle,Courier Prime,Courier Prime Fallback;font-size:32px;font-weight:700;line-height:32px}.card-maker .option .err-txt{color:red;height:30px;margin-top:8px;font-family:Dongle,Courier Prime,Courier Prime Fallback;font-size:24px;line-height:30px}.card-maker .option-name{color:#551212;align-items:center;height:30px;font-family:Dongle,Courier Prime,Courier Prime Fallback;font-size:36px;display:flex;position:relative}.card-maker .option-name .icon-template{background:url(/image/icon-template.png) 0 0/100% 100% no-repeat;width:22px;height:22px}.card-maker .option-name .icon-txt{background:url(/image/icon-txt.png) 0 0/100% 100% no-repeat;width:22px;height:22px}.card-maker .option-name .icon-palette{background:url(/image/icon-palette.png) 0 0/100% 100% no-repeat;width:22px;height:22px}.card-maker .option-name .icon{flex-shrink:0;margin-right:8px}.card-maker .option-name p{flex-shrink:0;height:30px;font-weight:700;line-height:36px}.card-maker .option-name .hover-view{cursor:pointer;pointer-events:none;width:100%;height:22px;margin-top:2px;margin-left:2px}.card-maker .option-name .hover-view .hover-icon{pointer-events:visible;background:url(/image/hover-tips.svg) 0 0/100% 100% no-repeat;width:22px;height:22px}.card-maker .option-name .hover-view .hover-showview{z-index:20;color:#fff;opacity:0;pointer-events:visible;background:#00000080;border-radius:4px;height:34px;padding:0 10px;font-family:tahoma,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-size:14px;line-height:34px;transition:opacity .6s;animation:0s .6s forwards pointerAni;position:absolute;top:-34px;right:-12px}@keyframes pointerAni{0%{pointer-events:visible}to{pointer-events:none}}.card-maker .option-name .hover-view:hover .hover-showview{opacity:1;animation:none}.card-maker .option-cent{cursor:pointer;background:url(/image/template-bg.png) 0 0/100% 100% no-repeat;justify-content:center;align-items:center;width:116px;height:116px;margin-top:16px;display:flex;position:relative}.card-maker .option-cent .err-txt{margin-top:0;position:absolute;top:100%;left:0}.card-maker .option-cent.on{background-image:none}.card-maker .option-cent.loading{pointer-events:none}.card-maker .option-cent .select-outimg{width:auto;height:110px;margin-top:6px;position:relative}.card-maker .option-cent .select-outimg:before{content:"";transform-origin:0 0;z-index:0;background:#e5e5e5;width:100%;height:96%;position:absolute;top:0;left:0;transform:scaleX(.95)skewY(-3deg)}.card-maker .option-cent .select-outimg.on{align-items:center;height:80px;margin-top:0;margin-left:6px;display:flex}.card-maker .option-cent .select-outimg.on .select-outview{height:80px}.card-maker .option-cent .select-outimg.on:before{transform:scaleY(.98)skew(-3deg)}.card-maker .option-cent .select-outview{z-index:1;background:#fafafa;width:auto;min-width:80px;height:110px;position:relative}.card-maker .option-cent .select-outview .change-select{color:#fff;text-align:center;background:#ff7a98;border-radius:20px;width:75px;height:24px;font-family:Dongle,Courier Prime,Courier Prime Fallback;font-size:24px;font-weight:700;line-height:24px;display:none;position:absolute;bottom:10px;left:50%;transform:translate(-50%)}.card-maker .option-cent .select-outview .change-select:hover{filter:brightness(1.1)}.card-maker .option-cent .select-outview .change-select.no{display:none!important}.card-maker .option-cent .select-outview.on .change-select{display:block}.card-maker .option-cent .select-img{width:auto;height:100%}.card-maker .option-table{margin-top:16px}.card-maker .option-table .textarea-view{width:100%;height:auto;position:relative}.card-maker .option-table .table-textarea{color:#551212;border:1px solid #ff7a98b3;border-radius:8px;outline:none;width:100%;min-height:86px;padding:10px 12px;font-family:tahoma,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-size:18px;line-height:26px;overflow:hidden}.card-maker .option-table .table-textarea::placeholder{color:#55121280}.card-maker .option-table .textarea-tips{color:#551212;align-items:center;font-family:Dongle,Courier Prime,Courier Prime Fallback;font-size:26px;line-height:16px;display:flex;position:absolute;bottom:16px;right:12px}.card-maker .option-table .textarea-tips .now-txt{font-weight:700}.card-maker .option-table .textarea-btn{position:absolute;bottom:16px;right:12px}.card-maker .option-Illustration .Illustration-textarea{color:#551212;border:1px solid #ff7a98b3;border-radius:8px;outline:none;width:100%;min-height:120px;margin-top:8px;padding:10px 12px;font-family:tahoma,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-size:18px;line-height:26px;overflow:hidden auto}.card-maker .option-Illustration .Illustration-textarea::placeholder{color:#55121280}.card-maker .upload{width:116px;height:116px;margin-top:16px;position:relative}.card-maker .upload.on{cursor:not-allowed}.card-maker .upload.on .uploading{background:#f6f6f680;border:none}.card-maker .upload.on .uploading .isuploading{flex-direction:column;justify-content:center;align-items:center;display:flex}.card-maker .upload.on .uploading .loading-gif{background:url(/image/upload.gif) 0 0/100% 100% no-repeat;width:33px;height:33px}.card-maker .upload.on .uploading .uploading-progress{text-align:center;color:#551212;height:16px;font-family:tahoma,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-size:12px;line-height:20px}.card-maker .upload.on .input-file{display:none}.card-maker .upload .uploading{z-index:2;background:#fff url(/image/upload-img.png) 50%/28px 28px no-repeat;border:1.5px dashed #ff7a98b3;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.card-maker .upload .input-file{opacity:0;z-index:10;cursor:pointer;width:100%;height:100%;position:absolute;top:0;left:0}.card-maker .upload:hover .uploading{background-color:#fdf2f8;background-color:lab(96.4459% 4.53997 -1.49434)}.card-maker .show-upload{background:#f6f6f6;border-radius:10px;width:116px;height:116px;margin-top:16px;position:relative}.card-maker .show-upload .reference-img{object-fit:cover;border-radius:10px;width:100%;height:100%;position:absolute;top:0;left:0}.card-maker .show-upload .remove-btn{z-index:10;cursor:pointer;background:url(/image/icon-close.png) 0 0/100% 100% no-repeat;width:20px;height:20px;position:absolute;top:5px;right:5px}.card-maker .show-upload .remove-btn:disabled{cursor:not-allowed}.card-maker .create-btn-view{z-index:10;background:#fff;width:100%;height:88px;padding:12px 20px 0;position:absolute;bottom:0;left:0;box-shadow:0 -8px 15px -15px #00000080}.card-maker .create-btn-view .create-btn{color:#fff;cursor:pointer;background:#ff7a98;border-radius:43px;justify-content:center;align-items:center;width:100%;height:48px;margin:0 auto;font-family:Dongle,Courier Prime,Courier Prime Fallback;font-size:30px;font-weight:700;display:flex}.card-maker .create-btn-view .create-btn:hover{filter:brightness(1.1)}.card-maker .create-btn-view .create-btn:before{content:"";background:url(/image/icon-create.png) 0 0/100% 100% no-repeat;width:24px;height:24px;margin-right:10px;display:block}.card-maker .create-btn-view .create-btn span{height:30px;line-height:34px}.card-maker .create-btn-view .create-btn:disabled{filter:grayscale();cursor:not-allowed}.card-maker .card-view{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.card-maker .card-create-img{--top:40px;width:517px;height:557px;padding-top:var(--top);position:relative}.card-maker .card-create-img:before{content:"";transform-origin:0 0;z-index:0;width:100%;height:calc(96% - var(--top));top:var(--top);z-index:0;background:#e9e9e9;position:absolute;left:0;transform:scaleX(.95)skewY(-3deg)}.card-maker .card-create-img .create-img{z-index:10;background:#fafafa;width:100%;height:100%;position:relative;box-shadow:0 0 80px #00000014}.card-maker .card-create-img .generated-img{width:100%;height:100%}.card-maker .card-create-img .create-title{color:#55121266;white-space:nowrap;height:80px;font-family:Dongle,Courier Prime,Courier Prime Fallback;font-size:80px;line-height:94px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.card-maker .card-create-img .createing-img{flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.card-maker .card-create-img .createing-img .generating{background:url(/image/generating.gif) 0 0/100% 100% no-repeat;width:100px;height:100px}.card-maker .card-create-img .createing-img .generating-txt{color:#551212;height:42px;font-family:Dongle,Courier Prime,Courier Prime Fallback;font-size:42px;line-height:46px}.card-maker .card-create-img.vertical{--top:30px;width:403px;height:590px}.card-maker .card-create-img.land{--top:34px;width:634px;height:432px;padding-top:0;padding-left:var(--top)}.card-maker .card-create-img.land:before{width:calc(100% - var(--top));height:96%;top:0;left:var(--top);transform:scaleY(.98)skew(-3deg)}.card-maker .download-view{width:125px;height:37px;position:absolute;top:24px;right:30px}.card-maker .download-view .download-hover{text-align:center;cursor:pointer;background:#fff;border-radius:42px;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.card-maker .download-view .download-hover p{color:#ff7a98;height:27px;font-family:Dongle,Courier Prime,Courier Prime Fallback;font-size:27px;font-weight:700;line-height:32px}.card-maker .download-view .download-hover .pull-down{background:url(/image/pull-down.svg) 0 0/100% 100% no-repeat;width:17px;height:17px;margin-left:2px;transition:all .3s}.card-maker .download-view .download-type{background:#fff;border-radius:15px;margin-top:12px;padding:16px 20px;display:none;position:absolute;top:100%;right:0;box-shadow:0 0 37px #00000014}.card-maker .download-view .download-type .downtype{cursor:pointer;align-items:center;width:100%;height:24px;margin-bottom:30px;display:flex;position:relative}.card-maker .download-view .download-type .downtype:after{content:"";pointer-events:none;background:#f9ecee;width:100%;height:1px;position:absolute;top:38px;left:0}.card-maker .download-view .download-type .downtype:last-child{margin-bottom:0}.card-maker .download-view .download-type .downtype:last-child:after{display:none}.card-maker .download-view .download-type .downtype .download-icon{width:24px;height:24px;margin-right:7px}.card-maker .download-view .download-type .downtype p{color:#551212;white-space:nowrap;height:30px;font-family:Dongle,Courier Prime,Courier Prime Fallback;font-size:30px;line-height:32px}.card-maker .download-view .download-type .download-pdf .download-icon{background:url(/image/downloadpdf.svg) 0 0/100% 100% no-repeat}.card-maker .download-view .download-type .download-link .download-icon{background:url(/image/sharelink.svg) 0 0/100% 100% no-repeat}.card-maker .download-view:focus .download-hover .pull-down{transform:rotate(180deg)}.card-maker .download-view:focus .download-type{display:block}}
@media screen and (max-device-width:750px){.card-maker{width:100%;height:78.1333vw;min-height:78.1333vw;max-height:calc(var(--innerHeight) - 14.9333vw - 41.6vw);font-family:Dongle,Courier Prime,Courier Prime Fallback;transition:height .6s;position:relative}.card-maker.on{height:calc(var(--innerHeight) - 14.9333vw - 41.6vw)}.card-maker.on .card-view{transform:translate(-50%,-50%)scale(1.3)}.card-maker.change{transition:height}.card-maker.change .card-view{transition:transform}.card-cent{width:100%;height:100%;position:relative}.num-ele{width:41.6vw;height:calc(var(--innerHeight) - 87.7333vw);bottom:calc(var(--innerHeight) - 21.3333vw);opacity:0;pointer-events:none;z-index:-999;position:absolute;top:0;left:-300vw}.card-left{width:100%;height:calc(var(--innerHeight) - 87.7333vw);min-height:41.6vw;max-height:calc(var(--innerHeight) - 21.3333vw);z-index:10;opacity:1;background:#fff;transition:height .6s;position:fixed;bottom:0;left:0;overflow:hidden}.card-left.on{height:calc(var(--innerHeight) - 21.3333vw);overflow-y:auto!important}.card-left.hide{height:41.6vw}.card-left.change{transition:height;overflow:hidden}.card-left.none{opacity:0;pointer-events:none;transition:height .6s,opacity .6s .3s}.touch-view{z-index:10;background:#fff url(/image/touch-icon.png) 0 0/100% no-repeat;width:100vw;height:7.46667vw;position:sticky;top:-.53333vw;left:0}.card-right{z-index:0;background:#f6f6f6;width:100%;height:100%;position:absolute;top:0;left:0}.toast-view{white-space:nowrap;z-index:20;background:#fff;border-radius:2.13333vw;justify-content:center;align-items:center;width:auto;height:auto;padding:2.13333vw 4.26667vw;font-family:sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;display:flex;position:fixed;top:19.2vw;left:50%;transform:translate(-50%);box-shadow:0 0 5.33333vw #0000000a}.toast-view .toast-icon{width:3.73333vw;height:3.73333vw;margin-right:2.13333vw}.toast-view .toast-icon.no{display:none}.toast-view .toast-icon .success-icon{background:url(/image/success.svg) 0 0/100% 100% no-repeat;width:100%;height:100%}.toast-view .toast-icon .err-icon{background:#ff7a98;border-radius:50%;overflow:hidden}.toast-view .toast-icon .err-icon svg{width:100%;height:100%}.toast-view .toast-message{color:#551212;font-size:3.73333vw;line-height:4.8vw}textarea::-webkit-scrollbar{width:1.06667vw;height:48.8vw}textarea::-webkit-scrollbar-track{background:0 0}textarea::-webkit-scrollbar-thumb{background:#d9d9d9;border-radius:.53333vw}textarea::-webkit-scrollbar-thumb:hover{background:#d9d9d9}.card-flex-left{width:100vw;padding:0 5.33333vw 23.4667vw}.card-flex-left::-webkit-scrollbar{width:1.06667vw;height:48.8vw}.card-flex-left::-webkit-scrollbar-track{background:0 0}.card-flex-left::-webkit-scrollbar-thumb{background:#d9d9d9;border-radius:.53333vw}.card-flex-left::-webkit-scrollbar-thumb:hover{background:#d9d9d9}.option{margin-bottom:5.33333vw}.option .sec-title{color:#551212;width:100%;height:8vw;margin-top:1.06667vw;font-family:Dongle,Courier Prime,Courier Prime Fallback;font-size:8vw;font-weight:700;line-height:8.53333vw}.option .err-txt{color:red;height:8vw;margin-top:2.13333vw;font-family:Dongle,Courier Prime,Courier Prime Fallback;font-size:6.4vw;line-height:8vw}.option-name{color:#551212;align-items:center;height:8vw;font-family:Dongle,Courier Prime,Courier Prime Fallback;font-size:9.06667vw;display:flex;position:relative}.option-name .icon-template{background:url(/image/icon-template.png) 0 0/100% 100% no-repeat;width:5.33333vw;height:5.33333vw}.option-name .icon-txt{background:url(/image/icon-txt.png) 0 0/100% 100% no-repeat;width:5.33333vw;height:5.33333vw}.option-name .icon-palette{background:url(/image/icon-palette.png) 0 0/100% 100% no-repeat;width:5.33333vw;height:5.33333vw}.option-name .icon{flex-shrink:0;margin-right:2.13333vw}.option-name p{height:8vw;letter-spacing:var(--letterSpacing);flex-shrink:0;font-weight:700;line-height:9.06667vw}.option-name .hover-view{cursor:pointer;pointer-events:none;width:100%;height:5.33333vw;margin-top:.53333vw;margin-left:.53333vw}.option-name .hover-view .hover-icon{pointer-events:visible;background:url(/image/hover-tips.svg) 0 0/100% 100% no-repeat;width:5.33333vw;height:5.33333vw}.option-name .hover-view .hover-showview{white-space:nowrap;color:#fff;opacity:0;pointer-events:visible;z-index:10;background:#00000080;border-radius:1.33333vw;padding:1.6vw 3.2vw;font-family:sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-size:3.2vw;line-height:4.8vw;transition:opacity .6s;animation:0s .6s forwards pointerAni;position:absolute;top:-8vw;right:-2.93333vw}@keyframes pointerAni{0%{pointer-events:visible}to{pointer-events:none}}.option-name .hover-view:hover .hover-showview{opacity:1;animation:none}.option-cent{cursor:pointer;background:url(/image/template-bg.png) 0 0/100% 100% no-repeat;justify-content:center;align-items:center;width:24.5333vw;height:24.5333vw;margin-top:2.66667vw;display:flex;position:relative}.option-cent .err-txt{margin-top:0;position:absolute;top:100%;left:0}.option-cent.on{background-image:none}.option-cent.loading{pointer-events:none}.option-cent .select-outimg{width:auto;height:23.2vw;margin-top:1.6vw;position:relative}.option-cent .select-outimg:before{content:"";transform-origin:0 0;z-index:0;background:#e5e5e5;width:100%;height:96%;position:absolute;top:0;left:0;transform:scaleX(.95)skewY(-3deg)}.option-cent .select-outimg.on{align-items:center;height:16.5333vw;margin-top:0;margin-left:1.6vw;display:flex}.option-cent .select-outimg.on .select-outview{height:16.5333vw}.option-cent .select-outimg.on:before{transform:scaleY(.98)skew(-3deg)}.option-cent .select-outview{z-index:1;background:#fafafa;width:auto;min-width:17.0667vw;height:23.2vw;position:relative}.option-cent .select-outview .change-select{color:#fff;text-align:center;background:#ff7a98;border-radius:5.33333vw;width:20vw;height:6.4vw;font-family:sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-size:3.2vw;font-weight:700;line-height:6.4vw;position:absolute;bottom:2.66667vw;left:50%;transform:translate(-50%)}.option-cent .select-outview .change-select:hover{filter:brightness(1.1)}.option-cent .select-outview .change-select.no{display:none}.option-cent .select-img{width:auto;height:100%}.option-table{margin-top:2.66667vw}.option-table .textarea-view{width:89.3333vw;height:auto;position:relative}.option-table .table-textarea{color:#551212;border:1px solid #ff7a98b3;border-radius:2.13333vw;outline:none;width:89.3333vw;min-height:21.8667vw;max-height:53.3333vw;padding:2.66667vw 3.2vw;font-family:sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-size:4.26667vw;line-height:4.8vw}.option-table .table-textarea::placeholder{color:#55121280}.option-table .textarea-tips{color:#551212;align-items:center;font-family:sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-size:3.73333vw;line-height:4.8vw;display:flex;position:absolute;bottom:4.26667vw;right:3.2vw}.option-table .textarea-tips .now-txt{font-weight:700}.option-table .textarea-btn{position:absolute;bottom:4.26667vw;right:3.2vw}.option-Illustration .Illustration-textarea{color:#551212;border:1px solid #ff7a98b3;border-radius:2.13333vw;outline:none;width:89.3333vw;min-height:32vw;max-height:80vw;margin-top:2.13333vw;padding:2.66667vw 3.2vw;font-family:sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-size:4.26667vw;line-height:4.8vw;overflow:hidden auto}.option-Illustration .Illustration-textarea::placeholder{color:#55121280}.upload{width:24.5333vw;height:24.5333vw;margin-top:2.66667vw;position:relative}.upload.on{cursor:not-allowed}.upload.on .uploading{background:#f6f6f680;border:none}.upload.on .uploading .isuploading{flex-direction:column;justify-content:center;align-items:center;display:flex}.upload.on .uploading .loading-gif{background:url(/image/upload.gif) 0 0/100% 100% no-repeat;width:8.8vw;height:8.8vw}.upload.on .uploading .uploading-progress{text-align:center;color:#551212;height:4.26667vw;margin-top:0;font-family:sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-size:3.2vw;line-height:4.26667vw}.upload.on .input-file{display:none}.upload .uploading{z-index:2;background:#fff url(/image/upload-img.png) 50%/7.46667vw 7.46667vw no-repeat;border:.4vw dashed #ff7a98b3;border-radius:2.66667vw;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.upload .input-file{opacity:0;z-index:10;cursor:pointer;width:100%;height:100%;position:absolute;top:0;left:0}.show-upload{background:#f6f6f6;border-radius:2.66667vw;width:24.5333vw;height:24.5333vw;margin-top:2.66667vw;position:relative}.show-upload .reference-img{object-fit:cover;border-radius:2.66667vw;width:100%;height:100%;position:absolute;top:0;left:0}.show-upload .remove-btn{z-index:10;cursor:pointer;background:url(/image/icon-close.png) 0 0/100% 100% no-repeat;width:5.33333vw;height:5.33333vw;position:absolute;top:1.33333vw;right:1.33333vw}.show-upload .remove-btn:disabled{cursor:not-allowed}.create-btn-view{z-index:99;background:#fff;width:100%;height:23.4667vw;padding-top:2.13333vw;position:fixed;bottom:0;left:0;box-shadow:0 -2.13333vw 4vw -4vw #00000080}.create-btn-view .create-btn{color:#fff;cursor:pointer;background:#ff7a98;border-radius:11.4667vw;justify-content:center;align-items:center;width:89.0667vw;height:12.2667vw;margin:0 auto;font-family:Dongle,Courier Prime,Courier Prime Fallback;font-size:8vw;font-weight:700;display:flex}.create-btn-view .create-btn:hover{filter:brightness(1.1)}.create-btn-view .create-btn:before{content:"";background:url(/image/icon-create.png) 0 0/100% 100% no-repeat;width:6.4vw;height:6.4vw;margin-right:2.66667vw;display:block}.create-btn-view .create-btn span{height:8vw;line-height:9.06667vw}.create-btn-view .create-btn:disabled{filter:grayscale();cursor:not-allowed}.card-view{transition:transform .6s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(1)}.card-create-img{--top:4.26667vw;width:53.3333vw;height:57.6vw;padding-top:var(--top);position:relative}.card-create-img:before{content:"";transform-origin:0 0;z-index:0;width:100%;height:calc(96% - var(--top));top:var(--top);z-index:0;background:#e9e9e9;position:absolute;left:0;transform:scaleX(.95)skewY(-3deg)}.card-create-img .create-img{z-index:10;background:#fafafa;width:100%;height:100%;position:relative;box-shadow:0 0 8vw #00000014}.card-create-img .generated-img{width:100%;height:100%}.card-create-img .create-title{color:#55121266;white-space:nowrap;height:9.6vw;font-family:Dongle,Courier Prime,Courier Prime Fallback;font-size:9.6vw;line-height:10.6667vw;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.card-create-img .createing-img{flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.card-create-img .createing-img .generating{background:url(/image/generating.gif) 0 0/100% 100% no-repeat;width:13.3333vw;height:13.3333vw}.card-create-img .createing-img .generating-txt{color:#551212;height:7.46667vw;font-family:Dongle,Courier Prime,Courier Prime Fallback;font-size:7.46667vw;line-height:8vw}.card-create-img.vertical{--top:3.2vw;width:41.8667vw;height:62.1333vw}.card-create-img.land{--top:3.46667vw;width:65.6vw;height:44.8vw;padding-top:0;padding-left:var(--top)}.card-create-img.land:before{width:calc(100% - var(--top));height:96%;top:0;left:var(--top);transform:scaleY(.98)skew(-3deg)}.download-view{width:auto;height:7.46667vw;position:absolute;top:3.2vw;right:3.2vw}.download-view .download-hover{text-align:center;cursor:pointer;background:#fff;border-radius:8.8vw;justify-content:center;align-items:center;width:auto;min-width:25.0667vw;height:100%;padding:0 2.13333vw;display:flex}.download-view .download-hover p{color:#ff7a98;height:5.33333vw;font-family:Dongle,Courier Prime,Courier Prime Fallback;font-size:5.86667vw;font-weight:700;line-height:5.86667vw}.download-view .download-hover .pull-down{background:url(/image/pull-down.svg) 0 0/100% 100% no-repeat;width:3.73333vw;height:3.73333vw;margin-left:.53333vw;transition:all .3s}.download-view .download-type{background:#fff;border-radius:3.2vw;margin-top:2.13333vw;padding:3.2vw 4.26667vw;display:none;position:absolute;top:100%;right:0;box-shadow:0 0 8vw #00000014}.download-view .download-type .downtype{cursor:pointer;align-items:center;width:100%;height:5.06667vw;margin-bottom:6.4vw;display:flex;position:relative}.download-view .download-type .downtype:after{content:"";pointer-events:none;background:#f9ecee;width:100%;height:1px;position:absolute;top:8vw;left:0}.download-view .download-type .downtype:last-child{margin-bottom:0}.download-view .download-type .downtype:last-child:after{display:none}.download-view .download-type .downtype .download-icon{width:5.06667vw;height:5.06667vw;margin-right:1.6vw}.download-view .download-type .downtype p{color:#551212;white-space:nowrap;height:6.4vw;font-family:Dongle,Courier Prime,Courier Prime Fallback;font-size:6.4vw;line-height:7.46667vw}.download-view .download-type .download-pdf .download-icon{background:url(/image/downloadpdf.svg) 0 0/100% 100% no-repeat}.download-view .download-type .download-link .download-icon{background:url(/image/sharelink.svg) 0 0/100% 100% no-repeat}.download-view:focus .download-hover .pull-down{transform:rotate(180deg)}.download-view:focus .download-type{display:block}}