.edit-online-page[data-v-e83b33c2]{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:100;background:#f6f6f6!important}.main-box[data-v-e83b33c2]{padding:20px;background:#fff;height:100%}.design-box[data-v-e83b33c2]{padding:0;height:100%;border-radius:3px}.designer-root[data-v-05e5f0e8]{display:flex;height:100vh;background:#f7f8fa}.designer-toolbar[data-v-05e5f0e8]{position:fixed;top:0;left:0;right:0;z-index:30;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 24px 8px 24px;background:#fff;border-bottom:1px solid #e5e6eb;box-shadow:0 2px 8px rgba(229,230,235,.2)}.designer-sidebar[data-v-05e5f0e8]{width:200px;background:#fff;border-right:1px solid #e5e6eb;padding:60px 0 0 8px}.designer-sidebar-scrollbar[data-v-05e5f0e8]{height:calc(100vh - 60px);padding:0 8px;box-sizing:border-box}.designer-control[data-v-05e5f0e8]{background:#e6f7ff;border:1.5px solid #18cfcf;border-radius:6px;padding:10px 0;margin-bottom:16px;text-align:center;cursor:grab;font-size:16px;-webkit-user-select:none;-moz-user-select:none;user-select:none;font-weight:500;transition:box-shadow .2s,border .2s;box-shadow:0 2px 8px rgba(24,207,207,.06666666666666667)}.designer-control[data-v-05e5f0e8]:active{box-shadow:0 4px 16px rgba(24,207,207,.2)}.designer-canvas-wrap[data-v-05e5f0e8]{flex:1;display:flex;justify-content:center;align-items:flex-start;background:#f7f8fa;min-height:100vh;position:relative;padding-top:10px}.designer-canvas-bg[data-v-05e5f0e8]{position:relative;background:#fff;border-radius:0;box-shadow:0 4px 24px rgba(229,230,235,.3333333333333333);margin:48px 0 24px 0;width:868px;height:820px;overflow:auto}.canvas-split-line[data-v-05e5f0e8]{position:absolute;left:0;width:100%;height:0;border-top:1.5px dashed #bbb;z-index:1}.canvas-control[data-v-05e5f0e8]{position:absolute;box-sizing:border-box;background:#fff;border:1px dashed #bbb;border-radius:0;box-shadow:none;transition:box-shadow .2s,border .2s,background .2s;font-size:15px;font-weight:500;color:#333;z-index:2;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.canvas-control.selected[data-v-05e5f0e8]{border:1px solid #e53935;background:rgba(0,0,0,.18);z-index:10}.designer-props[data-v-05e5f0e8]{width:220px;background:#fff;border-left:1px solid #e5e6eb;padding:60px 0 5px 5px}.designer-props h4[data-v-05e5f0e8]{margin-top:0;margin-bottom:12px;font-size:16px;color:#409eff}.designer-props label[data-v-05e5f0e8]{margin-right:12px;font-size:14px}.ruler[data-v-05e5f0e8]{position:absolute;background:transparent;z-index:20;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none;font-size:12px;border-radius:0;box-shadow:none}.ruler-x[data-v-05e5f0e8]{height:24px;left:28px;top:0;border-bottom:1px solid #e5e6eb}.ruler-y[data-v-05e5f0e8]{width:28px;top:24px;left:0;border-right:1px solid #e5e6eb}.ruler-tick-x[data-v-05e5f0e8]{position:absolute;bottom:0;width:1px;border-left:1px solid #bbb;height:8px;color:#aaa}.ruler-tick-y[data-v-05e5f0e8]{position:absolute;right:0;border-top:1px solid #bbb;width:24px;height:1px;color:#aaa}.ruler-label-x[data-v-05e5f0e8]{position:absolute;top:-6px;left:2px;font-size:11px;color:#888;pointer-events:none}.ruler-label-y[data-v-05e5f0e8]{position:absolute;left:-10px;top:-7px;font-size:11px;color:#888;pointer-events:none}.toolbar-canvas-size-bar[data-v-05e5f0e8]{margin-left:32px}.header-footer-line[data-v-05e5f0e8]{position:absolute;height:0;border-top:1px dashed #e53935;z-index:10;transition:border-top-width .01s;cursor:pointer}.header-footer-line[data-v-05e5f0e8]:hover{border-top:2px dashed #e53935}.header-footer-label[data-v-05e5f0e8]{display:none;position:absolute;left:50%;top:-10px;transform:translateX(-50%);color:#e53935;font-size:12px;font-weight:500;background:#fff;padding:0 8px;pointer-events:none;z-index:11}.header-footer-line:hover .header-footer-label[data-v-05e5f0e8]{display:block}.canvas-scroll-area[data-v-05e5f0e8]{position:relative;background:#fff}.resize-dot[data-v-05e5f0e8]{position:absolute;width:8px;height:8px;background:orange;border-radius:50%;z-index:11}.dot-tl[data-v-05e5f0e8]{left:-4px;top:-4px}.dot-tr[data-v-05e5f0e8]{right:-4px;top:-4px}.dot-bl[data-v-05e5f0e8]{left:-4px;bottom:-4px}.dot-br[data-v-05e5f0e8]{right:-4px;bottom:-4px}.dot-tm[data-v-05e5f0e8]{left:50%;top:-4px;transform:translateX(-50%)}.dot-bm[data-v-05e5f0e8]{left:50%;bottom:-4px;transform:translateX(-50%)}.dot-ml[data-v-05e5f0e8]{left:-4px;top:50%;transform:translateY(-50%)}.dot-mr[data-v-05e5f0e8]{right:-4px;top:50%;transform:translateY(-50%)}.delete-btn[data-v-05e5f0e8]{top:-12px;right:-12px;width:20px;height:20px;border-radius:50%;text-align:center;line-height:18px;font-size:16px;cursor:pointer;box-shadow:0 2px 8px rgba(229,57,53,.3333333333333333)}.delete-btn[data-v-05e5f0e8],.size-tip[data-v-05e5f0e8]{position:absolute;background:#e53935;color:#fff;z-index:12}.size-tip[data-v-05e5f0e8]{top:-18px;left:0;font-size:10px;padding:0 6px;border-radius:4px;pointer-events:none}.align-line[data-v-05e5f0e8]{position:absolute;background:#e53935;z-index:100}.align-x[data-v-05e5f0e8]{width:2px;top:0;bottom:0;background:#e53935}.align-y[data-v-05e5f0e8]{height:2px;left:0;right:0;background:#e53935}.align-x-left[data-v-05e5f0e8]{background:#e53935}.align-x-center[data-v-05e5f0e8]{background:#e53935;border-left:2px dashed #e53935}.align-y-top[data-v-05e5f0e8]{background:#e53935}.align-y-center[data-v-05e5f0e8]{background:#e53935;border-top:2px dashed #e53935}.select-box[data-v-05e5f0e8]{position:absolute;border:1.5px dashed #409eff;background:rgba(64,158,255,.08);pointer-events:none;z-index:99}.designer-table-preview[data-v-05e5f0e8]{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.designer-table-preview table[data-v-05e5f0e8]{border-collapse:collapse;width:100%;background:#fff}.designer-table-preview td[data-v-05e5f0e8],.designer-table-preview th[data-v-05e5f0e8]{border:1px solid #222;padding:2px 6px;font-size:13px;background:#eee;min-width:40px;text-align:center}.designer-table-preview td[data-v-05e5f0e8]{background:#fff}.designer-props-tabs[data-v-05e5f0e8]{height:100%}.designer-props-form[data-v-05e5f0e8]{padding:0}.designer-props-form[data-v-05e5f0e8] .el-form-item{margin-bottom:8px!important}.designer-props-form[data-v-05e5f0e8] .el-form-item__label{margin-bottom:0!important;padding-bottom:0!important}.designer-props-scrollbar[data-v-05e5f0e8]{height:calc(100vh - 120px);padding:0 8px;box-sizing:border-box}.sidebar-group-title[data-v-05e5f0e8]{font-size:14px;font-weight:700;margin:18px 0 4px 8px;color:#222}.sidebar-controls-grid[data-v-05e5f0e8]{display:grid;grid-template-columns:repeat(2,1fr);gap:12px 8px;padding:8px 4px 0 4px}.sidebar-control-btn[data-v-05e5f0e8]{background:#fff;border:1.5px dashed #bfcbd9;border-radius:6px;box-shadow:none;cursor:grab;transition:box-shadow .18s,border .18s;text-align:center;padding:0;height:36px;display:flex;align-items:center;justify-content:center}.sidebar-control-btn[data-v-05e5f0e8]:hover{border:1.5px dashed #409eff;box-shadow:0 2px 8px rgba(64,158,255,.13333333333333333);cursor:move}.sidebar-control-btn-inner[data-v-05e5f0e8]{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%}.sidebar-control-btn-label[data-v-05e5f0e8]{font-size:12px;color:#333;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-group-block[data-v-05e5f0e8]{margin-bottom:18px}.color-input-row[data-v-05e5f0e8]{display:flex;align-items:center;gap:8px;margin-bottom:2px}.color-preview[data-v-05e5f0e8]{width:28px;height:28px;border-radius:4px;border:1px solid #ccc;background-size:16px 16px;background-repeat:repeat;box-sizing:border-box;flex-shrink:0;transition:box-shadow .15s}.color-preview[data-v-05e5f0e8]:hover{box-shadow:0 0 0 2px rgba(64,158,255,.2)}.color-picker[data-v-05e5f0e8]{width:82px!important;height:28px!important;padding:0!important;border:none!important;background:none!important}.color-clear-btn[data-v-05e5f0e8]{width:28px;height:28px;border:none;background:transparent;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s;padding:0}.color-clear-btn[data-v-05e5f0e8]:hover{background:#eee}.color-clear-btn svg[data-v-05e5f0e8]{display:block}