.QrCode[data-v-083b3d47]{flex-direction:column;align-items:center;width:100%;margin-top:-1px;padding-top:1px;display:flex}.QrCode .right-qr-code-container[data-v-083b3d47]{width:375px;height:375px;margin:25.5px auto 0}.TabBtn[data-v-39a34bf7]{width:100%;display:flex;box-shadow:0 1px #0000001a}.TabBtn .item-box[data-v-39a34bf7]{text-align:center;cursor:pointer;width:auto;min-width:72px;margin-right:50px;position:relative}.TabBtn .item-box[data-v-39a34bf7]:last-child{margin-right:0}.TabBtn .item-box:hover .line[data-v-39a34bf7]{opacity:1}.TabBtn .item-box .label[data-v-39a34bf7]{color:var(--one-level-text-color);font-size:var(--fs-lg);font-weight:var(--fw-medium);line-height:var(--lh-normal)}.TabBtn .item-box.active .line[data-v-39a34bf7]{opacity:1}.TabBtn .item-box .line[data-v-39a34bf7]{opacity:0;background-color:#191919;border-radius:8px;width:100%;height:4px;margin-top:8px;transition:opacity .2s}.FromValidate[data-v-1a158eb4]{width:100%;height:100%}.FromValidate .err-msg[data-v-1a158eb4]{color:var(--error-color);font-size:var(--fs-sm);font-weight:var(--fw-normal);line-height:var(--lh-normal);margin-top:5px}.FromValidate .warn-msg[data-v-1a158eb4]{width:fit-content;max-width:100%;height:36px;color:var(--two-level-text-color);font-size:12px;font-weight:var(--fw-normal);line-height:var(--lh-tight);background-color:#f3f2f5;border-radius:8px;align-items:center;margin-top:5px;padding:8px 12px;display:flex}.FromValidate .warn-msg i[data-v-1a158eb4]{color:#b2b2b2;margin-right:6px;font-size:18px}.FromValidate .warn-msg.mobile-style[data-v-1a158eb4]{border-radius:6px;height:32px;padding:8px}.FromValidate .warn-msg.mobile-style i[data-v-1a158eb4]{width:18px;height:18px;margin-right:4px;font-size:18px;transform:translateY(-3.5px)}.Shape[data-v-1bd25e87]{grid-template-columns:repeat(3,1fr);column-gap:20px;width:fit-content;height:100%;display:grid}.Shape-item[data-v-1bd25e87]{cursor:pointer;border:1px solid var(--line-type-component-border);background:#fff;border-radius:8px;justify-content:center;align-items:center;width:80px;height:80px;display:flex}.Shape-item[data-v-1bd25e87]:hover,.Shape-item.active[data-v-1bd25e87]{border:2px solid #191919}.UploadImg[data-v-57f2aa0b]{width:100%;height:100%}.UploadImg-box[data-v-57f2aa0b]{background-color:#fff;border:1.5px dashed #741eff;border-radius:8px;width:80px;height:80px}.UploadImg-box-uploading[data-v-57f2aa0b]{background:#741eff0f;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.UploadImg-box-default[data-v-57f2aa0b]{cursor:pointer;background:#741eff0f;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.UploadImg-box-default[data-v-57f2aa0b]:hover{background:#741eff08}.UploadImg-box-default[data-v-57f2aa0b]:active{background:#741eff1a}.UploadImg-box-default i[data-v-57f2aa0b]{color:var(--primary-color);font-size:22px}.UploadImg-box-container[data-v-57f2aa0b]{width:100%;height:100%;position:relative}.UploadImg-box-container img.img-delete-icon[data-v-57f2aa0b]{cursor:pointer;width:18px;height:18px;position:absolute;top:0;right:0;transform:translate(50%,-50%)}.UploadImg-box-container img[data-v-57f2aa0b]{object-fit:contain;border-radius:8px;width:100%;height:100%}.UploadImg-tip[data-v-57f2aa0b]{color:var(--three-level-text-color);font-size:12px;font-weight:var(--fw-normal);line-height:var(--lh-normal);margin-top:9px}.QrCodeConfig[data-v-918ed6ce]{width:100%;height:100%}.QrCodeConfig[data-v-918ed6ce] .Tab{height:auto}.QrCodeConfig[data-v-918ed6ce] .Tab .Tab-slot-content{height:0}.QrCodeConfig .config-item[data-v-918ed6ce]{margin-top:32px}.QrCodeConfig .config-item[data-v-918ed6ce]:nth-child(2){margin-top:48px}.QrCodeConfig .config-item .label[data-v-918ed6ce],.QrCodeConfig .config-item .label span[data-v-918ed6ce]{color:var(--one-level-text-color);font-size:var(--fs-lg);font-weight:var(--fw-normal);line-height:var(--lh-tight);align-items:center;margin-bottom:12px;display:flex}.QrCodeConfig .config-item .label span[data-v-918ed6ce]{margin-bottom:0}.QrCodeConfig .config-item .label[data-v-918ed6ce] .p-popover__trigger{margin-left:8px;transform:translateY(2px)}.QrCodeConfig .config-item .label[data-v-918ed6ce] .p-popover__trigger .tip{color:#4c4c4c;cursor:pointer}.QrCodeConfig .config-item .label[data-v-918ed6ce] .p-popover__trigger .tip:hover{color:var(--primary-color)}.QrCodeConfig .config-item .label[data-v-918ed6ce] .p-popover__trigger .tip:active{color:#5a23d7}.QrCodeConfig .config-item .label.text-mode[data-v-918ed6ce]{justify-content:space-between;display:flex}.QrCodeConfig .config-item .label.text-mode .textarea-clear[data-v-918ed6ce]{color:#191919;font-size:12px;font-weight:var(--fw-medium);line-height:var(--lh-loose);cursor:pointer;text-align:center;background:#f7f7f7;border-radius:6px;width:55px;height:24px;transition:background .2s}.QrCodeConfig .config-item .label.text-mode .textarea-clear[data-v-918ed6ce]:hover{background:#f0f0f0}.QrCodeConfig .config-item .label.text-mode .textarea-clear[data-v-918ed6ce]:active{background:#e6e6e6}.QrCodeConfig .config-item[data-v-918ed6ce] .url-input{color:var(--one-level-text-color);font-size:var(--fs-base);font-weight:var(--fw-normal);line-height:var(--lh-normal);background-color:#fff}.QrCodeConfig .config-item[data-v-918ed6ce] .url-input.url-input-err{border-color:var(--error-color)!important}.QrCodeConfig .config-item[data-v-918ed6ce] .url-input.url-input-blur .paInput{text-overflow:ellipsis;word-break:break-all;-webkit-line-clamp:1;word-break:normal;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.QrCodeConfig .config-item[data-v-918ed6ce] .url-input .paInput{width:calc(100% - 72px)}.QrCodeConfig .config-item[data-v-918ed6ce] .text-input:hover textarea{padding-right:6px!important;overflow-y:hidden!important}.QrCodeConfig .config-item[data-v-918ed6ce] .text-input textarea{color:var(--one-level-text-color);font-size:var(--fs-base);font-weight:var(--fw-normal);line-height:var(--lh-normal);font-family:Gilroy}.QrCodeConfig .config-item[data-v-918ed6ce] .text-input textarea:focus{padding-right:0!important;overflow-y:scroll!important}.QrCodeConfig .config-item[data-v-918ed6ce] .text-input.text-input-err{border-color:var(--error-color)!important}.QrCodeConfig .config-item[data-v-918ed6ce] .qr-code-color-picker{width:100px}.QrCodeConfig .more-setting__container[data-v-918ed6ce]{padding-top:32px}.QrCodeConfig .more-setting__container-item[data-v-918ed6ce]{margin-top:32px}.QrCodeConfig .more-setting__container-item[data-v-918ed6ce]:first-child{margin-top:0}.QrCodeConfig .more-setting__container-item .label[data-v-918ed6ce]{color:var(--one-level-text-color);font-size:var(--fs-lg);font-weight:var(--fw-normal);line-height:var(--lh-tight);margin-bottom:12px}.QrCodeConfig .more-setting-btn[data-v-918ed6ce]{cursor:pointer;align-items:center;width:fit-content;margin-top:40px;display:flex}.QrCodeConfig .more-setting-btn[data-v-918ed6ce] .p-button{font-weight:var(--fw-normal)}.QrCodeConfig .more-setting-btn i[data-v-918ed6ce]{color:var(--primary-color);font-size:20px;transition:transform .2s}.QrCodeConfig .more-setting-btn i.open[data-v-918ed6ce]{transform:rotate(180deg)}.MobileTabBtn[data-v-22c6563a]{gap:12px;width:100%;height:100%;display:flex}.MobileTabBtn .item-box[data-v-22c6563a]{stroke-width:1px;border:1px solid var(--line-type-component-border);cursor:pointer;background-color:#fff;border-radius:8px;flex:1;justify-content:center;align-items:center;height:48px;display:flex}.MobileTabBtn .item-box .label[data-v-22c6563a]{font-size:var(--fs-base);font-weight:var(--fw-normal);line-height:var(--lh-normal)}.MobileTabBtn .item-box.active[data-v-22c6563a]{border-width:2px;border-color:#191919}.p-button.download-qr-code[data-v-9d734634]{width:329px;font-size:var(--fs-lg);font-weight:var(--fw-normal);line-height:var(--lh-normal);justify-content:center;align-items:center;margin:25.5px auto 0;display:flex}.p-button.download-qr-code i[data-v-9d734634]{margin-right:6px;font-size:24px}.p-button.download-qr-code.disabled-downloading[data-v-9d734634]{cursor:not-allowed;background-color:var(--primary-color)}.p-button.download-qr-code.disabled-downloading[data-v-9d734634]:hover,.p-button.download-qr-code.disabled-downloading[data-v-9d734634]:active{background-color:var(--primary-color)}.QrCodeMobileConfig[data-v-d984c211]{width:100%;height:100%}.QrCodeMobileConfig .color-picker__container[data-v-d984c211]{justify-content:center;margin-top:40px;display:flex}.QrCodeMobileConfig .color-picker__container[data-v-d984c211] .qr-code-color-picker{width:68px;height:28px}.QrCodeMobileConfig .color-picker__container[data-v-d984c211] .qr-code-color-picker .pac-choose-theme-color__content{grid-gap:8px 15px}.QrCodeMobileConfig[data-v-d984c211] .qr-code-type-switch{border-radius:24px;margin-top:48px}.QrCodeMobileConfig[data-v-d984c211] .qr-code-type-switch .active-box{height:36px!important;top:unset!important;background-color:#191919!important;border-radius:24px!important}.QrCodeMobileConfig[data-v-d984c211] .qr-code-type-switch .slider-tab-item{height:42px!important}.QrCodeMobileConfig[data-v-d984c211] .qr-code-type-switch .slider-tab-item .pac-ell{line-height:42px}.QrCodeMobileConfig .basic-config[data-v-d984c211]{margin-top:20px}.QrCodeMobileConfig .basic-config .config-item[data-v-d984c211]{margin-top:32px}.QrCodeMobileConfig .basic-config .config-item[data-v-d984c211]:first-child{margin-top:0}.QrCodeMobileConfig .basic-config .config-item .label[data-v-d984c211],.QrCodeMobileConfig .basic-config .config-item .label span[data-v-d984c211]{color:var(--one-level-text-color);font-size:var(--fs-lg);font-weight:var(--fw-medium);line-height:var(--lh-tight);align-items:center;margin-bottom:12px;display:flex}.QrCodeMobileConfig .basic-config .config-item .label span[data-v-d984c211]{margin-bottom:0}.QrCodeMobileConfig .basic-config .config-item .label[data-v-d984c211] .p-popover__trigger{margin-left:8px;transform:translateY(2px)}.QrCodeMobileConfig .basic-config .config-item .label[data-v-d984c211] .p-popover__trigger .tip{cursor:pointer}.QrCodeMobileConfig .basic-config .config-item .label[data-v-d984c211] .p-popover__trigger .tip:hover{color:var(--primary-color)}.QrCodeMobileConfig .basic-config .config-item .label[data-v-d984c211] .p-popover__trigger .tip:active{color:#5a23d7}.QrCodeMobileConfig .basic-config .config-item .label.text-mode[data-v-d984c211]{justify-content:space-between;display:flex}.QrCodeMobileConfig .basic-config .config-item .label.text-mode .textarea-clear[data-v-d984c211]{color:#191919;font-size:12px;font-weight:var(--fw-medium);line-height:var(--lh-loose);cursor:pointer;text-align:center;background:#f7f7f7;border-radius:6px;width:55px;height:24px}.QrCodeMobileConfig .basic-config .config-item[data-v-d984c211] .url-input{color:var(--one-level-text-color);font-size:var(--fs-base);font-weight:var(--fw-normal);line-height:var(--lh-normal);background:#fff}.QrCodeMobileConfig .basic-config .config-item[data-v-d984c211] .url-input.url-input-err{border-color:var(--error-color)!important}.QrCodeMobileConfig .basic-config .config-item[data-v-d984c211] .url-input.url-input-blur .paInput{text-overflow:ellipsis;word-break:break-all;-webkit-line-clamp:1;word-break:normal;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.QrCodeMobileConfig .basic-config .config-item[data-v-d984c211] .url-input .paInput{width:calc(100% - 72px)}.QrCodeMobileConfig .basic-config .config-item[data-v-d984c211] .text-input:hover textarea{padding-right:6px!important;overflow-y:hidden!important}.QrCodeMobileConfig .basic-config .config-item[data-v-d984c211] .text-input textarea{color:var(--one-level-text-color);font-size:var(--fs-base);font-weight:var(--fw-normal);line-height:var(--lh-normal);font-family:Gilroy}.QrCodeMobileConfig .basic-config .config-item[data-v-d984c211] .text-input textarea:focus{padding-right:0!important;overflow-y:scroll!important}.QrCodeMobileConfig .basic-config .config-item[data-v-d984c211] .text-input.text-input-err{border-color:var(--error-color)!important}.QrCodeMobileConfig .basic-config .config-item[data-v-d984c211] .mobile-select{background-color:#fff;border-radius:6px;transition:border .3s}.QrCodeMobileConfig .basic-config .config-item[data-v-d984c211] .mobile-select .pac-mobile-select__title{font-size:var(--fs-base);font-weight:var(--fw-normal);line-height:var(--lh-normal)}.QrCodeMobileConfig .basic-config .config-item[data-v-d984c211] .mobile-select i{color:var(--one-level-text-color);font-size:26px}.QrCodeMobileConfig .more-config .more-setting__container[data-v-d984c211]{padding-top:32px}.QrCodeMobileConfig .more-config .more-setting__container-item[data-v-d984c211]{margin-top:32px}.QrCodeMobileConfig .more-config .more-setting__container-item[data-v-d984c211]:first-child{margin-top:0}.QrCodeMobileConfig .more-config .more-setting__container-item .label[data-v-d984c211]{color:var(--one-level-text-color);font-size:var(--fs-lg);font-weight:var(--fw-normal);line-height:var(--lh-tight);margin-bottom:12px}.QrCodeMobileConfig[data-v-d984c211] .download-qr-code{width:100%;font-size:var(--fs-lg);font-weight:var(--fw-medium);line-height:var(--lh-normal);margin:72px auto 0;height:48px!important}.QrCodeMobileConfig[data-v-d984c211] .download-qr-code i{font-size:24px;font-weight:500}.black .p-popover__content .p-popover__inner{color:#fff;width:270px;font-size:var(--fs-sm);font-weight:var(--fw-normal);line-height:var(--lh-tight);background:#000c;border-radius:8px;padding:8px}.black .p-popover__content .p-popover__arrow__content{background-color:#000c}.pac-mobile-colorPicker.color-picker-inner{padding:0 4px}.siq_bR.zsiq_custommain{z-index:1000!important}.Index[data-v-ad1a17b6]{width:100%;height:100%;display:flex}.Index .qr-code-left[data-v-ad1a17b6]{box-shadow:4px 4px 0px 0px var(--one-level-text-color);background:#fff;border:1.5px solid #191919;border-radius:24px;flex:1;margin-right:63px;padding:36px}.Index .qr-code-right[data-v-ad1a17b6]{width:426px;max-height:548px;box-shadow:4px 4px 0px 0px var(--one-level-text-color);background:#fff;border:1.5px solid #191919;border-radius:24px;flex-shrink:0}@media screen and (min-width:980px) and (max-width:1023px){.Index .qr-code-left[data-v-ad1a17b6]{width:453px;margin-right:40px}}.Index-mobile .mobile-qr-code-top[data-v-ad1a17b6]{width:fit-content;box-shadow:4px 4px 0px 0px var(--one-level-text-color);background-color:#fff;border:1.5px solid #191919;border-radius:16px;justify-content:center;align-items:center;margin:0 auto;display:flex}.Index-mobile .mobile-qr-code-top[data-v-ad1a17b6] .QrCode #qr-code-container{justify-content:center;align-items:center;width:100%;height:fit-content;margin-top:0;display:flex}.Index-mobile .mobile-qr-code-bottom[data-v-ad1a17b6]{width:100%}.App{margin-top:-1px;padding-top:1px}.App .qr-code-container{width:100%;height:auto}