.resource-layout-page[data-v-1d9a756d]{--resource-blue:#168dd5;padding:18px 20px 24px;background:#f1f5f9;min-height:calc(100vh - 113px);color:#30445a}.resource-layout-page .canvas-footer[data-v-1d9a756d],.resource-layout-page .canvas-tools[data-v-1d9a756d],.resource-layout-page .resource-actions[data-v-1d9a756d],.resource-layout-page .resource-save-actions[data-v-1d9a756d],.resource-layout-page .resource-toolbar[data-v-1d9a756d]{display:flex;align-items:center}.resource-layout-page .resource-toolbar[data-v-1d9a756d]{justify-content:space-between;gap:16px;padding:0 0 16px;flex-wrap:wrap}.resource-layout-page .resource-actions[data-v-1d9a756d],.resource-layout-page .resource-save-actions[data-v-1d9a756d]{gap:8px;flex-wrap:wrap}.resource-layout-page .el-button+.el-button[data-v-1d9a756d]{margin-left:0}.resource-layout-page .resource-toolbar .el-button[data-v-1d9a756d]{border-radius:7px}.resource-layout-page .resource-toolbar .el-button--primary[data-v-1d9a756d]:not(.is-disabled){background:var(--resource-blue);border-color:var(--resource-blue)}.resource-layout-page .save-state[data-v-1d9a756d]{font-size:12px;color:#8091a3;margin-right:6px;display:flex;align-items:center;gap:6px}.resource-layout-page .save-state i[data-v-1d9a756d]{width:6px;height:6px;border-radius:50%;background:#83a3a0}.resource-layout-page .save-state.is-dirty[data-v-1d9a756d]{color:#b27d2a}.resource-layout-page .save-state.is-dirty i[data-v-1d9a756d]{background:#e9ad49}.resource-layout-page .resource-canvas-panel[data-v-1d9a756d]{background:#fff;border:1px solid #e0e8ef;border-radius:12px;box-shadow:0 5px 20px rgba(47,73,99,.04);overflow:hidden}.resource-layout-page .canvas-tools[data-v-1d9a756d]{padding:16px 20px;gap:12px;border-bottom:1px solid #edf1f6;flex-wrap:wrap}.resource-layout-page .canvas-tools .el-input[data-v-1d9a756d]{width:220px}.resource-layout-page .canvas-help[data-v-1d9a756d]{margin-left:auto;font-size:12px;color:#8292a3;display:flex;align-items:center;gap:6px}.resource-layout-page .canvas-help>span[data-v-1d9a756d]{margin:0 3px;color:#b9c5d0}.resource-layout-page .canvas-viewport[data-v-1d9a756d]{overflow-x:auto;overflow-y:hidden;padding:12px;height:498px;min-height:498px;max-height:498px;box-sizing:border-box;overscroll-behavior:contain;scrollbar-color:#cbd9e4 #f6f9fc}.resource-layout-page .module-board[data-v-1d9a756d]{position:relative;width:1130px;min-width:1130px;min-height:456px;margin:0 auto;background-image:radial-gradient(circle at 1px 1px,#dce6ef 1px,transparent 1.5px)}.resource-layout-page .module-tile[data-v-1d9a756d]{position:absolute;left:0;top:0;box-sizing:border-box;border:0;border-radius:6px;background:#229fda;box-shadow:0 2px 5px rgba(41,69,98,.035);touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:grab;transition:transform .28s cubic-bezier(.22,.7,.25,1),width .25s ease,height .25s ease,border-color .15s ease,box-shadow .15s ease,opacity .15s ease;will-change:transform;outline:none}.resource-layout-page .module-tile[data-v-1d9a756d]:hover{background:#3179f3;box-shadow:0 5px 18px rgba(43,117,173,.1);z-index:2}.resource-layout-page .module-tile[data-v-1d9a756d]:focus-visible{outline:2px solid #168dd5;outline-offset:3px}.resource-layout-page .module-tile.is-selected[data-v-1d9a756d]{background:#3179f3;outline:2px solid #a5d9ff;outline-offset:2px;box-shadow:0 0 0 2px rgba(22,141,213,.12);z-index:3}.resource-layout-page .module-tile.is-source[data-v-1d9a756d]{opacity:.16;box-shadow:none}.resource-layout-page .module-tile.is-landing[data-v-1d9a756d],.resource-layout-page .unplaced-item.is-landing[data-v-1d9a756d]{opacity:0!important}.resource-layout-page .module-tile.is-exchanged[data-v-1d9a756d]{background:#3179f3}.resource-layout-page .module-tile.is-dimmed[data-v-1d9a756d]{opacity:.3}.resource-layout-page .tile-content[data-v-1d9a756d]{position:absolute;inset:12px 5px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:17px;pointer-events:none}.resource-layout-page .tile-icon[data-v-1d9a756d]{display:flex;align-items:center;justify-content:center;flex-shrink:0}.resource-layout-page .tile-icon img[data-v-1d9a756d]{-o-object-fit:contain;object-fit:contain;max-width:100%;max-height:100%;pointer-events:none}.resource-layout-page .tile-name[data-v-1d9a756d]{font-family:SimHei,黑体,Microsoft YaHei,sans-serif;font-size:19px;font-weight:400;line-height:1.4;color:#fff;text-align:center;white-space:nowrap;max-width:100%;text-overflow:ellipsis;overflow:hidden}.resource-layout-page .tile-grip[data-v-1d9a756d]{position:absolute;top:9px;left:10px;display:grid;grid-template-columns:repeat(3,2px);gap:2px;opacity:.5}.resource-layout-page .tile-grip i[data-v-1d9a756d]{width:2px;height:2px;background:hsla(0,0%,100%,.75);border-radius:50%}.resource-layout-page .tile-more[data-v-1d9a756d]{position:absolute;top:3px;right:3px;width:26px;height:23px;border:0;border-radius:5px;background:transparent;color:hsla(0,0%,100%,.8);cursor:pointer}.resource-layout-page .tile-more[data-v-1d9a756d]:hover{background:hsla(0,0%,100%,.16);color:#fff}.resource-layout-page .tile-size[data-v-1d9a756d]{position:absolute;bottom:6px;left:9px;font-size:11px;color:hsla(0,0%,100%,.65);line-height:1}.resource-layout-page .tile-resize[data-v-1d9a756d]{position:absolute;right:0;bottom:0;width:25px;height:25px;border:0;border-radius:6px;background:transparent;color:hsla(0,0%,100%,.65);cursor:nwse-resize;touch-action:none}.resource-layout-page .tile-resize span[data-v-1d9a756d],.resource-layout-page .tile-resize span[data-v-1d9a756d]:after{position:absolute;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:skew(-3deg,-3deg);content:""}.resource-layout-page .tile-resize span[data-v-1d9a756d]{right:6px;bottom:6px;width:9px;height:9px}.resource-layout-page .tile-resize span[data-v-1d9a756d]:after{right:3px;bottom:3px;width:4px;height:4px}.resource-layout-page .is-selected .tile-resize[data-v-1d9a756d],.resource-layout-page .module-tile:hover .tile-resize[data-v-1d9a756d]{color:#fff}.resource-layout-page .drop-zone[data-v-1d9a756d]{position:absolute;left:0;top:0;border:2px dashed #5daedc;border-radius:11px;background:rgba(39,153,219,.1);pointer-events:none;z-index:1;transition:transform .12s ease,width .12s ease,height .12s ease;box-sizing:border-box}.resource-layout-page .drop-zone.is-invalid[data-v-1d9a756d]{border-color:#e98b8b;background:rgba(229,86,86,.07)}.resource-layout-page .is-gesturing[data-v-1d9a756d]{cursor:grabbing}.resource-layout-page.is-dragging[data-v-1d9a756d],.resource-layout-page.is-dragging [data-v-1d9a756d]{cursor:grabbing!important}.resource-layout-page .canvas-footer[data-v-1d9a756d]{justify-content:space-between;gap:12px;padding:13px 20px;border-top:1px solid #edf1f6;font-size:12px;color:#8194a5;flex-wrap:wrap}.resource-layout-page .footer-divider[data-v-1d9a756d]{margin:0 10px;color:#ced8e2}.resource-layout-page .keyboard-hint[data-v-1d9a756d]{color:#a1afbb;font-size:11px}.resource-layout-page .invalid-message[data-v-1d9a756d]{color:#ce6b6b}.resource-layout-page .resource-context-menu[data-v-1d9a756d]{position:fixed;z-index:2200;width:188px;padding:6px;border:1px solid #e0e8f0;border-radius:10px;background:#fff;box-shadow:0 8px 32px rgba(35,65,93,.15)}.resource-layout-page .menu-resource-name[data-v-1d9a756d]{padding:9px 12px;font-size:12px;color:#8b9eae;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border-bottom:1px solid #edf1f6;margin-bottom:4px}.resource-layout-page .resource-context-menu button[data-v-1d9a756d]{display:flex;align-items:center;gap:9px;width:100%;border:0;background:transparent;border-radius:5px;padding:10px 12px;color:#49647b;font-size:13px;text-align:left;cursor:pointer}.resource-layout-page .resource-context-menu button[data-v-1d9a756d]:focus,.resource-layout-page .resource-context-menu button[data-v-1d9a756d]:hover{background:#edf7ff;outline:none}.resource-layout-page .resource-context-menu .menu-delete[data-v-1d9a756d]{color:#d66a6a}.resource-layout-page .resource-menu-enter-active[data-v-1d9a756d],.resource-layout-page .resource-menu-leave-active[data-v-1d9a756d]{transition:opacity .12s ease,transform .12s ease}.resource-layout-page .resource-menu-enter[data-v-1d9a756d],.resource-layout-page .resource-menu-leave-to[data-v-1d9a756d]{opacity:0;transform:translateY(-4px)}.resource-layout-page .unplaced-tray[data-v-1d9a756d]{margin-top:16px;padding:16px 20px;border:1px dashed #ccdce8;border-radius:10px;background:#f9fcfe;transition:background .2s,border-color .2s}.resource-layout-page .unplaced-tray.is-drop-target[data-v-1d9a756d]{background:#e2f3ff;border-color:#168dd5}.resource-layout-page .unplaced-label[data-v-1d9a756d]{font-size:14px;color:#496b84;margin-bottom:13px}.resource-layout-page .unplaced-label>span[data-v-1d9a756d]{font-size:12px;color:#93a5b5;margin-left:14px}.resource-layout-page .unplaced-items[data-v-1d9a756d]{position:relative;display:flex;flex-wrap:wrap;gap:10px;min-height:40px}.resource-layout-page .unplaced-item[data-v-1d9a756d]{display:flex;align-items:center;gap:9px;padding:9px 10px;border:1px solid #dce7ef;border-radius:7px;background:#fff;cursor:grab;touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.resource-layout-page .unplaced-item.is-source[data-v-1d9a756d]{opacity:.2}.resource-layout-page .unplaced-resource-move[data-v-1d9a756d]{transition:transform .28s cubic-bezier(.22,.7,.25,1)}.resource-layout-page .unplaced-resource-enter-active[data-v-1d9a756d],.resource-layout-page .unplaced-resource-leave-active[data-v-1d9a756d]{transition:opacity .2s ease,transform .2s ease}.resource-layout-page .unplaced-resource-leave-active[data-v-1d9a756d]{position:absolute;pointer-events:none}.resource-layout-page .unplaced-resource-enter[data-v-1d9a756d],.resource-layout-page .unplaced-resource-leave-to[data-v-1d9a756d]{opacity:0;transform:translateY(8px) scale(.96)}.resource-layout-page .unplaced-item.is-selected[data-v-1d9a756d]{border-color:#168dd5}.resource-layout-page .unplaced-item>img[data-v-1d9a756d]{width:26px;height:26px;-o-object-fit:contain;object-fit:contain;background:#229fda;border-radius:4px;padding:3px}.resource-layout-page .unplaced-item>span[data-v-1d9a756d]{font-size:13px;margin-right:8px}.resource-layout-page .unplaced-item>button[data-v-1d9a756d]{border:0;background:transparent;color:#168dd5;font-size:12px;cursor:pointer}.resource-layout-page .unplaced-empty[data-v-1d9a756d]{color:#9aabba;font-size:12px;align-self:center}.resource-layout-page .layoutFieldTip[data-v-1d9a756d]{margin-left:10px;color:#909399;font-size:12px}@media(max-width:1100px){.resource-layout-page .canvas-help[data-v-1d9a756d]{margin-left:0}.resource-layout-page .resource-save-actions[data-v-1d9a756d]{margin-left:auto}}@media(prefers-reduced-motion:reduce){.resource-layout-page .drop-zone[data-v-1d9a756d],.resource-layout-page .module-tile[data-v-1d9a756d],.resource-layout-page .unplaced-resource-enter-active[data-v-1d9a756d],.resource-layout-page .unplaced-resource-leave-active[data-v-1d9a756d],.resource-layout-page .unplaced-resource-move[data-v-1d9a756d]{transition:none}}.resource-drag-layer[data-v-1d9a756d]{position:fixed;inset:0;z-index:5000;pointer-events:none;overflow:hidden}.resource-floating-card[data-v-1d9a756d]{position:absolute;left:0;top:0;box-sizing:border-box;border-radius:6px;background:rgba(34,159,218,.97);color:#fff;box-shadow:0 15px 40px rgba(16,70,112,.27);outline:2px solid hsla(0,0%,100%,.45);will-change:transform,width,height;transition:width .14s ease,height .14s ease}.resource-floating-card.is-settling[data-v-1d9a756d]{transition:transform .28s cubic-bezier(.22,.7,.25,1),width .28s cubic-bezier(.22,.7,.25,1),height .28s cubic-bezier(.22,.7,.25,1)}.resource-floating-card.is-invalid[data-v-1d9a756d]{outline-color:#e37a7a}.resource-floating-content[data-v-1d9a756d]{position:absolute;inset:12px 5px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:17px;font-family:SimHei,Microsoft YaHei,sans-serif;font-size:19px;font-weight:400;white-space:nowrap}.resource-floating-content img[data-v-1d9a756d]{-o-object-fit:contain;object-fit:contain;flex-shrink:0;transition:width .14s ease,height .14s ease}.resource-floating-card.is-compact[data-v-1d9a756d]{border-radius:7px;background:#fff;color:#496b84}.resource-floating-card.is-compact .resource-floating-content[data-v-1d9a756d]{inset:5px 10px;flex-direction:row;justify-content:flex-start;gap:9px;font-family:Microsoft YaHei,sans-serif;font-size:13px}.resource-floating-card.is-compact img[data-v-1d9a756d]{background:#229fda;padding:3px;border-radius:4px;box-sizing:border-box}.resource-floating-hint[data-v-1d9a756d]{position:absolute;bottom:7px;left:0;right:0;font-size:11px;text-align:center}@media(prefers-reduced-motion:reduce){.resource-floating-card.is-settling[data-v-1d9a756d],.resource-floating-card[data-v-1d9a756d],.resource-floating-content img[data-v-1d9a756d]{transition:none}}.resource-editor-dialog{max-width:calc(100vw - 32px);max-height:88vh;display:flex;flex-direction:column;margin-bottom:0;border:1px solid #e0e9f1;border-radius:12px;overflow:hidden;box-shadow:0 18px 60px rgba(29,63,92,.2)}.resource-editor-dialog .el-dialog__header{padding:20px 24px;border-bottom:1px solid #edf2f7;background:#fbfdff;flex-shrink:0}.resource-editor-dialog .el-dialog__headerbtn{top:23px;right:23px;font-size:19px}.resource-editor-dialog .el-dialog__headerbtn .el-dialog__close{color:#8a9dad}.resource-editor-dialog .el-dialog__body{padding:22px 24px 8px;overflow-y:auto;min-height:0;color:#49647a}.resource-editor-dialog .el-dialog__footer{padding:16px 24px;border-top:1px solid #edf2f7;background:#fbfdff;flex-shrink:0}.resource-editor-dialog .resource-editor-title{display:flex;align-items:center;gap:11px;padding-right:25px;font-size:17px;font-weight:500;color:#304f68}.resource-editor-dialog .editor-title-icon{width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;border-radius:9px;background:#e8f4fc;color:#168dd5;font-size:17px}.resource-editor-dialog .editor-section-label{display:flex;align-items:center;gap:8px;margin:0 0 17px;color:#49677f;font-size:13px;font-weight:500}.resource-editor-dialog .editor-section-label:before{content:"";width:3px;height:12px;border-radius:2px;background:#168dd5}.resource-editor-dialog .editor-layout-label{margin-top:3px;padding-top:19px;border-top:1px solid #edf2f7}.resource-editor-dialog .editor-field-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);-moz-column-gap:22px;column-gap:22px}.resource-editor-dialog .editor-field-wide{grid-column:1/-1}.resource-editor-dialog .el-form-item{margin-bottom:19px;min-width:0}.resource-editor-dialog .el-form-item__label{padding:0 0 7px;line-height:20px;font-size:13px;color:#526e84}.resource-editor-dialog .el-form-item__content{line-height:normal}.resource-editor-dialog .el-input__inner{height:38px;line-height:38px;border-color:#dce6ef;border-radius:7px;background:#fcfdff;color:#37576f;font-size:13px}.resource-editor-dialog .el-input__inner:hover{border-color:#b6d6eb}.resource-editor-dialog .el-input__inner:focus{border-color:#168dd5;background:#fff;box-shadow:0 0 0 2px rgba(22,141,213,.07)}.resource-editor-dialog .el-input__inner::-moz-placeholder{color:#adbdca}.resource-editor-dialog .el-input__inner::placeholder{color:#adbdca}.resource-editor-dialog .editor-number-field{position:relative}.resource-editor-dialog .el-input-number{width:100%;line-height:36px}.resource-editor-dialog .el-input-number .el-input__inner{padding-left:13px;padding-right:70px;text-align:left}.resource-editor-dialog .el-input-number.is-controls-right .el-input-number__decrease,.resource-editor-dialog .el-input-number.is-controls-right .el-input-number__increase{width:30px;line-height:18px;color:#8ca5b8;background:#f2f7fb;border-color:#e3ebf2}.resource-editor-dialog .el-input-number.is-controls-right .el-input-number__increase{border-radius:0 7px 0 0}.resource-editor-dialog .el-input-number.is-controls-right .el-input-number__decrease{border-radius:0 0 7px 0}.resource-editor-dialog .editor-field-unit{position:absolute;top:12px;right:43px;color:#91a5b5;font-size:12px;line-height:14px;pointer-events:none}.resource-editor-dialog .editor-field-help{display:block;margin-top:7px;color:#99acbb;font-size:12px;line-height:18px}.resource-editor-dialog .editor-icon-size{display:flex;flex-direction:column}.resource-editor-dialog .editor-icon-size .el-form-item__content{display:flex;align-items:center;gap:14px}.resource-editor-dialog .editor-icon-size .editor-number-field{width:calc(50% - 11px);flex-shrink:0}.resource-editor-dialog .editor-icon-size .editor-field-help{margin-top:0}.resource-editor-dialog .editor-color-field,.resource-editor-dialog .editor-icon-field{display:flex;align-items:center;gap:9px}.resource-editor-dialog .editor-color-field .el-input,.resource-editor-dialog .editor-icon-field .el-input{min-width:0;flex:1}.resource-editor-dialog .el-color-picker{height:38px;flex-shrink:0}.resource-editor-dialog .el-color-picker__trigger{width:38px;height:38px;padding:5px;border-color:#dce6ef;border-radius:7px;background:#fcfdff}.resource-editor-dialog .el-color-picker__color{border:0;border-radius:4px;overflow:hidden}.resource-editor-dialog .editor-icon-preview{width:38px;height:38px;display:flex;align-items:center;justify-content:center;border-radius:8px;flex-shrink:0}.resource-editor-dialog .editor-icon-preview img{width:27px;height:27px;-o-object-fit:contain;object-fit:contain}.resource-editor-dialog .resource-editor-footer{display:flex;justify-content:flex-end;gap:10px}.resource-editor-dialog .resource-editor-footer .el-button{min-width:88px;margin:0;border-radius:7px;padding:10px 18px;border-color:#dce6ef}.resource-editor-dialog .resource-editor-footer .el-button--primary{background:#168dd5;border-color:#168dd5}.resource-editor-dialog .el-form-item__error{font-size:11px;padding-top:3px}@media(max-width:600px){.resource-editor-dialog .el-dialog__header{padding:16px 18px}.resource-editor-dialog .el-dialog__body{padding:18px 18px 6px}.resource-editor-dialog .el-dialog__footer{padding:14px 18px}.resource-editor-dialog .editor-field-grid{grid-template-columns:minmax(0,1fr)}.resource-editor-dialog .editor-icon-size .el-form-item__content{align-items:stretch;flex-direction:column;gap:0}.resource-editor-dialog .editor-icon-size .editor-number-field{width:100%}.resource-editor-dialog .editor-icon-size .editor-field-help{margin-top:7px}}