@charset "UTF-8";body{margin:0}table{border-collapse:collapse;border-spacing:0}fieldset{margin-left:0;margin-right:0;padding:0;border:none}legend{padding-left:0;padding-right:0}menu,ul,ol{margin-top:0;margin-bottom:0;padding-left:0}li{list-style:none}h1,h2,h3,h4,h5,h6,p{margin-top:0;margin-bottom:0}a{color:#000;text-decoration:none}input,select{padding:0;border:none;outline:none;background-color:transparent}textarea{border:none;outline:none;background-color:transparent}button{cursor:pointer;padding:0;border:none;background-color:transparent}button:disabled{cursor:not-allowed}figure{margin:0}img{border:none}[popover]{margin:0;padding:0;border:none;outline:none;overflow:visible}.fade-enter-from{opacity:0}.fade-enter-active{transition:opacity .2s}.fade-leave-to{opacity:0}.fade-leave-active{transition:opacity .2s}:root{--info-color: #919399;--primary-color: #1677ff;--success-color: #67c23a;--warning-color: #e6a23c;--danger-color: #f56c6c;--lighten-info-color: color-mix(in srgb, var(--info-color), white 20%);--darken-info-color: color-mix(in srgb, var(--info-color), black 20%);--lighten-primary-color: color-mix(in srgb, var(--primary-color), white 20%);--lightest-primary-color: color-mix(in srgb, var(--primary-color), white 80%);--darken-primary-color: color-mix(in srgb, var(--primary-color), black 20%);--darktest-primary-color: color-mix(in srgb, var(--primary-color), black 80%);--lighten-success-color: color-mix(in srgb, var(--success-color), white 20%);--darken-success-color: color-mix(in srgb, var(--success-color), black 20%);--lighten-warning-color: color-mix(in srgb, var(--warning-color), white 20%);--darken-warning-color: color-mix(in srgb, var(--warning-color), black 20%);--lighten-danger-color: color-mix(in srgb, var(--danger-color), white 20%);--darken-danger-color: color-mix(in srgb, var(--danger-color), black 20%)}:root{color-scheme:dark;accent-color:var(--primary-color)}html,body{min-height:100vh}#app{min-height:100vh;display:flex;flex-direction:column}.svg-inline--hidden{display:none}.icon{width:1em;height:1em;vertical-align:-.125em;fill:currentColor;overflow:hidden}.my-button[data-v-5ec9a22d]{box-sizing:border-box;display:block;padding:2px 8px;width:100%;height:30px;border-radius:4px;background-color:transparent;border:1px solid var(--info-color);transition:background-color .2s,border-color .2s}.my-button[data-v-5ec9a22d]:hover{border-color:var(--darken-info-color)}.my-button.info[data-v-5ec9a22d]{background-color:var(--info-color);border-color:var(--info-color)}.my-button.info[data-v-5ec9a22d]:hover{background-color:var(--darken-info-color);border-color:var(--darken-info-color)}.my-button.primary[data-v-5ec9a22d]{background-color:var(--primary-color);border-color:var(--primary-color)}.my-button.primary[data-v-5ec9a22d]:hover{background-color:var(--darken-primary-color);border-color:var(--darken-primary-color)}.my-button.success[data-v-5ec9a22d]{background-color:var(--success-color);border-color:var(--success-color)}.my-button.success[data-v-5ec9a22d]:hover{background-color:var(--darken-success-color);border-color:var(--darken-success-color)}.my-button.warning[data-v-5ec9a22d]{background-color:var(--warning-color);border-color:var(--warning-color)}.my-button.warning[data-v-5ec9a22d]:hover{background-color:var(--darken-warning-color);border-color:var(--darken-warning-color)}.my-button.danger[data-v-5ec9a22d]{background-color:var(--danger-color);border-color:var(--danger-color)}.my-button.danger[data-v-5ec9a22d]:hover{background-color:var(--darken-danger-color);border-color:var(--darken-danger-color)}.my-dialog[data-v-39e75e46]{padding:0;border:none}.my-dialog[data-v-39e75e46]::backdrop{background-color:#00000080;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.code-editor[data-v-431f3105]{padding:20px;display:flex;flex-direction:column;background-color:#232323;row-gap:10px}.code-editor code[data-v-431f3105]{font-size:12px;white-space:pre}.code-editor textarea[data-v-431f3105]{padding:10px;width:800px;height:600px;resize:none;background-color:#000;border-radius:10px}.code-editor aside[data-v-431f3105]{margin-top:10px;display:flex;column-gap:10px}.bone[data-v-854d3423]{box-sizing:border-box;padding:10px;display:flex;justify-content:center;align-items:center;border:1px solid var(--primary-color)}.bone[data-v-854d3423]:after{content:"将组件拖入此处"!important;position:relative!important;width:100%;height:100%;display:flex;justify-content:center;align-items:center;border-radius:10px;border:2px dashed var(--primary-color);opacity:.8;transition:opacity .2s;pointer-events:none}.bone:hover .icon[data-v-854d3423]{opacity:1}.bone.dragging[data-v-854d3423]:after{opacity:1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#3336}.bone .icon[data-v-854d3423]{cursor:pointer;position:absolute;top:20px;right:20px;color:#ccc;font-size:24px;opacity:0;transition:opacity .2s}.text[data-v-bfd82646]{box-sizing:border-box;display:block;white-space:pre-wrap;word-break:break-all}.dialog .close-icon[data-v-28af158a]{position:fixed;top:30px;right:30px;display:flex;flex-direction:column;align-items:center;row-gap:10px}.dialog .close-icon .icon[data-v-28af158a]{color:#fff;font-size:20px;cursor:pointer}.dialog .close-icon span[data-v-28af158a]{color:#ccc;font-size:12px}.context-menu-item[data-v-b55dd409]{position:relative}.context-menu-item button[data-v-b55dd409]{padding:0 14px;width:100%;font-size:12px;line-height:36px;text-align:left;transition:background-color .2s;column-gap:10px;display:flex;align-items:center}.context-menu-item button b[data-v-b55dd409]{flex:1;font-size:14px;font-weight:400;text-overflow:-o-ellipsis-lastline;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical;word-break:break-all}.context-menu-item button span[data-v-b55dd409]{flex-shrink:0;font-size:12px}.context-menu-item button .icon[data-v-b55dd409]{flex-shrink:0;font-size:14px}.context-menu-item button:not(:disabled).info[data-v-b55dd409]{color:var(--info-color)}.context-menu-item button:not(:disabled).primary[data-v-b55dd409]{color:var(--primary-color)}.context-menu-item button:not(:disabled).success[data-v-b55dd409]{color:var(--success-color)}.context-menu-item button:not(:disabled).warning[data-v-b55dd409]{color:var(--warning-color)}.context-menu-item button:not(:disabled).danger[data-v-b55dd409]{color:var(--danger-color)}.context-menu-item button[data-v-b55dd409]:not(:disabled):hover{background-color:#232323}.context-menu-item menu[data-v-b55dd409]{position:absolute;left:100%;top:0;width:200px;display:none;flex-direction:column;background-color:#333;border-radius:4px;box-shadow:0 0 3px 1px #666;z-index:9}.context-menu-item:has(button:not(:disabled)):hover>menu[data-v-b55dd409]{display:flex}hr[data-v-b55dd409]{width:100%;border-color:#666}.context-menu[data-v-270c654f]{position:fixed;width:260px;background-color:#333;border-radius:4px;box-shadow:0 0 3px 1px #666;z-index:9}.component[data-v-f514b5c5]{transition:box-shadow .2s}.component.root[data-v-f514b5c5]:after{content:none}.component.locked[data-v-f514b5c5]{pointer-events:none}.component.actived[data-v-f514b5c5]{box-shadow:0 0 1px 1px var(--primary-color)}.component.target[data-v-f514b5c5]{box-shadow:0 0 3px 1px var(--primary-color)}.component.target[data-v-f514b5c5]:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%}.component.moveable[data-v-f514b5c5]:after{cursor:move}.console[data-v-4d25baea]{margin:0;padding:0;max-width:none;width:100%;max-height:none;height:800px;background-color:#232323cc;border:none;display:flex;flex-direction:column;overflow:hidden}.console code[data-v-4d25baea]{flex:1;padding:2px;white-space:pre;overflow:auto}.console code pre[data-v-4d25baea]{margin:0;font-size:12px;font-family:Courier New,Courier,monospace;line-height:12px;text-wrap:wrap;word-break:break-all}.console code pre.log[data-v-4d25baea]{color:#ccc}.console code pre.info[data-v-4d25baea]{color:var(--primary-color);font-weight:700}.console code pre.warn[data-v-4d25baea]{color:var(--warning-color)}.console code pre.error[data-v-4d25baea]{color:var(--danger-color)}.console form[data-v-4d25baea]{box-sizing:border-box;flex-shrink:0;padding:0 10px;height:30px;display:flex;align-items:center}.console form label[data-v-4d25baea]{margin-right:6px;font-size:12px}.console form input[data-v-4d25baea]{box-sizing:border-box;width:100%;color:#fff;font-size:14px;line-height:30px;font-family:Courier New,Courier,monospace}