[data-v-ca7bf692]:root{--color-primary:#1e90ff;--color-primary-light:#70a1ff;--color-success:#2ed573;--color-success-light:#7bed9f;--color-warning:#ffa502;--color-warning-light:#eccc68;--color-error:#ff4757;--color-error-light:#ff6b81;--color-text:#2f3542;--color-text-title:#333;--color-text-desc:#57606f;--color-background:#f1f2f6;--color-border:#ced6e0}.page[data-v-ca7bf692]{width:100%}[data-v-75a4813e]:root{--color-primary:#1e90ff;--color-primary-light:#70a1ff;--color-success:#2ed573;--color-success-light:#7bed9f;--color-warning:#ffa502;--color-warning-light:#eccc68;--color-error:#ff4757;--color-error-light:#ff6b81;--color-text:#2f3542;--color-text-title:#333;--color-text-desc:#57606f;--color-background:#f1f2f6;--color-border:#ced6e0}.bottomBarList[data-v-75a4813e]{display:flex;flex-wrap:wrap;width:470px}.bottomBarList .item[data-v-75a4813e]{text-align:center;margin:5px;padding:5px 10px;border:1px dashed var(--color-border);position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:move}.bottomBarList .item[data-v-75a4813e]:hover{border:1px dashed var(--color-primary)}.bottomBarList .item:hover .actionBar[data-v-75a4813e]{display:flex}.bottomBarList .item .icon[data-v-75a4813e]{width:90px;height:90px;border-radius:0;background:var(--color-background)}.bottomBarList .item .actionBar[data-v-75a4813e]{position:absolute;left:0;right:0;bottom:0;background:rgba(0,0,0,.3);display:none;justify-content:space-around;padding:5px;cursor:default}.bottomBarList .item.additem[data-v-75a4813e]{height:110px;width:90px;display:flex;justify-content:center;align-items:center;font-size:20px;border:1px solid var(--color-green);cursor:pointer}.bottomBarList .item.isDrag[data-v-75a4813e]{opacity:.4}.bottomBarList .item.isDragOver[data-v-75a4813e]{overflow:unset;margin-left:70px}.bottomBarList .item.isDragOver[data-v-75a4813e]:before{content:"";display:block;width:50px;background:var(--color-background);border:1px dashed var(--color-primary);border-radius:10px;position:absolute;top:0;bottom:0;left:-70px}.editContainer .addImage[data-v-75a4813e],.editContainer .image[data-v-75a4813e]{width:100px;height:100px}.editContainer .addImage[data-v-75a4813e]{display:flex;justify-content:center;align-items:center;font-size:30px;border:1px solid var(--color-green)}[data-v-0979538b]:root{--color-primary:#1e90ff;--color-primary-light:#70a1ff;--color-success:#2ed573;--color-success-light:#7bed9f;--color-warning:#ffa502;--color-warning-light:#eccc68;--color-error:#ff4757;--color-error-light:#ff6b81;--color-text:#2f3542;--color-text-title:#333;--color-text-desc:#57606f;--color-background:#f1f2f6;--color-border:#ced6e0}.mockPage[data-v-0979538b]{--color-theme:var(--color-primary);--color-text:#333;padding:20px;font-size:var(--size-text);height:100%}.mockPage .title[data-v-0979538b]{background:var(--color-theme);color:#fff;padding:10px;text-align:center}.mockPage .content[data-v-0979538b]{color:var(--color-text);margin:10px 0;padding:10px;border-radius:10px;background:#fff;border:1px solid var(--color-border);line-height:2}.previewContainer[data-v-0979538b]{width:100%;height:800px;position:relative}.previewContainer .bottomBar[data-v-0979538b]{--color:var(--color-primary);position:absolute;left:15px;right:15px;bottom:15px;border-radius:30px;border:1px solid var(--color);background:#fff;z-index:100;display:flex;align-items:stretch;overflow:hidden;box-shadow:1px 1px 6px -2px var(--color)}.previewContainer .bottomBar .item[data-v-0979538b]{flex-grow:1;display:flex;flex-direction:column;justify-content:center;align-items:center;border-right:1px solid var(--color);padding:5px}.previewContainer .bottomBar .item .icon[data-v-0979538b]{width:20px;height:20px;margin:5px}.previewContainer .bottomBar .item[data-v-0979538b]:last-child{border-right:none}.previewContainer .bottomBar .item.isActive[data-v-0979538b]{background:var(--color);color:#fff}[data-v-e04f4d7e]:root{--color-primary:#1e90ff;--color-primary-light:#70a1ff;--color-success:#2ed573;--color-success-light:#7bed9f;--color-warning:#ffa502;--color-warning-light:#eccc68;--color-error:#ff4757;--color-error-light:#ff6b81;--color-text:#2f3542;--color-text-title:#333;--color-text-desc:#57606f;--color-background:#f1f2f6;--color-border:#ced6e0}.headerContainer[data-v-e04f4d7e]{display:flex;justify-content:space-between}.page[data-v-e04f4d7e]{display:flex;align-items:flex-start}.page .leftContainer[data-v-e04f4d7e]{flex-grow:1;margin-right:20px}.page .leftContainer .el-card[data-v-e04f4d7e]{margin-bottom:20px}.page .rightContainer[data-v-e04f4d7e]{flex-grow:0;flex-shrink:0;width:470px}