.preview-container[data-v-37b4f7c6]{align-items:center;background:#fff;border-radius:4px;display:flex;flex-direction:column;height:100%;margin-top:22px;padding-top:18px;position:relative;width:100%}.preview-container .preview-tri[data-v-37b4f7c6]{border-bottom:16px solid #fff;border-left:8px solid transparent;border-right:8px solid transparent;height:0;left:35px;position:absolute;top:-15px;width:0}
.preview-tabs[data-v-21583d34]{align-items:center;background:#f6f7f9;border-radius:4px;cursor:pointer;display:flex;height:32px;padding:2px;width:300px}.preview-tabs .tag-tab[data-v-21583d34]{align-items:center;color:#666;display:flex;font-size:14px;font-weight:400;height:28px;justify-content:center;width:148px}.preview-tabs .active[data-v-21583d34]{background:#fff;border-radius:4px;color:#333;font-weight:600}
.style-preview[data-v-29adb7e5]{margin-top:26px;padding:0 33px;width:100%}.style-preview .title[data-v-29adb7e5]{color:#3d3d3d;font-size:18px;font-weight:700}.style-preview .sub-title[data-v-29adb7e5]{align-items:center;display:flex;justify-content:space-between;margin-top:17px}.style-preview .sub-title .left[data-v-29adb7e5]{color:#666;font-size:14px;font-weight:400}.style-preview .sub-title .left span[data-v-29adb7e5]{color:#333;font-size:16px;font-weight:600}.style-preview .sub-title .right[data-v-29adb7e5]{align-items:center;color:#2278ff;cursor:pointer;display:flex;font-size:14px;font-weight:400;height:28px;padding:4px 7px}.style-preview .sub-title .right[data-v-29adb7e5]:hover{background:#e8e8e8;border-radius:2px}.style-preview .qr-img[data-v-29adb7e5]{align-items:center;display:flex;justify-content:center;margin-top:16px;padding:20px 25px;position:relative}.style-preview .qr-img .loading-content[data-v-29adb7e5]{background-color:#fff;bottom:0;left:0;position:absolute;right:0;top:0;z-index:1000}.style-preview .qr-img img[data-v-29adb7e5]{border:1px solid #eee;border-radius:4px;box-shadow:0 4px 10px 0 hsla(0,0%,85%,.5);max-height:300px;max-width:300px}
.live-preview[data-v-33bef8b6]{background:#fff;margin-top:24px;padding:0 33px;width:100%}.live-preview .header-title[data-v-33bef8b6]{display:flex;height:22px;justify-content:space-between}.live-preview .header-title .left[data-v-33bef8b6]{align-items:center;display:flex;gap:11px}.live-preview .header-title .left .title[data-v-33bef8b6]{color:#3d3d3d;font-size:18px;font-weight:700}.live-preview .header-title .left .sub-title[data-v-33bef8b6]{align-items:center;background:#f4f5f7;border-radius:2px;color:#666;display:flex;font-size:14px;font-weight:400;height:22px;justify-content:center;padding:0 5px}.live-preview .header-title .right[data-v-33bef8b6]{align-items:center;display:flex;gap:8px}.live-preview .header-title .right .disabled[data-v-33bef8b6]{background:#f4f5f7;border-radius:2px;box-shadow:0 0 0 4px #f4f5f7;cursor:not-allowed!important;margin-right:8px}.live-preview .header-title .right .el-icon-arrow-up[data-v-33bef8b6]{margin-right:8px}.live-preview .header-title .right i[data-v-33bef8b6]{cursor:pointer;height:24px;line-height:24px;text-align:center;width:24px}.live-preview .header-title .right i[data-v-33bef8b6]:hover{background:#f4f5f7;border-radius:2px;box-shadow:0 0 0 4px #f4f5f7}.live-preview .vip-tip[data-v-33bef8b6]{background:#f4f5f7;border-radius:4px;cursor:pointer;display:flex;flex-direction:column;gap:8px;height:88px;margin-top:12px;padding:16px 17px 14px 16px;width:350px}.live-preview .vip-tip .top[data-v-33bef8b6]{align-items:center;display:flex;justify-content:space-between}.live-preview .vip-tip .top .left[data-v-33bef8b6]{align-items:center;display:flex;gap:4px;height:18px}.live-preview .vip-tip .top .left .title[data-v-33bef8b6]{color:#333;font-size:14px;font-weight:400}.live-preview .vip-tip .top .left .sub-title[data-v-33bef8b6]{align-items:center;background:#ffa024;border-radius:2px;color:#fff;display:flex;font-size:12px;font-weight:400;height:16px;justify-content:center;width:44px}.live-preview .vip-tip .top .right .el-switch[data-v-33bef8b6]{width:40px}.live-preview .vip-tip .bottom[data-v-33bef8b6]{color:#666;font-size:12px;font-weight:400;line-height:16px}.live-preview .qr-btns[data-v-33bef8b6]{align-items:center;display:flex;flex-direction:column;gap:10px;justify-content:center;margin-top:10px;position:relative}.live-preview .qr-btns .btns[data-v-33bef8b6]{cursor:pointer;display:flex;gap:8px}.live-preview .qr-btns .btns .download[data-v-33bef8b6]{align-items:center;background:#2278ff;border-left:1px solid #fff;border-radius:4px;color:#fff;display:flex;font-size:14px;font-weight:400;gap:6px;height:32px;justify-content:center;width:169px}.live-preview .qr-btns .btns .download[data-v-33bef8b6]:hover{background:#2270e5}.live-preview .qr-btns .btns .download .hotkey[data-v-33bef8b6]{align-items:center;border:1px solid #fff;border-radius:4px;display:flex;font-size:12px;font-weight:400;height:16px;justify-content:center;width:44px}.live-preview .qr-btns .btns .copy .copy-box[data-v-33bef8b6]{align-items:center;background:#fff;border:1px solid #d8d8d8;border-radius:4px;color:#333;display:flex;font-size:14px;gap:6px;height:32px;justify-content:center;width:169px}.live-preview .qr-btns .btns .copy .copy-box[data-v-33bef8b6]:hover{border:1px solid #287afc;color:#287afc}.live-preview .qr-btns .btns .copy .copy-box .hotkey[data-v-33bef8b6]{align-items:center;background:#f7f7f7;border:1px solid #eee;border-radius:4px;color:#999;display:flex;font-size:12px;height:16px;justify-content:center;width:44px}.live-preview .qr-btns .btns .copy .copy-success[data-v-33bef8b6]{align-items:center;background:#2278ff;border-radius:4px 4px 4px 4px;color:#fff;display:flex;font-size:14px;gap:8px;height:32px;justify-content:center;width:170px}.live-preview .qr-btns .btns .copy .copy-success img[data-v-33bef8b6]{height:16px;width:16px}.live-preview .qr-btns .batch-download[data-v-33bef8b6]{align-items:center;background:#2278ff;border-left:1px solid #fff;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:400;height:32px;justify-content:center;width:348px}.live-preview .qr-btns .batch-download[data-v-33bef8b6]:hover{background:#2270e5}.live-preview .qr-placeholder[data-v-33bef8b6]{align-items:center;display:flex;flex-direction:column;gap:24px;justify-content:center;margin-top:16px;min-height:150px;padding:20px 25px;position:relative}.live-preview .qr-placeholder .placeholder-img[data-v-33bef8b6]{align-items:center;background:#287afc;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:14px;height:32px;justify-content:center;width:100%}.live-preview .qr-placeholder .placeholder-img[data-v-33bef8b6]:hover{background:#2772e2}.live-preview .qr-placeholder .loading-content[data-v-33bef8b6]{background-color:#fff;bottom:0;left:0;position:absolute;right:0;top:0;z-index:1000}.live-preview .qr-placeholder .qr-img[data-v-33bef8b6]{border:1px solid #eee;border-radius:4px;box-shadow:0 4px 10px 0 hsla(0,0%,85%,.5);max-height:300px;max-width:300px}
.result-preview[data-v-6044797c]{background:#fff;padding:32px 33px 0;width:100%}.result-preview .result-title[data-v-6044797c]{align-items:center;display:flex;gap:8px}.result-preview .result-title .title[data-v-6044797c]{color:#3d3d3d;font-size:18px;font-weight:700}.result-preview .result-title .row-col-info[data-v-6044797c]{align-items:center;background:#f4f5f7;border-radius:2px;color:#666;display:flex;font-size:14px;font-weight:400;height:22px;justify-content:center;padding:0 5px}.result-preview .result-img[data-v-6044797c]{display:flex;height:588px;justify-content:center;margin-top:24px;width:350px}.result-preview .result-img .outBorder[data-v-6044797c]{align-self:flex-start;display:flex;outline:1px dashed #f57c00;width:auto!important}.result-preview .result-img .content[data-v-6044797c]{font-size:14px;padding-left:5px;padding-right:5px;width:100%}.result-preview .result-img .content span[data-v-6044797c]{color:#f57c00;font-size:8px;font-weight:400;padding:2px;vertical-align:top}