@charset "UTF-8";.QrCode[data-v-083b3d47]{width:100%;padding-top:1px;margin-top:-1px;display:flex;flex-direction:column;align-items:center}.QrCode .right-qr-code-container[data-v-083b3d47]{width:375px;height:375px;margin:25.5px auto 0}.TabBtn[data-v-39a34bf7]{width:100%;box-shadow:0 1px #0000001a;display:flex}.TabBtn .item-box[data-v-39a34bf7]{min-width:72px;width:auto;text-align:center;cursor:pointer;position:relative;margin-right:50px}.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]{transition:opacity .2s ease;margin-top:8px;width:100%;opacity:0;height:4px;background-color:#191919;border-radius:8px}.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;padding:8px 12px;background-color:#f3f2f5;color:var(--two-level-text-color);font-size:12px;font-weight:var(--fw-normal);line-height:var(--lh-tight);margin-top:5px;display:flex;align-items:center;border-radius:8px}.FromValidate .warn-msg i[data-v-1a158eb4]{margin-right:6px;color:#b2b2b2;font-size:18px}.FromValidate .warn-msg.mobile-style[data-v-1a158eb4]{height:32px;border-radius:6px;padding:8px}.FromValidate .warn-msg.mobile-style i[data-v-1a158eb4]{transform:translateY(-3.5px);font-size:18px;margin-right:4px;width:18px;height:18px}.Shape[data-v-1bd25e87]{width:fit-content;height:100%;display:grid;grid-template-columns:repeat(3,1fr);column-gap:20px}.Shape-item[data-v-1bd25e87]{cursor:pointer;width:80px;height:80px;border-radius:8px;border:1px solid var(--line-type-component-border);display:flex;align-items:center;justify-content:center;background:#fff}.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]{width:80px;height:80px;border-radius:8px;background-color:#fff;border:1.5px dashed #741eff}.UploadImg-box-uploading[data-v-57f2aa0b]{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#741eff0f}.UploadImg-box-default[data-v-57f2aa0b]{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#741eff0f;cursor:pointer}.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]{width:18px;height:18px;cursor:pointer;position:absolute;top:0;right:0;transform:translate(50%,-50%)}.UploadImg-box-container img[data-v-57f2aa0b]{width:100%;height:100%;object-fit:contain;border-radius:8px}.UploadImg-tip[data-v-57f2aa0b]{font-size:12px;color:var(--three-level-text-color);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);margin-bottom:12px;display:flex;align-items:center}.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]{display:flex;justify-content:space-between}.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;width:55px;height:24px;border-radius:6px;background:#f7f7f7;text-align:center;transition:background .2s ease}.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{overflow:hidden;text-overflow:ellipsis;word-break:break-all;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;word-break:normal}.QrCodeConfig .config-item[data-v-918ed6ce] .url-input .paInput{width:calc(100% - 72px)}.QrCodeConfig .config-item[data-v-918ed6ce] .text-input:hover textarea{overflow-y:hidden!important;padding-right:6px!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{overflow-y:scroll!important;padding-right:0!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]:nth-child(1){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]{width:fit-content;display:flex;align-items:center;margin-top:40px;cursor:pointer}.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 ease}.QrCodeConfig .more-setting-btn i.open[data-v-918ed6ce]{transform:rotate(180deg)}.MobileTabBtn[data-v-22c6563a]{width:100%;height:100%;display:flex;gap:12px}.MobileTabBtn .item-box[data-v-22c6563a]{flex:1;height:48px;background-color:#fff;border-radius:8px;stroke-width:1px;border:1px solid var(--line-type-component-border);display:flex;align-items:center;justify-content:center;cursor:pointer}.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-color:#191919;border-width:2px}.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);margin:25.5px auto 0;display:flex;align-items:center;justify-content:center}.p-button.download-qr-code i[data-v-9d734634]{font-size:24px;margin-right:6px}.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]{margin-top:40px;display:flex;justify-content:center}.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{margin-top:48px;border-radius:24px}.QrCodeMobileConfig[data-v-d984c211] .qr-code-type-switch .active-box{height:36px!important;border-radius:24px!important;top:unset!important;background-color:#191919!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]:nth-child(1){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);margin-bottom:12px;display:flex;align-items:center}.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]{display:flex;justify-content:space-between}.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;width:55px;height:24px;border-radius:6px;background:#f7f7f7;text-align:center}.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{overflow:hidden;text-overflow:ellipsis;word-break:break-all;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;word-break:normal}.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{overflow-y:hidden!important;padding-right:6px!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{overflow-y:scroll!important;padding-right:0!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{border-radius:6px;transition:border .3s ease;background-color:#fff}.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{font-size:26px;color:var(--one-level-text-color)}.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]:nth-child(1){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%;height:48px!important;font-size:var(--fs-lg);font-weight:var(--fw-medium);line-height:var(--lh-normal);margin:72px auto 0}.QrCodeMobileConfig[data-v-d984c211] .download-qr-code i{font-size:24px;font-weight:500}.black .p-popover__content .p-popover__inner{width:270px;border-radius:8px;background:#000c;color:#fff;font-size:var(--fs-sm);font-weight:var(--fw-normal);line-height:var(--lh-tight);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]{flex:1;margin-right:63px;padding:36px;border-radius:24px;border:1.5px solid #191919;box-shadow:4px 4px 0 0 var(--one-level-text-color);background:#fff}.Index .qr-code-right[data-v-ad1a17b6]{width:426px;max-height:548px;flex-shrink:0;border-radius:24px;border:1px solid #eaeaea;background:#fff;border:1.5px solid #191919;box-shadow:4px 4px 0 0 var(--one-level-text-color)}@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;display:flex;justify-content:center;align-items:center;margin:0 auto;border-radius:16px;border:1.5px solid #191919;box-shadow:4px 4px 0 0 var(--one-level-text-color);background-color:#fff}.Index-mobile .mobile-qr-code-top[data-v-ad1a17b6] .QrCode #qr-code-container{width:100%;height:fit-content;display:flex;align-items:center;justify-content:center;margin-top:0}.Index-mobile .mobile-qr-code-bottom[data-v-ad1a17b6]{width:100%}.App{padding-top:1px;margin-top:-1px}.App .qr-code-container{width:100%;height:auto}