.choose-system-icon[data-v-34d4e830]{width:100px;height:100px;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;background:#f5f5f5;cursor:pointer}.choose-system-icon i[data-v-34d4e830]{color:#2f3e4f;font-size:52px;line-height:1}.choose-system-icon.w50 i[data-v-34d4e830]{font-size:50px}.default[data-v-34d4e830],.picbox .item[data-v-34d4e830]{float:left;margin:0 10px 10px 0;position:relative}.picbox .preview-img[data-v-34d4e830]{width:100px;height:100px;display:block;object-fit:contain;background-color:#f5f5f5;cursor:zoom-in}.default .cover[data-v-34d4e830]{position:absolute;bottom:10px;height:30px;line-height:30px;text-align:center;color:#fff;background-color:rgba(22,21,21,.5);width:100%;border-radius:0 0 4px 4px}.picbox .del[data-v-34d4e830]{position:absolute;right:0;top:0;font-size:18px;color:#409eff;cursor:pointer;background-color:hsla(0,0%,100%,.7);z-index:9;text-align:center;width:30px;height:30px}.guider-poster[data-v-d570dd7e]{min-height:620px;padding:0 0 24px}.poster-intro[data-v-d570dd7e]{display:-webkit-box;display:-webkit-flex;display:flex;min-height:44px;padding:0 8px 8px;-webkit-box-align:start;-webkit-align-items:flex-start;align-items:flex-start;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;border-bottom:1px solid #ebeef5}.poster-intro-title[data-v-d570dd7e]{color:#303133;font-size:16px;font-weight:600;line-height:26px}.poster-intro-desc[data-v-d570dd7e]{margin-top:4px;color:#909399;font-size:13px;line-height:22px}.poster-workspace[data-v-d570dd7e]{display:grid;margin-top:8px;grid-template-columns:440px minmax(390px,1fr) 290px;gap:18px;-webkit-box-align:start;-webkit-align-items:start;align-items:start}.poster-editor-panel[data-v-d570dd7e],.poster-property-panel[data-v-d570dd7e],.poster-template-panel[data-v-d570dd7e]{border:1px solid #e4e7ed;border-radius:6px;background:#fff}.poster-property-panel[data-v-d570dd7e],.poster-template-panel[data-v-d570dd7e]{padding:16px}.poster-panel-title[data-v-d570dd7e]{margin-bottom:14px;color:#303133;font-size:14px;font-weight:600}.poster-panel-head[data-v-d570dd7e]{display:-webkit-box;display:-webkit-flex;display:flex;margin-bottom:14px;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between}.poster-panel-head .poster-panel-title[data-v-d570dd7e]{margin-bottom:0}.poster-template-list[data-v-d570dd7e]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.poster-template-card[data-v-d570dd7e]{position:relative;overflow:hidden;border:2px solid transparent;border-radius:5px;cursor:pointer;background:#f5f7fa;-webkit-transition:.2s;transition:.2s}.poster-template-card[data-v-d570dd7e]:hover{border-color:#b3d8ff}.poster-template-card.is-editing[data-v-d570dd7e]{border-color:#409eff;box-shadow:0 0 0 2px rgba(64,158,255,.12)}.poster-template-card>img[data-v-d570dd7e]{display:block;width:100%;height:auto;aspect-ratio:750/1344;object-fit:contain;background:#f5f7fa}.poster-template-meta[data-v-d570dd7e]{display:-webkit-box;display:-webkit-flex;display:flex;height:34px;padding:0 5px;gap:3px;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;color:#606266;font-size:11px;background:#fff}.poster-template-meta>span[data-v-d570dd7e]{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.poster-template-meta[data-v-d570dd7e] .el-tag{-webkit-flex-shrink:0;flex-shrink:0;padding:0 4px}.poster-template-actions[data-v-d570dd7e]{display:-webkit-box;display:-webkit-flex;display:flex;height:28px;padding:0 5px;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;border-top:1px solid #f0f2f5;background:#fff}.poster-template-actions[data-v-d570dd7e] .el-button{margin:0;padding:4px 0;font-size:11px}.poster-template-actions .danger[data-v-d570dd7e]{color:#f56c6c}.poster-template-editing[data-v-d570dd7e]{position:absolute;top:5px;right:5px;padding:4px;color:#409eff;font-size:14px;background:#fff;border-radius:50%}.poster-upload-tip[data-v-d570dd7e]{clear:both;padding-top:4px;color:#a8abb2;font-size:12px;line-height:18px}.poster-editor-panel[data-v-d570dd7e]{min-width:0}.poster-editor-head[data-v-d570dd7e]{display:-webkit-box;display:-webkit-flex;display:flex;height:52px;padding:0 16px;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;border-bottom:1px solid #ebeef5}.poster-editor-head strong[data-v-d570dd7e]{margin-right:12px;color:#303133;font-size:14px}.poster-editor-head span[data-v-d570dd7e]{color:#909399;font-size:12px}.poster-editor-actions[data-v-d570dd7e]{display:-webkit-box;display:-webkit-flex;display:flex;gap:8px;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.poster-editor-actions[data-v-d570dd7e] .el-button{margin-left:0;-webkit-flex-shrink:0;flex-shrink:0}.poster-title-input[data-v-d570dd7e]{width:170px}.poster-stage-shell[data-v-d570dd7e]{display:-webkit-box;display:-webkit-flex;display:flex;min-height:580px;padding:20px;-webkit-box-align:start;-webkit-align-items:flex-start;align-items:flex-start;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;background:#f5f7fa}.poster-stage[data-v-d570dd7e]{position:relative;width:300px;height:537.6px;overflow:hidden;background:#ddd;box-shadow:0 8px 28px rgba(31,45,61,.16);-webkit-user-select:none;user-select:none}.poster-background[data-v-d570dd7e]{display:block;width:300px;height:537.6px;object-fit:cover;pointer-events:none}.poster-element[data-v-d570dd7e]{position:absolute;z-index:2;box-sizing:border-box;border:1px dashed hsla(0,0%,100%,.82);cursor:move;box-shadow:0 0 0 1px rgba(64,158,255,.18)}.poster-element.is-selected[data-v-d570dd7e]{border:2px solid #409eff;box-shadow:0 0 0 2px hsla(0,0%,100%,.65)}.poster-element-label[data-v-d570dd7e]{position:absolute;top:-21px;left:-1px;padding:2px 5px;color:#fff;font-size:10px;line-height:15px;white-space:nowrap;background:#409eff}.poster-avatar[data-v-d570dd7e]{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;border-radius:50%;color:#fff;background:rgba(64,158,255,.8);overflow:visible}.poster-avatar i[data-v-d570dd7e]{font-size:25px}.poster-text[data-v-d570dd7e]{overflow:visible;font-weight:600;text-shadow:0 1px 3px rgba(0,0,0,.2);white-space:nowrap}.poster-qrcode[data-v-d570dd7e]{padding:3px;background:#fff;overflow:visible}.poster-qrcode img[data-v-d570dd7e]{display:block;width:100%;height:100%;object-fit:contain}.poster-component-library[data-v-d570dd7e]{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px}.poster-component-source[data-v-d570dd7e]{display:-webkit-box;display:-webkit-flex;display:flex;height:58px;padding:6px 2px;box-sizing:border-box;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;border:1px solid #dcdfe6;border-radius:5px;cursor:grab;background:#fafafa}.poster-component-source i[data-v-d570dd7e]{margin-bottom:5px;color:#409eff;font-size:18px}.poster-component-source span[data-v-d570dd7e]{width:100%;overflow:hidden;color:#303133;font-size:10px;line-height:16px;text-align:center;text-overflow:ellipsis;white-space:nowrap}.poster-component-source small[data-v-d570dd7e]{display:none}.poster-component-source.is-disabled[data-v-d570dd7e]{cursor:not-allowed;opacity:.48;background:#f5f7fa}.poster-current-title[data-v-d570dd7e]{margin-top:20px}.poster-current-elements[data-v-d570dd7e]{display:grid;max-height:114px;margin-bottom:10px;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;overflow-y:auto}.poster-current-element[data-v-d570dd7e]{display:-webkit-box;display:-webkit-flex;display:flex;height:34px;padding:0 6px 0 10px;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;border:1px solid #ebeef5;border-radius:4px;color:#606266;font-size:12px;cursor:pointer}.poster-current-element>span[data-v-d570dd7e]{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.poster-current-element.is-selected[data-v-d570dd7e]{border-color:#409eff;color:#409eff;background:#ecf5ff}.poster-current-element[data-v-d570dd7e] .el-button{padding:5px;color:#f56c6c}.poster-variable-tip[data-v-d570dd7e]{margin-top:4px;color:#909399;font-size:11px;line-height:18px}.poster-property-form[data-v-d570dd7e] .el-form-item{margin-bottom:10px}.poster-property-form[data-v-d570dd7e] .el-form-item__label{text-align:left}.poster-property-form[data-v-d570dd7e] .el-input-number{width:150px}.poster-property-grid[data-v-d570dd7e]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 8px}.poster-property-grid[data-v-d570dd7e] .el-form-item__label{float:none;display:block;width:auto!important;padding:0;line-height:22px;text-align:left}.poster-property-grid[data-v-d570dd7e] .el-form-item__content{margin-left:0!important}.poster-property-grid[data-v-d570dd7e] .el-input-number{width:100%}.poster-coordinate-tip[data-v-d570dd7e]{padding:10px 12px;border-radius:4px;color:#909399;font-size:12px;line-height:20px;background:#f5f7fa}.poster-empty[data-v-d570dd7e]{padding:80px 0;color:#909399;text-align:center}.poster-empty[data-v-d570dd7e] .el-button{margin-top:16px}.poster-system-list[data-v-d570dd7e]{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;min-height:330px}.poster-system-card[data-v-d570dd7e]{padding:8px;border:1px solid #e4e7ed;border-radius:6px;text-align:center;background:#fff}.poster-system-card img[data-v-d570dd7e]{display:block;width:100%;height:245px;border-radius:4px;object-fit:cover}.poster-system-card>div[data-v-d570dd7e]{padding:10px 0;color:#303133;font-size:13px}.poster-custom-upload[data-v-d570dd7e]{min-height:330px;padding:55px 30px;box-sizing:border-box;text-align:center;background:#f7f9fc}@media (max-width:1500px){.poster-workspace[data-v-d570dd7e]{grid-template-columns:350px minmax(340px,1fr) 250px;gap:12px}.poster-editor-head[data-v-d570dd7e]{display:block;height:82px;padding:10px 14px;box-sizing:border-box}.poster-editor-head>div[data-v-d570dd7e]:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.poster-editor-actions[data-v-d570dd7e]{width:100%;margin-top:8px}.poster-title-input[data-v-d570dd7e]{width:auto;min-width:0;-webkit-box-flex:1;-webkit-flex:1;flex:1}.poster-property-form[data-v-d570dd7e] .el-input-number{width:130px}.poster-property-grid[data-v-d570dd7e] .el-input-number{width:100%}}@media (max-width:1200px){.poster-workspace[data-v-d570dd7e]{grid-template-columns:minmax(340px,1fr) 250px}.poster-template-panel[data-v-d570dd7e]{grid-column:1/3}.poster-template-list[data-v-d570dd7e]{grid-template-columns:repeat(3,minmax(0,1fr))}}