.catalog-panel[data-v-756dcd6a]{height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;background:#fff}.catalog-header[data-v-756dcd6a]{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:12px 16px;border-bottom:1px solid #e5e5e5}.catalog-header[data-v-756dcd6a],.header-title[data-v-756dcd6a]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.header-title[data-v-756dcd6a]{gap:8px;font-weight:500;color:#333}.header-actions[data-v-756dcd6a]{display:-webkit-box;display:-ms-flexbox;display:flex;gap:4px}.catalog-content[data-v-756dcd6a]{-webkit-box-flex:1;-ms-flex:1;flex:1;overflow-y:auto;padding:8px 0}.catalog-search[data-v-756dcd6a]{padding:8px 16px;margin-bottom:8px}.tree-container[data-v-756dcd6a]{padding:0 8px}.tree-node[data-v-756dcd6a]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:4px 8px;border-radius:4px;-webkit-transition:background-color .2s;transition:background-color .2s}.tree-node.active[data-v-756dcd6a],.tree-node[data-v-756dcd6a]:hover{background-color:#f0f9ff}.node-content[data-v-756dcd6a]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-flex:1;-ms-flex:1;flex:1;min-width:0}.node-icon[data-v-756dcd6a]{margin-right:8px;color:#666}.node-label[data-v-756dcd6a]{-webkit-box-flex:1;-ms-flex:1;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.page-count[data-v-756dcd6a]{margin-left:8px;padding:2px 6px;background:#f0f0f0;border-radius:10px;font-size:12px;color:#666}.node-actions[data-v-756dcd6a]{display:-webkit-box;display:-ms-flexbox;display:flex;gap:4px;opacity:0;-webkit-transition:opacity .2s;transition:opacity .2s}.tree-node:hover .node-actions[data-v-756dcd6a]{opacity:1}.page-list[data-v-756dcd6a]{padding:0 8px}.page-item[data-v-756dcd6a]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:12px;margin-bottom:8px;background:#fafafa;border-radius:8px;cursor:pointer;-webkit-transition:all .2s;transition:all .2s}.page-item[data-v-756dcd6a]:hover{background:#f0f9ff;-webkit-box-shadow:0 2px 8px rgba(0,0,0,.1);box-shadow:0 2px 8px rgba(0,0,0,.1)}.page-item.active[data-v-756dcd6a]{background:#e6f7ff;border:1px solid #91d5ff}.page-thumbnail[data-v-756dcd6a]{width:40px;height:40px;margin-right:12px;border-radius:4px;overflow:hidden;background:#f5f5f5;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.page-thumbnail img[data-v-756dcd6a]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.thumbnail-placeholder i[data-v-756dcd6a]{font-size:20px;color:#ccc}.page-info[data-v-756dcd6a]{-webkit-box-flex:1;-ms-flex:1;flex:1;min-width:0}.page-title[data-v-756dcd6a]{font-size:14px;font-weight:500;color:#333;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.page-meta[data-v-756dcd6a]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px;font-size:12px;color:#999}.page-number[data-v-756dcd6a]{background:#e6f7ff;color:#1890ff;padding:2px 6px;border-radius:3px}.page-actions[data-v-756dcd6a]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:4px;opacity:0;-webkit-transition:opacity .2s;transition:opacity .2s}.page-item:hover .page-actions[data-v-756dcd6a]{opacity:1}.position-controls[data-v-756dcd6a]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:2px;margin-right:8px}.position-controls .el-button[data-v-756dcd6a]{padding:2px 4px!important;min-width:20px!important;height:20px!important;font-size:12px;border-radius:3px}.position-controls .el-button[data-v-756dcd6a]:disabled{opacity:.3}.position-controls .el-button[data-v-756dcd6a]:not(:disabled):hover{background:#409eff;border-color:#409eff;color:#fff}.add-page-btn[data-v-756dcd6a]{padding:8px 16px;margin-top:16px}.context-menu[data-v-756dcd6a]{position:fixed;z-index:2000;background:#fff;border-radius:6px;-webkit-box-shadow:0 2px 12px rgba(0,0,0,.15);box-shadow:0 2px 12px rgba(0,0,0,.15);border:1px solid #e5e5e5;min-width:120px;padding:4px 0}.menu-list[data-v-756dcd6a]{margin:0;padding:0;list-style:none}.menu-list li[data-v-756dcd6a]{padding:8px 16px;cursor:pointer;font-size:14px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-transition:background-color .2s;transition:background-color .2s}.menu-list li[data-v-756dcd6a]:hover{background-color:#f5f5f5}.menu-list li.danger[data-v-756dcd6a]:hover{background-color:#fff2f0;color:#ff4d4f}.menu-list li i[data-v-756dcd6a]{margin-right:8px;width:16px;text-align:center}.catalog-content[data-v-756dcd6a]::-webkit-scrollbar{width:6px}.catalog-content[data-v-756dcd6a]::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.catalog-content[data-v-756dcd6a]::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.catalog-content[data-v-756dcd6a]::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.catalog-panel.mobile-mode[data-v-756dcd6a]{padding:0;background:#f8f9fa;height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif}.catalog-panel.mobile-mode .catalog-header[data-v-756dcd6a]{padding:20px 16px 16px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-bottom:none;-webkit-box-shadow:0 2px 10px rgba(0,0,0,.1);box-shadow:0 2px 10px rgba(0,0,0,.1)}.catalog-panel.mobile-mode .header-title[data-v-756dcd6a]{font-size:18px;font-weight:600;color:#fff;margin-bottom:8px}.catalog-panel.mobile-mode .header-title i[data-v-756dcd6a]{color:hsla(0,0%,100%,.9);margin-right:8px}.catalog-panel.mobile-mode .header-actions[data-v-756dcd6a]{margin-top:8px}.catalog-panel.mobile-mode .header-actions .el-button[data-v-756dcd6a]{color:#fff;border-color:hsla(0,0%,100%,.3);background:hsla(0,0%,100%,.1);backdrop-filter:blur(10px)}.catalog-panel.mobile-mode .header-actions .el-button[data-v-756dcd6a]:hover{background:hsla(0,0%,100%,.2);border-color:hsla(0,0%,100%,.5)}.catalog-panel.mobile-mode .catalog-content[data-v-756dcd6a]{padding:20px 16px;background:#f8f9fa}.catalog-panel.mobile-mode .page-item[data-v-756dcd6a]{padding:0;margin-bottom:16px;background:#fff;border-radius:12px;-webkit-box-shadow:0 2px 12px rgba(0,0,0,.08);box-shadow:0 2px 12px rgba(0,0,0,.08);border:none;overflow:hidden;-webkit-transition:all .3s ease;transition:all .3s ease;position:relative}.catalog-panel.mobile-mode .page-item[data-v-756dcd6a]:hover{-webkit-transform:translateY(-2px);transform:translateY(-2px);-webkit-box-shadow:0 8px 25px rgba(0,0,0,.15);box-shadow:0 8px 25px rgba(0,0,0,.15)}.catalog-panel.mobile-mode .page-item.active[data-v-756dcd6a]{background:#fff;border:2px solid #409eff;-webkit-box-shadow:0 4px 20px rgba(64,158,255,.3);box-shadow:0 4px 20px rgba(64,158,255,.3)}.catalog-panel.mobile-mode .page-item.active[data-v-756dcd6a]:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:-webkit-gradient(linear,left top,right top,from(#409eff),to(#36cfc9));background:linear-gradient(90deg,#409eff,#36cfc9)}.catalog-panel.mobile-mode .page-item[data-v-756dcd6a]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;min-height:80px}.catalog-panel.mobile-mode .page-thumbnail[data-v-756dcd6a]{width:80px;height:80px;margin:0;-ms-flex-negative:0;flex-shrink:0;position:relative;overflow:hidden;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.catalog-panel.mobile-mode .page-thumbnail img[data-v-756dcd6a]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.catalog-panel.mobile-mode .thumbnail-placeholder[data-v-756dcd6a]{color:#bbb;font-size:24px}.catalog-panel.mobile-mode .page-info[data-v-756dcd6a]{-webkit-box-flex:1;-ms-flex:1;flex:1;padding:16px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;min-width:0}.catalog-panel.mobile-mode .page-title[data-v-756dcd6a]{font-size:16px;font-weight:600;color:#2c3e50;margin-bottom:8px;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.catalog-panel.mobile-mode .page-meta[data-v-756dcd6a]{font-size:13px;color:#7f8c8d;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:12px}.catalog-panel.mobile-mode .page-number[data-v-756dcd6a]{background:linear-gradient(45deg,#409eff,#36cfc9);color:#fff;padding:4px 8px;border-radius:6px;font-size:12px;font-weight:500;-webkit-box-shadow:0 2px 6px rgba(64,158,255,.3);box-shadow:0 2px 6px rgba(64,158,255,.3)}.catalog-panel.mobile-mode .update-time[data-v-756dcd6a]{font-size:12px;color:#95a5a6}.catalog-panel.mobile-mode .page-actions[data-v-756dcd6a]{opacity:1;padding:16px 12px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.catalog-panel.mobile-mode .page-actions .el-button[data-v-756dcd6a]{background:#f8f9fa;border:1px solid #e9ecef;color:#6c757d;border-radius:8px;width:36px;height:36px;padding:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.catalog-panel.mobile-mode .page-actions .el-button[data-v-756dcd6a]:hover{background:#409eff;border-color:#409eff;color:#fff}.catalog-panel.mobile-mode .add-page-btn[data-v-756dcd6a]{padding:0 16px 20px;margin-top:8px}.catalog-panel.mobile-mode .add-page-btn .el-button[data-v-756dcd6a]{width:100%;height:60px;border:2px dashed #409eff;background:linear-gradient(135deg,#f0f9ff,#e6f7ff);color:#409eff;font-size:16px;font-weight:500;border-radius:12px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:8px;-webkit-transition:all .3s ease;transition:all .3s ease}.catalog-panel.mobile-mode .add-page-btn .el-button[data-v-756dcd6a]:hover{background:linear-gradient(135deg,#e6f7ff,#bae7ff);border-color:#1890ff;-webkit-transform:translateY(-1px);transform:translateY(-1px);-webkit-box-shadow:0 4px 12px rgba(64,158,255,.3);box-shadow:0 4px 12px rgba(64,158,255,.3)}.catalog-panel.mobile-mode .add-page-btn .el-button i[data-v-756dcd6a]{font-size:20px}.catalog-panel.mobile-mode .catalog-search[data-v-756dcd6a]{padding:16px 16px 0;background:#f8f9fa}.catalog-panel.mobile-mode .catalog-search .el-input[data-v-756dcd6a]{border-radius:10px}.catalog-panel.mobile-mode .catalog-search .el-input__inner[data-v-756dcd6a]{height:44px;border-radius:10px;background:#fff;border:1px solid #e9ecef;font-size:16px;-webkit-box-shadow:0 2px 8px rgba(0,0,0,.05);box-shadow:0 2px 8px rgba(0,0,0,.05)}.catalog-panel.mobile-mode .catalog-search .el-input__inner[data-v-756dcd6a]:focus{border-color:#409eff;-webkit-box-shadow:0 0 0 2px rgba(64,158,255,.2);box-shadow:0 0 0 2px rgba(64,158,255,.2)}.catalog-panel.mobile-mode .tree-mode[data-v-756dcd6a]{padding:20px 16px;background:#f8f9fa}.catalog-panel.mobile-mode .tree-container[data-v-756dcd6a]{background:#fff;border-radius:12px;overflow:hidden;-webkit-box-shadow:0 2px 12px rgba(0,0,0,.08);box-shadow:0 2px 12px rgba(0,0,0,.08)}.catalog-panel.mobile-mode .catalog-tree[data-v-756dcd6a]{padding:8px}.catalog-panel.mobile-mode .tree-node[data-v-756dcd6a]{padding:16px 12px;margin-bottom:2px;border-radius:8px;background:#fafbfc;border:1px solid #f1f3f4}.catalog-panel.mobile-mode .tree-node[data-v-756dcd6a]:hover{background:#f0f9ff;border-color:#409eff}.catalog-panel.mobile-mode .tree-node.active[data-v-756dcd6a]{background:#e6f7ff;border-color:#409eff}.catalog-panel.mobile-mode .node-content[data-v-756dcd6a]{font-size:16px}.catalog-panel.mobile-mode .node-icon[data-v-756dcd6a]{font-size:18px;color:#409eff;margin-right:12px}.catalog-panel.mobile-mode .node-label[data-v-756dcd6a]{font-weight:500;color:#2c3e50}.catalog-panel.mobile-mode .page-count[data-v-756dcd6a]{background:#409eff;color:#fff;padding:4px 8px;border-radius:10px;font-size:12px;font-weight:500}.catalog-panel.mobile-mode .node-actions[data-v-756dcd6a]{opacity:1;gap:8px}.catalog-panel.mobile-mode .node-actions .el-button[data-v-756dcd6a]{background:#f8f9fa;border:1px solid #e9ecef;color:#6c757d;border-radius:6px;width:32px;height:32px;padding:0}.catalog-panel.mobile-mode .node-actions .el-button[data-v-756dcd6a]:hover{background:#409eff;border-color:#409eff;color:#fff}.catalog-panel.mobile-mode .context-menu[data-v-756dcd6a]{font-size:16px;min-width:160px;border-radius:12px;-webkit-box-shadow:0 8px 30px rgba(0,0,0,.2);box-shadow:0 8px 30px rgba(0,0,0,.2);border:none;overflow:hidden;backdrop-filter:blur(10px)}.catalog-panel.mobile-mode .menu-list li[data-v-756dcd6a]{padding:16px 20px;font-size:16px;font-weight:500;-webkit-transition:all .2s ease;transition:all .2s ease}.catalog-panel.mobile-mode .menu-list li[data-v-756dcd6a]:hover{background:#f0f9ff;color:#409eff}.catalog-panel.mobile-mode .menu-list li.danger[data-v-756dcd6a]:hover{background:#fff2f0;color:#ff4d4f}.catalog-panel.mobile-mode .menu-list li i[data-v-756dcd6a]{font-size:18px;margin-right:12px;width:20px;text-align:center}.catalog-panel.mobile-mode .empty-state[data-v-756dcd6a]{text-align:center;padding:60px 20px;color:#95a5a6}.catalog-panel.mobile-mode .empty-state i[data-v-756dcd6a]{font-size:48px;color:#bdc3c7;margin-bottom:16px}.catalog-panel.mobile-mode .empty-state p[data-v-756dcd6a]{font-size:16px;margin:0;line-height:1.5}.catalog-panel.mobile-mode .loading-state[data-v-756dcd6a]{text-align:center;padding:40px 20px;color:#7f8c8d}.catalog-panel.mobile-mode .add-page-btn .el-button[data-v-756dcd6a],.catalog-panel.mobile-mode .page-item[data-v-756dcd6a]{-webkit-transform:translateZ(0);transform:translateZ(0);will-change:transform}.catalog-panel.mobile-mode .page-item[data-v-756dcd6a]:active{-webkit-transform:translateY(0) scale(.98);transform:translateY(0) scale(.98)}.catalog-panel.mobile-mode .add-page-btn .el-button[data-v-756dcd6a]:active{-webkit-transform:translateY(0) scale(.96);transform:translateY(0) scale(.96)}.canvas-editor[data-v-46b9d859]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:100%;position:relative}.canvas-toolbar[data-v-46b9d859]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:8px 16px;background:#fff;border-bottom:1px solid #e5e5e5;min-height:48px}.canvas-toolbar.mobile[data-v-46b9d859]{padding:6px 8px;min-height:44px}.canvas-toolbar.mobile .toolbar-center[data-v-46b9d859]{-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;min-width:0}.canvas-toolbar.mobile .toolbar-left[data-v-46b9d859],.canvas-toolbar.mobile .toolbar-right[data-v-46b9d859]{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;min-width:80px}.canvas-toolbar.mobile .toolbar-left[data-v-46b9d859]{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.canvas-toolbar.mobile .toolbar-right[data-v-46b9d859]{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.toolbar-center[data-v-46b9d859],.toolbar-left[data-v-46b9d859],.toolbar-right[data-v-46b9d859]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px}.toolbar-center[data-v-46b9d859]{-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.canvas-wrapper[data-v-46b9d859]{-webkit-box-flex:1;-ms-flex:1;flex:1;position:relative;overflow:hidden;background:#f0f0f0;background-image:linear-gradient(45deg,#f5f5f5 25%,transparent 0),linear-gradient(-45deg,#f5f5f5 25%,transparent 0),linear-gradient(45deg,transparent 75%,#f5f5f5 0),linear-gradient(-45deg,transparent 75%,#f5f5f5 0);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0;will-change:transform,position;backface-visibility:hidden;-webkit-backface-visibility:hidden}.canvas-container[data-v-46b9d859]{position:relative;-webkit-transition:-webkit-transform .1s ease-out;transition:-webkit-transform .1s ease-out;transition:transform .1s ease-out;transition:transform .1s ease-out,-webkit-transform .1s ease-out;cursor:-webkit-grab;cursor:grab}.canvas-container[data-v-46b9d859]:active{cursor:-webkit-grabbing;cursor:grabbing}.canvas-container canvas[data-v-46b9d859]{border:1px solid #ddd;-webkit-box-shadow:0 2px 8px rgba(0,0,0,.1);box-shadow:0 2px 8px rgba(0,0,0,.1);background:#fff}.canvas-info[data-v-46b9d859]{position:absolute;bottom:16px;right:16px;background:rgba(0,0,0,.7);color:#fff;padding:8px 12px;border-radius:4px;font-size:12px;pointer-events:none}.canvas-info div[data-v-46b9d859]{margin-bottom:2px}.canvas-info div[data-v-46b9d859]:last-child{margin-bottom:0}.selection-info[data-v-46b9d859]{background:rgba(64,158,255,.1);border:1px solid rgba(64,158,255,.3);border-radius:4px;padding:4px 8px;margin-top:4px;font-size:11px;color:#409eff;text-align:center}.mobile-quick-toolbar[data-v-46b9d859]{position:fixed;background:hsla(0,0%,100%,.96);backdrop-filter:blur(12px);border-radius:20px;padding:10px 12px;-webkit-box-shadow:0 8px 32px rgba(0,0,0,.2),0 2px 8px rgba(0,0,0,.1);box-shadow:0 8px 32px rgba(0,0,0,.2),0 2px 8px rgba(0,0,0,.1);z-index:1000;max-width:calc(100vw - 20px);overflow-x:auto;-webkit-transition:all .4s cubic-bezier(.4,0,.2,1);transition:all .4s cubic-bezier(.4,0,.2,1)}.mobile-quick-toolbar[data-v-46b9d859]:after{content:"";position:absolute;bottom:-12px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:20px;height:20px;background:hsla(0,0%,100%,.96);border:2px solid rgba(64,158,255,.3);border-top:none;border-left:none;-webkit-transform:translateX(-50%) rotate(45deg);transform:translateX(-50%) rotate(45deg);backdrop-filter:blur(12px);z-index:-1;-webkit-box-shadow:0 4px 12px rgba(0,0,0,.1);box-shadow:0 4px 12px rgba(0,0,0,.1)}.mobile-quick-toolbar.below-element[data-v-46b9d859]:after{bottom:auto;top:-12px;border:2px solid rgba(64,158,255,.3);border-bottom:none;border-right:none;-webkit-transform:translateX(-50%) rotate(45deg);transform:translateX(-50%) rotate(45deg)}.quick-actions[data-v-46b9d859]{gap:6px;-ms-flex-wrap:nowrap;flex-wrap:nowrap;min-width:0}.action-item[data-v-46b9d859],.quick-actions[data-v-46b9d859]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.action-item[data-v-46b9d859]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:8px 6px;border-radius:8px;background:#f8f9fa;border:1px solid #e9ecef;cursor:pointer;-webkit-transition:all .3s ease;transition:all .3s ease;min-width:48px;gap:2px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.action-item[data-v-46b9d859]:hover{background:#e9ecef;-webkit-transform:translateY(-2px);transform:translateY(-2px);-webkit-box-shadow:0 4px 8px rgba(0,0,0,.1);box-shadow:0 4px 8px rgba(0,0,0,.1)}.action-item[data-v-46b9d859]:active{-webkit-transform:translateY(0);transform:translateY(0)}.action-item i[data-v-46b9d859]{font-size:16px;color:#606266;-webkit-transition:color .3s ease;transition:color .3s ease}.action-item span[data-v-46b9d859]{font-size:10px;color:#606266;font-weight:500;white-space:nowrap;margin-top:1px}.action-item.primary[data-v-46b9d859]{background:#e1f3ff;border-color:#409eff}.action-item.primary i[data-v-46b9d859],.action-item.primary span[data-v-46b9d859]{color:#409eff}.action-item.primary[data-v-46b9d859]:hover{background:#409eff}.action-item.primary:hover i[data-v-46b9d859],.action-item.primary:hover span[data-v-46b9d859]{color:#fff}.action-item.danger[data-v-46b9d859]{background:#fee;border-color:#f56c6c}.action-item.danger i[data-v-46b9d859],.action-item.danger span[data-v-46b9d859]{color:#f56c6c}.action-item.danger[data-v-46b9d859]:hover{background:#f56c6c}.action-item.danger:hover i[data-v-46b9d859],.action-item.danger:hover span[data-v-46b9d859]{color:#fff}.toolbar-divider[data-v-46b9d859]{width:1px;height:32px;background:#e5e5e5;margin:0 4px}.direction-controls[data-v-46b9d859]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.direction-controls[data-v-46b9d859],.direction-row[data-v-46b9d859]{display:-webkit-box;display:-ms-flexbox;display:flex;gap:4px}.direction-btn[data-v-46b9d859]{min-width:32px!important;width:32px;height:32px;padding:0!important;border-radius:6px;border:1px solid #dcdfe6;background:#f5f7fa;color:#606266;-webkit-transition:all .3s ease;transition:all .3s ease}.direction-btn[data-v-46b9d859]:hover{background:#409eff;border-color:#409eff;color:#fff;-webkit-transform:scale(1.1);transform:scale(1.1)}.direction-btn[data-v-46b9d859]:active{-webkit-transform:scale(.95);transform:scale(.95)}.loading-overlay[data-v-46b9d859]{position:absolute;top:0;left:0;right:0;bottom:0;background:hsla(0,0%,100%,.8);-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;z-index:1000}.loading-content[data-v-46b9d859],.loading-overlay[data-v-46b9d859]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.loading-content[data-v-46b9d859]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:8px}.loading-content i[data-v-46b9d859]{font-size:24px;color:#409eff}.preview-container[data-v-46b9d859]{margin-top:15px;text-align:center}.preview-image[data-v-46b9d859]{max-width:100%;max-height:200px;border:1px solid #dcdfe6;border-radius:4px}.upload-wrapper[data-v-46b9d859]{padding:0}.upload-demo[data-v-46b9d859]{width:100%;min-height:180px;border:2px dashed #dcdfe6;border-radius:8px;background:#fafbfc;position:relative;overflow:hidden;-webkit-transition:all .3s ease;transition:all .3s ease}.upload-demo .el-upload-dragger[data-v-46b9d859]:hover{border-color:#409eff;background:#f0f8ff}.upload-demo .el-upload-dragger .el-icon-upload[data-v-46b9d859]{font-size:48px;color:#c0c4cc;margin-bottom:16px;-webkit-transition:color .3s ease;transition:color .3s ease}.upload-demo .el-upload-dragger:hover .el-icon-upload[data-v-46b9d859]{color:#409eff}.upload-demo .el-upload__text[data-v-46b9d859]{color:#606266;font-size:14px;line-height:1.5;margin-bottom:8px}.upload-demo .el-upload__text em[data-v-46b9d859]{color:#409eff;font-style:normal;font-weight:500}.upload-demo .el-upload__tip[data-v-46b9d859]{color:#909399;font-size:12px;line-height:1.4;margin-top:8px}@media (max-width:768px){.upload-demo .el-upload-dragger[data-v-46b9d859]{min-height:160px;padding:20px}.upload-demo .el-upload-dragger .el-icon-upload[data-v-46b9d859]{font-size:40px}.upload-demo .el-upload__text[data-v-46b9d859]{font-size:13px}.upload-demo .el-upload__tip[data-v-46b9d859]{font-size:11px}.preview-image[data-v-46b9d859]{max-height:180px}}@media (max-width:768px){.canvas-toolbar[data-v-46b9d859]{padding:4px 8px;min-height:40px}.canvas-info[data-v-46b9d859]{display:none}.canvas-wrapper[data-v-46b9d859]{-ms-touch-action:pan-x pan-y;touch-action:pan-x pan-y;transform:translateZ(0);-webkit-transform:translateZ(0)}.canvas-wrapper.keyboard-visible[data-v-46b9d859]{-webkit-transition:all .3s cubic-bezier(.25,.46,.45,.94);transition:all .3s cubic-bezier(.25,.46,.45,.94)}}.el-button--small[data-v-46b9d859]{padding:6px 8px}.canvas-toolbar.mobile .el-button--small[data-v-46b9d859]{padding:4px 6px;font-size:12px}.mobile-toolbar-fade-enter-active[data-v-46b9d859],.mobile-toolbar-fade-leave-active[data-v-46b9d859]{-webkit-transition:all .3s ease;transition:all .3s ease}.mobile-toolbar-fade-enter[data-v-46b9d859],.mobile-toolbar-fade-leave-to[data-v-46b9d859]{opacity:0;-webkit-transform:translateX(-50%) translateY(10px) scale(.9);transform:translateX(-50%) translateY(10px) scale(.9)}.mobile-toolbar-fade-enter-to[data-v-46b9d859],.mobile-toolbar-fade-leave[data-v-46b9d859]{opacity:1;-webkit-transform:translateX(-50%) translateY(0) scale(1);transform:translateX(-50%) translateY(0) scale(1)}.canvas-bg-changer[data-v-46b9d859]{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;z-index:1000}.bg-changer-content[data-v-46b9d859]{background:#fff;padding:20px;border-radius:8px;-webkit-box-shadow:0 4px 20px rgba(0,0,0,.15);box-shadow:0 4px 20px rgba(0,0,0,.15);min-width:250px;text-align:center}.bg-changer-content h4[data-v-46b9d859]{margin:0 0 15px 0;color:#333}.color-picker[data-v-46b9d859]{width:100%;height:40px;border:none;border-radius:4px;margin-bottom:15px;cursor:pointer}.bg-actions[data-v-46b9d859]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:10px}.close-btn[data-v-46b9d859]{background:#f56c6c!important;border-color:#f56c6c!important;color:#fff!important}.close-btn[data-v-46b9d859]:hover{background:#f78989!important;border-color:#f78989!important}.mobile-text-editor[data-v-46b9d859]{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:20px;z-index:2000;overflow-y:auto;padding-bottom:80px}.text-editor-content[data-v-46b9d859]{background:#fff;padding:20px;border-radius:8px;-webkit-box-shadow:0 4px 20px rgba(0,0,0,.15);box-shadow:0 4px 20px rgba(0,0,0,.15);width:100%;max-width:350px;margin-top:60px;max-height:calc(100vh - 160px);overflow-y:auto}.editor-header[data-v-46b9d859]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:15px;border-bottom:1px solid #eee;padding-bottom:10px}.editor-header h4[data-v-46b9d859]{margin:0;color:#333;font-size:16px}.editor-body[data-v-46b9d859]{margin-bottom:20px}.form-group[data-v-46b9d859]{margin-bottom:15px}.form-group label[data-v-46b9d859]{display:block;margin-bottom:8px;color:#333;font-size:14px;font-weight:500}.text-input[data-v-46b9d859]{width:100%;padding:12px;border:1px solid #dcdfe6;border-radius:6px;font-size:14px;line-height:1.4;resize:vertical;min-height:80px}.text-input[data-v-46b9d859]:focus{border-color:#409eff;outline:none;-webkit-box-shadow:0 0 0 2px rgba(64,158,255,.2);box-shadow:0 0 0 2px rgba(64,158,255,.2)}.font-selector[data-v-46b9d859]{position:relative}.font-preview[data-v-46b9d859]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:12px;border:1px solid #dcdfe6;border-radius:6px;cursor:pointer;background:#fff;-webkit-transition:all .3s ease;transition:all .3s ease;min-height:44px}.font-preview[data-v-46b9d859]:hover{border-color:#409eff;background:#f8f9ff}.font-preview .el-icon-arrow-down[data-v-46b9d859]{-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease;color:#909399}.font-preview:hover .el-icon-arrow-down[data-v-46b9d859]{color:#409eff}.font-list[data-v-46b9d859]{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid #dcdfe6;border-radius:6px;-webkit-box-shadow:0 4px 20px rgba(0,0,0,.15);box-shadow:0 4px 20px rgba(0,0,0,.15);z-index:1000;max-height:250px;overflow-y:auto;margin-top:4px;-ms-touch-action:pan-y;touch-action:pan-y;-ms-scroll-chaining:none;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.font-option[data-v-46b9d859]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:12px;cursor:pointer;-webkit-transition:all .2s ease;transition:all .2s ease;border-bottom:1px solid #f5f7fa}.font-option[data-v-46b9d859]:last-child{border-bottom:none}.font-option[data-v-46b9d859]:hover{background:#f8f9ff;-webkit-transform:translateX(2px);transform:translateX(2px)}.font-option.active[data-v-46b9d859]{background:#409eff;color:#fff;-webkit-transform:none;transform:none}.font-option.active .font-sample[data-v-46b9d859]{color:hsla(0,0%,100%,.8)}.font-option.active .el-icon-check[data-v-46b9d859],.font-option.active .font-name[data-v-46b9d859]{color:#fff}.font-info[data-v-46b9d859]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-flex:1;-ms-flex:1;flex:1}.font-name[data-v-46b9d859]{font-size:14px;font-weight:500;margin-bottom:4px;color:#333}.font-sample[data-v-46b9d859]{font-size:13px;color:#909399;font-weight:400}.size-control[data-v-46b9d859]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.size-input[data-v-46b9d859]{width:70px;padding:8px;border:1px solid #dcdfe6;border-radius:4px;text-align:center;font-size:14px}.size-input[data-v-46b9d859]:focus{border-color:#409eff;outline:none;-webkit-box-shadow:0 0 0 2px rgba(64,158,255,.2);box-shadow:0 0 0 2px rgba(64,158,255,.2)}.color-input[data-v-46b9d859]{width:100%;height:50px;padding:4px;border:1px solid #dcdfe6;border-radius:6px;cursor:pointer}.align-buttons[data-v-46b9d859]{display:-webkit-box;display:-ms-flexbox;display:flex;gap:8px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.align-btn[data-v-46b9d859]{min-width:40px!important;width:40px;height:40px;padding:0!important;border-radius:6px;border:1px solid #dcdfe6;background:#f5f7fa;color:#606266;-webkit-transition:all .3s ease;transition:all .3s ease}.align-btn[data-v-46b9d859]:hover{-webkit-transform:scale(1.05);transform:scale(1.05)}.align-btn.el-button--primary[data-v-46b9d859],.align-btn[data-v-46b9d859]:hover{background:#409eff;border-color:#409eff;color:#fff}.editor-footer[data-v-46b9d859]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;gap:15px;padding-top:15px;border-top:1px solid #eee}.editor-footer .el-button[data-v-46b9d859]{-webkit-box-flex:1;-ms-flex:1;flex:1;padding:12px 20px;font-size:14px}.loading-text[data-v-46b9d859]{font-size:12px;color:#909399}.loading-icon[data-v-46b9d859]{font-size:16px;color:#409eff;margin-left:4px}.page-controls[data-v-46b9d859]{gap:8px;margin-left:20px}.page-controls[data-v-46b9d859],.page-info[data-v-46b9d859]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.page-info[data-v-46b9d859]{gap:4px;background:#f8f9fa;padding:4px 12px;border-radius:20px;border:1px solid #e5e5e5;white-space:nowrap;min-width:40px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.page-current[data-v-46b9d859]{font-size:14px;font-weight:600;color:#409eff}.page-separator[data-v-46b9d859]{font-size:14px;color:#909399;margin:0 2px}.page-total[data-v-46b9d859]{font-size:14px;color:#666}@media (max-width:768px){.page-controls[data-v-46b9d859]{margin-left:0;gap:4px;-webkit-box-flex:1;-ms-flex:1;flex:1;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.page-info[data-v-46b9d859]{padding:2px 8px;border-radius:12px;background:#fff;border:1px solid #d9d9d9;-webkit-box-shadow:0 1px 3px rgba(0,0,0,.1);box-shadow:0 1px 3px rgba(0,0,0,.1)}.page-current[data-v-46b9d859],.page-separator[data-v-46b9d859],.page-total[data-v-46b9d859]{font-size:12px;line-height:1.2}.page-current[data-v-46b9d859]{font-weight:600;color:#409eff}.page-controls .el-button[data-v-46b9d859]{padding:2px 4px;font-size:12px;min-width:28px;height:28px;border-radius:6px}.page-controls .el-button i[data-v-46b9d859]{font-size:10px}}.mobile-image-resizer[data-v-46b9d859]{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:20px;z-index:2000;overflow-y:auto;padding-bottom:80px}.resizer-content[data-v-46b9d859]{background:#fff;padding:20px;border-radius:8px;-webkit-box-shadow:0 4px 20px rgba(0,0,0,.15);box-shadow:0 4px 20px rgba(0,0,0,.15);width:100%;max-width:350px;margin-top:60px;max-height:calc(100vh - 160px);overflow-y:auto}.resizer-header[data-v-46b9d859]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:15px;border-bottom:1px solid #eee;padding-bottom:10px}.resizer-header h4[data-v-46b9d859]{margin:0;color:#333;font-size:16px}.resizer-body[data-v-46b9d859]{margin-bottom:20px}.slider-control[data-v-46b9d859]{margin-top:8px}.size-slider[data-v-46b9d859]{width:100%;height:6px;border-radius:3px;background:#ddd;outline:none;-webkit-appearance:none}.size-slider[data-v-46b9d859]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:#409eff;cursor:pointer;-webkit-box-shadow:0 2px 4px rgba(0,0,0,.2);box-shadow:0 2px 4px rgba(0,0,0,.2)}.size-slider[data-v-46b9d859]::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:#409eff;cursor:pointer;border:none;box-shadow:0 2px 4px rgba(0,0,0,.2)}.checkbox-label[data-v-46b9d859]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.checkbox-label input[type=checkbox][data-v-46b9d859]{width:16px;height:16px;cursor:pointer}.resizer-footer[data-v-46b9d859]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding-top:15px;border-top:1px solid #eee}.resizer-footer .el-button[data-v-46b9d859]{width:100%;padding:12px 20px;font-size:14px}.canvas-context-menu[data-v-46b9d859]{position:fixed;z-index:3000;background:#fff;border-radius:8px;-webkit-box-shadow:0 4px 20px rgba(0,0,0,.15);box-shadow:0 4px 20px rgba(0,0,0,.15);border:1px solid #e5e5e5;min-width:180px;padding:6px 0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif}.context-menu-list[data-v-46b9d859]{margin:0;padding:0;list-style:none}.context-menu-list li[data-v-46b9d859]{padding:10px 16px;cursor:pointer;font-size:14px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-transition:all .2s ease;transition:all .2s ease;color:#333;position:relative}.context-menu-list li[data-v-46b9d859]:hover{background-color:#f8f9ff;color:#409eff}.context-menu-list li.danger[data-v-46b9d859]{color:#f56c6c}.context-menu-list li.danger[data-v-46b9d859]:hover{background-color:#fff2f0;color:#ff4d4f}.context-menu-list li.disabled[data-v-46b9d859]{color:#c0c4cc;cursor:not-allowed}.context-menu-list li.disabled[data-v-46b9d859]:hover{background-color:transparent;color:#c0c4cc}.context-menu-list li i[data-v-46b9d859]{margin-right:10px;width:16px;text-align:center;font-size:14px}.context-menu-list li .shortcut[data-v-46b9d859]{font-size:12px;color:#999;margin-left:20px}.context-menu-list li:hover .shortcut[data-v-46b9d859]{color:#666}.context-menu-list li.divider[data-v-46b9d859]{height:1px;background:#f0f0f0;margin:6px 0;padding:0;cursor:default}.context-menu-list li.divider[data-v-46b9d859]:hover{background:#f0f0f0}.canvas-context-menu[data-v-46b9d859]{-webkit-animation:contextMenuFadeIn-46b9d859 .15s ease-out;animation:contextMenuFadeIn-46b9d859 .15s ease-out;-webkit-transform-origin:top left;transform-origin:top left}@-webkit-keyframes contextMenuFadeIn-46b9d859{0%{opacity:0;-webkit-transform:scale(.95) translateY(-5px);transform:scale(.95) translateY(-5px)}to{opacity:1;-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0)}}@keyframes contextMenuFadeIn-46b9d859{0%{opacity:0;-webkit-transform:scale(.95) translateY(-5px);transform:scale(.95) translateY(-5px)}to{opacity:1;-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0)}}.canvas-context-menu[data-v-46b9d859]{pointer-events:auto}.context-menu-list li i.el-icon-edit-outline[data-v-46b9d859],.context-menu-list li i.el-icon-picture-outline[data-v-46b9d859]{font-size:15px}.context-menu-list li i.el-icon-arrow-down[data-v-46b9d859],.context-menu-list li i.el-icon-arrow-up[data-v-46b9d859],.context-menu-list li i.el-icon-bottom[data-v-46b9d859],.context-menu-list li i.el-icon-copy-document[data-v-46b9d859],.context-menu-list li i.el-icon-delete[data-v-46b9d859],.context-menu-list li i.el-icon-document-copy[data-v-46b9d859],.context-menu-list li i.el-icon-edit[data-v-46b9d859],.context-menu-list li i.el-icon-picture[data-v-46b9d859],.context-menu-list li i.el-icon-refresh[data-v-46b9d859],.context-menu-list li i.el-icon-top[data-v-46b9d859]{font-size:14px}@media (max-width:768px){.canvas-context-menu[data-v-46b9d859]{display:none}}.canvas-container canvas[data-v-46b9d859]{-ms-touch-action:none;touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}@media (max-width:768px){.canvas-container canvas[data-v-46b9d859]{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-ms-touch-action:manipulation;touch-action:manipulation}.canvas-container[data-v-46b9d859]{image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}}.canvas-container canvas .fabric-object[data-v-46b9d859]{-webkit-transition:all .2s ease;transition:all .2s ease}.canvas-container canvas[data-v-46b9d859]{image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}@media (max-width:768px){.canvas-container canvas[data-v-46b9d859]{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}.canvas-container.text-selected[data-v-46b9d859]{-webkit-filter:contrast(1.15) brightness(1.05);filter:contrast(1.15) brightness(1.05);-webkit-box-shadow:inset 0 0 0 1px rgba(64,158,255,.1);box-shadow:inset 0 0 0 1px rgba(64,158,255,.1)}.canvas-container.image-selected[data-v-46b9d859]{-webkit-filter:contrast(1.1) brightness(1.03);filter:contrast(1.1) brightness(1.03);-webkit-box-shadow:inset 0 0 0 1px rgba(64,158,255,.08);box-shadow:inset 0 0 0 1px rgba(64,158,255,.08)}.canvas-container.image-selected canvas[data-v-46b9d859],.canvas-container.text-selected canvas[data-v-46b9d859]{-webkit-filter:saturate(1.2);filter:saturate(1.2)}}.mobile-quick-toolbar[data-v-46b9d859]{max-height:calc(100vh - 200px);-webkit-box-shadow:0 8px 32px rgba(0,0,0,.12),0 2px 8px rgba(0,0,0,.08);box-shadow:0 8px 32px rgba(0,0,0,.12),0 2px 8px rgba(0,0,0,.08);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid hsla(0,0%,100%,.3)}@media (max-width:768px){.action-item[data-v-46b9d859]{min-height:52px;min-width:52px;-webkit-tap-highlight-color:rgba(64,158,255,.2);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.action-item[data-v-46b9d859]:active{-webkit-transform:scale(.95);transform:scale(.95);background:rgba(64,158,255,.1)}}.image-position-adjuster .adjuster-container[data-v-f74d9c8e]{position:fixed;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(23,35,61,.95),rgba(44,62,80,.95) 50%,rgba(52,73,94,.95));backdrop-filter:blur(10px);z-index:9999;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-animation:fadeIn-f74d9c8e .3s ease-in-out;animation:fadeIn-f74d9c8e .3s ease-in-out}@-webkit-keyframes fadeIn-f74d9c8e{0%{opacity:0;-webkit-transform:scale(.95);transform:scale(.95)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes fadeIn-f74d9c8e{0%{opacity:0;-webkit-transform:scale(.95);transform:scale(.95)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}.image-position-adjuster .adjuster-toolbar[data-v-f74d9c8e]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:15px 25px;background:linear-gradient(135deg,#fff,#f8f9fa);border-bottom:2px solid #e9ecef;-webkit-box-shadow:0 2px 10px rgba(0,0,0,.1);box-shadow:0 2px 10px rgba(0,0,0,.1)}.image-position-adjuster .adjuster-toolbar .toolbar-content[data-v-f74d9c8e]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px;max-width:600px;width:100%}.image-position-adjuster .adjuster-toolbar .toolbar-content .toolbar-title[data-v-f74d9c8e]{text-align:center}.image-position-adjuster .adjuster-toolbar .toolbar-content .toolbar-title .title[data-v-f74d9c8e]{font-size:18px;font-weight:700;display:block;color:#2c3e50;margin-bottom:2px;text-shadow:0 1px 2px rgba(0,0,0,.1)}.image-position-adjuster .adjuster-toolbar .toolbar-content .toolbar-title small[data-v-f74d9c8e]{color:#67c23a;font-size:13px;font-weight:500;background:rgba(103,194,58,.1);padding:2px 8px;border-radius:10px}.image-position-adjuster .adjust-area[data-v-f74d9c8e]{-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:20px}.image-position-adjuster .instruction-text[data-v-f74d9c8e]{color:#fff;font-size:13px;margin-bottom:8px;text-align:center}.image-position-adjuster .instruction-text .main-instruction[data-v-f74d9c8e]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-bottom:6px}.image-position-adjuster .instruction-text .main-instruction i[data-v-f74d9c8e]{margin-right:6px;color:#409eff}.image-position-adjuster .instruction-text .main-instruction strong[data-v-f74d9c8e]{font-size:14px}.image-position-adjuster .instruction-text .feature-explanation[data-v-f74d9c8e]{margin-bottom:6px}.image-position-adjuster .instruction-text .feature-explanation>div[data-v-f74d9c8e]{margin-bottom:3px;font-size:12px}.image-position-adjuster .instruction-text .feature-explanation .what-you-see[data-v-f74d9c8e]{color:#67c23a}.image-position-adjuster .instruction-text .feature-explanation .what-you-do[data-v-f74d9c8e]{color:#409eff}.image-position-adjuster .instruction-text .feature-explanation .transparent-area[data-v-f74d9c8e]{color:#e6a23c}.image-position-adjuster .instruction-text .sub-instructions[data-v-f74d9c8e]{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:8px;margin-bottom:6px}.image-position-adjuster .instruction-text .sub-instructions span[data-v-f74d9c8e]{background:hsla(0,0%,100%,.1);padding:3px 6px;border-radius:8px;font-size:11px;white-space:nowrap}.image-position-adjuster .instruction-text .sub-instructions span.highlight-instruction[data-v-f74d9c8e]{background:rgba(64,158,255,.3);border:1px solid rgba(64,158,255,.5);font-weight:700;-webkit-animation:pulse-f74d9c8e 2s infinite;animation:pulse-f74d9c8e 2s infinite}@-webkit-keyframes pulse-f74d9c8e{0%{opacity:1}50%{opacity:.7}to{opacity:1}}@keyframes pulse-f74d9c8e{0%{opacity:1}50%{opacity:.7}to{opacity:1}}.image-position-adjuster .canvas-container[data-v-f74d9c8e]{position:relative;margin-bottom:15px;border:2px solid #409eff;border-radius:10px;overflow:hidden;min-height:280px;min-width:320px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:#2c3e50;background-image:linear-gradient(hsla(0,0%,100%,.15) 1px,transparent 0),linear-gradient(90deg,hsla(0,0%,100%,.15) 1px,transparent 0),linear-gradient(hsla(0,0%,100%,.08) 1px,transparent 0),linear-gradient(90deg,hsla(0,0%,100%,.08) 1px,transparent 0),linear-gradient(45deg,hsla(0,0%,100%,.03) 25%,transparent 0),linear-gradient(-45deg,hsla(0,0%,100%,.03) 25%,transparent 0);background-size:40px 40px,40px 40px,10px 10px,10px 10px,20px 20px,20px 20px;background-position:0 0,0 0,0 0,0 0,0 0,10px 10px;-webkit-box-shadow:0 0 20px rgba(64,158,255,.3),inset 0 0 50px rgba(0,0,0,.3);box-shadow:0 0 20px rgba(64,158,255,.3),inset 0 0 50px rgba(0,0,0,.3)}.image-position-adjuster .canvas-container canvas[data-v-f74d9c8e]{display:block;cursor:move;border-radius:8px;-webkit-transition:-webkit-transform .2s ease;transition:-webkit-transform .2s ease;transition:transform .2s ease;transition:transform .2s ease,-webkit-transform .2s ease}.image-position-adjuster .canvas-container canvas[data-v-f74d9c8e]:hover{-webkit-transform:scale(1.02);transform:scale(1.02)}.image-position-adjuster .canvas-container canvas.edit-canvas[data-v-f74d9c8e]{background:transparent;max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain}.image-position-adjuster .canvas-container .grid-overlay[data-v-f74d9c8e]{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;opacity:.6}.image-position-adjuster .canvas-container .grid-lines[data-v-f74d9c8e]{background-image:linear-gradient(hsla(0,0%,100%,.4) 2px,transparent 0),linear-gradient(90deg,hsla(0,0%,100%,.4) 2px,transparent 0),linear-gradient(rgba(64,158,255,.2) 1px,transparent 0),linear-gradient(90deg,rgba(64,158,255,.2) 1px,transparent 0);background-size:80px 80px,80px 80px,20px 20px,20px 20px;width:100%;height:100%;border-radius:8px}.image-position-adjuster .canvas-container[data-v-f74d9c8e]:before{content:"";position:absolute;top:-3px;left:-3px;right:-3px;bottom:-3px;background:linear-gradient(45deg,#409eff,#67c23a,#e6a23c,#f56c6c,#409eff);background-size:400% 400%;border-radius:15px;z-index:-1;-webkit-animation:borderGlow-f74d9c8e 3s ease-in-out infinite;animation:borderGlow-f74d9c8e 3s ease-in-out infinite}@-webkit-keyframes borderGlow-f74d9c8e{0%,to{background-position:0 50%}50%{background-position:100% 50%}}@keyframes borderGlow-f74d9c8e{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.image-position-adjuster .control-bar[data-v-f74d9c8e]{background:linear-gradient(135deg,#fff,#f8f9fa);padding:10px 15px;border-radius:12px;gap:10px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;max-width:950px;-webkit-box-shadow:0 8px 25px rgba(0,0,0,.1),0 0 0 1px hsla(0,0%,100%,.8);box-shadow:0 8px 25px rgba(0,0,0,.1),0 0 0 1px hsla(0,0%,100%,.8);border:1px solid rgba(64,158,255,.2);backdrop-filter:blur(10px)}.image-position-adjuster .control-bar .sliders-container[data-v-f74d9c8e],.image-position-adjuster .control-bar[data-v-f74d9c8e]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.image-position-adjuster .control-bar .sliders-container[data-v-f74d9c8e]{width:100%;background:hsla(0,0%,100%,.4);padding:8px 12px;border-radius:10px;border:1px solid rgba(64,158,255,.15);gap:6px}.image-position-adjuster .control-bar .control-group[data-v-f74d9c8e]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:12px;padding:8px 12px;border-radius:10px;background:hsla(0,0%,100%,.6);border:1px solid rgba(64,158,255,.1);-webkit-transition:all .3s ease;transition:all .3s ease}.image-position-adjuster .control-bar .control-group[data-v-f74d9c8e]:hover{background:rgba(64,158,255,.05);border-color:rgba(64,158,255,.3);-webkit-transform:translateY(-1px);transform:translateY(-1px);-webkit-box-shadow:0 4px 12px rgba(64,158,255,.1);box-shadow:0 4px 12px rgba(64,158,255,.1)}.image-position-adjuster .control-bar .control-group.compact[data-v-f74d9c8e]{padding:6px 10px;gap:10px;margin:0;background:transparent;border:none;border-radius:8px}.image-position-adjuster .control-bar .control-group.compact[data-v-f74d9c8e]:hover{background:rgba(64,158,255,.05);-webkit-transform:none;transform:none;-webkit-box-shadow:none;box-shadow:none}.image-position-adjuster .control-bar .control-group label[data-v-f74d9c8e]{font-weight:600;min-width:65px;color:#2c3e50;font-size:14px}.image-position-adjuster .control-bar .control-group .scale-slider[data-v-f74d9c8e]{width:140px}.image-position-adjuster .control-bar .control-group .scale-slider[data-v-f74d9c8e] .el-slider__runway{background:rgba(64,158,255,.2);border-radius:4px}.image-position-adjuster .control-bar .control-group .scale-slider[data-v-f74d9c8e] .el-slider__bar{background:linear-gradient(45deg,#409eff,#67c23a);border-radius:4px}.image-position-adjuster .control-bar .control-group .scale-slider[data-v-f74d9c8e] .el-slider__button{border:2px solid #409eff;background:#fff;-webkit-box-shadow:0 2px 8px rgba(64,158,255,.3);box-shadow:0 2px 8px rgba(64,158,255,.3)}.image-position-adjuster .control-bar .control-group .scale-value[data-v-f74d9c8e]{min-width:55px;text-align:center;font-weight:700;color:#409eff;background:rgba(64,158,255,.1);padding:4px 8px;border-radius:8px;font-size:13px}.image-position-adjuster .control-bar .control-group .rotation-slider[data-v-f74d9c8e]{width:140px}.image-position-adjuster .control-bar .control-group .rotation-slider[data-v-f74d9c8e] .el-slider__runway{background:rgba(230,162,60,.2);border-radius:4px}.image-position-adjuster .control-bar .control-group .rotation-slider[data-v-f74d9c8e] .el-slider__bar{background:linear-gradient(45deg,#e6a23c,#f56c6c);border-radius:4px}.image-position-adjuster .control-bar .control-group .rotation-slider[data-v-f74d9c8e] .el-slider__button{border:2px solid #e6a23c;background:#fff;-webkit-box-shadow:0 2px 8px rgba(230,162,60,.3);box-shadow:0 2px 8px rgba(230,162,60,.3)}.image-position-adjuster .control-bar .control-group .rotation-value[data-v-f74d9c8e]{min-width:55px;text-align:center;font-weight:700;color:#e6a23c;background:rgba(230,162,60,.1);padding:4px 8px;border-radius:8px;font-size:13px}.image-position-adjuster .control-bar .control-group .quick-buttons[data-v-f74d9c8e]{display:-webkit-box;display:-ms-flexbox;display:flex;gap:6px}.image-position-adjuster .control-bar .control-group .quick-buttons .el-button[data-v-f74d9c8e]{border-radius:15px;padding:6px 12px;font-size:12px;font-weight:500;-webkit-transition:all .3s ease;transition:all .3s ease}.image-position-adjuster .control-bar .control-group .quick-buttons .el-button[data-v-f74d9c8e]:hover{-webkit-transform:translateY(-2px);transform:translateY(-2px);-webkit-box-shadow:0 4px 12px rgba(0,0,0,.15);box-shadow:0 4px 12px rgba(0,0,0,.15)}.image-position-adjuster .control-bar .control-group .preview-tip[data-v-f74d9c8e]{color:#e6a23c;font-size:13px;font-style:italic;font-weight:500;background:rgba(230,162,60,.1);padding:4px 8px;border-radius:8px;border-left:3px solid #e6a23c}.image-position-adjuster .control-bar .control-group.action-buttons[data-v-f74d9c8e]{background:linear-gradient(135deg,#fff,#f8f9fa);border:2px solid rgba(64,158,255,.3);padding:10px 16px;width:100%;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.image-position-adjuster .control-bar .control-group.action-buttons[data-v-f74d9c8e]:hover{background:rgba(64,158,255,.08);border-color:rgba(64,158,255,.5);-webkit-transform:translateY(-2px);transform:translateY(-2px);-webkit-box-shadow:0 6px 20px rgba(64,158,255,.2);box-shadow:0 6px 20px rgba(64,158,255,.2)}.image-position-adjuster .control-bar .control-group.action-buttons .el-button[data-v-f74d9c8e]{border-radius:18px;padding:8px 18px;font-weight:600;font-size:14px;min-width:80px;-webkit-transition:all .3s ease;transition:all .3s ease}.image-position-adjuster .control-bar .control-group.action-buttons .el-button[data-v-f74d9c8e]:hover{-webkit-transform:translateY(-3px) scale(1.05);transform:translateY(-3px) scale(1.05);-webkit-box-shadow:0 6px 20px rgba(0,0,0,.2);box-shadow:0 6px 20px rgba(0,0,0,.2)}.image-position-adjuster .control-bar .control-group.action-buttons .el-button[data-v-f74d9c8e]:first-child{margin-right:8px}.image-position-adjuster .control-bar .control-group.action-buttons .el-button[data-v-f74d9c8e]:not(.el-button--primary){background:linear-gradient(45deg,#f56c6c,#ff7875);border-color:#f56c6c;color:#fff}.image-position-adjuster .control-bar .control-group.action-buttons .el-button[data-v-f74d9c8e]:not(.el-button--primary):hover{background:linear-gradient(45deg,#ff4757,#f56c6c)}.image-position-adjuster .control-bar .control-group.action-buttons .el-button.el-button--primary[data-v-f74d9c8e]{background:linear-gradient(45deg,#67c23a,#85ce61);border-color:#67c23a}.image-position-adjuster .control-bar .control-group.action-buttons .el-button.el-button--primary[data-v-f74d9c8e]:hover{background:linear-gradient(45deg,#85ce61,#95d475)}.image-position-adjuster .control-bar .control-group.action-buttons .el-button.el-button--primary[data-v-f74d9c8e]:disabled{background:#c0c4cc;border-color:#c0c4cc;opacity:.6;-webkit-transform:none;transform:none;-webkit-box-shadow:none;box-shadow:none}.image-position-adjuster .adjust-trigger-btn[data-v-f74d9c8e]{margin-top:12px;border-radius:20px;padding:10px 20px;font-weight:600;background:linear-gradient(45deg,#e6a23c,#f56c6c);border:none;color:#fff;-webkit-transition:all .3s ease;transition:all .3s ease;-webkit-box-shadow:0 4px 15px rgba(230,162,60,.3);box-shadow:0 4px 15px rgba(230,162,60,.3)}.image-position-adjuster .adjust-trigger-btn[data-v-f74d9c8e]:hover{-webkit-transform:translateY(-2px) scale(1.05);transform:translateY(-2px) scale(1.05);-webkit-box-shadow:0 6px 20px rgba(230,162,60,.4);box-shadow:0 6px 20px rgba(230,162,60,.4);background:linear-gradient(45deg,#f56c6c,#e6a23c)}.image-position-adjuster .adjust-trigger-btn[data-v-f74d9c8e]:active{-webkit-transform:translateY(0) scale(1.02);transform:translateY(0) scale(1.02)}.image-position-adjuster .adjust-trigger-btn i[data-v-f74d9c8e]{margin-right:6px;-webkit-animation:bounce-f74d9c8e 2s infinite;animation:bounce-f74d9c8e 2s infinite}@-webkit-keyframes bounce-f74d9c8e{0%,20%,50%,80%,to{-webkit-transform:translateY(0);transform:translateY(0)}40%{-webkit-transform:translateY(-3px);transform:translateY(-3px)}60%{-webkit-transform:translateY(-2px);transform:translateY(-2px)}}@keyframes bounce-f74d9c8e{0%,20%,50%,80%,to{-webkit-transform:translateY(0);transform:translateY(0)}40%{-webkit-transform:translateY(-3px);transform:translateY(-3px)}60%{-webkit-transform:translateY(-2px);transform:translateY(-2px)}}@media (max-width:768px){.image-position-adjuster .adjuster-toolbar[data-v-f74d9c8e]{padding:8px 12px}.image-position-adjuster .adjuster-toolbar .toolbar-content[data-v-f74d9c8e]{gap:6px}.image-position-adjuster .adjuster-toolbar .toolbar-content .toolbar-title .title[data-v-f74d9c8e]{font-size:15px}.image-position-adjuster .adjuster-toolbar .toolbar-content .toolbar-title small[data-v-f74d9c8e]{font-size:11px}.image-position-adjuster .instruction-text[data-v-f74d9c8e]{margin-bottom:6px}.image-position-adjuster .instruction-text .sub-instructions[data-v-f74d9c8e]{gap:6px;margin-bottom:4px}.image-position-adjuster .instruction-text .sub-instructions span[data-v-f74d9c8e]{padding:2px 4px;font-size:10px}.image-position-adjuster .canvas-container[data-v-f74d9c8e]{min-width:280px;min-height:200px;margin-bottom:10px}.image-position-adjuster .control-bar[data-v-f74d9c8e]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;padding:8px 12px;gap:8px}.image-position-adjuster .control-bar .sliders-container[data-v-f74d9c8e]{padding:6px 8px;gap:4px}.image-position-adjuster .control-bar .control-group[data-v-f74d9c8e]{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.image-position-adjuster .control-bar .control-group.compact[data-v-f74d9c8e]{padding:4px 6px;gap:8px}.image-position-adjuster .control-bar .control-group[data-v-f74d9c8e]:last-child:not(.action-buttons){-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.image-position-adjuster .control-bar .control-group.action-buttons[data-v-f74d9c8e]{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-top:0;padding:8px 12px}.image-position-adjuster .control-bar .control-group.action-buttons .el-button[data-v-f74d9c8e]{padding:10px 16px;font-size:14px;min-width:70px}}.tools-panel[data-v-fc47b8e4]{height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;background:#fff;overflow-y:auto}.tools-header[data-v-fc47b8e4]{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:12px 16px;border-bottom:1px solid #e5e5e5;background:#fafafa}.header-title[data-v-fc47b8e4],.tools-header[data-v-fc47b8e4]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.header-title[data-v-fc47b8e4]{gap:8px;font-weight:500;color:#333}.quick-tools[data-v-fc47b8e4]{padding:16px}.tools-section[data-v-fc47b8e4]{margin-bottom:24px}.tools-section[data-v-fc47b8e4]:last-child{margin-bottom:0}.section-title[data-v-fc47b8e4]{font-size:14px;font-weight:500;color:#333;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid #f0f0f0}.tool-buttons[data-v-fc47b8e4]{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.tool-buttons .el-button[data-v-fc47b8e4]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:4px;height:auto;padding:12px 8px}.tool-buttons .el-button i[data-v-fc47b8e4]{font-size:18px}.element-editor[data-v-fc47b8e4]{-webkit-box-flex:1;-ms-flex:1;flex:1;padding:16px}.element-info[data-v-fc47b8e4]{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:12px;background:#f8f9fa;border-radius:6px;margin-bottom:16px}.element-info[data-v-fc47b8e4],.element-type[data-v-fc47b8e4]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.element-type[data-v-fc47b8e4]{gap:8px;font-weight:500;color:#333}.element-type i[data-v-fc47b8e4]{font-size:16px;color:#409eff}.element-actions[data-v-fc47b8e4]{display:-webkit-box;display:-ms-flexbox;display:flex;gap:4px}.editor-section[data-v-fc47b8e4]{margin-bottom:20px}.editor-section[data-v-fc47b8e4]:last-child{margin-bottom:0}.form-grid[data-v-fc47b8e4]{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.form-grid.mobile[data-v-fc47b8e4]{grid-template-columns:1fr;gap:16px}.form-item[data-v-fc47b8e4]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:6px}.form-item.full-width[data-v-fc47b8e4]{grid-column:span 2}.form-grid.mobile .form-item.full-width[data-v-fc47b8e4]{grid-column:span 1}.form-item label[data-v-fc47b8e4]{font-size:12px;color:#666;font-weight:500}.form-item .el-button-group[data-v-fc47b8e4],.form-item .el-input-number[data-v-fc47b8e4],.form-item .el-select[data-v-fc47b8e4]{width:100%}.form-item .el-button-group .el-button[data-v-fc47b8e4]{-webkit-box-flex:1;-ms-flex:1;flex:1}.image-actions[data-v-fc47b8e4]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:8px}.layer-controls[data-v-fc47b8e4]{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.form-item .el-slider[data-v-fc47b8e4]{margin:8px 0}.value-display[data-v-fc47b8e4]{font-size:12px;color:#666;text-align:center}.preview-container[data-v-fc47b8e4]{margin-top:15px;text-align:center}.preview-image[data-v-fc47b8e4]{max-width:100%;max-height:200px;border:1px solid #dcdfe6;border-radius:4px}.tools-panel.mobile-mode[data-v-fc47b8e4]{font-size:16px;background:#fff;height:100%}.tools-panel.mobile-mode .tools-header[data-v-fc47b8e4]{padding:16px;background:#f8f9fa;border-bottom:1px solid #e5e5e5}.tools-panel.mobile-mode .header-title[data-v-fc47b8e4]{font-size:16px}.tools-panel.mobile-mode .element-editor[data-v-fc47b8e4],.tools-panel.mobile-mode .quick-tools[data-v-fc47b8e4]{padding:20px 16px}.tools-panel.mobile-mode .tools-section[data-v-fc47b8e4]{margin-bottom:32px;background:#fff;border-radius:8px;padding:16px;-webkit-box-shadow:0 1px 3px rgba(0,0,0,.1);box-shadow:0 1px 3px rgba(0,0,0,.1)}.tools-panel.mobile-mode .section-title[data-v-fc47b8e4]{font-size:16px;margin-bottom:16px;color:#333;font-weight:600}.tools-panel.mobile-mode .tool-buttons[data-v-fc47b8e4]{grid-template-columns:1fr;gap:12px}.tools-panel.mobile-mode .tool-buttons .el-button[data-v-fc47b8e4]{padding:16px 12px;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;height:auto;border-radius:8px;border:1px solid #e5e5e5;background:#fff;-webkit-transition:all .2s;transition:all .2s}.tools-panel.mobile-mode .tool-buttons .el-button[data-v-fc47b8e4]:hover{border-color:#409eff;background:#f0f9ff}.tools-panel.mobile-mode .tool-buttons .el-button i[data-v-fc47b8e4]{font-size:20px;margin-right:12px;width:20px;text-align:center}.tools-panel.mobile-mode .element-info[data-v-fc47b8e4]{padding:16px;background:#f0f9ff;border:1px solid #409eff;border-radius:8px}.tools-panel.mobile-mode .element-type[data-v-fc47b8e4]{font-size:16px}.tools-panel.mobile-mode .element-type i[data-v-fc47b8e4]{font-size:18px}.tools-panel.mobile-mode .form-item label[data-v-fc47b8e4]{font-size:14px;font-weight:500;margin-bottom:8px}.tools-panel.mobile-mode .form-item .el-input-number[data-v-fc47b8e4],.tools-panel.mobile-mode .form-item .el-input[data-v-fc47b8e4],.tools-panel.mobile-mode .form-item .el-select[data-v-fc47b8e4]{height:44px;font-size:16px}.tools-panel.mobile-mode .form-item .el-textarea[data-v-fc47b8e4]{font-size:16px}.tools-panel.mobile-mode .form-item .el-button[data-v-fc47b8e4]{height:44px;font-size:16px}.tools-panel.mobile-mode .form-item .el-color-picker[data-v-fc47b8e4]{height:44px}.tools-panel.mobile-mode .layer-controls[data-v-fc47b8e4]{grid-template-columns:1fr;gap:12px}.tools-panel.mobile-mode .layer-controls .el-button[data-v-fc47b8e4]{padding:12px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px;height:50px;font-size:16px;border-radius:8px}.tools-panel.mobile-mode .image-actions .el-button[data-v-fc47b8e4]{height:50px;font-size:16px;border-radius:8px}.tools-panel.mobile-mode .el-slider[data-v-fc47b8e4]{margin:12px 0}.tools-panel.mobile-mode .el-slider__runway[data-v-fc47b8e4]{height:8px}.tools-panel.mobile-mode .el-slider__button[data-v-fc47b8e4]{width:20px;height:20px}.tools-panel.mobile-mode .value-display[data-v-fc47b8e4]{font-size:14px;margin-top:8px}.tools-panel[data-v-fc47b8e4]::-webkit-scrollbar{width:6px}.tools-panel[data-v-fc47b8e4]::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.tools-panel[data-v-fc47b8e4]::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.tools-panel[data-v-fc47b8e4]::-webkit-scrollbar-thumb:hover{background:#a8a8a8}@media (max-width:768px){.tools-panel[data-v-fc47b8e4]{padding-bottom:20px}.element-editor[data-v-fc47b8e4],.quick-tools[data-v-fc47b8e4]{padding:20px 16px}}.mobile-bottom-menu[data-v-8a76f764]{position:relative;background:#fff;border-top:1px solid #e5e5e5;z-index:1000}.menu-tabs[data-v-8a76f764]{display:-webkit-box;display:-ms-flexbox;display:flex;height:60px;background:#fff}.menu-tab[data-v-8a76f764]{-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:relative;cursor:pointer;-webkit-transition:all .2s ease;transition:all .2s ease;padding:8px 4px}.menu-tab[data-v-8a76f764]:active{background:#f5f5f5}.menu-tab.active[data-v-8a76f764]{color:#409eff}.menu-tab.active .tab-indicator[data-v-8a76f764]{position:absolute;top:0;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:24px;height:3px;background:#409eff;border-radius:0 0 3px 3px}.menu-tab i[data-v-8a76f764]{font-size:20px;margin-bottom:2px;-webkit-transition:-webkit-transform .2s ease;transition:-webkit-transform .2s ease;transition:transform .2s ease;transition:transform .2s ease,-webkit-transform .2s ease}.menu-tab.active i[data-v-8a76f764]{-webkit-transform:scale(1.1);transform:scale(1.1)}.tab-label[data-v-8a76f764]{font-size:10px;line-height:1;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.quick-actions[data-v-8a76f764]{background:#f8f9fa;border-top:1px solid #e5e5e5;padding:12px 8px 8px;max-height:200px;overflow-y:auto;-webkit-transition:all .3s ease;transition:all .3s ease}.actions-container[data-v-8a76f764]{display:grid;grid-template-columns:repeat(auto-fit,minmax(60px,1fr));gap:8px;max-width:100%}.action-item[data-v-8a76f764]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;cursor:pointer;padding:8px 4px;border-radius:8px;-webkit-transition:background-color .2s ease;transition:background-color .2s ease}.action-item[data-v-8a76f764]:active{background:rgba(0,0,0,.05)}.action-button[data-v-8a76f764]{width:40px;height:40px;border-radius:50%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-bottom:4px;-webkit-transition:all .2s ease;transition:all .2s ease}.action-button.special[data-v-8a76f764]{width:48px;height:48px;-webkit-box-shadow:0 4px 12px rgba(0,0,0,.15);box-shadow:0 4px 12px rgba(0,0,0,.15);border:2px solid hsla(0,0%,100%,.3);position:relative;-webkit-transform:translateY(-2px);transform:translateY(-2px)}.action-button.special[data-v-8a76f764]:before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;border-radius:50%;background:linear-gradient(145deg,hsla(0,0%,100%,.2),rgba(0,0,0,.1));z-index:-1}.action-button.special[data-v-8a76f764]:active{-webkit-transform:translateY(0) scale(.95);transform:translateY(0) scale(.95);-webkit-box-shadow:0 2px 6px rgba(0,0,0,.2);box-shadow:0 2px 6px rgba(0,0,0,.2)}.action-button.special i[data-v-8a76f764]{font-size:20px;font-weight:700}.action-button.special.success[data-v-8a76f764]{background:linear-gradient(145deg,#67c23a,#5daf34);-webkit-box-shadow:0 4px 12px rgba(103,194,58,.4);box-shadow:0 4px 12px rgba(103,194,58,.4)}.action-button.special.danger[data-v-8a76f764]{background:linear-gradient(145deg,#f56c6c,#f04747);-webkit-box-shadow:0 4px 12px rgba(245,108,108,.4);box-shadow:0 4px 12px rgba(245,108,108,.4)}.action-button.primary[data-v-8a76f764]{background:#409eff;color:#fff}.action-button.success[data-v-8a76f764]{background:#67c23a;color:#fff}.action-button.info[data-v-8a76f764]{background:#909399;color:#fff}.action-button.warning[data-v-8a76f764]{background:#e6a23c;color:#fff}.action-button.danger[data-v-8a76f764]{background:#f56c6c;color:#fff}.action-button.default[data-v-8a76f764]{background:#dcdfe6;color:#606266}.action-button[data-v-8a76f764]:active{-webkit-transform:scale(.95);transform:scale(.95)}.action-button i[data-v-8a76f764]{font-size:18px}.action-label[data-v-8a76f764]{font-size:10px;text-align:center;color:#666;line-height:1.2;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.action-label.special-label[data-v-8a76f764]{font-weight:700;color:#333;text-shadow:0 1px 2px rgba(0,0,0,.1)}.menu-tab[data-key=home][data-v-8a76f764]{color:#409eff}.menu-tab[data-key=save].active i[data-v-8a76f764],.menu-tab[data-key=save] i[data-v-8a76f764]{color:#67c23a}.action-item.disabled[data-v-8a76f764]{cursor:not-allowed;opacity:.5}.action-item.disabled[data-v-8a76f764]:active{background:none}.action-button.disabled[data-v-8a76f764]{background:#dcdfe6!important;color:#c0c4cc!important;cursor:not-allowed;-webkit-box-shadow:none!important;box-shadow:none!important}.action-button.disabled[data-v-8a76f764],.action-button.disabled[data-v-8a76f764]:active{-webkit-transform:none!important;transform:none!important}.action-label.disabled[data-v-8a76f764]{color:#c0c4cc!important}.quick-actions-fade-enter-active[data-v-8a76f764],.quick-actions-fade-leave-active[data-v-8a76f764]{-webkit-transition:all .3s ease;transition:all .3s ease}.quick-actions-fade-enter[data-v-8a76f764],.quick-actions-fade-leave-to[data-v-8a76f764]{-webkit-transform:translateY(100%);transform:translateY(100%);opacity:0}.quick-actions-fade-enter-to[data-v-8a76f764],.quick-actions-fade-leave[data-v-8a76f764]{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}.quick-actions[data-v-8a76f764]{-webkit-transform-origin:bottom;transform-origin:bottom}@-webkit-keyframes slideUp-8a76f764{0%{-webkit-transform:translateY(100%);transform:translateY(100%);opacity:0}to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@keyframes slideUp-8a76f764{0%{-webkit-transform:translateY(100%);transform:translateY(100%);opacity:0}to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@media (max-width:320px){.menu-tab[data-v-8a76f764]{padding:6px 2px}.menu-tab i[data-v-8a76f764]{font-size:18px}.tab-label[data-v-8a76f764]{font-size:9px}.actions-container[data-v-8a76f764]{grid-template-columns:repeat(4,1fr)}.action-button[data-v-8a76f764]{width:36px;height:36px}.action-button.special[data-v-8a76f764]{width:42px;height:42px;-webkit-transform:translateY(-1px);transform:translateY(-1px)}.action-button i[data-v-8a76f764]{font-size:16px}}@media (min-width:375px){.actions-container[data-v-8a76f764]{grid-template-columns:repeat(6,1fr)}}.quick-actions[data-v-8a76f764]::-webkit-scrollbar{width:3px}.quick-actions[data-v-8a76f764]::-webkit-scrollbar-track{background:transparent}.quick-actions[data-v-8a76f764]::-webkit-scrollbar-thumb{background:#ccc;border-radius:3px}.action-item[data-v-8a76f764]:focus,.menu-tab[data-v-8a76f764]:focus{outline:2px solid #409eff;outline-offset:2px}@media (prefers-color-scheme:dark){.mobile-bottom-menu[data-v-8a76f764]{background:#2c2c2c;border-top-color:#444}.menu-tabs[data-v-8a76f764]{background:#2c2c2c}.menu-tab[data-v-8a76f764]{color:#fff}.menu-tab[data-v-8a76f764]:active{background:#404040}.quick-actions[data-v-8a76f764]{background:#3c3c3c;border-top-color:#444}.action-label[data-v-8a76f764]{color:#ccc}.action-button.default[data-v-8a76f764]{background:#555;color:#ccc}}.mobile-catalog-overlay[data-v-aba47362]{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);z-index:1000;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.mobile-catalog[data-v-aba47362]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:320px;max-width:85vw;height:100vh;background:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;-webkit-box-shadow:-4px 0 12px rgba(0,0,0,.15);box-shadow:-4px 0 12px rgba(0,0,0,.15);-webkit-transform:translateX(0);transform:translateX(0);-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease}.catalog-header[data-v-aba47362]{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:16px 20px;background:#409eff;color:#fff;-webkit-box-shadow:0 2px 4px rgba(0,0,0,.1);box-shadow:0 2px 4px rgba(0,0,0,.1)}.catalog-header[data-v-aba47362],.header-left[data-v-aba47362]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.header-left[data-v-aba47362]{gap:12px}.header-left h3[data-v-aba47362]{margin:0;font-size:18px;font-weight:600}.close-btn[data-v-aba47362]{background:none;border:none;color:#fff;font-size:20px;cursor:pointer;padding:4px;border-radius:4px;-webkit-transition:background-color .2s;transition:background-color .2s}.close-btn[data-v-aba47362]:hover{background-color:hsla(0,0%,100%,.1)}.add-btn[data-v-aba47362]{background:hsla(0,0%,100%,.2);border:1px solid hsla(0,0%,100%,.3);color:#fff;padding:8px 12px;border-radius:6px;cursor:pointer;font-size:14px;-webkit-transition:all .2s;transition:all .2s}.add-btn[data-v-aba47362]:hover{background:hsla(0,0%,100%,.3)}.drag-indicator[data-v-aba47362]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:2px;padding:8px 4px}.drag-line[data-v-aba47362]{width:20px;height:2px;background:hsla(0,0%,100%,.6);border-radius:1px}.catalog-body[data-v-aba47362]{-webkit-box-flex:1;-ms-flex:1;flex:1;overflow-y:auto;background:#f8f9fa}.simple-catalog[data-v-aba47362]{padding:12px}.page-item[data-v-aba47362]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:#fff;margin-bottom:8px;padding:12px;border-radius:8px;-webkit-box-shadow:0 1px 3px rgba(0,0,0,.1);box-shadow:0 1px 3px rgba(0,0,0,.1);cursor:pointer;-webkit-transition:all .2s;transition:all .2s}.page-item[data-v-aba47362]:hover{-webkit-box-shadow:0 2px 8px rgba(0,0,0,.15);box-shadow:0 2px 8px rgba(0,0,0,.15);-webkit-transform:translateY(-1px);transform:translateY(-1px)}.page-item.active[data-v-aba47362]{border:2px solid #409eff;-webkit-box-shadow:0 2px 8px rgba(64,158,255,.2);box-shadow:0 2px 8px rgba(64,158,255,.2)}.page-thumbnail[data-v-aba47362]{position:relative;width:60px;height:80px;margin-right:12px;border-radius:4px;overflow:hidden;background:#f5f5f5;border:1px solid #e5e5e5}.page-thumbnail.small[data-v-aba47362]{width:40px;height:56px}.page-thumbnail img[data-v-aba47362]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.thumbnail-placeholder[data-v-aba47362]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:100%;height:100%;color:#999;font-size:24px}.page-number[data-v-aba47362]{position:absolute;bottom:2px;right:2px;background:rgba(0,0,0,.7);color:#fff;font-size:10px;padding:2px 4px;border-radius:2px}.page-info[data-v-aba47362]{-webkit-box-flex:1;-ms-flex:1;flex:1;min-width:0}.page-info.compact[data-v-aba47362]{margin-left:8px}.page-title[data-v-aba47362]{font-size:14px;font-weight:500;color:#333;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.title-input[data-v-aba47362]{width:100%;padding:6px 8px;border:2px solid #409eff;border-radius:4px;font-size:14px;font-weight:500;background:#fff;outline:none;-webkit-box-shadow:0 0 0 2px rgba(64,158,255,.2);box-shadow:0 0 0 2px rgba(64,158,255,.2);-webkit-appearance:none;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}.title-input[data-v-aba47362]:focus{border-color:#409eff;-webkit-box-shadow:0 0 0 3px rgba(64,158,255,.3);box-shadow:0 0 0 3px rgba(64,158,255,.3)}.page-meta[data-v-aba47362]{font-size:12px;color:#666}.page-actions[data-v-aba47362]{display:-webkit-box;display:-ms-flexbox;display:flex;gap:4px}.action-btn[data-v-aba47362]{background:#f5f5f5;border:none;padding:6px;border-radius:4px;cursor:pointer;color:#666;-webkit-transition:all .2s;transition:all .2s}.action-btn[data-v-aba47362]:hover{background:#e5e5e5;color:#333}.action-btn.danger[data-v-aba47362]:hover{background:#fee;color:#f56c6c}.date-catalog[data-v-aba47362]{padding:8px}.day-group[data-v-aba47362],.month-group[data-v-aba47362],.year-group[data-v-aba47362]{margin-bottom:4px}.day-header[data-v-aba47362],.month-header[data-v-aba47362],.year-header[data-v-aba47362]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:12px 16px;background:#fff;border-radius:8px;cursor:pointer;-webkit-transition:all .2s;transition:all .2s;-webkit-box-shadow:0 1px 3px rgba(0,0,0,.1);box-shadow:0 1px 3px rgba(0,0,0,.1)}.day-header[data-v-aba47362]:hover,.month-header[data-v-aba47362]:hover,.year-header[data-v-aba47362]:hover{background:#f8f9ff;-webkit-box-shadow:0 2px 6px rgba(0,0,0,.15);box-shadow:0 2px 6px rgba(0,0,0,.15)}.day-icon[data-v-aba47362],.month-icon[data-v-aba47362],.year-icon[data-v-aba47362]{font-size:16px;color:#409eff;margin-right:8px}.day-title[data-v-aba47362],.month-title[data-v-aba47362],.year-title[data-v-aba47362]{font-size:14px;font-weight:500;color:#333;-webkit-box-flex:1;-ms-flex:1;flex:1}.day-count[data-v-aba47362],.month-count[data-v-aba47362],.year-count[data-v-aba47362]{font-size:12px;color:#666;margin-right:8px}.expand-icon[data-v-aba47362]{font-size:12px;color:#999;-webkit-transition:-webkit-transform .2s;transition:-webkit-transform .2s;transition:transform .2s;transition:transform .2s,-webkit-transform .2s}.day-pages[data-v-aba47362],.month-content[data-v-aba47362],.year-content[data-v-aba47362]{margin-left:16px;margin-top:4px}.date-item[data-v-aba47362]{margin-bottom:4px;padding:8px 12px}.group-expand-enter-active[data-v-aba47362],.group-expand-leave-active[data-v-aba47362]{-webkit-transition:all .3s ease;transition:all .3s ease;overflow:hidden}.group-expand-enter[data-v-aba47362],.group-expand-leave-to[data-v-aba47362]{max-height:0;opacity:0}.group-expand-enter-to[data-v-aba47362],.group-expand-leave[data-v-aba47362]{max-height:1000px;opacity:1}@media (max-width:480px){.mobile-catalog[data-v-aba47362]{width:280px;max-width:90vw}.catalog-header[data-v-aba47362]{padding:12px 16px}.page-item[data-v-aba47362]{padding:10px}.page-thumbnail[data-v-aba47362]{width:50px;height:70px}.page-thumbnail.small[data-v-aba47362]{width:35px;height:49px}}@media (max-width:360px){.mobile-catalog[data-v-aba47362]{width:260px;max-width:95vw}.page-title[data-v-aba47362]{font-size:13px}.page-meta[data-v-aba47362]{font-size:11px}}.mobile-editor[data-v-40f391d9]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:100vh;background-color:#f5f5f5}.mobile-editor.pc-mode[data-v-40f391d9]{height:100vh}.top-toolbar[data-v-40f391d9]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:8px 16px;background:#fff;border-bottom:1px solid #e5e5e5;height:56px}.toolbar-left[data-v-40f391d9],.toolbar-right[data-v-40f391d9]{display:-webkit-box;display:-ms-flexbox;display:flex;gap:8px}.toolbar-left .el-button[data-v-40f391d9],.toolbar-right .el-button[data-v-40f391d9]{-webkit-transition:all .3s ease;transition:all .3s ease;border-radius:6px;font-weight:500}.toolbar-left .el-button[data-v-40f391d9]:hover,.toolbar-right .el-button[data-v-40f391d9]:hover{-webkit-transform:translateY(-1px);transform:translateY(-1px);-webkit-box-shadow:0 4px 8px rgba(0,0,0,.1);box-shadow:0 4px 8px rgba(0,0,0,.1)}.toolbar-center[data-v-40f391d9]{-webkit-box-flex:1;-ms-flex:1;flex:1;text-align:center}.album-title-editor[data-v-40f391d9]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:8px;max-width:400px;margin:0 auto}.album-name[data-v-40f391d9]{font-size:16px;font-weight:500;color:#333;cursor:pointer;padding:4px 8px;border-radius:4px;-webkit-transition:background-color .2s;transition:background-color .2s;min-width:120px;text-align:center}.album-name[data-v-40f391d9]:hover{background-color:#f5f5f5}.album-name-input[data-v-40f391d9]{max-width:300px}.album-name-input .el-input__inner[data-v-40f391d9]{text-align:center;font-size:16px;font-weight:500;border:1px solid #409eff;border-radius:4px}.edit-icon[data-v-40f391d9]{font-size:14px;color:#999;cursor:pointer;-webkit-transition:color .2s;transition:color .2s}.edit-icon[data-v-40f391d9]:hover{color:#409eff}.page-title[data-v-40f391d9]{font-size:16px;font-weight:500;color:#333}.mobile-header[data-v-40f391d9]{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:12px 16px;background:#fff;border-bottom:1px solid #e5e5e5;height:56px}.header-left[data-v-40f391d9],.mobile-header[data-v-40f391d9]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.header-left[data-v-40f391d9]{width:40px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.header-right[data-v-40f391d9]{min-width:100px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-negative:0;flex-shrink:0}.header-left i[data-v-40f391d9]{font-size:20px;color:#333;cursor:pointer}.header-right .save-return-btn[data-v-40f391d9]{padding:6px 12px;font-size:12px;border-radius:6px;min-width:auto;height:32px;white-space:nowrap;background:#409eff;border-color:#409eff;color:#fff;-webkit-box-shadow:0 2px 4px rgba(64,158,255,.3);box-shadow:0 2px 4px rgba(64,158,255,.3);z-index:999}.header-center[data-v-40f391d9]{-webkit-box-flex:1;-ms-flex:1;flex:1;text-align:center;min-width:0;overflow:hidden;padding:0 8px}.mobile-header .album-title-editor[data-v-40f391d9]{max-width:100%;gap:6px;overflow:hidden}.mobile-header .album-name[data-v-40f391d9]{font-size:16px;font-weight:500;padding:6px 10px;min-width:80px;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-header .album-name-input[data-v-40f391d9]{max-width:200px}.mobile-header .edit-icon[data-v-40f391d9]{font-size:16px}.main-content[data-v-40f391d9]{-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;overflow:hidden}.catalog-panel[data-v-40f391d9]{width:260px;background:#fff;border-right:1px solid #e5e5e5;overflow-y:auto}.canvas-area[data-v-40f391d9]{-webkit-box-flex:1;-ms-flex:1;flex:1;background:#f0f0f0;overflow:hidden;position:relative;padding-top:0;-webkit-transition:padding-top .3s ease;transition:padding-top .3s ease}@media (max-width:768px){.canvas-area[data-v-40f391d9]{height:calc(100vh - 116px)}}.tools-panel[data-v-40f391d9]{width:300px;background:#fff;border-left:1px solid #e5e5e5;overflow-y:auto}.mobile-bottom-menu[data-v-40f391d9]{background:#fff;border-top:1px solid #e5e5e5}@media (max-width:768px){.catalog-panel[data-v-40f391d9],.tools-panel[data-v-40f391d9],.top-toolbar[data-v-40f391d9]{display:none}.canvas-area[data-v-40f391d9]{height:calc(100vh - 116px)}}@media (min-width:769px){.mobile-bottom-menu[data-v-40f391d9],.mobile-header[data-v-40f391d9]{display:none}}.mobile-drawer[data-v-40f391d9]{z-index:3000!important}.mobile-drawer .el-drawer[data-v-40f391d9]{background:#fff}.mobile-drawer .el-drawer__header[data-v-40f391d9]{background:#f8f9fa;border-bottom:1px solid #e5e5e5;padding:16px 20px;margin-bottom:0}.mobile-drawer .el-drawer__title[data-v-40f391d9]{font-size:18px;font-weight:500;color:#333}.mobile-drawer .el-drawer__body[data-v-40f391d9]{padding:0;overflow-y:auto;height:calc(100vh - 70px)}.drawer-content[data-v-40f391d9]{height:100%;overflow-y:auto;-webkit-overflow-scrolling:touch}.mobile-drawer .catalog-panel[data-v-40f391d9],.mobile-drawer .tools-panel[data-v-40f391d9]{border:none;background:transparent;height:100%;width:100%}.insert-page-content[data-v-40f391d9]{padding:16px}.form-group[data-v-40f391d9]{margin-bottom:16px}.form-group label[data-v-40f391d9]{display:block;margin-bottom:8px;font-size:14px;font-weight:500;color:#333}.form-group input[data-v-40f391d9],.form-group textarea[data-v-40f391d9]{width:100%;padding:8px;border:1px solid #409eff;border-radius:4px}.add-page-content[data-v-40f391d9]{padding:16px}.page-type-selector[data-v-40f391d9]{margin-bottom:20px}.type-title[data-v-40f391d9]{font-size:16px;font-weight:500;margin-bottom:12px;color:#333}.type-options[data-v-40f391d9]{display:-webkit-box;display:-ms-flexbox;display:flex;gap:12px}.type-option[data-v-40f391d9]{-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:16px 12px;background:#f8f9fa;border:2px solid #e5e5e5;border-radius:8px;cursor:pointer;-webkit-transition:all .3s ease;transition:all .3s ease}.type-option.active[data-v-40f391d9]{background:#409eff;border-color:#409eff;color:#fff}.type-option i[data-v-40f391d9]{font-size:24px;margin-bottom:8px}.type-option span[data-v-40f391d9]{font-size:14px;font-weight:500}.cover-dialog-content[data-v-40f391d9]{padding:16px}.cover-category-selector[data-v-40f391d9]{margin-bottom:20px}.cover-category-selector label[data-v-40f391d9]{display:block;margin-bottom:8px;font-size:14px;font-weight:500;color:#333}.cover-grid-container[data-v-40f391d9]{min-height:300px;max-height:60vh;margin-bottom:20px;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;border:1px solid #e5e5e5;border-radius:6px;background:#fff}.loading-container[data-v-40f391d9]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:40px 20px;color:#666;min-height:200px}.loading-container i[data-v-40f391d9]{font-size:32px;margin-bottom:12px;-webkit-animation:spin-40f391d9 1s linear infinite;animation:spin-40f391d9 1s linear infinite}@-webkit-keyframes spin-40f391d9{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.cover-grid[data-v-40f391d9]{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px;padding:16px}.cover-item[data-v-40f391d9]{position:relative;cursor:pointer;border-radius:8px;overflow:hidden;-webkit-box-shadow:0 2px 8px rgba(0,0,0,.1);box-shadow:0 2px 8px rgba(0,0,0,.1);-webkit-transition:all .3s ease;transition:all .3s ease}.cover-item[data-v-40f391d9]:active{-webkit-transform:scale(.95);transform:scale(.95)}.cover-item.selected[data-v-40f391d9]{-webkit-box-shadow:0 0 0 3px #409eff;box-shadow:0 0 0 3px #409eff}.cover-item img[data-v-40f391d9]{width:100%;height:120px;-o-object-fit:cover;object-fit:cover;display:block}.cover-name[data-v-40f391d9]{position:absolute;bottom:0;left:0;right:0;background:-webkit-gradient(linear,left top,left bottom,from(transparent),to(rgba(0,0,0,.8)));background:linear-gradient(transparent,rgba(0,0,0,.8));color:#fff;padding:8px 6px 6px;font-size:12px;text-align:center;border-radius:0 0 8px 8px}.cover-selected-icon[data-v-40f391d9]{position:absolute;top:8px;right:8px;width:24px;height:24px;background:#409eff;color:#fff;border-radius:50%;font-size:12px;-webkit-box-shadow:0 2px 4px rgba(0,0,0,.2);box-shadow:0 2px 4px rgba(0,0,0,.2)}.cover-selected-icon[data-v-40f391d9],.empty-state[data-v-40f391d9]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.empty-state[data-v-40f391d9]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding:40px 20px;color:#999}.empty-state i[data-v-40f391d9]{font-size:48px;margin-bottom:12px}.empty-state p[data-v-40f391d9]{font-size:16px;margin-bottom:20px;text-align:center}.load-more-indicator[data-v-40f391d9]{border-top:1px solid #e5e5e5;color:#666}.load-more-indicator[data-v-40f391d9],.no-more-data[data-v-40f391d9]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:10px 0}.no-more-data[data-v-40f391d9]{color:#999}@media (max-width:768px){.cover-grid[data-v-40f391d9]{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:10px;padding:12px}.cover-item img[data-v-40f391d9]{height:100px}.cover-name[data-v-40f391d9]{font-size:11px;padding:6px 4px 4px}.cover-grid-container[data-v-40f391d9]{max-height:50vh}.type-options[data-v-40f391d9]{gap:8px}.type-option[data-v-40f391d9]{padding:12px 8px}.type-option i[data-v-40f391d9]{font-size:20px;margin-bottom:6px}.type-option span[data-v-40f391d9]{font-size:12px}}.template-selector[data-v-40f391d9]{margin-bottom:20px}.template-grid[data-v-40f391d9]{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px;max-height:300px;overflow-y:auto;padding:10px;border:1px solid #e5e5e5;border-radius:6px}.template-card[data-v-40f391d9]{cursor:pointer;border:2px solid #e5e5e5;border-radius:8px;overflow:hidden;-webkit-transition:all .3s ease;transition:all .3s ease;background:#fff}.template-card[data-v-40f391d9]:hover{border-color:#409eff;-webkit-transform:translateY(-2px);transform:translateY(-2px);-webkit-box-shadow:0 4px 12px rgba(64,158,255,.15);box-shadow:0 4px 12px rgba(64,158,255,.15)}.template-card.active[data-v-40f391d9]{border-color:#409eff;-webkit-box-shadow:0 0 0 2px rgba(64,158,255,.2);box-shadow:0 0 0 2px rgba(64,158,255,.2)}.template-preview[data-v-40f391d9]{height:100px;background:#f8f9fa;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:relative;overflow:hidden}.template-preview img[data-v-40f391d9]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.template-preview.blank-template[data-v-40f391d9]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;color:#666}.template-preview.blank-template i[data-v-40f391d9]{font-size:24px;margin-bottom:4px}.template-preview.blank-template span[data-v-40f391d9]{font-size:12px}.no-preview[data-v-40f391d9]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;color:#999;width:100%;height:100%}.no-preview i[data-v-40f391d9]{font-size:24px;margin-bottom:4px}.no-preview span[data-v-40f391d9]{font-size:11px}.template-name[data-v-40f391d9]{padding:8px;text-align:center;font-size:12px;font-weight:500;color:#333;background:#fff;border-top:1px solid #e5e5e5}.pc-page-tools[data-v-40f391d9]{background:#fff;border-top:1px solid #e5e5e5;margin-top:16px}.tool-section[data-v-40f391d9]{padding:16px}.section-title[data-v-40f391d9]{font-size:14px;font-weight:600;color:#333;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid #f0f0f0}.tool-list[data-v-40f391d9]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:8px}.tool-item[data-v-40f391d9]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:10px 12px;border-radius:6px;cursor:pointer;-webkit-transition:all .2s ease;transition:all .2s ease;color:#606266;background:#f8f9fa}.tool-item[data-v-40f391d9]:hover{background:#e7f4ff;color:#409eff;-webkit-transform:translateX(2px);transform:translateX(2px)}.tool-item i[data-v-40f391d9]{font-size:16px;margin-right:8px;width:16px;text-align:center}.tool-item span[data-v-40f391d9]{font-size:13px;font-weight:500}.category-selector[data-v-40f391d9]{margin-bottom:20px}.category-selector label[data-v-40f391d9]{display:block;margin-bottom:8px;font-size:14px;font-weight:500;color:#333}.pagination-container[data-v-40f391d9]{margin-top:16px;text-align:center;padding:16px 0;border-top:1px solid #e5e5e5}.pagination-container .el-pagination[data-v-40f391d9]{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.active-panel-btn[data-v-40f391d9]{background-color:#409eff!important;border-color:#409eff!important;color:#fff!important;-webkit-box-shadow:0 2px 4px rgba(64,158,255,.3)!important;box-shadow:0 2px 4px rgba(64,158,255,.3)!important;-webkit-transform:translateY(-1px);transform:translateY(-1px)}.active-panel-btn[data-v-40f391d9]:hover{background-color:#337ecc!important;border-color:#337ecc!important;-webkit-transform:translateY(-2px);transform:translateY(-2px);-webkit-box-shadow:0 4px 8px rgba(64,158,255,.4)!important;box-shadow:0 4px 8px rgba(64,158,255,.4)!important}.active-panel-btn[data-v-40f391d9]:focus{background-color:#409eff!important;border-color:#409eff!important}.active-panel-btn[data-v-40f391d9]:active{-webkit-transform:translateY(0);transform:translateY(0)}.edit-entrance-fab[data-v-40f391d9]{position:absolute;bottom:100px;right:20px;background-color:#409eff;color:#fff;border-radius:50%;width:56px;height:56px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-shadow:0 4px 12px rgba(64,158,255,.4);box-shadow:0 4px 12px rgba(64,158,255,.4);cursor:pointer;-webkit-transition:all .3s ease;transition:all .3s ease;pointer-events:auto}.edit-entrance-fab[data-v-40f391d9]:hover{-webkit-transform:scale(1.1);transform:scale(1.1);-webkit-box-shadow:0 6px 20px rgba(64,158,255,.5);box-shadow:0 6px 20px rgba(64,158,255,.5)}.edit-entrance-fab[data-v-40f391d9]:active{-webkit-transform:scale(.95);transform:scale(.95)}.edit-entrance-fab i[data-v-40f391d9]{font-size:20px;margin-bottom:2px}.edit-entrance-fab span[data-v-40f391d9]{font-size:10px;font-weight:500}.edit-mode-toolbar[data-v-40f391d9]{position:absolute;top:0;left:0;right:0;z-index:1000;background:hsla(0,0%,100%,.95);backdrop-filter:blur(10px);border-bottom:1px solid #e5e5e5;padding:8px 16px}.edit-actions[data-v-40f391d9]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:12px}.cancel-btn[data-v-40f391d9],.save-btn[data-v-40f391d9]{-webkit-box-flex:1;-ms-flex:1;flex:1;height:40px;border-radius:8px;font-size:14px;font-weight:500;-webkit-transition:all .3s ease;transition:all .3s ease;border:none;outline:none}.cancel-btn[data-v-40f391d9]{background-color:#f5f5f5;color:#666}.cancel-btn[data-v-40f391d9]:hover{background-color:#e5e5e5;color:#333}.save-btn[data-v-40f391d9]{background-color:#409eff;color:#fff}.save-btn[data-v-40f391d9]:hover{background-color:#337ecc}.cancel-btn[data-v-40f391d9]:active,.save-btn[data-v-40f391d9]:active{-webkit-transform:translateY(1px);transform:translateY(1px)}.tools-menu-grid[data-v-40f391d9]{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;padding:16px}.tools-menu-grid .menu-item[data-v-40f391d9]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:20px;background:#f8f9fa;border-radius:8px;cursor:pointer;-webkit-transition:all .2s ease;transition:all .2s ease;border:1px solid #e9ecef}.tools-menu-grid .menu-item[data-v-40f391d9]:hover{background:#e9ecef;-webkit-transform:translateY(-2px);transform:translateY(-2px);-webkit-box-shadow:0 4px 8px rgba(0,0,0,.1);box-shadow:0 4px 8px rgba(0,0,0,.1)}.tools-menu-grid .menu-item[data-v-40f391d9]:active{-webkit-transform:translateY(0);transform:translateY(0)}.tools-menu-grid .menu-item i[data-v-40f391d9]{font-size:24px;color:#409eff;margin-bottom:8px;-webkit-transition:color .2s ease;transition:color .2s ease}.tools-menu-grid .menu-item:hover i[data-v-40f391d9]{color:#337ecc}.tools-menu-grid .menu-item span[data-v-40f391d9]{font-size:14px;color:#333;font-weight:500}@media (max-width:480px){.tools-menu-grid[data-v-40f391d9]{grid-template-columns:repeat(2,1fr);gap:12px;padding:12px}.tools-menu-grid .menu-item[data-v-40f391d9]{padding:16px 12px}.tools-menu-grid .menu-item i[data-v-40f391d9]{font-size:20px;margin-bottom:6px}.tools-menu-grid .menu-item span[data-v-40f391d9]{font-size:12px}}.catalog-slide-enter-active[data-v-40f391d9],.catalog-slide-leave-active[data-v-40f391d9]{-webkit-transition:all .3s cubic-bezier(.25,.46,.45,.94);transition:all .3s cubic-bezier(.25,.46,.45,.94)}.catalog-slide-enter[data-v-40f391d9],.catalog-slide-leave-to[data-v-40f391d9]{-webkit-transform:translateX(-100%);transform:translateX(-100%);opacity:0}.catalog-slide-enter-to[data-v-40f391d9],.catalog-slide-leave[data-v-40f391d9]{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}.mobile-catalog-overlay[data-v-40f391d9]{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);z-index:2000;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}.mobile-catalog-overlay .mobile-catalog[data-v-40f391d9]{height:100vh;width:85%;max-width:350px;background:#fff;-webkit-box-shadow:2px 0 8px rgba(0,0,0,.15);box-shadow:2px 0 8px rgba(0,0,0,.15)}@media (max-width:480px){.mobile-catalog-overlay .mobile-catalog[data-v-40f391d9]{width:90%;max-width:none}}@media (max-width:360px){.mobile-catalog-overlay .mobile-catalog[data-v-40f391d9]{width:95%}}.mobile-catalog-overlay .mobile-catalog .catalog-header[data-v-40f391d9]{background:#409eff;color:#fff;padding:16px 20px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-shadow:0 2px 4px rgba(0,0,0,.1);box-shadow:0 2px 4px rgba(0,0,0,.1)}.mobile-catalog-overlay .mobile-catalog .catalog-header h3[data-v-40f391d9]{margin:0;font-size:18px;font-weight:600}.mobile-catalog-overlay .mobile-catalog .catalog-header .close-btn[data-v-40f391d9]{background:none;border:none;color:#fff;font-size:20px;cursor:pointer;padding:4px;border-radius:4px;-webkit-transition:background-color .2s ease;transition:background-color .2s ease}.mobile-catalog-overlay .mobile-catalog .catalog-header .close-btn[data-v-40f391d9]:hover{background-color:hsla(0,0%,100%,.1)}.mobile-catalog-overlay .mobile-catalog .catalog-body[data-v-40f391d9]{-webkit-box-flex:1;-ms-flex:1;flex:1;overflow-y:auto;padding:0;background:#f8f9fa}.mobile-catalog-overlay .mobile-catalog .page-item[data-v-40f391d9]{background:#fff;margin:8px 12px;border-radius:8px;-webkit-box-shadow:0 1px 3px rgba(0,0,0,.1);box-shadow:0 1px 3px rgba(0,0,0,.1);-webkit-transition:all .2s ease;transition:all .2s ease}.mobile-catalog-overlay .mobile-catalog .page-item[data-v-40f391d9]:hover{-webkit-box-shadow:0 2px 8px rgba(0,0,0,.15);box-shadow:0 2px 8px rgba(0,0,0,.15);-webkit-transform:translateY(-1px);transform:translateY(-1px)}.mobile-catalog-overlay .mobile-catalog .page-item.active[data-v-40f391d9]{border:2px solid #409eff;-webkit-box-shadow:0 2px 8px rgba(64,158,255,.2);box-shadow:0 2px 8px rgba(64,158,255,.2)}.mobile-catalog-overlay .mobile-catalog .catalog-footer[data-v-40f391d9]{background:#fff;border-top:1px solid #e5e5e5;padding:16px 20px;-webkit-box-shadow:0 -2px 4px rgba(0,0,0,.05);box-shadow:0 -2px 4px rgba(0,0,0,.05)}.mobile-catalog-overlay .mobile-catalog .catalog-footer .footer-actions[data-v-40f391d9]{display:-webkit-box;display:-ms-flexbox;display:flex;gap:12px}.mobile-catalog-overlay .mobile-catalog .catalog-footer .footer-btn[data-v-40f391d9]{-webkit-box-flex:1;-ms-flex:1;flex:1;height:44px;border-radius:8px;border:none;font-size:14px;font-weight:500;cursor:pointer;-webkit-transition:all .2s ease;transition:all .2s ease}.mobile-catalog-overlay .mobile-catalog .catalog-footer .footer-btn.primary[data-v-40f391d9]{background:#409eff;color:#fff}.mobile-catalog-overlay .mobile-catalog .catalog-footer .footer-btn.secondary[data-v-40f391d9]{background:#f5f5f5;color:#666}.mobile-catalog-overlay .mobile-catalog .catalog-footer .footer-btn.secondary[data-v-40f391d9]:hover{background:#e5e5e5;color:#333}.mobile-catalog-overlay .mobile-catalog .catalog-type-switcher[data-v-40f391d9]{background:#fff;border-bottom:1px solid #e5e5e5;padding:12px 20px}.mobile-catalog-overlay .mobile-catalog .type-tabs[data-v-40f391d9]{display:-webkit-box;display:-ms-flexbox;display:flex;background:#f5f5f5;border-radius:6px;padding:2px}.mobile-catalog-overlay .mobile-catalog .type-tab[data-v-40f391d9]{-webkit-box-flex:1;-ms-flex:1;flex:1;padding:8px 12px;text-align:center;font-size:13px;font-weight:500;color:#666;background:none;border:none;border-radius:4px;cursor:pointer;-webkit-transition:all .2s ease;transition:all .2s ease}.mobile-catalog-overlay .mobile-catalog .type-tab.active[data-v-40f391d9]{background:#409eff;color:#fff;-webkit-box-shadow:0 1px 3px rgba(64,158,255,.3);box-shadow:0 1px 3px rgba(64,158,255,.3)}.mobile-catalog-overlay .mobile-catalog .type-tab[data-v-40f391d9]:not(.active):hover{color:#409eff;background:rgba(64,158,255,.1)}.batch-replace-dialog .el-dialog__body[data-v-40f391d9]{padding:20px;max-height:70vh;overflow-y:auto}.batch-replace-content[data-v-40f391d9]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:20px}.replace-info[data-v-40f391d9]{background:#f0f9ff;border:1px solid #bfdbfe;border-radius:8px;padding:16px;margin-bottom:16px}.replace-info p[data-v-40f391d9]{margin:0 0 8px 0;color:#1e40af;font-size:14px;line-height:1.5}.replace-info p[data-v-40f391d9]:last-child{margin-bottom:0}.replace-info strong[data-v-40f391d9]{color:#1d4ed8;font-weight:600}.replaceable-layers h4[data-v-40f391d9]{margin:0 0 12px 0;font-size:16px;color:#333;font-weight:600}.layer-list[data-v-40f391d9]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;max-height:200px;overflow-y:auto;border:1px solid #e5e5e5;border-radius:8px;background:#fafafa}.layer-item[data-v-40f391d9],.layer-list[data-v-40f391d9]{display:-webkit-box;display:-ms-flexbox;display:flex;gap:12px;padding:12px}.layer-item[data-v-40f391d9]{-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:#fff;border-radius:6px;border:1px solid #e5e5e5;-webkit-transition:all .2s ease;transition:all .2s ease}.layer-item[data-v-40f391d9]:hover{border-color:#409eff;-webkit-box-shadow:0 2px 4px rgba(64,158,255,.1);box-shadow:0 2px 4px rgba(64,158,255,.1)}.layer-preview[data-v-40f391d9]{width:50px;height:50px;border-radius:4px;overflow:hidden;border:1px solid #e5e5e5;-ms-flex-negative:0;flex-shrink:0}.layer-preview img[data-v-40f391d9]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.layer-preview .image-placeholder[data-v-40f391d9]{width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background:#f5f5f5;color:#999;font-size:12px}.layer-preview .image-placeholder i[data-v-40f391d9]{font-size:20px;margin-bottom:4px}.layer-info[data-v-40f391d9]{-webkit-box-flex:1;-ms-flex:1;flex:1;min-width:0}.layer-name[data-v-40f391d9]{font-size:14px;font-weight:500;color:#333;margin-bottom:4px;word-break:break-all}.layer-index[data-v-40f391d9]{font-size:12px;color:#666}.replace-status[data-v-40f391d9]{-ms-flex-negative:0;flex-shrink:0}.status-replaced[data-v-40f391d9]{color:#67c23a;font-size:12px;font-weight:500;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:4px}.status-pending[data-v-40f391d9]{color:#909399;font-size:12px}.upload-area h4[data-v-40f391d9]{margin:0 0 12px 0;font-size:16px;color:#333;font-weight:600}.upload-area .el-upload__tip[data-v-40f391d9]{margin-top:8px;font-size:12px;color:#666;line-height:1.4}@media (max-width:768px){.batch-replace-dialog[data-v-40f391d9]{width:95%!important}.batch-replace-dialog .el-dialog__body[data-v-40f391d9]{padding:16px;max-height:60vh}.layer-item[data-v-40f391d9]{padding:10px;gap:10px}.layer-preview[data-v-40f391d9]{width:40px;height:40px}.layer-name[data-v-40f391d9]{font-size:13px}.layer-index[data-v-40f391d9]{font-size:11px}.replace-info[data-v-40f391d9]{padding:12px}.replace-info p[data-v-40f391d9]{font-size:13px}}@media (max-width:480px){.layer-list[data-v-40f391d9]{max-height:150px;padding:8px}.layer-item[data-v-40f391d9]{padding:8px;gap:8px}.layer-preview[data-v-40f391d9]{width:35px;height:35px}.batch-replace-content[data-v-40f391d9]{gap:16px}}.mobile-edit-tip[data-v-40f391d9]{position:absolute;top:40px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);z-index:1000;max-width:90%;-webkit-animation:slideDown-40f391d9 .3s ease-out;animation:slideDown-40f391d9 .3s ease-out}.mobile-edit-tip .tip-content[data-v-40f391d9]{background:rgba(64,158,255,.95);color:#fff;padding:8px 12px;border-radius:20px;font-size:12px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:6px;-webkit-box-shadow:0 2px 8px rgba(0,0,0,.15);box-shadow:0 2px 8px rgba(0,0,0,.15);backdrop-filter:blur(5px)}.mobile-edit-tip .tip-content i.el-icon-info[data-v-40f391d9]{font-size:14px}.mobile-edit-tip .tip-content i.el-icon-close[data-v-40f391d9]{font-size:12px;cursor:pointer;opacity:.8;-webkit-transition:opacity .2s ease;transition:opacity .2s ease}.mobile-edit-tip .tip-content i.el-icon-close[data-v-40f391d9]:hover{opacity:1}@-webkit-keyframes slideDown-40f391d9{0%{opacity:0;-webkit-transform:translateX(-50%) translateY(-10px);transform:translateX(-50%) translateY(-10px)}to{opacity:1;-webkit-transform:translateX(-50%) translateY(0);transform:translateX(-50%) translateY(0)}}@keyframes slideDown-40f391d9{0%{opacity:0;-webkit-transform:translateX(-50%) translateY(-10px);transform:translateX(-50%) translateY(-10px)}to{opacity:1;-webkit-transform:translateX(-50%) translateY(0);transform:translateX(-50%) translateY(0)}}@media (max-width:480px){.mobile-edit-tip .tip-content[data-v-40f391d9]{font-size:11px;padding:6px 10px}}.page-init-loading[data-v-40f391d9]{background:linear-gradient(135deg,#667eea,#764ba2);z-index:9999;color:#fff}.page-flip-loading[data-v-40f391d9],.page-init-loading[data-v-40f391d9]{position:fixed;top:0;left:0;width:100%;height:100vh;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.page-flip-loading[data-v-40f391d9]{background:hsla(0,0%,100%,.8);backdrop-filter:blur(3px);z-index:8888;color:#409eff}.loading-content[data-v-40f391d9]{text-align:center;max-width:300px;padding:0 20px}.loading-spinner[data-v-40f391d9]{margin-bottom:20px}.spinner-ring[data-v-40f391d9]{width:60px;height:60px;border:4px solid hsla(0,0%,100%,.3);border-top:4px solid #fff;border-radius:50%;margin:0 auto;-webkit-animation:spin-40f391d9 1s linear infinite;animation:spin-40f391d9 1s linear infinite}@keyframes spin-40f391d9{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.loading-text[data-v-40f391d9]{font-size:18px;font-weight:500;margin-bottom:20px;opacity:.9}.loading-progress[data-v-40f391d9]{margin-top:15px}.progress-bar[data-v-40f391d9]{width:100%;height:6px;background:hsla(0,0%,100%,.2);border-radius:3px;overflow:hidden;margin-bottom:8px}.progress-fill[data-v-40f391d9]{height:100%;background:#fff;border-radius:3px;-webkit-transition:width .3s ease;transition:width .3s ease;-webkit-box-shadow:0 0 10px hsla(0,0%,100%,.5);box-shadow:0 0 10px hsla(0,0%,100%,.5)}.progress-text[data-v-40f391d9]{font-size:14px;opacity:.8;margin-top:8px}@media (max-width:768px){.loading-content[data-v-40f391d9]{max-width:280px}.spinner-ring[data-v-40f391d9]{width:50px;height:50px}.loading-text[data-v-40f391d9]{font-size:16px}.progress-text[data-v-40f391d9]{font-size:13px}}@media (max-width:480px){.loading-content[data-v-40f391d9]{max-width:250px;padding:0 15px}.spinner-ring[data-v-40f391d9]{width:45px;height:45px}.loading-text[data-v-40f391d9]{font-size:15px}}.mobile-page-navigation[data-v-40f391d9]{position:fixed;bottom:80px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);z-index:1500;pointer-events:none;will-change:transform}.page-nav-buttons[data-v-40f391d9]{gap:12px;background:hsla(0,0%,100%,.95);backdrop-filter:blur(10px);border-radius:25px;padding:8px 16px;-webkit-box-shadow:0 4px 16px rgba(0,0,0,.15);box-shadow:0 4px 16px rgba(0,0,0,.15);border:1px solid hsla(0,0%,100%,.2);pointer-events:auto;-webkit-animation:slideUp-40f391d9 .2s ease-out;animation:slideUp-40f391d9 .2s ease-out}.nav-btn[data-v-40f391d9],.page-nav-buttons[data-v-40f391d9]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.nav-btn[data-v-40f391d9]{gap:4px;padding:8px 12px;border:none;border-radius:18px;background:linear-gradient(135deg,#409eff,#67c23a);color:#fff;font-size:12px;font-weight:500;cursor:pointer;-webkit-transition:all .3s cubic-bezier(.4,0,.2,1);transition:all .3s cubic-bezier(.4,0,.2,1);min-width:70px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-shadow:0 2px 8px rgba(64,158,255,.3);box-shadow:0 2px 8px rgba(64,158,255,.3);-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.nav-btn[data-v-40f391d9]:hover{-webkit-box-shadow:0 4px 12px rgba(64,158,255,.4);box-shadow:0 4px 12px rgba(64,158,255,.4)}.nav-btn[data-v-40f391d9]:active{scale:.95}.nav-btn.disabled[data-v-40f391d9]{background:linear-gradient(135deg,#c0c4cc,#e4e7ed);color:#a8abb2;cursor:not-allowed}.nav-btn.disabled[data-v-40f391d9],.nav-btn.disabled[data-v-40f391d9]:hover{-webkit-box-shadow:0 2px 8px rgba(192,196,204,.3);box-shadow:0 2px 8px rgba(192,196,204,.3)}.nav-btn i[data-v-40f391d9]{font-size:14px}.page-indicator[data-v-40f391d9]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:2px;padding:6px 12px;background:linear-gradient(135deg,rgba(64,158,255,.15),rgba(103,194,58,.15));border-radius:15px;color:#409eff;font-size:12px;font-weight:600;min-width:50px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border:1px solid rgba(64,158,255,.2)}.current-page[data-v-40f391d9]{color:#409eff;font-weight:700}.divider[data-v-40f391d9]{color:#909399;margin:0 2px}.total-pages[data-v-40f391d9]{color:#666;font-weight:500}@-webkit-keyframes slideUp-40f391d9{0%{opacity:0}to{opacity:1}}@keyframes slideUp-40f391d9{0%{opacity:0}to{opacity:1}}@-webkit-keyframes pulse-40f391d9{0%,to{-webkit-box-shadow:0 4px 16px rgba(0,0,0,.15);box-shadow:0 4px 16px rgba(0,0,0,.15)}50%{-webkit-box-shadow:0 6px 20px rgba(64,158,255,.25);box-shadow:0 6px 20px rgba(64,158,255,.25)}}@keyframes pulse-40f391d9{0%,to{-webkit-box-shadow:0 4px 16px rgba(0,0,0,.15);box-shadow:0 4px 16px rgba(0,0,0,.15)}50%{-webkit-box-shadow:0 6px 20px rgba(64,158,255,.25);box-shadow:0 6px 20px rgba(64,158,255,.25)}}.page-nav-buttons.first-time[data-v-40f391d9]{-webkit-animation:slideUp-40f391d9 .3s ease-out,pulse-40f391d9 2s ease-in-out infinite;animation:slideUp-40f391d9 .3s ease-out,pulse-40f391d9 2s ease-in-out infinite}@media (max-width:480px){.mobile-page-navigation[data-v-40f391d9]{bottom:75px}.page-nav-buttons[data-v-40f391d9]{gap:8px;padding:6px 12px;border-radius:20px}.nav-btn[data-v-40f391d9]{padding:6px 8px;font-size:11px;min-width:60px;border-radius:15px}.nav-btn i[data-v-40f391d9]{font-size:12px}.nav-btn span[data-v-40f391d9]{display:none}.page-indicator[data-v-40f391d9]{padding:4px 8px;font-size:11px;min-width:40px;border-radius:12px}}@media (max-width:360px){.mobile-page-navigation[data-v-40f391d9]{bottom:70px}.page-nav-buttons[data-v-40f391d9]{gap:6px;padding:4px 8px}.nav-btn[data-v-40f391d9]{padding:4px 6px;min-width:32px}.page-indicator[data-v-40f391d9]{padding:3px 6px;font-size:10px;min-width:35px}}@media (max-height:500px) and (orientation:landscape){.mobile-page-navigation[data-v-40f391d9]{bottom:60px}.page-nav-buttons[data-v-40f391d9]{padding:4px 10px}.nav-btn[data-v-40f391d9]{padding:4px 8px;font-size:10px}}