.beautify-site-header[data-v-0012a2a7]{background:#fff;border:1px solid #eee;display:flex;height:64px;justify-content:space-between;padding:16px 32px;width:100%}.beautify-site-header .left[data-v-0012a2a7]{width:160px}.beautify-site-header .left img[data-v-0012a2a7]{cursor:pointer}.beautify-site-header .right[data-v-0012a2a7]{display:flex}.beautify-site-header .right .login[data-v-0012a2a7]{background:#fff;border:1px solid #eee;border-radius:4px;color:#333;cursor:pointer;font-size:14px;font-weight:400;height:32px;line-height:32px;text-align:center;width:88px}.beautify-site-header .right .ai-buy[data-v-0012a2a7]{align-items:center;background:#fff5eb;border-radius:4px;color:#86431b;cursor:pointer;display:flex;font-size:14px;font-weight:600;justify-content:center;padding:8px 13px}.beautify-site-header .right .ai-buy[data-v-0012a2a7]:hover{background:#ffedda}.beautify-site-header .right .ai-buy:hover .content[data-v-0012a2a7]{color:#ff8841}.beautify-site-header .right .ai-buy img[data-v-0012a2a7]{height:20px;width:20px}.beautify-site-header .right .ai-buy .count[data-v-0012a2a7]{margin-left:6px}.beautify-site-header .right .ai-buy .line[data-v-0012a2a7]{background:rgba(134,67,27,.2);height:14px;margin:0 12px;width:1px}
.change-mode-container[data-v-438599b1]{display:flex;flex-direction:column;gap:16px;margin-bottom:16px}.change-mode-container .title[data-v-438599b1]{color:#333;font-size:16px;font-weight:700}.change-mode-container .modes[data-v-438599b1]{display:flex;gap:16px}.change-mode-container .modes .mode-item[data-v-438599b1]{align-items:center;background:#fff;border:1px solid #eee;border-radius:4px;cursor:pointer;display:flex;flex-direction:column;height:173px;justify-content:center;padding:20px 32px 15px;position:relative;width:240px}.change-mode-container .modes .mode-item[data-v-438599b1]:hover{border-color:#2278ff}.change-mode-container .modes .mode-item .qr-code-img[data-v-438599b1]{box-shadow:0 4px 10px 0 #d8d8d8;height:88px;max-width:176px}.change-mode-container .modes .mode-item .ai-icon[data-v-438599b1]{height:22px;outline:5px solid transparent;position:absolute;right:8px;top:-11px;width:30px}.change-mode-container .modes .mode-item .ai-tip-icon[data-v-438599b1]{left:190px;position:absolute;top:95px;width:24px}.change-mode-container .modes .mode-item .tpl-name[data-v-438599b1]{color:#333;font-size:16px;font-weight:600;margin-bottom:4px;margin-top:12px}.change-mode-container .modes .mode-item .tpl-tips[data-v-438599b1]{color:#999;font-size:14px}.change-mode-container .modes .mode-item .selected-icon[data-v-438599b1]{bottom:0;height:32px;position:absolute;right:0;width:32px}.change-mode-container .modes .mode-item .selected-icon img[data-v-438599b1]{height:100%;width:100%}.change-mode-container .modes .active[data-v-438599b1]{border-color:#2278ff}
.default-mode-container[data-v-1e5b425d]{display:flex;flex-direction:column}.default-mode-container .mode-select[data-v-1e5b425d]{display:flex;flex-direction:column;gap:12px}.default-mode-container .mode-select .select-title[data-v-1e5b425d]{color:#333;font-size:14px}.default-mode-container .mode-select .preset-model[data-v-1e5b425d]{align-items:center;background:#fff;border:1px solid #eee;border-radius:4px;cursor:pointer;display:flex;height:80px;justify-content:space-between;padding:15px 10px;width:100%}.default-mode-container .mode-select .preset-model[data-v-1e5b425d]:hover{border-color:#2278ff}.default-mode-container .mode-select .preset-model[data-v-1e5b425d]:hover svg path{fill:#2278ff}.default-mode-container .mode-select .preset-model .model-img[data-v-1e5b425d]{align-items:center;display:flex;gap:8px}.default-mode-container .mode-select .preset-model .model-img img[data-v-1e5b425d]{height:48px}.default-mode-container .mode-select .preset-model .model-img .model-name[data-v-1e5b425d]{color:#333;font-size:14px}.default-mode-container .mode-select .preset-model .change-icon[data-v-1e5b425d]{height:16px;width:16px}.default-mode-container .content-setting[data-v-1e5b425d]{margin-top:32px}.default-mode-container .content-setting .setting-title[data-v-1e5b425d]{color:#333;font-size:16px;font-weight:700}.default-mode-container .content-setting[data-v-1e5b425d] .tabs-container{width:100%}.default-mode-container .content-setting[data-v-1e5b425d] .tabs-container .tab-single{display:none}.default-mode-container .content-setting[data-v-1e5b425d] .tabs-container .tab-multiple{margin-top:16px}.default-mode-container .content-setting[data-v-1e5b425d] .tabs-container .tab-multiple .tab-setting{width:100%}.default-mode-container .content-setting[data-v-1e5b425d] .setting-box .setting-container p{font-weight:600!important}.default-mode-container .content-setting[data-v-1e5b425d] .setting-box .setting-container .logo-upload-btn:hover{border-color:#2278ff;border-style:dotted}.default-mode-container .content-setting[data-v-1e5b425d] .setting-box .setting-container .add-hover:hover{border-color:#2278ff;transition:all .3s}.default-mode-container .content-setting[data-v-1e5b425d] .setting-box .qrcode-edit-field{width:472px}.default-mode-container .content-setting[data-v-1e5b425d] .setting-box .setting-item:first-child{margin-right:30px}.default-mode-container .content-setting[data-v-1e5b425d] .setting-box .item-label{color:#666;flex-shrink:0;font-size:14px;font-weight:400}.default-mode-container .content-setting[data-v-1e5b425d] .setting-box .setting-content{height:32px;width:110px}.default-mode-container .content-setting[data-v-1e5b425d] .setting-box .setting-content.el-select:hover .el-input__inner{border-color:#2278ff}.default-mode-container .content-setting[data-v-1e5b425d] .setting-box .setting-content.el-select .el-input__inner{color:#1a1a1a;height:32px;line-height:32px}.default-mode-container .content-setting[data-v-1e5b425d] .setting-box .setting-content.el-select .el-input__inner:hover{border-color:#2278ff}.default-mode-container .content-setting[data-v-1e5b425d] .setting-box .setting-content.el-select .el-input__icon.el-icon-arrow-up{line-height:32px}
[data-v-28b11b6f] .el-dialog .el-dialog__body,[data-v-28b11b6f] .el-dialog .el-dialog__header{padding:0}[data-v-28b11b6f] .el-dialog .el-dialog__header{border-bottom:1px solid #eee;padding:20px 20px 20px 30px}@media screen and (max-height:850px) and (min-height:531px){[data-v-28b11b6f] .ai-preset-dialog{height:97%}[data-v-28b11b6f] .ai-preset-dialog .item-list{margin-bottom:100px!important}}@media screen and (max-height:530px){[data-v-28b11b6f] .ai-preset-dialog{height:97%}[data-v-28b11b6f] .ai-preset-dialog .item-list{margin-bottom:100px!important}}[data-v-28b11b6f] .ai-preset-dialog{border-radius:8px;display:flex;flex-direction:column;left:50%;margin:0!important;overflow:hidden;position:absolute;top:50%;transform:translate(-50%,-50%)}[data-v-28b11b6f] .ai-preset-dialog .title-view{height:23px}[data-v-28b11b6f] .ai-preset-dialog .main{align-content:flex-start;background:#f7f8f9;display:flex;flex-wrap:wrap;gap:24px;height:648px;overflow:auto;padding:24px 0 24px 40px}[data-v-28b11b6f] .ai-preset-dialog .main .card{background:#fff;border:1px solid #eee;height:250px;width:200px}[data-v-28b11b6f] .ai-preset-dialog .main .card:hover{border:1px solid #eee;border-top:0 solid #eee;box-shadow:0 8px 20px 0 hsla(0,0%,85%,.5)}[data-v-28b11b6f] .ai-preset-dialog .main .card img{border-radius:4px;width:200px}[data-v-28b11b6f] .ai-preset-dialog .main .card .card-title{color:#333;font-size:14px;margin-bottom:18px;margin-top:16px;padding:0 15px}[data-v-28b11b6f] .ai-preset-dialog .main .card .card-operate{background:#fff;border:1px solid #eee;border-radius:4px;color:#333;cursor:pointer;font-size:14px;height:32px;line-height:32px;margin:auto;padding:0 15px;text-align:center;width:170px}[data-v-28b11b6f] .ai-preset-dialog .main .card .card-operate:hover{border-color:#2278ff;color:#2278ff}
[data-v-48fe46d3] .el-dialog .el-dialog__body,[data-v-48fe46d3] .el-dialog .el-dialog__header{padding:0}[data-v-48fe46d3] .el-dialog .el-dialog__header{padding:20px 20px 20px 30px}@media screen and (max-height:850px) and (min-height:531px){[data-v-48fe46d3] .qr-code-content-dialog{height:97%}[data-v-48fe46d3] .qr-code-content-dialog .item-list{margin-bottom:100px!important}}@media screen and (max-height:530px){[data-v-48fe46d3] .qr-code-content-dialog{height:97%}[data-v-48fe46d3] .qr-code-content-dialog .item-list{margin-bottom:100px!important}}[data-v-48fe46d3] .qr-code-content-dialog{border-radius:8px;display:flex;flex-direction:column;left:50%;margin:0!important;overflow:hidden;position:absolute;top:50%;transform:translate(-50%,-50%)}[data-v-48fe46d3] .qr-code-content-dialog .title-view{align-items:center;display:flex;height:23px;justify-content:flex-end}[data-v-48fe46d3] .qr-code-content-dialog .main{display:flex;flex-direction:column;height:368px;padding:0 40px}[data-v-48fe46d3] .qr-code-content-dialog .main .main-header{align-items:center;display:flex;justify-content:space-between}[data-v-48fe46d3] .qr-code-content-dialog .main .main-header .header-title{color:#333;font-size:16px;font-weight:700}[data-v-48fe46d3] .qr-code-content-dialog .main .main-header .header-operate{color:#2278ff;cursor:pointer;font-size:14px}[data-v-48fe46d3] .qr-code-content-dialog .main .main-textarea{height:232px;margin-top:16px}[data-v-48fe46d3] .qr-code-content-dialog .main .main-textarea .el-textarea .el-textarea__inner{height:232px}[data-v-48fe46d3] .qr-code-content-dialog .main .operate-generate-btn{background:#2278ff;border-radius:2px;color:#fff;cursor:pointer;font-size:14px;height:40px;line-height:40px;margin:24px auto auto;text-align:center;width:160px}
.ai-mode-container[data-v-2cc6bcc0]{display:flex;flex-direction:column;gap:48px}.ai-mode-container .preset-mode[data-v-2cc6bcc0]{display:flex;flex-direction:column;gap:12px}.ai-mode-container .preset-mode .preset-title[data-v-2cc6bcc0]{color:#333;font-size:14px}.ai-mode-container .preset-mode .preset-selector[data-v-2cc6bcc0]{display:flex;gap:16px}.ai-mode-container .preset-mode .preset-selector .preset-model[data-v-2cc6bcc0]{align-items:center;background:#fff;border:1px solid #eee;border-radius:4px;cursor:pointer;display:flex;height:64px;justify-content:space-between;padding:8px 10px;width:240px}.ai-mode-container .preset-mode .preset-selector .preset-model[data-v-2cc6bcc0]:hover{border-color:#2278ff}.ai-mode-container .preset-mode .preset-selector .preset-model[data-v-2cc6bcc0]:hover svg path{fill:#2278ff}.ai-mode-container .preset-mode .preset-selector .preset-model .model-img[data-v-2cc6bcc0]{align-items:center;display:flex;gap:8px}.ai-mode-container .preset-mode .preset-selector .preset-model .model-img img[data-v-2cc6bcc0]{height:48px;width:72px}.ai-mode-container .preset-mode .preset-selector .preset-model .model-img .model-name[data-v-2cc6bcc0]{color:#333;font-size:14px}.ai-mode-container .preset-mode .preset-selector .preset-model .change-icon[data-v-2cc6bcc0]{height:16px;width:16px}.ai-mode-container .preset-mode .preset-selector[data-v-2cc6bcc0] .el-select .el-input:hover .el-input__inner{border-color:#2278ff}.ai-mode-container .preset-mode .preset-selector[data-v-2cc6bcc0] .el-select .el-input:hover .el-input__suffix .el-input__icon{color:#2278ff}.ai-mode-container .preset-mode .preset-selector[data-v-2cc6bcc0] .el-select .el-input__inner{background:#fff;border:1px solid #eee;border-radius:4px;height:64px;width:240px}.ai-mode-container .style-setting[data-v-2cc6bcc0]{display:flex;flex-direction:column}.ai-mode-container .style-setting .style-title[data-v-2cc6bcc0]{color:#333;font-size:16px;font-weight:700}.ai-mode-container .style-setting .creative-desc[data-v-2cc6bcc0]{display:flex;flex-direction:column;gap:12px;margin-top:16px}.ai-mode-container .style-setting .creative-desc .creative-title[data-v-2cc6bcc0]{align-items:center;display:flex;justify-content:space-between}.ai-mode-container .style-setting .creative-desc .creative-title .creative-left[data-v-2cc6bcc0]{color:#333;font-size:14px}.ai-mode-container .style-setting .creative-desc .creative-title .creative-left span[data-v-2cc6bcc0]{color:#ff3d5a}.ai-mode-container .style-setting .creative-desc .creative-title .creative-right[data-v-2cc6bcc0]{color:#2278ff;cursor:pointer;font-size:14px}.ai-mode-container .style-setting .creative-desc .creative-title .creative-right[data-v-2cc6bcc0]:hover{color:#4e93ff}.ai-mode-container .style-setting .creative-desc[data-v-2cc6bcc0] .highlight .el-textarea__inner{border-color:#ff3d5a!important}.ai-mode-container .style-setting .creative-desc[data-v-2cc6bcc0] .el-textarea .el-textarea__inner{background:#fff;border:1px solid #eee;border-radius:4px;height:140px;padding:16px;width:500px}.ai-mode-container .style-setting .qr-code-visible[data-v-2cc6bcc0]{display:flex;flex-direction:column;margin-top:24px}.ai-mode-container .style-setting .qr-code-visible .qr-code-visible-title[data-v-2cc6bcc0]{color:#333;font-size:14px}.ai-mode-container .style-setting .qr-code-visible .visible-desc[data-v-2cc6bcc0]{align-items:center;color:#999;display:flex;font-size:12px;justify-content:space-between;margin-top:16px}
.beautify-site-container[data-v-79836901]{display:flex;flex-direction:column;height:100vh}.beautify-site-container .main[data-v-79836901]{background:#fafafa;display:flex;flex:1}.beautify-site-container .main .left[data-v-79836901]{background:#fff;border:1px solid #eee;height:calc(100vh - 64px);overflow:auto;padding:22px 32px;width:560px}.beautify-site-container .main .right[data-v-79836901]{align-items:center;display:flex;flex:1;flex-direction:column;gap:24px;justify-content:center;position:relative}.beautify-site-container .main .right .no-generate[data-v-79836901]{align-self:center;background:#fff;border:1px solid #eee;border-radius:4px;box-shadow:0 8px 20px 0 #d8d8d8;display:flex;height:320px;justify-content:center;padding:28px;width:320px}.beautify-site-container .main .right .no-generate img[data-v-79836901]{height:100%;width:100%}.beautify-site-container .main .right .qr-code-style[data-v-79836901]{align-items:center;display:flex;justify-content:center}.beautify-site-container .main .right .qr-code-style .style-title[data-v-79836901]{color:#666;font-size:14px}.beautify-site-container .main .right .qr-code-style .style-name[data-v-79836901]{color:#333;font-size:18px;font-weight:600}.beautify-site-container .main .right .qr-code-style .style-operate[data-v-79836901]{color:#2278ff;cursor:pointer;font-size:14px;margin-left:16px}.beautify-site-container .main .right .qr-code-container[data-v-79836901]{align-items:center;display:flex;gap:36px;justify-content:center}.beautify-site-container .main .right .qr-code-container .add[data-v-79836901]{color:#333;height:16px;width:16px}.beautify-site-container .main .right .qr-code-container .qr-code-bg[data-v-79836901]{align-items:center;background:#fff;border:1px solid #eee;border-radius:4px;box-shadow:0 8px 20px 0 #d8d8d8;display:flex;height:296px;justify-content:center;width:296px}.beautify-site-container .main .right .qr-code-container .qr-code-bg img[data-v-79836901]{height:264px;width:264px}.beautify-site-container .main .right .operates[data-v-79836901]{align-items:center;display:flex;justify-content:space-between;width:280px}.beautify-site-container .main .right .operates .operate-item[data-v-79836901]{color:#666;cursor:pointer;display:flex;font-size:14px;gap:8px}.beautify-site-container .main .right .operates .operate-item[data-v-79836901]:hover{color:#2278ff}.beautify-site-container .main .right .operates .operate-item[data-v-79836901]:hover svg path{fill:#2278ff}.beautify-site-container .main .right .operates .line[data-v-79836901]{background:#eee;height:24px;width:1px}.beautify-site-container .main .right .reInput[data-v-79836901]{color:#666;display:flex;font-size:14px}.beautify-site-container .main .right .reInput .qr-content[data-v-79836901]{display:inline-block;max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.beautify-site-container .main .right .reInput .desc[data-v-79836901]{color:#2278ff;cursor:pointer;margin-left:8px}.beautify-site-container .main .right .re-btn[data-v-79836901]{background:#fff;border:1px solid #2278ff;border-radius:4px;color:#2278ff;margin-top:-16px}.beautify-site-container .main .right .btn[data-v-79836901],.beautify-site-container .main .right .re-btn[data-v-79836901]{align-items:center;cursor:pointer;display:flex;font-size:16px;gap:8px;height:46px;justify-content:center;width:320px}.beautify-site-container .main .right .btn[data-v-79836901]{background:#2278ff;border-radius:4px 4px 4px 4px;color:#fff}.beautify-site-container .main .right .generate-btn[data-v-79836901]:hover{background:#4e93ff;border-color:#4e93ff;color:#fff}.beautify-site-container .main .right .generate-btn .tokens[data-v-79836901]{align-items:center;background:hsla(0,0%,100%,.2);border-radius:4px;display:flex;gap:2px;height:18px;justify-content:center;width:32px}.beautify-site-container .main .right .generate-btn .tokens img[data-v-79836901]{height:14px;width:14px}.beautify-site-container .main .right .generate-btn .tokens span[data-v-79836901]{color:#feaa49;font-size:12px}.beautify-site-container .main .right .loading[data-v-79836901]{background:#fff;border:1px solid #eee;border-radius:4px;height:320px;position:relative;width:740px}.beautify-site-container .main .right .loading .loading-title[data-v-79836901]{bottom:24px;color:#333;font-size:14px;left:24px;position:absolute}.beautify-site-container .main .right .loading .progress-arrows[data-v-79836901]{bottom:24px;display:flex;gap:8px;left:150px;position:absolute}.beautify-site-container .main .right .loading .arrow[data-v-79836901]{animation:highlight-79836901 2s infinite;color:#ccc}.beautify-site-container .main .right .loading .arrow[data-v-79836901]:first-child{animation-delay:0s}.beautify-site-container .main .right .loading .arrow[data-v-79836901]:nth-child(2){animation-delay:.4s}.beautify-site-container .main .right .loading .arrow[data-v-79836901]:nth-child(3){animation-delay:.8s}.beautify-site-container .main .right .loading .arrow[data-v-79836901]:nth-child(4){animation-delay:1.2s}.beautify-site-container .main .right .loading .arrow[data-v-79836901]:nth-child(5){animation-delay:1.6s}@keyframes highlight-79836901{0%,to{color:#ccc}50%{color:#2278ff}}.beautify-site-container .main .right .cylon_eye[data-v-79836901]{animation:move-79836901 2s linear 0s infinite;background-color:rgba(0,0,0,.1);color:#fff;height:100%;width:0}@keyframes move-79836901{0%{width:0}to{width:100%}}.beautify-site-container .main .right .ai-mode-success[data-v-79836901]{align-items:center;display:flex;flex-direction:column;gap:32px;justify-content:center}.beautify-site-container .main .right .ai-mode-success .qr-code-bg[data-v-79836901]{align-items:center;background:#fff;border:1px solid #eee;border-radius:4px;box-shadow:0 8px 20px 0 #d8d8d8;display:flex;height:320px;justify-content:center;width:320px}.beautify-site-container .main .right .ai-mode-success .qr-code-bg img[data-v-79836901]{height:264px;width:264px}.beautify-site-container .main .right .ai-mode-success .btn[data-v-79836901]{align-items:center;background:#2278ff;border-radius:4px 4px 4px 4px;color:#fff;cursor:pointer;display:flex;font-size:16px;gap:8px;height:46px;justify-content:center;width:320px}.beautify-site-container .main .right .img-list[data-v-79836901]{border-radius:6px;height:calc(100% - 12px);overflow:auto;position:absolute;right:10px;scrollbar-width:none;top:12px}.beautify-site-container .main .right .img-list .img-box[data-v-79836901]{align-items:center;display:flex;flex-direction:column;gap:12px}.beautify-site-container .main .right .img-list .img-box .img-item[data-v-79836901]{align-items:center;border-radius:4px;display:flex;height:68px;justify-content:center;width:68px}.beautify-site-container .main .right .img-list .img-box .active[data-v-79836901],.beautify-site-container .main .right .img-list .img-box .img-item[data-v-79836901]:hover{border:1px solid #2278ff}.beautify-site-container .main .right .img-list .img-box[data-v-79836901] .el-image{border-radius:4px;cursor:pointer;height:60px;width:60px}