body,html{margin:0;padding:0;height:100%;width:100%}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}::-webkit-scrollbar-thumb{background:#888;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#555}*{scrollbar-width:thin;scrollbar-color:#888 #f1f1f1}.calligraphy-canvas-container[data-v-3555c1c8]{display:flex;flex-direction:row;gap:20px;padding:0;width:100%;height:100%;box-sizing:border-box;background-color:#f8f9fa;overflow:hidden}.config-panel[data-v-3555c1c8]{width:290px;background-color:#fff;border-radius:8px;box-shadow:0 2px 10px rgba(0,0,0,.1);padding:20px;overflow-y:auto;flex-shrink:0;max-height:calc(100% - 20px);display:flex;flex-direction:row;gap:20px}.components-related-section[data-v-3555c1c8]{flex:1;min-width:250px;display:flex;flex-direction:column;gap:20px;overflow-y:auto}.components-section[data-v-3555c1c8]{flex:1}.component-config-section[data-v-3555c1c8]{flex:3;margin-top:20px}.component-config-section[data-v-3555c1c8],.config-section-right[data-v-3555c1c8]{background-color:#fff;border-radius:8px;box-shadow:0 2px 10px rgba(0,0,0,.1);padding:20px;overflow-y:auto}.config-section-right[data-v-3555c1c8]{width:300px;flex-shrink:0;max-height:calc(100vh - 40px)}.config-panel-right h3[data-v-3555c1c8]{margin:0 0 20px 0;color:#333;font-size:18px;text-align:center;border-bottom:1px solid #e0e0e0;padding-bottom:10px}.param-section[data-v-3555c1c8]{margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid #f0f0f0}.param-section[data-v-3555c1c8]:last-child{border-bottom:none}.param-section h4[data-v-3555c1c8]{margin:0 0 15px 0;color:#555;font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.section-header[data-v-3555c1c8]{display:flex;justify-content:space-between;align-items:center;cursor:pointer;padding:5px 0}.toggle-icon[data-v-3555c1c8]{font-size:12px;color:#999}.margin-controls[data-v-3555c1c8]{margin-bottom:15px}.margin-controls h5[data-v-3555c1c8]{margin:0 0 10px 0;color:#666;font-size:13px;font-weight:500}.margin-row[data-v-3555c1c8]{display:flex;gap:15px;margin-bottom:10px}.components-section h3[data-v-3555c1c8]{color:#333;font-size:18px;text-align:center;border-bottom:1px solid #e0e0e0;padding-bottom:10px}.components-grid[data-v-3555c1c8]{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding-top:15px;overflow-y:auto}.component-item[data-v-3555c1c8]{display:flex;flex-direction:column;align-items:center;padding:8px;background-color:#f8f9fa;border:2px solid #e9ecef;border-radius:8px;cursor:pointer;transition:all .3s ease}.component-item[data-v-3555c1c8]:hover{background-color:#e9ecef;border-color:#4caf50;transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,0,0,.1)}.component-item[data-v-3555c1c8]:active{transform:translateY(0);box-shadow:0 2px 4px rgba(0,0,0,.1)}.component-icon[data-v-3555c1c8]{font-size:16px;margin-bottom:8px}.component-name[data-v-3555c1c8]{font-size:12px;font-weight:500;color:#495057;text-align:center}.config-section[data-v-3555c1c8]{margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid #f0f0f0}.config-section[data-v-3555c1c8]:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.config-section h4[data-v-3555c1c8]{margin:0 0 15px 0;color:#555;font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.control-group[data-v-3555c1c8]{margin-bottom:15px;display:flex;flex-direction:column;gap:8px}.control-group label[data-v-3555c1c8]{font-weight:500;color:#666;font-size:14px}.control-group input[type=color][data-v-3555c1c8],.control-group input[type=number][data-v-3555c1c8],.control-group input[type=text][data-v-3555c1c8],.control-group select[data-v-3555c1c8]{padding:10px 14px;border:1px solid #ddd;border-radius:6px;font-size:14px;transition:all .3s ease;background-color:#fff;box-shadow:0 1px 3px rgba(0,0,0,.05)}.control-group input[type=color][data-v-3555c1c8]:hover,.control-group input[type=number][data-v-3555c1c8]:hover,.control-group input[type=text][data-v-3555c1c8]:hover,.control-group select[data-v-3555c1c8]:hover{border-color:#4caf50;box-shadow:0 2px 4px rgba(0,0,0,.1)}.control-group input[type=color][data-v-3555c1c8]:focus,.control-group input[type=number][data-v-3555c1c8]:focus,.control-group input[type=text][data-v-3555c1c8]:focus,.control-group select[data-v-3555c1c8]:focus{outline:none;border-color:#4caf50;box-shadow:0 0 0 3px rgba(76,175,80,.1)}.control-group input[type=number][data-v-3555c1c8]::-webkit-inner-spin-button,.control-group input[type=number][data-v-3555c1c8]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.control-group input[type=number][data-v-3555c1c8]{-moz-appearance:textfield}.control-group select[data-v-3555c1c8]{cursor:pointer;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23666' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:16px;padding-right:36px;-webkit-appearance:none;-moz-appearance:none;appearance:none}.control-group input[type=range][data-v-3555c1c8]{margin:5px 0}.control-group input[type=color][data-v-3555c1c8]{width:100%;height:40px;border:1px solid #ddd;border-radius:4px;cursor:pointer;padding:2px}.control-group span[data-v-3555c1c8]{font-size:12px;color:#888;text-align:right;margin-top:-5px}.button-group[data-v-3555c1c8]{display:flex;flex-direction:column;gap:10px}.btn[data-v-3555c1c8]{padding:10px 16px;font-weight:500;transition:all .3s;text-align:center}.btn-primary[data-v-3555c1c8]{background-color:#4caf50;color:#fff}.btn-primary[data-v-3555c1c8]:hover{background-color:#45a049;transform:translateY(-1px);box-shadow:0 2px 5px rgba(0,0,0,.2)}.btn-danger[data-v-3555c1c8]{background-color:#f44336;color:#fff}.btn-danger[data-v-3555c1c8]:hover{background-color:#da190b;transform:translateY(-1px);box-shadow:0 2px 5px rgba(0,0,0,.2)}.main-content-section[data-v-3555c1c8]{flex:1;display:flex;flex-direction:row;gap:20px;overflow:hidden}.canvas-section[data-v-3555c1c8]{flex:1}.canvas-section[data-v-3555c1c8],.components-layer-section[data-v-3555c1c8]{display:flex;flex-direction:column;background-color:#fff;border-radius:8px;box-shadow:0 2px 10px rgba(0,0,0,.1);overflow:hidden}.components-layer-section[data-v-3555c1c8]{width:250px;flex-shrink:0;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.components-layer-header[data-v-3555c1c8]{padding:15px 20px;border-bottom:1px solid #e0e0e0;background-color:#f8f9fa;display:flex;justify-content:space-between;align-items:center}.components-layer-actions[data-v-3555c1c8]{display:flex;gap:8px}.btn[data-v-3555c1c8]{padding:6px 12px;border:none;border-radius:4px;cursor:pointer;font-size:14px;transition:all .2s ease}.btn[data-v-3555c1c8]:disabled{opacity:.5;cursor:not-allowed}.btn-sm[data-v-3555c1c8]{padding:4px 8px;font-size:12px}.btn-secondary[data-v-3555c1c8]{background-color:#6c757d;color:#fff}.btn-secondary[data-v-3555c1c8]:hover:not(:disabled){background-color:#5a6268}.components-layer-header h4[data-v-3555c1c8]{margin:0;color:#333;font-size:16px}.components-layer-content[data-v-3555c1c8]{flex:1;padding:10px;overflow-y:auto}.no-components-message[data-v-3555c1c8]{text-align:center;color:#999;padding:20px;font-size:14px}.components-list[data-v-3555c1c8]{display:flex;flex-direction:column;gap:8px}.component-layer-item[data-v-3555c1c8]{display:flex;align-items:center;gap:8px;padding:8px 10px;border:1px solid #e0e0e0;border-radius:6px;cursor:pointer;transition:all .2s ease;background-color:#fff;position:relative}.component-layer-item-drag-handle[data-v-3555c1c8]{cursor:grab;font-size:16px;color:#666;margin-right:8px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.component-layer-item-drag-handle[data-v-3555c1c8]:active{cursor:grabbing}.component-layer-item-actions[data-v-3555c1c8]{margin-left:auto;opacity:0;transition:opacity .2s ease}.component-layer-item:hover .component-layer-item-actions[data-v-3555c1c8]{opacity:1}.component-layer-item-delete[data-v-3555c1c8]{background-color:#ff4757;color:#fff;border:none;border-radius:50%;width:20px;height:20px;font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.component-layer-item-delete[data-v-3555c1c8]:hover{background-color:#ff3742;transform:scale(1.1)}.component-dragging[data-v-3555c1c8]{transform:rotate(5deg)}.component-drag-over[data-v-3555c1c8]{position:relative}.component-drag-over[data-v-3555c1c8]:before{content:"";position:absolute;top:-2px;left:0;right:0;height:3px;background-color:#4caf50;box-shadow:0 0 8px rgba(76,175,80,.7);z-index:10;animation:pulse-3555c1c8 .5s ease-in-out}.component-drag-over.bottom[data-v-3555c1c8]:before{top:auto;bottom:-2px}@keyframes pulse-3555c1c8{0%{transform:scaleX(.8);opacity:.5}50%{transform:scaleX(1);opacity:1}to{transform:scaleX(.8);opacity:.5}}.component-layer-item[data-v-3555c1c8]:hover{border-color:#4caf50;background-color:#f5f5f5}.component-layer-item-selected[data-v-3555c1c8]{border-color:#4caf50!important;background-color:#e8f5e8!important}.component-layer-item-icon[data-v-3555c1c8]{font-size:20px;width:30px;text-align:center}.component-layer-item-info[data-v-3555c1c8]{flex:1;min-width:0}.component-layer-item-name[data-v-3555c1c8]{font-size:14px;font-weight:500;color:#333;margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.component-layer-item-size[data-v-3555c1c8]{font-size:12px;color:#666}.component-layer-item-select[data-v-3555c1c8]{display:flex;align-items:center;justify-content:center;width:20px;height:20px}.canvas-header[data-v-3555c1c8]{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;border-bottom:1px solid #e0e0e0;background-color:#f8f9fa}.canvas-header h4[data-v-3555c1c8]{margin:0;color:#333;font-size:16px}.canvas-controls[data-v-3555c1c8]{display:flex;align-items:center;gap:15px}.canvas-info[data-v-3555c1c8]{font-size:14px;color:#666;background-color:#e9ecef;padding:6px 12px;border-radius:4px}.zoom-control[data-v-3555c1c8]{display:flex;align-items:center;gap:8px}.zoom-control label[data-v-3555c1c8]{font-size:14px;color:#666;font-weight:500}.zoom-control select[data-v-3555c1c8]{padding:6px 10px;border:1px solid #ddd;border-radius:4px;font-size:14px;cursor:pointer}.resolution-control[data-v-3555c1c8]{display:flex;align-items:center;gap:8px}.resolution-control label[data-v-3555c1c8]{font-size:14px;color:#666;font-weight:500}.resolution-control select[data-v-3555c1c8]{padding:6px 10px;border:1px solid #ddd;border-radius:4px;font-size:14px;cursor:pointer}.save-control[data-v-3555c1c8]{margin-left:auto}.canvas-wrapper[data-v-3555c1c8]{flex:1;overflow:auto;padding:20px;background-color:#f0f0f0;position:relative}.canvas-container[data-v-3555c1c8]{background-color:#fff;box-shadow:0 0 10px rgba(0,0,0,.1);position:relative;transition:transform .3s ease;overflow:hidden;box-sizing:content-box}.canvas-component[data-v-3555c1c8]{position:absolute;box-sizing:border-box;cursor:pointer;transition:all .2s ease;overflow:visible}.canvas-component[data-v-3555c1c8]:hover{box-shadow:0 0 0 1px rgba(76,175,80,.5)}.component-selected[data-v-3555c1c8]{box-shadow:0 0 0 2px #4caf50!important;z-index:10}.component-dragging[data-v-3555c1c8]{opacity:.5;transform:none;cursor:move}.component-drag-over[data-v-3555c1c8]{box-shadow:0 0 0 2px #2196f3!important}.insertion-indicator[data-v-3555c1c8]{position:absolute;left:0;right:0;height:3px;background-color:#ff6b6b;box-shadow:0 0 5px hsla(0,100%,71%,.8);z-index:200;transition:all .2s ease}.drag-preview[data-v-3555c1c8]{opacity:.8;background-color:rgba(76,175,80,.1);border:1px solid #4caf50;pointer-events:none;z-index:1000}.component-move-handle[data-v-3555c1c8]{user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;transition:all .2s ease}.component-move-handle[data-v-3555c1c8]:after{content:"☰";display:flex;justify-content:center;align-items:center;width:100%;height:100%;color:#fff;font-size:16px;pointer-events:none}.component-move-handle[data-v-3555c1c8]:hover{background-color:#45a049!important;transform:scale(1.1)}.component-move-handle[data-v-3555c1c8]:active{transform:scale(.95)}.component-block[data-v-3555c1c8]{display:block;width:100%}.component-inline[data-v-3555c1c8]{display:inline-block}.component-config-section h3[data-v-3555c1c8]{margin:0 0 20px 0;color:#333;font-size:18px;text-align:center;border-bottom:1px solid #e0e0e0;padding-bottom:10px}.component-config-header[data-v-3555c1c8]{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:10px;border-bottom:1px solid #f0f0f0}.component-config-header h4[data-v-3555c1c8]{margin:0;color:#555;font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.component-properties[data-v-3555c1c8]{display:flex;flex-wrap:wrap;gap:15px}.property-group[data-v-3555c1c8]{display:flex;flex-direction:column;gap:8px;min-width:calc(50% - 8px)}.property-group label[data-v-3555c1c8]{font-weight:500;color:#666;font-size:14px}.property-group input[type=color][data-v-3555c1c8],.property-group input[type=number][data-v-3555c1c8],.property-group input[type=text][data-v-3555c1c8],.property-group select[data-v-3555c1c8]{padding:10px 14px;border:1px solid #ddd;border-radius:6px;font-size:14px;transition:all .3s ease;background-color:#fff;box-shadow:0 1px 3px rgba(0,0,0,.05)}.property-group input[type=color][data-v-3555c1c8]:hover,.property-group input[type=number][data-v-3555c1c8]:hover,.property-group input[type=text][data-v-3555c1c8]:hover,.property-group select[data-v-3555c1c8]:hover{border-color:#4caf50;box-shadow:0 2px 4px rgba(0,0,0,.1)}.property-group input[type=color][data-v-3555c1c8]:focus,.property-group input[type=number][data-v-3555c1c8]:focus,.property-group input[type=text][data-v-3555c1c8]:focus,.property-group select[data-v-3555c1c8]:focus{outline:none;border-color:#4caf50;box-shadow:0 0 0 3px rgba(76,175,80,.1)}.property-group select[data-v-3555c1c8]{cursor:pointer;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23666' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:16px;padding-right:36px;-webkit-appearance:none;-moz-appearance:none;appearance:none}.property-group input[type=color][data-v-3555c1c8]{padding:2px;height:40px;cursor:pointer}.multi-select-container[data-v-3555c1c8]{display:flex;flex-direction:column;gap:10px}.multi-select-options[data-v-3555c1c8]{display:flex;flex-wrap:wrap;gap:12px;max-height:120px;overflow-y:auto;padding:8px;border:1px solid #ddd;border-radius:6px;background-color:#fff;box-shadow:0 1px 3px rgba(0,0,0,.05)}.multi-select-option[data-v-3555c1c8]{display:flex;align-items:center;gap:6px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;padding:4px 8px;border-radius:4px;transition:background-color .2s ease}.multi-select-option[data-v-3555c1c8]:hover{background-color:#f5f5f5}.multi-select-option input[type=checkbox][data-v-3555c1c8]{width:16px;height:16px;cursor:pointer;accent-color:#4caf50}.multi-select-option span[data-v-3555c1c8]{font-size:14px;color:#666}.title-container[data-v-3555c1c8]{display:flex;justify-content:center;align-items:center;text-align:center;font-size:32px;font-weight:700;color:#333;font-family:SimHei,Microsoft YaHei}.grid-style-selector[data-v-3555c1c8]{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:10px}.grid-style-option[data-v-3555c1c8]{display:flex;flex-direction:column;align-items:center;padding:10px;border:2px solid #e0e0e0;border-radius:6px;cursor:pointer;transition:all .2s ease}.grid-style-option[data-v-3555c1c8]:hover{border-color:#4caf50;background-color:#f5f5f5}.grid-style-option.active[data-v-3555c1c8]{border-color:#4caf50;background-color:#e8f5e8}.grid-style-preview[data-v-3555c1c8]{width:40px;height:40px;border:1px solid #000;position:relative;margin-bottom:5px}.grid-style-preview span[data-v-3555c1c8]{font-size:12px;color:#666}.grid-style-preview.tian[data-v-3555c1c8]:after,.grid-style-preview.tian[data-v-3555c1c8]:before{content:"";position:absolute;background-color:#000}.grid-style-preview.tian[data-v-3555c1c8]:before{width:100%;height:1px;top:50%;left:0;transform:translateY(-50%)}.grid-style-preview.tian[data-v-3555c1c8]:after{height:100%;width:1px;left:50%;top:0;transform:translateX(-50%)}.grid-style-preview.mi[data-v-3555c1c8]:after,.grid-style-preview.mi[data-v-3555c1c8]:before{content:"";position:absolute;background-color:#000}.grid-style-preview.mi[data-v-3555c1c8]:before{width:100%;height:1px;top:50%;left:0;transform:translateY(-50%)}.grid-style-preview.mi[data-v-3555c1c8]:after{height:100%;width:1px;left:50%;top:0;transform:translateX(-50%)}.grid-style-preview.mi[data-v-3555c1c8]{background-image:linear-gradient(45deg,transparent 48%,#000 0,#000 52%,transparent 0),linear-gradient(-45deg,transparent 48%,#000 0,#000 52%,transparent 0)}.grid-style-preview.hui[data-v-3555c1c8]:before{content:"";position:absolute;top:25%;left:25%;width:50%;height:50%;border:1px solid #000}.grid-style-preview.square[data-v-3555c1c8]{border:1px solid #000}.grid-style-preview.dotted[data-v-3555c1c8]{background-image:radial-gradient(circle,#000 1px,transparent 0);background-size:8px 8px}.grid-style-preview.lined[data-v-3555c1c8]:before{top:50%;transform:translateY(-50%)}.grid-style-preview.doubleLined[data-v-3555c1c8]:after,.grid-style-preview.doubleLined[data-v-3555c1c8]:before,.grid-style-preview.lined[data-v-3555c1c8]:before{content:"";position:absolute;width:100%;height:1px;left:0;background-color:#000}.grid-style-preview.doubleLined[data-v-3555c1c8]:before{top:33%}.grid-style-preview.doubleLined[data-v-3555c1c8]:after{top:66%}.component-layer-child-item[data-v-3555c1c8]{margin-left:20px}@font-face{font-family:KaiTi;src:url(/fonts/KaiTi.c92e2a05.TTF) format("truetype");font-weight:400;font-style:normal}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background-color:#f8f9fa;color:#333;width:100vw}#app,body{margin:0;padding:0;overflow:hidden;height:100vh}#app{width:100%;display:flex;justify-content:center;align-items:center}