.space-design[data-v-3b20f5dc]{display:flex;width:100%;height:100%;background:#f5f5f5;overflow:hidden;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,sans-serif}.main-content[data-v-3b20f5dc]{flex:1;padding:16px;display:flex;flex-direction:column;overflow:hidden;min-width:0}.toolbar[data-v-3b20f5dc]{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;padding:12px 16px;background:#fff;border-radius:10px;box-shadow:0 2px 8px rgba(0,0,0,.1)}.toolbar .toolbar-left .toolbar-title[data-v-3b20f5dc]{font-size:15px;font-weight:600;color:#303133}.toolbar .toolbar-right[data-v-3b20f5dc]{display:flex;gap:8px}.content-area[data-v-3b20f5dc]{flex:1;display:flex;gap:16px;overflow:hidden}.canvas-container[data-v-3b20f5dc]{flex:1;background:#fff;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.1);overflow:hidden;position:relative;min-width:0}.canvas-container .floor-plan-wrapper[data-v-3b20f5dc]{position:absolute;width:100%;height:100%;left:0;top:0;overflow:auto}.canvas-container .floor-plan-wrapper .floor-plan-container[data-v-3b20f5dc]{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:100%}.canvas-container .floor-plan-wrapper .floor-plan-container .floor-plan-image[data-v-3b20f5dc]{max-width:100%;max-height:100%;object-fit:contain;transition:transform .2s;display:block}.canvas-container .floor-plan-wrapper .floor-plan-container .floor-plan-placeholder[data-v-3b20f5dc]{display:flex;align-items:center;justify-content:center;width:400px;height:300px;color:#909399;font-size:14px;border:2px dashed #e0e0e0;border-radius:8px;margin:200px auto}.canvas-container .floor-plan-wrapper .floor-plan-container .mask-overlay[data-v-3b20f5dc]{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.canvas-container .floor-plan-wrapper .floor-plan-container .mask-overlay .room-mask[data-v-3b20f5dc]{position:absolute;border:3px solid;border-radius:4px;cursor:move;pointer-events:all;transition:box-shadow .2s}.canvas-container .floor-plan-wrapper .floor-plan-container .mask-overlay .room-mask .room-mask-label[data-v-3b20f5dc]{position:absolute;top:-26px;left:0;padding:4px 10px;border-radius:4px;font-size:12px;color:#fff;white-space:nowrap;pointer-events:none}.canvas-container .floor-plan-wrapper .floor-plan-container .mask-overlay .room-mask .device-count-badge[data-v-3b20f5dc]{position:absolute;top:0;right:0;min-width:18px;height:18px;padding:0 5px;background:#20202e;color:#fff;border-radius:4px;font-size:11px;font-weight:600;display:flex;align-items:center;justify-content:center;box-shadow:0 1px 3px rgba(0,0,0,.3);z-index:10}.canvas-container .floor-plan-wrapper .floor-plan-container .mask-overlay .room-mask .device-icon-list[data-v-3b20f5dc]{position:absolute;bottom:4px;right:4px;display:flex;flex-direction:row-reverse;gap:4px}.canvas-container .floor-plan-wrapper .floor-plan-container .mask-overlay .room-mask .device-icon-list .device-point[data-v-3b20f5dc]{display:flex;align-items:center;justify-content:center;position:relative;width:20px;height:20px;background:rgba(0,0,0,.5);border-radius:4px;cursor:pointer;transition:all .2s;box-shadow:0 1px 3px rgba(0,0,0,.12)}.canvas-container .floor-plan-wrapper .floor-plan-container .mask-overlay .room-mask .device-icon-list .device-point[data-v-3b20f5dc]:hover{transform:scale(1.4);background:rgba(0,0,0,.8)}.canvas-container .floor-plan-wrapper .floor-plan-container .mask-overlay .room-mask .device-icon-list .device-point i[data-v-3b20f5dc]{font-size:10px;color:#fff;display:flex;align-items:center;justify-content:center}.canvas-container .floor-plan-wrapper .floor-plan-container .mask-overlay .room-mask .device-icon-list .device-point .status-indicator[data-v-3b20f5dc]{position:absolute;bottom:-3px;right:-3px;width:8px;height:8px;border-radius:50%;border:1px solid hsla(0,0%,100%,.8);box-shadow:0 1px 2px rgba(0,0,0,.3)}.canvas-container .floor-plan-wrapper .floor-plan-container .mask-overlay .room-mask .resize-handle[data-v-3b20f5dc]{position:absolute;width:10px;height:10px;border:2px solid #fff;border-radius:2px;pointer-events:all}.canvas-container .floor-plan-wrapper .floor-plan-container .mask-overlay .room-mask .resize-handle.nw[data-v-3b20f5dc]{top:-5px;left:-5px;cursor:nw-resize}.canvas-container .floor-plan-wrapper .floor-plan-container .mask-overlay .room-mask .resize-handle.n[data-v-3b20f5dc]{top:-5px;left:50%;transform:translateX(-50%);cursor:n-resize}.canvas-container .floor-plan-wrapper .floor-plan-container .mask-overlay .room-mask .resize-handle.ne[data-v-3b20f5dc]{top:-5px;right:-5px;cursor:ne-resize}.canvas-container .floor-plan-wrapper .floor-plan-container .mask-overlay .room-mask .resize-handle.w[data-v-3b20f5dc]{top:50%;left:-5px;transform:translateY(-50%);cursor:w-resize}.canvas-container .floor-plan-wrapper .floor-plan-container .mask-overlay .room-mask .resize-handle.e[data-v-3b20f5dc]{top:50%;right:-5px;transform:translateY(-50%);cursor:e-resize}.canvas-container .floor-plan-wrapper .floor-plan-container .mask-overlay .room-mask .resize-handle.sw[data-v-3b20f5dc]{bottom:-5px;left:-5px;cursor:sw-resize}.canvas-container .floor-plan-wrapper .floor-plan-container .mask-overlay .room-mask .resize-handle.s[data-v-3b20f5dc]{bottom:-5px;left:50%;transform:translateX(-50%);cursor:s-resize}.canvas-container .floor-plan-wrapper .floor-plan-container .mask-overlay .room-mask .resize-handle.se[data-v-3b20f5dc]{bottom:-5px;right:-5px;cursor:se-resize}.canvas-container .floor-plan-wrapper .floor-plan-container .mask-overlay .room-mask.selected[data-v-3b20f5dc]{z-index:10}.canvas-container .floor-plan-wrapper .floor-plan-container .mask-overlay .room-mask[data-v-3b20f5dc]:hover{z-index:5}.canvas-container .stats[data-v-3b20f5dc]{position:absolute;top:16px;right:16px;background:hsla(0,0%,100%,.95);padding:8px 12px;border-radius:6px;box-shadow:0 2px 8px rgba(0,0,0,.1);font-size:13px;color:#606266;z-index:100}.canvas-container .stats strong[data-v-3b20f5dc]{color:#3b82f6}.canvas-container .zoom-controls[data-v-3b20f5dc]{position:absolute;bottom:16px;right:16px;display:flex;gap:4px;background:hsla(0,0%,100%,.95);padding:4px;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.1);z-index:100}.canvas-container .zoom-controls .zoom-btn[data-v-3b20f5dc]{width:32px;height:32px;border:none;border-radius:4px;background:transparent;cursor:pointer;font-size:18px;display:flex;align-items:center;justify-content:center;transition:background .2s}.canvas-container .zoom-controls .zoom-btn[data-v-3b20f5dc]:hover{background:#f5f5f5}.canvas-container .zoom-controls .zoom-level[data-v-3b20f5dc]{padding:0 12px;display:flex;align-items:center;font-size:12px;color:#606266}[data-v-3b20f5dc] .number--mini{width:100px!important;margin-left:5px!important}[data-v-3b20f5dc] .slider-wrapper{flex:1!important}.device-popover{background:#000!important;border:1px solid #333!important;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.15)}.device-popover .popper__arrow:after{border-top-color:#000!important}.popover-content{font-size:12px;color:#303133}.popover-content .device-title{display:flex;justify-content:space-between;align-items:center;padding-bottom:8px;margin-bottom:8px;border-bottom:1px solid #909399;color:#fff}.popover-content .device-title .title-left{display:flex;align-items:center;gap:6px;margin-right:10px}.popover-content .device-title .title-left i{font-size:14px;color:#409eff}.popover-content .device-title .title-left .name{font-weight:600;font-size:13px;word-break:break-word;white-space:normal;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.popover-content .device-title .title-right .status-dot{display:inline-block;padding:3px 10px;border-radius:20px;font-size:12px;min-width:45px}.popover-content .device-info .info-row{display:flex;justify-content:space-between;align-items:center;padding:4px 0}.popover-content .device-info .info-row .label{color:#909399;font-size:12px}.popover-content .device-info .info-row .value{color:#fff;font-size:12px}[data-v-47f82c8a] .el-dialog__body,[data-v-52ff051a] .el-dialog__body,[data-v-567e335d] .el-dialog__body,[data-v-76984c64] .el-dialog__body{padding:20px!important}.dataPanel[data-v-34848cee]{height:100%;overflow:hidden;background-color:#fff;padding:10px;margin:0!important;border-radius:4px}.dataPanel .dataPanel-item[data-v-34848cee]{border-radius:10px}.dataPanel[data-v-34848cee] .card_style0{background:linear-gradient(180deg,#eaf1ff,#f9fbff)}.dataPanel[data-v-34848cee] .card_style1{background:linear-gradient(180deg,#fff5e4,#fffcf7)}.dataPanel[data-v-34848cee] .card_style2{background:linear-gradient(180deg,#eaf1ff,#f9fbff)}.dataPanel[data-v-34848cee] .card_style3{background:linear-gradient(180deg,#fdf5f5,#fffefe)}.dataPanel[data-v-34848cee] .el-card{width:100%;height:100%;border:none!important}.dataPanel[data-v-34848cee] .el-card .el-card__body{padding:0;height:100%}.dataPanel .dataPanel-body[data-v-34848cee]{padding:20px 16px;position:relative}.dataPanel .dataPanel-body .dataPanel-body_title .title_icon0[data-v-34848cee]{background-color:var(--blue)}.dataPanel .dataPanel-body .dataPanel-body_title .title_icon1[data-v-34848cee]{background-color:var(--orange)}.dataPanel .dataPanel-body .dataPanel-body_title .title_icon2[data-v-34848cee]{background-color:var(--purple)}.dataPanel .dataPanel-body .dataPanel-body_title .title_icon[data-v-34848cee]{display:inline-block;width:15px;height:15px;border-radius:15px;text-align:center;position:relative;margin-right:10px}.dataPanel .dataPanel-body .dataPanel-body_title .title_icon_1[data-v-34848cee]{display:inline-block;width:8px;height:8px;border-radius:8px;background-color:#fff;position:absolute;top:3.5px;left:3.5px}.dataPanel .dataPanel-body .dataPanel-body_title .title[data-v-34848cee]{font-family:Microsoft YaHei;font-weight:400;font-size:16px;color:#606266;line-height:20px}.dataPanel .dataPanel-body .dataPanel-body_number[data-v-34848cee]{margin-top:30px}.dataPanel .dataPanel-body .dataPanel-body_number .unit[data-v-34848cee]{display:inline-block;margin-left:10px;font-size:16px}.dataPanel .dataPanel-body .dataPanel-body_number .number[data-v-34848cee]{font-family:Microsoft YaHei;font-weight:400;font-size:36px;color:#000;line-height:36px;position:relative;z-index:2}.dataPanel .dataPanel-body .dataPanel-body_number img[data-v-34848cee]{position:absolute;right:19px;z-index:1}.dataPanel .dataPanel-body .dataPanel-body_number .icon_Iimg[data-v-34848cee]{position:absolute;right:19px}.dataPanel .dataPanel-body .dataPanel-body_number .bias_background[data-v-34848cee]{top:-62px;position:absolute;right:-86px;z-index:1}.dataPanel .card_style_2_0[data-v-34848cee],.dataPanel .card_style_2_1[data-v-34848cee],.dataPanel .card_style_2_2[data-v-34848cee],.dataPanel .card_style_2_3[data-v-34848cee],.dataPanel .card_style_2_4[data-v-34848cee],.dataPanel .card_style_2_5[data-v-34848cee]{border:1px solid #efefef!important}.dataPanel .module_title[data-v-34848cee]{padding:8px 10px}.dataPanel .module_title_name[data-v-34848cee]{font-family:PingFang SC;font-weight:400;color:#000}.dataPanel .dataPanel_div[data-v-34848cee]{display:block;width:100%;padding:0 10px;overflow:hidden}.dataPanel .dataPanel_div .dataPanel-item_3[data-v-34848cee]{float:left;font-size:14px;width:calc(50% - 10px);height:100px;margin-right:20px;padding:20px;border:1px solid #efefef!important;margin-top:15px}.dataPanel .dataPanel_div .dataPanel-item_3[data-v-34848cee]:nth-child(2n){margin-right:0}.dataPanel .style_3_num[data-v-34848cee]{float:left;margin-left:10px;line-height:26px}.dataPanel .style_3_num .style_3_num_number[data-v-34848cee]{font-size:22px;color:#1d2129}.dataPanel .style_3_img[data-v-34848cee]{float:left}.portal-eChart-box[data-v-ce82c036]{width:100%}[data-v-ce82c036] .el-card__header{width:100%;border-bottom:1px solid #fff!important}[data-v-ce82c036] .el-card__body{width:100%;padding:0}#barChart[data-v-ce82c036]{width:100%;height:300px}[data-v-8aea32be] .el-card__header{width:100%;border-bottom:1px solid #fff!important}[data-v-8aea32be] .el-card__body{width:100%;padding:0}#chart[data-v-8aea32be]{width:100%;height:300px}.tabs_box_top[data-v-53f3299d]{background-color:#fff;overflow:hidden;padding:15px 30px;margin-bottom:12px}.tabs_box_top .el-form-item[data-v-53f3299d]{margin-bottom:0}.chart_box[data-v-53f3299d]{display:flex;margin-top:12px;justify-content:space-between}.tabs_box_top[data-v-3622a4ac]{background-color:#fff;overflow:hidden;padding:15px 30px;margin-bottom:12px}.tabs_box_top .el-form-item[data-v-3622a4ac]{margin-bottom:0}.chart_box[data-v-3622a4ac]{display:flex;margin-top:12px;justify-content:space-between}[data-v-08392870] .el-dialog__body{padding:20px!important}.space-design[data-v-cb427d32]{display:flex;width:100%;height:100%;background:#f5f5f5;overflow:hidden;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,sans-serif}.sidebar[data-v-cb427d32]{width:280px;background:#fff;border-right:1px solid #e0e0e0;display:flex;flex-direction:column;box-shadow:0 2px 8px rgba(0,0,0,.1);flex-shrink:0}.sidebar .sidebar-header[data-v-cb427d32]{padding:20px;border-bottom:1px solid #e0e0e0}.sidebar .sidebar-header h1[data-v-cb427d32]{font-size:16px;font-weight:600;color:#1a1a1a;margin:0 0 4px 0}.sidebar .sidebar-header p[data-v-cb427d32]{font-size:12px;color:#666;margin:0}.sidebar .floor-tabs-wrapper[data-v-cb427d32]{border-bottom:1px solid #e0e0e0;background:#f5f5f5;padding:0 12px}.sidebar .floor-tabs-wrapper[data-v-cb427d32] .el-tabs__header{margin:0 0 6px}.sidebar .floor-tabs-wrapper[data-v-cb427d32] .el-tabs__item{font-size:14px}.sidebar .floor-tabs-wrapper[data-v-cb427d32] .el-tabs__item.is-active{color:#3b82f6}.sidebar .floor-tabs-wrapper[data-v-cb427d32] .el-tabs__active-bar{background-color:#3b82f6}.sidebar .floor-tabs-wrapper[data-v-cb427d32] .el-tabs__nav-wrap:after{display:none}.sidebar .room-list[data-v-cb427d32]{flex:1;overflow-y:auto;padding:12px}.sidebar .room-list .room-box[data-v-cb427d32]{margin-bottom:10px}.sidebar .room-list .room-box[data-v-cb427d32]:last-child{margin-bottom:0}.sidebar .room-list[data-v-cb427d32]::-webkit-scrollbar{width:6px}.sidebar .room-list[data-v-cb427d32]::-webkit-scrollbar-thumb{background:#e0e0e0;border-radius:3px}.sidebar .room-list .section-label[data-v-cb427d32]{font-size:14px;font-weight:500;color:#414142;text-transform:uppercase;letter-spacing:.5px;padding:8px 4px 4px;margin-top:8px;margin-bottom:10px}.sidebar .room-list .section-label[data-v-cb427d32]:first-child{margin-top:0}.sidebar .room-list .room-item[data-v-cb427d32]{display:flex;align-items:center;padding:12px 14px;margin-bottom:6px;background:#f5f7fa;border:1px solid transparent;border-radius:8px;cursor:pointer;transition:all .2s}.sidebar .room-list .room-item .room-icon[data-v-cb427d32]{width:32px;height:32px;border-radius:6px;background:#3b82f6;color:#fff;display:flex;align-items:center;justify-content:center;font-size:14px;margin-right:12px;flex-shrink:0}.sidebar .room-list .room-item .room-info[data-v-cb427d32]{flex:1;min-width:0}.sidebar .room-list .room-item .room-info .room-name[data-v-cb427d32]{font-size:14px;font-weight:500;color:#303133;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar .room-list .room-item .room-status[data-v-cb427d32]{width:8px;height:8px;border-radius:50%;background:#10b981;margin-left:8px;flex-shrink:0}.sidebar .room-list .room-item[data-v-cb427d32]:hover{background:#ecf5ff;border-color:#3b82f6}.sidebar .room-list .room-item.active[data-v-cb427d32]{background:#ecf5ff;border-color:#3b82f6;box-shadow:0 0 0 2px rgba(59,130,246,.2)}.sidebar .room-list .room-item.masked[data-v-cb427d32]{border-left:3px solid #3b82f6}.main-content[data-v-cb427d32]{flex:1;padding:16px;display:flex;flex-direction:column;overflow:hidden;min-width:0}.toolbar[data-v-cb427d32]{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;padding:12px 16px;background:#fff;border-radius:10px;box-shadow:0 2px 8px rgba(0,0,0,.1)}.toolbar .toolbar-left .toolbar-title[data-v-cb427d32]{font-size:15px;font-weight:600;color:#303133}.toolbar .toolbar-right[data-v-cb427d32]{display:flex;gap:8px}.content-area[data-v-cb427d32]{flex:1;display:flex;gap:16px;overflow:hidden}.preview-wrapper[data-v-cb427d32]{flex:1;display:flex;flex-direction:column;background:#1a1a2e;border-radius:12px;overflow:hidden}.preview-wrapper .preview-header[data-v-cb427d32]{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:linear-gradient(135deg,#1a1a2e,#16213e);border-bottom:1px solid hsla(0,0%,100%,.1)}.preview-wrapper .preview-header .preview-title[data-v-cb427d32]{font-size:15px;font-weight:600;color:#fff}.preview-wrapper .preview-header .el-button[data-v-cb427d32]{background:hsla(0,0%,100%,.1);border-color:hsla(0,0%,100%,.2);color:#fff}.preview-wrapper .preview-header .el-button[data-v-cb427d32]:hover{background:hsla(0,0%,100%,.2);border-color:hsla(0,0%,100%,.3)}.preview-wrapper .preview-content[data-v-cb427d32]{flex:1;overflow:hidden}.preview-wrapper .preview-content[data-v-cb427d32] .space-design{background:#1a1a2e}.preview-wrapper .preview-content[data-v-cb427d32] .space-design .toolbar{display:none}.preview-wrapper .preview-content[data-v-cb427d32] .space-design .main-content{padding:0}.preview-wrapper .preview-content[data-v-cb427d32] .space-design .content-area{flex:1}.preview-wrapper .preview-content[data-v-cb427d32] .space-design .canvas-container{background:transparent;box-shadow:none;border-radius:0}.preview-wrapper .preview-content[data-v-cb427d32] .space-design .canvas-container .stats{background:rgba(26,26,46,.9);color:#fff;border:1px solid hsla(0,0%,100%,.2)}.preview-wrapper .preview-content[data-v-cb427d32] .space-design .canvas-container .stats strong{color:#60a5fa}.preview-wrapper .preview-content[data-v-cb427d32] .space-design .canvas-container .zoom-controls{background:rgba(26,26,46,.9);border:1px solid hsla(0,0%,100%,.2)}.preview-wrapper .preview-content[data-v-cb427d32] .space-design .canvas-container .zoom-controls .zoom-btn,.preview-wrapper .preview-content[data-v-cb427d32] .space-design .canvas-container .zoom-controls .zoom-level{color:#fff}.preview-wrapper .preview-content[data-v-cb427d32] .space-design .floor-plan-wrapper{background:transparent}.preview-wrapper .preview-content[data-v-cb427d32] .space-design .room-mask{border:none;border-radius:4px}.preview-wrapper .preview-content[data-v-cb427d32] .space-design .room-mask .room-mask-label{background:linear-gradient(135deg,rgba(59,130,246,.8),rgba(59,130,246,.6));border-radius:4px;font-size:11px;padding:3px 8px}.preview-wrapper .preview-content[data-v-cb427d32] .space-design .room-mask .device-count-badge,.preview-wrapper .preview-content[data-v-cb427d32] .space-design .room-mask .device-icon-list .device-point{background:rgba(0,0,0,.6)}.preview-device-popover[data-v-cb427d32]{font-size:12px;color:#fff}.preview-device-popover .device-title[data-v-cb427d32]{display:flex;justify-content:space-between;align-items:center;padding-bottom:8px;margin-bottom:8px;border-bottom:1px solid hsla(0,0%,100%,.2)}.preview-device-popover .device-title .title-left[data-v-cb427d32]{display:flex;align-items:center;gap:6px}.preview-device-popover .device-title .title-left i[data-v-cb427d32]{font-size:14px;color:#409eff}.preview-device-popover .device-title .title-left .name[data-v-cb427d32]{font-weight:600;font-size:13px;color:#fff}.preview-device-popover .device-title .title-right .status-dot[data-v-cb427d32]{display:inline-block;padding:3px 10px;border-radius:20px;font-size:12px}.preview-device-popover .device-title .title-right .status-dot.normal[data-v-cb427d32]{background:rgba(24,181,102,.45);color:#18b566}.preview-device-popover .device-title .title-right .status-dot.warning[data-v-cb427d32]{background:rgba(255,90,75,.45);color:#ff5a4b}.preview-device-popover .device-info .info-row[data-v-cb427d32]{display:flex;justify-content:space-between;align-items:center;padding:4px 0}.preview-device-popover .device-info .info-row .label[data-v-cb427d32]{color:hsla(0,0%,100%,.6);font-size:12px}.preview-device-popover .device-info .info-row .value[data-v-cb427d32]{color:#fff;font-size:12px}.canvas-container[data-v-cb427d32]{flex:1;background:#fff;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.1);overflow:hidden;position:relative;min-width:0}.canvas-container .floor-plan-wrapper[data-v-cb427d32]{position:absolute;width:100%;height:100%;left:0;top:0;overflow:auto}.canvas-container .floor-plan-wrapper .floor-plan-container[data-v-cb427d32]{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:100%}.canvas-container .floor-plan-wrapper .floor-plan-container .image-wrapper[data-v-cb427d32]{position:relative;display:flex;align-items:center;justify-content:center;max-width:100%;max-height:100%}.canvas-container .floor-plan-wrapper .floor-plan-container .floor-plan-image[data-v-cb427d32]{max-width:100%;max-height:100%;object-fit:contain;transition:transform .2s;display:block}.canvas-container .floor-plan-wrapper .floor-plan-container .floor-plan-placeholder[data-v-cb427d32]{display:flex;align-items:center;justify-content:center;width:400px;height:300px;color:#909399;font-size:14px;border:2px dashed #e0e0e0;border-radius:8px;margin:200px auto}.canvas-container .floor-plan-wrapper .floor-plan-container .mask-overlay[data-v-cb427d32]{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.canvas-container .floor-plan-wrapper .floor-plan-container .mask-overlay .room-mask[data-v-cb427d32]{position:absolute;border:1px solid;border-radius:4px;cursor:move;pointer-events:all;transition:box-shadow .2s}.canvas-container .floor-plan-wrapper .floor-plan-container .mask-overlay .room-mask .room-mask-label[data-v-cb427d32]{position:absolute;top:-26px;left:0;padding:4px 10px;border-radius:4px;font-size:12px;color:#fff;white-space:nowrap;pointer-events:none}.canvas-container .floor-plan-wrapper .floor-plan-container .mask-overlay .room-mask .resize-handle[data-v-cb427d32]{position:absolute;width:10px;height:10px;border:2px solid #fff;border-radius:2px;pointer-events:all}.canvas-container .floor-plan-wrapper .floor-plan-container .mask-overlay .room-mask .resize-handle.nw[data-v-cb427d32]{top:-5px;left:-5px;cursor:nw-resize}.canvas-container .floor-plan-wrapper .floor-plan-container .mask-overlay .room-mask .resize-handle.n[data-v-cb427d32]{top:-5px;left:50%;transform:translateX(-50%);cursor:n-resize}.canvas-container .floor-plan-wrapper .floor-plan-container .mask-overlay .room-mask .resize-handle.ne[data-v-cb427d32]{top:-5px;right:-5px;cursor:ne-resize}.canvas-container .floor-plan-wrapper .floor-plan-container .mask-overlay .room-mask .resize-handle.w[data-v-cb427d32]{top:50%;left:-5px;transform:translateY(-50%);cursor:w-resize}.canvas-container .floor-plan-wrapper .floor-plan-container .mask-overlay .room-mask .resize-handle.e[data-v-cb427d32]{top:50%;right:-5px;transform:translateY(-50%);cursor:e-resize}.canvas-container .floor-plan-wrapper .floor-plan-container .mask-overlay .room-mask .resize-handle.sw[data-v-cb427d32]{bottom:-5px;left:-5px;cursor:sw-resize}.canvas-container .floor-plan-wrapper .floor-plan-container .mask-overlay .room-mask .resize-handle.s[data-v-cb427d32]{bottom:-5px;left:50%;transform:translateX(-50%);cursor:s-resize}.canvas-container .floor-plan-wrapper .floor-plan-container .mask-overlay .room-mask .resize-handle.se[data-v-cb427d32]{bottom:-5px;right:-5px;cursor:se-resize}.canvas-container .floor-plan-wrapper .floor-plan-container .mask-overlay .room-mask.selected[data-v-cb427d32]{z-index:10}.canvas-container .floor-plan-wrapper .floor-plan-container .mask-overlay .room-mask[data-v-cb427d32]:hover{z-index:5}.canvas-container .stats[data-v-cb427d32]{position:absolute;top:16px;right:16px;background:hsla(0,0%,100%,.95);padding:8px 12px;border-radius:6px;box-shadow:0 2px 8px rgba(0,0,0,.1);font-size:13px;color:#606266;z-index:100}.canvas-container .stats strong[data-v-cb427d32]{color:#3b82f6}.canvas-container .zoom-controls[data-v-cb427d32]{position:absolute;bottom:16px;right:16px;display:flex;gap:4px;background:hsla(0,0%,100%,.95);padding:4px;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.1);z-index:100}.canvas-container .zoom-controls .zoom-btn[data-v-cb427d32]{width:32px;height:32px;border:none;border-radius:4px;background:transparent;cursor:pointer;font-size:18px;display:flex;align-items:center;justify-content:center;transition:background .2s}.canvas-container .zoom-controls .zoom-btn[data-v-cb427d32]:hover{background:#f5f5f5}.canvas-container .zoom-controls .zoom-level[data-v-cb427d32]{padding:0 12px;display:flex;align-items:center;font-size:12px;color:#606266}.property-panel[data-v-cb427d32]{width:280px;background:#fff;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.1);display:flex;flex-direction:column;overflow:hidden;flex-shrink:0}.property-panel .property-header[data-v-cb427d32]{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid #e0e0e0}.property-panel .property-header .property-title[data-v-cb427d32]{font-size:14px;font-weight:600;color:#303133}.property-panel .property-header .property-close[data-v-cb427d32]{width:24px;height:24px;border:none;background:#f5f5f5;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:16px;color:#606266;transition:all .2s}.property-panel .property-header .property-close[data-v-cb427d32]:hover{background:#e0e0e0;color:#303133}.property-panel .property-content[data-v-cb427d32]{flex:1;padding:12px;overflow-y:auto}.property-panel .property-content .property-empty[data-v-cb427d32]{text-align:center;padding:40px 20px;color:#909399;font-size:13px}.property-panel .property-content[data-v-cb427d32] .property-form .property-field{margin-bottom:0;border-bottom:1px solid #f0f0f0}.property-panel .property-content[data-v-cb427d32] .property-form .property-field:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.property-panel .property-content[data-v-cb427d32] .property-form .property-field .el-form-item__label{font-size:12px;font-weight:500;color:#909399;margin-bottom:0;display:block}.property-panel .property-content[data-v-cb427d32] .property-form .property-field .property-value{font-size:14px;color:#303133}.property-panel .property-content[data-v-cb427d32] .property-form .property-field .color-picker-wrapper{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.property-panel .property-content[data-v-cb427d32] .property-form .property-field .color-picker-wrapper .color-presets{display:flex;gap:4px;flex-wrap:wrap}.property-panel .property-content[data-v-cb427d32] .property-form .property-field .color-picker-wrapper .color-presets .color-preset{width:20px;height:20px;border:2px solid transparent;border-radius:3px;cursor:pointer;transition:all .2s}.property-panel .property-content[data-v-cb427d32] .property-form .property-field .color-picker-wrapper .color-presets .color-preset:hover{transform:scale(1.15)}.property-panel .property-content[data-v-cb427d32] .property-form .property-field .color-picker-wrapper .color-presets .color-preset.active{border-color:#303133}.property-panel .property-content[data-v-cb427d32] .property-form .property-field .opacity-control{display:flex;align-items:center;gap:8px}.property-panel .property-content[data-v-cb427d32] .property-form .property-field .opacity-control .opacity-value{font-size:12px;color:#909399;min-width:32px;text-align:right}.property-panel .property-content[data-v-cb427d32] .property-form .property-field .position-inputs{display:flex;gap:8px}.property-panel .property-content[data-v-cb427d32] .property-form .property-field .position-inputs .position-input{flex:1;display:flex;align-items:center;gap:4px}.property-panel .property-content[data-v-cb427d32] .property-form .property-field .position-inputs .position-input span{font-size:11px;color:#909399}.property-panel .property-content[data-v-cb427d32] .property-form .property-field .position-inputs .position-input ::v-deep .el-input-number{width:100%}.property-panel .property-content[data-v-cb427d32] .property-form .property-actions{margin-top:16px;text-align:center}.property-panel .property-content[data-v-cb427d32] .property-form .property-actions .property-btn{width:100%;padding:10px 12px;border:1px solid #e0e0e0;border-radius:6px;background:#fff;cursor:pointer;font-size:13px;transition:all .2s}.property-panel .property-content[data-v-cb427d32] .property-form .property-actions .property-btn:hover{background:#f5f5f5}.property-panel .property-content[data-v-cb427d32] .property-form .property-actions .property-btn.delete{color:#ef4444;border-color:#ef4444}.property-panel .property-content[data-v-cb427d32] .property-form .property-actions .property-btn.delete:hover{background:#fef2f2}[data-v-cb427d32] .number--mini{width:100px!important;margin-left:5px!important}[data-v-cb427d32] .slider-wrapper{flex:1!important}.setting-item[data-v-cb427d32]{margin-bottom:20px}.setting-item .setting-label[data-v-cb427d32]{font-size:13px;font-weight:500;color:#606266;margin-bottom:8px;display:flex;align-items:center;justify-content:space-between}.setting-item .setting-label .setting-value[data-v-cb427d32]{font-weight:400;color:#3b82f6}.setting-item .color-picker-wrapper[data-v-cb427d32]{display:flex;align-items:center}.setting-item .color-picker-wrapper[data-v-cb427d32] .color-presets{display:flex;gap:4px;flex-wrap:wrap}.setting-item .color-picker-wrapper[data-v-cb427d32] .color-presets .color-preset{width:20px;height:20px;border:2px solid transparent;border-radius:3px;cursor:pointer;transition:all .2s}.setting-item .color-picker-wrapper[data-v-cb427d32] .color-presets .color-preset:hover{transform:scale(1.15)}.setting-item .color-picker-wrapper[data-v-cb427d32] .color-presets .color-preset.active{border-color:#303133}.setting-item[data-v-cb427d32] .el-slider{margin-top:8px}.fullscreen-design-wrapper[data-v-4a4b0beb]{position:fixed;top:0;left:0;right:0;bottom:0;z-index:1999;background:#fff}.space-design[data-v-4333fc10]{display:flex;width:100%;height:100%;background:#f5f5f5;overflow:hidden;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,sans-serif}.sidebar[data-v-4333fc10]{width:280px;background:#fff;border-right:1px solid #e0e0e0;display:flex;flex-direction:column;box-shadow:0 2px 8px rgba(0,0,0,.1);flex-shrink:0}.sidebar .sidebar-header[data-v-4333fc10]{padding:20px;border-bottom:1px solid #e0e0e0}.sidebar .sidebar-header h1[data-v-4333fc10]{font-size:16px;font-weight:600;color:#1a1a1a;margin:0 0 4px 0}.sidebar .sidebar-header p[data-v-4333fc10]{font-size:12px;color:#666;margin:0}.sidebar .floor-tabs-wrapper[data-v-4333fc10]{border-bottom:1px solid #e0e0e0;background:#f5f5f5;padding:0 12px}.sidebar .floor-tabs-wrapper[data-v-4333fc10] .el-tabs__header{margin:0 0 6px}.sidebar .floor-tabs-wrapper[data-v-4333fc10] .el-tabs__item{font-size:14px}.sidebar .floor-tabs-wrapper[data-v-4333fc10] .el-tabs__item.is-active{color:#3b82f6}.sidebar .floor-tabs-wrapper[data-v-4333fc10] .el-tabs__active-bar{background-color:#3b82f6}.sidebar .floor-tabs-wrapper[data-v-4333fc10] .el-tabs__nav-wrap:after{display:none}.sidebar .room-list[data-v-4333fc10]{flex:1;overflow-y:auto;padding:12px}.sidebar .room-list .room-box[data-v-4333fc10]{margin-bottom:10px}.sidebar .room-list .room-box[data-v-4333fc10]:last-child{margin-bottom:0}.sidebar .room-list[data-v-4333fc10]::-webkit-scrollbar{width:6px}.sidebar .room-list[data-v-4333fc10]::-webkit-scrollbar-thumb{background:#e0e0e0;border-radius:3px}.sidebar .room-list .section-label[data-v-4333fc10]{font-size:14px;font-weight:500;color:#414142;text-transform:uppercase;letter-spacing:.5px;padding:8px 4px 4px;margin-top:8px;margin-bottom:10px}.sidebar .room-list .section-label[data-v-4333fc10]:first-child{margin-top:0}.sidebar .room-list .room-item[data-v-4333fc10]{display:flex;align-items:center;padding:12px 14px;margin-bottom:6px;background:#f5f7fa;border:1px solid transparent;border-radius:8px;cursor:pointer;transition:all .2s}.sidebar .room-list .room-item .room-icon[data-v-4333fc10]{width:32px;height:32px;border-radius:6px;background:#3b82f6;color:#fff;display:flex;align-items:center;justify-content:center;font-size:14px;margin-right:12px;flex-shrink:0}.sidebar .room-list .room-item .room-info[data-v-4333fc10]{flex:1;min-width:0}.sidebar .room-list .room-item .room-info .room-name[data-v-4333fc10]{font-size:14px;font-weight:500;color:#303133;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar .room-list .room-item .room-status[data-v-4333fc10]{width:8px;height:8px;border-radius:50%;background:#10b981;margin-left:8px;flex-shrink:0}.sidebar .room-list .room-item[data-v-4333fc10]:hover{background:#ecf5ff;border-color:#3b82f6}.sidebar .room-list .room-item.active[data-v-4333fc10]{background:#ecf5ff;border-color:#3b82f6;box-shadow:0 0 0 2px rgba(59,130,246,.2)}.sidebar .room-list .room-item.masked[data-v-4333fc10]{border-left:3px solid #3b82f6}.main-content[data-v-4333fc10]{flex:1;padding:16px;display:flex;flex-direction:column;overflow:hidden;min-width:0}.toolbar[data-v-4333fc10]{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;padding:12px 16px;background:#fff;border-radius:10px;box-shadow:0 2px 8px rgba(0,0,0,.1)}.toolbar .toolbar-left .toolbar-title[data-v-4333fc10]{font-size:15px;font-weight:600;color:#303133}.toolbar .toolbar-right[data-v-4333fc10]{display:flex;gap:8px}.content-area[data-v-4333fc10]{flex:1;display:flex;gap:16px;overflow:hidden}.canvas-container[data-v-4333fc10]{flex:1;background:#fff;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.1);overflow:hidden;position:relative;min-width:0}.canvas-container .floor-plan-wrapper[data-v-4333fc10]{position:absolute;width:100%;height:100%;left:0;top:0;overflow:auto}.canvas-container .floor-plan-wrapper .floor-plan-container[data-v-4333fc10]{position:relative;display:inline-block;width:100%;height:100%}.canvas-container .floor-plan-wrapper .floor-plan-container .floor-plan-image[data-v-4333fc10]{max-width:100%;max-height:100%;object-fit:contain;transition:transform .2s;display:block}.canvas-container .floor-plan-wrapper .floor-plan-container .floor-plan-placeholder[data-v-4333fc10]{display:flex;align-items:center;justify-content:center;width:400px;height:300px;color:#909399;font-size:14px;border:2px dashed #e0e0e0;border-radius:8px;margin:200px auto}.canvas-container .floor-plan-wrapper .floor-plan-container .mask-overlay[data-v-4333fc10]{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.canvas-container .floor-plan-wrapper .floor-plan-container .mask-overlay .room-mask[data-v-4333fc10]{position:absolute;border:3px solid;border-radius:4px;cursor:move;pointer-events:all;transition:box-shadow .2s}.canvas-container .floor-plan-wrapper .floor-plan-container .mask-overlay .room-mask .room-mask-label[data-v-4333fc10]{position:absolute;top:-26px;left:0;padding:4px 10px;border-radius:4px;font-size:12px;color:#fff;white-space:nowrap;pointer-events:none}.canvas-container .floor-plan-wrapper .floor-plan-container .mask-overlay .room-mask .resize-handle[data-v-4333fc10]{position:absolute;width:10px;height:10px;border:2px solid #fff;border-radius:2px;pointer-events:all}.canvas-container .floor-plan-wrapper .floor-plan-container .mask-overlay .room-mask .resize-handle.nw[data-v-4333fc10]{top:-5px;left:-5px;cursor:nw-resize}.canvas-container .floor-plan-wrapper .floor-plan-container .mask-overlay .room-mask .resize-handle.n[data-v-4333fc10]{top:-5px;left:50%;transform:translateX(-50%);cursor:n-resize}.canvas-container .floor-plan-wrapper .floor-plan-container .mask-overlay .room-mask .resize-handle.ne[data-v-4333fc10]{top:-5px;right:-5px;cursor:ne-resize}.canvas-container .floor-plan-wrapper .floor-plan-container .mask-overlay .room-mask .resize-handle.w[data-v-4333fc10]{top:50%;left:-5px;transform:translateY(-50%);cursor:w-resize}.canvas-container .floor-plan-wrapper .floor-plan-container .mask-overlay .room-mask .resize-handle.e[data-v-4333fc10]{top:50%;right:-5px;transform:translateY(-50%);cursor:e-resize}.canvas-container .floor-plan-wrapper .floor-plan-container .mask-overlay .room-mask .resize-handle.sw[data-v-4333fc10]{bottom:-5px;left:-5px;cursor:sw-resize}.canvas-container .floor-plan-wrapper .floor-plan-container .mask-overlay .room-mask .resize-handle.s[data-v-4333fc10]{bottom:-5px;left:50%;transform:translateX(-50%);cursor:s-resize}.canvas-container .floor-plan-wrapper .floor-plan-container .mask-overlay .room-mask .resize-handle.se[data-v-4333fc10]{bottom:-5px;right:-5px;cursor:se-resize}.canvas-container .floor-plan-wrapper .floor-plan-container .mask-overlay .room-mask.selected[data-v-4333fc10]{z-index:10}.canvas-container .floor-plan-wrapper .floor-plan-container .mask-overlay .room-mask[data-v-4333fc10]:hover{z-index:5}.canvas-container .stats[data-v-4333fc10]{position:absolute;top:16px;right:16px;background:hsla(0,0%,100%,.95);padding:8px 12px;border-radius:6px;box-shadow:0 2px 8px rgba(0,0,0,.1);font-size:13px;color:#606266;z-index:100}.canvas-container .stats strong[data-v-4333fc10]{color:#3b82f6}.canvas-container .zoom-controls[data-v-4333fc10]{position:absolute;bottom:16px;right:16px;display:flex;gap:4px;background:hsla(0,0%,100%,.95);padding:4px;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.1);z-index:100}.canvas-container .zoom-controls .zoom-btn[data-v-4333fc10]{width:32px;height:32px;border:none;border-radius:4px;background:transparent;cursor:pointer;font-size:18px;display:flex;align-items:center;justify-content:center;transition:background .2s}.canvas-container .zoom-controls .zoom-btn[data-v-4333fc10]:hover{background:#f5f5f5}.canvas-container .zoom-controls .zoom-level[data-v-4333fc10]{padding:0 12px;display:flex;align-items:center;font-size:12px;color:#606266}.property-panel[data-v-4333fc10]{width:280px;background:#fff;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.1);display:flex;flex-direction:column;overflow:hidden;flex-shrink:0}.property-panel .property-header[data-v-4333fc10]{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid #e0e0e0}.property-panel .property-header .property-title[data-v-4333fc10]{font-size:14px;font-weight:600;color:#303133}.property-panel .property-header .property-close[data-v-4333fc10]{width:24px;height:24px;border:none;background:#f5f5f5;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:16px;color:#606266;transition:all .2s}.property-panel .property-header .property-close[data-v-4333fc10]:hover{background:#e0e0e0;color:#303133}.property-panel .property-content[data-v-4333fc10]{flex:1;padding:12px;overflow-y:auto}.property-panel .property-content .property-empty[data-v-4333fc10]{text-align:center;padding:40px 20px;color:#909399;font-size:13px}.property-panel .property-content[data-v-4333fc10] .property-form .property-field{margin-bottom:0;border-bottom:1px solid #f0f0f0}.property-panel .property-content[data-v-4333fc10] .property-form .property-field:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.property-panel .property-content[data-v-4333fc10] .property-form .property-field .el-form-item__label{font-size:12px;font-weight:500;color:#909399;margin-bottom:0;display:block}.property-panel .property-content[data-v-4333fc10] .property-form .property-field .property-value{font-size:14px;color:#303133}.property-panel .property-content[data-v-4333fc10] .property-form .property-field .color-picker-wrapper{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.property-panel .property-content[data-v-4333fc10] .property-form .property-field .color-picker-wrapper .color-presets{display:flex;gap:4px;flex-wrap:wrap}.property-panel .property-content[data-v-4333fc10] .property-form .property-field .color-picker-wrapper .color-presets .color-preset{width:20px;height:20px;border:2px solid transparent;border-radius:3px;cursor:pointer;transition:all .2s}.property-panel .property-content[data-v-4333fc10] .property-form .property-field .color-picker-wrapper .color-presets .color-preset:hover{transform:scale(1.15)}.property-panel .property-content[data-v-4333fc10] .property-form .property-field .color-picker-wrapper .color-presets .color-preset.active{border-color:#303133}.property-panel .property-content[data-v-4333fc10] .property-form .property-field .opacity-control{display:flex;align-items:center;gap:8px}.property-panel .property-content[data-v-4333fc10] .property-form .property-field .opacity-control .opacity-value{font-size:12px;color:#909399;min-width:32px;text-align:right}.property-panel .property-content[data-v-4333fc10] .property-form .property-field .position-inputs{display:flex;gap:8px}.property-panel .property-content[data-v-4333fc10] .property-form .property-field .position-inputs .position-input{flex:1;display:flex;align-items:center;gap:4px}.property-panel .property-content[data-v-4333fc10] .property-form .property-field .position-inputs .position-input span{font-size:11px;color:#909399}.property-panel .property-content[data-v-4333fc10] .property-form .property-field .position-inputs .position-input ::v-deep .el-input-number{width:100%}.property-panel .property-content[data-v-4333fc10] .property-form .property-actions{margin-top:16px;text-align:center}.property-panel .property-content[data-v-4333fc10] .property-form .property-actions .property-btn{width:100%;padding:10px 12px;border:1px solid #e0e0e0;border-radius:6px;background:#fff;cursor:pointer;font-size:13px;transition:all .2s}.property-panel .property-content[data-v-4333fc10] .property-form .property-actions .property-btn:hover{background:#f5f5f5}.property-panel .property-content[data-v-4333fc10] .property-form .property-actions .property-btn.delete{color:#ef4444;border-color:#ef4444}.property-panel .property-content[data-v-4333fc10] .property-form .property-actions .property-btn.delete:hover{background:#fef2f2}[data-v-4333fc10] .number--mini{width:100px!important;margin-left:5px!important}[data-v-4333fc10] .slider-wrapper{flex:1!important}.setting-item[data-v-4333fc10]{margin-bottom:20px}.setting-item .setting-label[data-v-4333fc10]{font-size:13px;font-weight:500;color:#606266;margin-bottom:8px;display:flex;align-items:center;justify-content:space-between}.setting-item .setting-label .setting-value[data-v-4333fc10]{font-weight:400;color:#3b82f6}.setting-item .color-picker-wrapper[data-v-4333fc10]{display:flex;align-items:center}.setting-item .color-picker-wrapper[data-v-4333fc10] .color-presets{display:flex;gap:4px;flex-wrap:wrap}.setting-item .color-picker-wrapper[data-v-4333fc10] .color-presets .color-preset{width:20px;height:20px;border:2px solid transparent;border-radius:3px;cursor:pointer;transition:all .2s}.setting-item .color-picker-wrapper[data-v-4333fc10] .color-presets .color-preset:hover{transform:scale(1.15)}.setting-item .color-picker-wrapper[data-v-4333fc10] .color-presets .color-preset.active{border-color:#303133}.setting-item[data-v-4333fc10] .el-slider{margin-top:8px}.space-design[data-v-7cc3c5d3]{display:flex;width:100%;height:100%;background:#f5f5f5;overflow:hidden;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,sans-serif}.sidebar[data-v-7cc3c5d3]{width:280px;background:#fff;border-right:1px solid #e0e0e0;display:flex;flex-direction:column;box-shadow:0 2px 8px rgba(0,0,0,.1);flex-shrink:0}.sidebar .sidebar-header[data-v-7cc3c5d3]{padding:20px;border-bottom:1px solid #e0e0e0}.sidebar .sidebar-header h1[data-v-7cc3c5d3]{font-size:16px;font-weight:600;color:#1a1a1a;margin:0 0 4px 0}.sidebar .sidebar-header p[data-v-7cc3c5d3]{font-size:12px;color:#666;margin:0}.sidebar .floor-tabs-wrapper[data-v-7cc3c5d3]{border-bottom:1px solid #e0e0e0;background:#f5f5f5;padding:0 12px}.sidebar .floor-tabs-wrapper[data-v-7cc3c5d3] .el-tabs__header{margin:0 0 6px}.sidebar .floor-tabs-wrapper[data-v-7cc3c5d3] .el-tabs__item{font-size:14px}.sidebar .floor-tabs-wrapper[data-v-7cc3c5d3] .el-tabs__item.is-active{color:#3b82f6}.sidebar .floor-tabs-wrapper[data-v-7cc3c5d3] .el-tabs__active-bar{background-color:#3b82f6}.sidebar .floor-tabs-wrapper[data-v-7cc3c5d3] .el-tabs__nav-wrap:after{display:none}.sidebar .room-list[data-v-7cc3c5d3]{flex:1;overflow-y:auto;padding:12px}.sidebar .room-list .room-box[data-v-7cc3c5d3]{margin-bottom:10px}.sidebar .room-list .room-box[data-v-7cc3c5d3]:last-child{margin-bottom:0}.sidebar .room-list[data-v-7cc3c5d3]::-webkit-scrollbar{width:6px}.sidebar .room-list[data-v-7cc3c5d3]::-webkit-scrollbar-thumb{background:#e0e0e0;border-radius:3px}.sidebar .room-list .section-label[data-v-7cc3c5d3]{font-size:14px;font-weight:500;color:#414142;text-transform:uppercase;letter-spacing:.5px;padding:8px 4px 4px;margin-top:8px;margin-bottom:10px}.sidebar .room-list .section-label[data-v-7cc3c5d3]:first-child{margin-top:0}.sidebar .room-list .room-item[data-v-7cc3c5d3]{display:flex;align-items:center;padding:12px 14px;margin-bottom:6px;background:#f5f7fa;border:1px solid transparent;border-radius:8px;cursor:pointer;transition:all .2s}.sidebar .room-list .room-item .room-icon[data-v-7cc3c5d3]{width:32px;height:32px;border-radius:6px;background:#3b82f6;color:#fff;display:flex;align-items:center;justify-content:center;font-size:14px;margin-right:12px;flex-shrink:0}.sidebar .room-list .room-item .room-info[data-v-7cc3c5d3]{flex:1;min-width:0}.sidebar .room-list .room-item .room-info .room-name[data-v-7cc3c5d3]{font-size:14px;font-weight:500;color:#303133;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar .room-list .room-item .room-status[data-v-7cc3c5d3]{width:8px;height:8px;border-radius:50%;background:#10b981;margin-left:8px;flex-shrink:0}.sidebar .room-list .room-item[data-v-7cc3c5d3]:hover{background:#ecf5ff;border-color:#3b82f6}.sidebar .room-list .room-item.active[data-v-7cc3c5d3]{background:#ecf5ff;border-color:#3b82f6;box-shadow:0 0 0 2px rgba(59,130,246,.2)}.sidebar .room-list .room-item.masked[data-v-7cc3c5d3]{border-left:3px solid #3b82f6}.main-content[data-v-7cc3c5d3]{flex:1;padding:16px;display:flex;flex-direction:column;overflow:hidden;min-width:0}.toolbar[data-v-7cc3c5d3]{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;padding:12px 16px;background:#fff;border-radius:10px;box-shadow:0 2px 8px rgba(0,0,0,.1)}.toolbar .toolbar-left .toolbar-title[data-v-7cc3c5d3]{font-size:15px;font-weight:600;color:#303133}.toolbar .toolbar-right[data-v-7cc3c5d3]{display:flex;gap:8px}.content-area[data-v-7cc3c5d3]{flex:1;display:flex;gap:16px;overflow:hidden}.canvas-container[data-v-7cc3c5d3]{flex:1;background:#fff;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.1);overflow:hidden;position:relative;min-width:0}.canvas-container .floor-plan-wrapper[data-v-7cc3c5d3]{position:absolute;width:100%;height:100%;left:0;top:0;overflow:auto}.canvas-container .floor-plan-wrapper .floor-plan-container[data-v-7cc3c5d3]{position:relative;display:inline-block;width:100%;height:100%}.canvas-container .floor-plan-wrapper .floor-plan-container .floor-plan-image[data-v-7cc3c5d3]{max-width:100%;max-height:100%;object-fit:contain;transition:transform .2s;display:block}.canvas-container .floor-plan-wrapper .floor-plan-container .floor-plan-placeholder[data-v-7cc3c5d3]{display:flex;align-items:center;justify-content:center;width:400px;height:300px;color:#909399;font-size:14px;border:2px dashed #e0e0e0;border-radius:8px;margin:200px auto}.canvas-container .floor-plan-wrapper .floor-plan-container .mask-overlay[data-v-7cc3c5d3]{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.canvas-container .floor-plan-wrapper .floor-plan-container .mask-overlay .room-mask[data-v-7cc3c5d3]{position:absolute;border:3px solid;border-radius:4px;cursor:move;pointer-events:all;transition:box-shadow .2s}.canvas-container .floor-plan-wrapper .floor-plan-container .mask-overlay .room-mask .room-mask-label[data-v-7cc3c5d3]{position:absolute;top:-26px;left:0;padding:4px 10px;border-radius:4px;font-size:12px;color:#fff;white-space:nowrap;pointer-events:none}.canvas-container .floor-plan-wrapper .floor-plan-container .mask-overlay .room-mask .resize-handle[data-v-7cc3c5d3]{position:absolute;width:10px;height:10px;border:2px solid #fff;border-radius:2px;pointer-events:all}.canvas-container .floor-plan-wrapper .floor-plan-container .mask-overlay .room-mask .resize-handle.nw[data-v-7cc3c5d3]{top:-5px;left:-5px;cursor:nw-resize}.canvas-container .floor-plan-wrapper .floor-plan-container .mask-overlay .room-mask .resize-handle.n[data-v-7cc3c5d3]{top:-5px;left:50%;transform:translateX(-50%);cursor:n-resize}.canvas-container .floor-plan-wrapper .floor-plan-container .mask-overlay .room-mask .resize-handle.ne[data-v-7cc3c5d3]{top:-5px;right:-5px;cursor:ne-resize}.canvas-container .floor-plan-wrapper .floor-plan-container .mask-overlay .room-mask .resize-handle.w[data-v-7cc3c5d3]{top:50%;left:-5px;transform:translateY(-50%);cursor:w-resize}.canvas-container .floor-plan-wrapper .floor-plan-container .mask-overlay .room-mask .resize-handle.e[data-v-7cc3c5d3]{top:50%;right:-5px;transform:translateY(-50%);cursor:e-resize}.canvas-container .floor-plan-wrapper .floor-plan-container .mask-overlay .room-mask .resize-handle.sw[data-v-7cc3c5d3]{bottom:-5px;left:-5px;cursor:sw-resize}.canvas-container .floor-plan-wrapper .floor-plan-container .mask-overlay .room-mask .resize-handle.s[data-v-7cc3c5d3]{bottom:-5px;left:50%;transform:translateX(-50%);cursor:s-resize}.canvas-container .floor-plan-wrapper .floor-plan-container .mask-overlay .room-mask .resize-handle.se[data-v-7cc3c5d3]{bottom:-5px;right:-5px;cursor:se-resize}.canvas-container .floor-plan-wrapper .floor-plan-container .mask-overlay .room-mask.selected[data-v-7cc3c5d3]{z-index:10}.canvas-container .floor-plan-wrapper .floor-plan-container .mask-overlay .room-mask[data-v-7cc3c5d3]:hover{z-index:5}.canvas-container .stats[data-v-7cc3c5d3]{position:absolute;top:16px;right:16px;background:hsla(0,0%,100%,.95);padding:8px 12px;border-radius:6px;box-shadow:0 2px 8px rgba(0,0,0,.1);font-size:13px;color:#606266;z-index:100}.canvas-container .stats strong[data-v-7cc3c5d3]{color:#3b82f6}.canvas-container .zoom-controls[data-v-7cc3c5d3]{position:absolute;bottom:16px;right:16px;display:flex;gap:4px;background:hsla(0,0%,100%,.95);padding:4px;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.1);z-index:100}.canvas-container .zoom-controls .zoom-btn[data-v-7cc3c5d3]{width:32px;height:32px;border:none;border-radius:4px;background:transparent;cursor:pointer;font-size:18px;display:flex;align-items:center;justify-content:center;transition:background .2s}.canvas-container .zoom-controls .zoom-btn[data-v-7cc3c5d3]:hover{background:#f5f5f5}.canvas-container .zoom-controls .zoom-level[data-v-7cc3c5d3]{padding:0 12px;display:flex;align-items:center;font-size:12px;color:#606266}.property-panel[data-v-7cc3c5d3]{width:280px;background:#fff;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.1);display:flex;flex-direction:column;overflow:hidden;flex-shrink:0}.property-panel .property-header[data-v-7cc3c5d3]{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid #e0e0e0}.property-panel .property-header .property-title[data-v-7cc3c5d3]{font-size:14px;font-weight:600;color:#303133}.property-panel .property-header .property-close[data-v-7cc3c5d3]{width:24px;height:24px;border:none;background:#f5f5f5;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:16px;color:#606266;transition:all .2s}.property-panel .property-header .property-close[data-v-7cc3c5d3]:hover{background:#e0e0e0;color:#303133}.property-panel .property-content[data-v-7cc3c5d3]{flex:1;padding:12px;overflow-y:auto}.property-panel .property-content .property-empty[data-v-7cc3c5d3]{text-align:center;padding:40px 20px;color:#909399;font-size:13px}.property-panel .property-content[data-v-7cc3c5d3] .property-form .property-field{margin-bottom:0;border-bottom:1px solid #f0f0f0}.property-panel .property-content[data-v-7cc3c5d3] .property-form .property-field:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.property-panel .property-content[data-v-7cc3c5d3] .property-form .property-field .el-form-item__label{font-size:12px;font-weight:500;color:#909399;margin-bottom:0;display:block}.property-panel .property-content[data-v-7cc3c5d3] .property-form .property-field .property-value{font-size:14px;color:#303133}.property-panel .property-content[data-v-7cc3c5d3] .property-form .property-field .color-picker-wrapper{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.property-panel .property-content[data-v-7cc3c5d3] .property-form .property-field .color-picker-wrapper .color-presets{display:flex;gap:4px;flex-wrap:wrap}.property-panel .property-content[data-v-7cc3c5d3] .property-form .property-field .color-picker-wrapper .color-presets .color-preset{width:20px;height:20px;border:2px solid transparent;border-radius:3px;cursor:pointer;transition:all .2s}.property-panel .property-content[data-v-7cc3c5d3] .property-form .property-field .color-picker-wrapper .color-presets .color-preset:hover{transform:scale(1.15)}.property-panel .property-content[data-v-7cc3c5d3] .property-form .property-field .color-picker-wrapper .color-presets .color-preset.active{border-color:#303133}.property-panel .property-content[data-v-7cc3c5d3] .property-form .property-field .opacity-control{display:flex;align-items:center;gap:8px}.property-panel .property-content[data-v-7cc3c5d3] .property-form .property-field .opacity-control .opacity-value{font-size:12px;color:#909399;min-width:32px;text-align:right}.property-panel .property-content[data-v-7cc3c5d3] .property-form .property-field .position-inputs{display:flex;gap:8px}.property-panel .property-content[data-v-7cc3c5d3] .property-form .property-field .position-inputs .position-input{flex:1;display:flex;align-items:center;gap:4px}.property-panel .property-content[data-v-7cc3c5d3] .property-form .property-field .position-inputs .position-input span{font-size:11px;color:#909399}.property-panel .property-content[data-v-7cc3c5d3] .property-form .property-field .position-inputs .position-input ::v-deep .el-input-number{width:100%}.property-panel .property-content[data-v-7cc3c5d3] .property-form .property-actions{margin-top:16px;text-align:center}.property-panel .property-content[data-v-7cc3c5d3] .property-form .property-actions .property-btn{width:100%;padding:10px 12px;border:1px solid #e0e0e0;border-radius:6px;background:#fff;cursor:pointer;font-size:13px;transition:all .2s}.property-panel .property-content[data-v-7cc3c5d3] .property-form .property-actions .property-btn:hover{background:#f5f5f5}.property-panel .property-content[data-v-7cc3c5d3] .property-form .property-actions .property-btn.delete{color:#ef4444;border-color:#ef4444}.property-panel .property-content[data-v-7cc3c5d3] .property-form .property-actions .property-btn.delete:hover{background:#fef2f2}[data-v-7cc3c5d3] .number--mini{width:100px!important;margin-left:5px!important}[data-v-7cc3c5d3] .slider-wrapper{flex:1!important}.setting-item[data-v-7cc3c5d3]{margin-bottom:20px}.setting-item .setting-label[data-v-7cc3c5d3]{font-size:13px;font-weight:500;color:#606266;margin-bottom:8px;display:flex;align-items:center;justify-content:space-between}.setting-item .setting-label .setting-value[data-v-7cc3c5d3]{font-weight:400;color:#3b82f6}.setting-item .color-picker-wrapper[data-v-7cc3c5d3]{display:flex;align-items:center}.setting-item .color-picker-wrapper[data-v-7cc3c5d3] .color-presets{display:flex;gap:4px;flex-wrap:wrap}.setting-item .color-picker-wrapper[data-v-7cc3c5d3] .color-presets .color-preset{width:20px;height:20px;border:2px solid transparent;border-radius:3px;cursor:pointer;transition:all .2s}.setting-item .color-picker-wrapper[data-v-7cc3c5d3] .color-presets .color-preset:hover{transform:scale(1.15)}.setting-item .color-picker-wrapper[data-v-7cc3c5d3] .color-presets .color-preset.active{border-color:#303133}.setting-item[data-v-7cc3c5d3] .el-slider{margin-top:8px}.space-design[data-v-4e84c932]{display:flex;width:100%;height:100%;background:#f5f5f5;overflow:hidden;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,sans-serif}.sidebar[data-v-4e84c932]{width:280px;background:#fff;border-right:1px solid #e0e0e0;display:flex;flex-direction:column;box-shadow:0 2px 8px rgba(0,0,0,.1);flex-shrink:0}.sidebar .sidebar-header[data-v-4e84c932]{padding:20px;border-bottom:1px solid #e0e0e0}.sidebar .sidebar-header h1[data-v-4e84c932]{font-size:16px;font-weight:600;color:#1a1a1a;margin:0 0 4px 0}.sidebar .sidebar-header p[data-v-4e84c932]{font-size:12px;color:#666;margin:0}.sidebar .floor-tabs-wrapper[data-v-4e84c932]{border-bottom:1px solid #e0e0e0;background:#f5f5f5;padding:0 12px}.sidebar .floor-tabs-wrapper[data-v-4e84c932] .el-tabs__header{margin:0 0 6px}.sidebar .floor-tabs-wrapper[data-v-4e84c932] .el-tabs__item{font-size:14px}.sidebar .floor-tabs-wrapper[data-v-4e84c932] .el-tabs__item.is-active{color:#3b82f6}.sidebar .floor-tabs-wrapper[data-v-4e84c932] .el-tabs__active-bar{background-color:#3b82f6}.sidebar .floor-tabs-wrapper[data-v-4e84c932] .el-tabs__nav-wrap:after{display:none}.sidebar .room-list[data-v-4e84c932]{flex:1;overflow-y:auto;padding:12px}.sidebar .room-list .room-box[data-v-4e84c932]{margin-bottom:10px}.sidebar .room-list .room-box[data-v-4e84c932]:last-child{margin-bottom:0}.sidebar .room-list[data-v-4e84c932]::-webkit-scrollbar{width:6px}.sidebar .room-list[data-v-4e84c932]::-webkit-scrollbar-thumb{background:#e0e0e0;border-radius:3px}.sidebar .room-list .section-label[data-v-4e84c932]{font-size:14px;font-weight:500;color:#414142;text-transform:uppercase;letter-spacing:.5px;padding:8px 4px 4px;margin-top:8px;margin-bottom:10px}.sidebar .room-list .section-label[data-v-4e84c932]:first-child{margin-top:0}.sidebar .room-list .room-item[data-v-4e84c932]{display:flex;align-items:center;padding:12px 14px;margin-bottom:6px;background:#f5f7fa;border:1px solid transparent;border-radius:8px;cursor:pointer;transition:all .2s}.sidebar .room-list .room-item .room-icon[data-v-4e84c932]{width:32px;height:32px;border-radius:6px;background:#3b82f6;color:#fff;display:flex;align-items:center;justify-content:center;font-size:14px;margin-right:12px;flex-shrink:0}.sidebar .room-list .room-item .room-info[data-v-4e84c932]{flex:1;min-width:0}.sidebar .room-list .room-item .room-info .room-name[data-v-4e84c932]{font-size:14px;font-weight:500;color:#303133;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar .room-list .room-item .room-status[data-v-4e84c932]{width:8px;height:8px;border-radius:50%;background:#10b981;margin-left:8px;flex-shrink:0}.sidebar .room-list .room-item[data-v-4e84c932]:hover{background:#ecf5ff;border-color:#3b82f6}.sidebar .room-list .room-item.active[data-v-4e84c932]{background:#ecf5ff;border-color:#3b82f6;box-shadow:0 0 0 2px rgba(59,130,246,.2)}.sidebar .room-list .room-item.masked[data-v-4e84c932]{border-left:3px solid #3b82f6}.main-content[data-v-4e84c932]{flex:1;padding:16px;display:flex;flex-direction:column;overflow:hidden;min-width:0}.toolbar[data-v-4e84c932]{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;padding:12px 16px;background:#fff;border-radius:10px;box-shadow:0 2px 8px rgba(0,0,0,.1)}.toolbar .toolbar-left .toolbar-title[data-v-4e84c932]{font-size:15px;font-weight:600;color:#303133}.toolbar .toolbar-right[data-v-4e84c932]{display:flex;gap:8px}.content-area[data-v-4e84c932]{flex:1;display:flex;gap:16px;overflow:hidden}.canvas-container[data-v-4e84c932]{flex:1;background:#fff;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.1);overflow:hidden;position:relative;min-width:0}.canvas-container .floor-plan-wrapper[data-v-4e84c932]{position:absolute;width:100%;height:100%;left:0;top:0;overflow:auto}.canvas-container .floor-plan-wrapper .floor-plan-container[data-v-4e84c932]{position:relative;display:inline-block;width:100%;height:100%}.canvas-container .floor-plan-wrapper .floor-plan-container .floor-plan-image[data-v-4e84c932]{max-width:100%;max-height:100%;object-fit:contain;transition:transform .2s;display:block}.canvas-container .floor-plan-wrapper .floor-plan-container .floor-plan-placeholder[data-v-4e84c932]{display:flex;align-items:center;justify-content:center;width:400px;height:300px;color:#909399;font-size:14px;border:2px dashed #e0e0e0;border-radius:8px;margin:200px auto}.canvas-container .floor-plan-wrapper .floor-plan-container .mask-overlay[data-v-4e84c932]{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.canvas-container .floor-plan-wrapper .floor-plan-container .mask-overlay .room-mask[data-v-4e84c932]{position:absolute;border:3px solid;border-radius:4px;cursor:move;pointer-events:all;transition:box-shadow .2s}.canvas-container .floor-plan-wrapper .floor-plan-container .mask-overlay .room-mask .room-mask-label[data-v-4e84c932]{position:absolute;top:-26px;left:0;padding:4px 10px;border-radius:4px;font-size:12px;color:#fff;white-space:nowrap;pointer-events:none}.canvas-container .floor-plan-wrapper .floor-plan-container .mask-overlay .room-mask .device-count-badge[data-v-4e84c932]{position:absolute;top:-8px;right:-8px;min-width:18px;height:18px;padding:0 5px;background:#ff4949;color:#fff;border-radius:9px;font-size:11px;font-weight:600;display:flex;align-items:center;justify-content:center;box-shadow:0 1px 3px rgba(0,0,0,.3);z-index:10}.canvas-container .floor-plan-wrapper .floor-plan-container .mask-overlay .room-mask .device-icon-list[data-v-4e84c932]{position:absolute;bottom:4px;right:4px;display:flex;flex-direction:row-reverse;gap:4px}.canvas-container .floor-plan-wrapper .floor-plan-container .mask-overlay .room-mask .device-icon-list .device-point[data-v-4e84c932]{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:rgba(59,130,246,.9);border-radius:4px;cursor:pointer;transition:all .2s;box-shadow:0 1px 3px rgba(0,0,0,.3)}.canvas-container .floor-plan-wrapper .floor-plan-container .mask-overlay .room-mask .device-icon-list .device-point[data-v-4e84c932]:hover{transform:scale(1.2);background:#3b82f6}.canvas-container .floor-plan-wrapper .floor-plan-container .mask-overlay .room-mask .device-icon-list .device-point i[data-v-4e84c932]{font-size:14px;color:#fff}.canvas-container .floor-plan-wrapper .floor-plan-container .mask-overlay .room-mask .resize-handle[data-v-4e84c932]{position:absolute;width:10px;height:10px;border:2px solid #fff;border-radius:2px;pointer-events:all}.canvas-container .floor-plan-wrapper .floor-plan-container .mask-overlay .room-mask .resize-handle.nw[data-v-4e84c932]{top:-5px;left:-5px;cursor:nw-resize}.canvas-container .floor-plan-wrapper .floor-plan-container .mask-overlay .room-mask .resize-handle.n[data-v-4e84c932]{top:-5px;left:50%;transform:translateX(-50%);cursor:n-resize}.canvas-container .floor-plan-wrapper .floor-plan-container .mask-overlay .room-mask .resize-handle.ne[data-v-4e84c932]{top:-5px;right:-5px;cursor:ne-resize}.canvas-container .floor-plan-wrapper .floor-plan-container .mask-overlay .room-mask .resize-handle.w[data-v-4e84c932]{top:50%;left:-5px;transform:translateY(-50%);cursor:w-resize}.canvas-container .floor-plan-wrapper .floor-plan-container .mask-overlay .room-mask .resize-handle.e[data-v-4e84c932]{top:50%;right:-5px;transform:translateY(-50%);cursor:e-resize}.canvas-container .floor-plan-wrapper .floor-plan-container .mask-overlay .room-mask .resize-handle.sw[data-v-4e84c932]{bottom:-5px;left:-5px;cursor:sw-resize}.canvas-container .floor-plan-wrapper .floor-plan-container .mask-overlay .room-mask .resize-handle.s[data-v-4e84c932]{bottom:-5px;left:50%;transform:translateX(-50%);cursor:s-resize}.canvas-container .floor-plan-wrapper .floor-plan-container .mask-overlay .room-mask .resize-handle.se[data-v-4e84c932]{bottom:-5px;right:-5px;cursor:se-resize}.canvas-container .floor-plan-wrapper .floor-plan-container .mask-overlay .room-mask.selected[data-v-4e84c932]{z-index:10}.canvas-container .floor-plan-wrapper .floor-plan-container .mask-overlay .room-mask[data-v-4e84c932]:hover{z-index:5}.canvas-container .stats[data-v-4e84c932]{position:absolute;top:16px;right:16px;background:hsla(0,0%,100%,.95);padding:8px 12px;border-radius:6px;box-shadow:0 2px 8px rgba(0,0,0,.1);font-size:13px;color:#606266;z-index:100}.canvas-container .stats strong[data-v-4e84c932]{color:#3b82f6}.canvas-container .zoom-controls[data-v-4e84c932]{position:absolute;bottom:16px;right:16px;display:flex;gap:4px;background:hsla(0,0%,100%,.95);padding:4px;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.1);z-index:100}.canvas-container .zoom-controls .zoom-btn[data-v-4e84c932]{width:32px;height:32px;border:none;border-radius:4px;background:transparent;cursor:pointer;font-size:18px;display:flex;align-items:center;justify-content:center;transition:background .2s}.canvas-container .zoom-controls .zoom-btn[data-v-4e84c932]:hover{background:#f5f5f5}.canvas-container .zoom-controls .zoom-level[data-v-4e84c932]{padding:0 12px;display:flex;align-items:center;font-size:12px;color:#606266}.property-panel[data-v-4e84c932]{width:280px;background:#fff;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.1);display:flex;flex-direction:column;overflow:hidden;flex-shrink:0}.property-panel .property-header[data-v-4e84c932]{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid #e0e0e0}.property-panel .property-header .property-title[data-v-4e84c932]{font-size:14px;font-weight:600;color:#303133}.property-panel .property-header .property-close[data-v-4e84c932]{width:24px;height:24px;border:none;background:#f5f5f5;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:16px;color:#606266;transition:all .2s}.property-panel .property-header .property-close[data-v-4e84c932]:hover{background:#e0e0e0;color:#303133}.property-panel .property-content[data-v-4e84c932]{flex:1;padding:12px;overflow-y:auto}.property-panel .property-content .property-empty[data-v-4e84c932]{text-align:center;padding:40px 20px;color:#909399;font-size:13px}.property-panel .property-content[data-v-4e84c932] .property-form .property-field{margin-bottom:0;border-bottom:1px solid #f0f0f0}.property-panel .property-content[data-v-4e84c932] .property-form .property-field:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.property-panel .property-content[data-v-4e84c932] .property-form .property-field .el-form-item__label{font-size:12px;font-weight:500;color:#909399;margin-bottom:0;display:block}.property-panel .property-content[data-v-4e84c932] .property-form .property-field .property-value{font-size:14px;color:#303133}.property-panel .property-content[data-v-4e84c932] .property-form .property-field .color-picker-wrapper{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.property-panel .property-content[data-v-4e84c932] .property-form .property-field .color-picker-wrapper .color-presets{display:flex;gap:4px;flex-wrap:wrap}.property-panel .property-content[data-v-4e84c932] .property-form .property-field .color-picker-wrapper .color-presets .color-preset{width:20px;height:20px;border:2px solid transparent;border-radius:3px;cursor:pointer;transition:all .2s}.property-panel .property-content[data-v-4e84c932] .property-form .property-field .color-picker-wrapper .color-presets .color-preset:hover{transform:scale(1.15)}.property-panel .property-content[data-v-4e84c932] .property-form .property-field .color-picker-wrapper .color-presets .color-preset.active{border-color:#303133}.property-panel .property-content[data-v-4e84c932] .property-form .property-field .opacity-control{display:flex;align-items:center;gap:8px}.property-panel .property-content[data-v-4e84c932] .property-form .property-field .opacity-control .opacity-value{font-size:12px;color:#909399;min-width:32px;text-align:right}.property-panel .property-content[data-v-4e84c932] .property-form .property-field .position-inputs{display:flex;gap:8px}.property-panel .property-content[data-v-4e84c932] .property-form .property-field .position-inputs .position-input{flex:1;display:flex;align-items:center;gap:4px}.property-panel .property-content[data-v-4e84c932] .property-form .property-field .position-inputs .position-input span{font-size:11px;color:#909399}.property-panel .property-content[data-v-4e84c932] .property-form .property-field .position-inputs .position-input ::v-deep .el-input-number{width:100%}.property-panel .property-content[data-v-4e84c932] .property-form .property-actions{margin-top:16px;text-align:center}.property-panel .property-content[data-v-4e84c932] .property-form .property-actions .property-btn{width:100%;padding:10px 12px;border:1px solid #e0e0e0;border-radius:6px;background:#fff;cursor:pointer;font-size:13px;transition:all .2s}.property-panel .property-content[data-v-4e84c932] .property-form .property-actions .property-btn:hover{background:#f5f5f5}.property-panel .property-content[data-v-4e84c932] .property-form .property-actions .property-btn.delete{color:#ef4444;border-color:#ef4444}.property-panel .property-content[data-v-4e84c932] .property-form .property-actions .property-btn.delete:hover{background:#fef2f2}[data-v-4e84c932] .number--mini{width:100px!important;margin-left:5px!important}[data-v-4e84c932] .slider-wrapper{flex:1!important}.setting-item[data-v-4e84c932]{margin-bottom:20px}.setting-item .setting-label[data-v-4e84c932]{font-size:13px;font-weight:500;color:#606266;margin-bottom:8px;display:flex;align-items:center;justify-content:space-between}.setting-item .setting-label .setting-value[data-v-4e84c932]{font-weight:400;color:#3b82f6}.setting-item .color-picker-wrapper[data-v-4e84c932]{display:flex;align-items:center}.setting-item .color-picker-wrapper[data-v-4e84c932] .color-presets{display:flex;gap:4px;flex-wrap:wrap}.setting-item .color-picker-wrapper[data-v-4e84c932] .color-presets .color-preset{width:20px;height:20px;border:2px solid transparent;border-radius:3px;cursor:pointer;transition:all .2s}.setting-item .color-picker-wrapper[data-v-4e84c932] .color-presets .color-preset:hover{transform:scale(1.15)}.setting-item .color-picker-wrapper[data-v-4e84c932] .color-presets .color-preset.active{border-color:#303133}.setting-item[data-v-4e84c932] .el-slider{margin-top:8px}.device-dialog .device-detail .device-header{display:flex;align-items:center;gap:12px;padding:16px;background:#f5f7fa;border-radius:8px;margin-bottom:16px}.device-dialog .device-detail .device-header i{font-size:32px;color:#3b82f6}.device-dialog .device-detail .device-header .device-name{font-size:18px;font-weight:600;color:#303133}.device-dialog .device-detail .device-info-list .device-info-item{display:flex;align-items:center;padding:12px 0;border-bottom:1px solid #ebeef5}.device-dialog .device-detail .device-info-list .device-info-item:last-child{border-bottom:none}.device-dialog .device-detail .device-info-list .device-info-item .label{width:100px;color:#909399;font-size:14px}.device-dialog .device-detail .device-info-list .device-info-item .value{flex:1;color:#303133;font-size:14px}.display-space-container[data-v-977f1628]{width:100%;height:100%;display:flex;flex-direction:column}.display-space-container .empty-wrapper[data-v-977f1628],.display-space-container .loading-wrapper[data-v-977f1628]{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#999}.display-space-container .empty-wrapper i[data-v-977f1628],.display-space-container .loading-wrapper i[data-v-977f1628]{font-size:24px;margin-bottom:10px}.display-space-container .display-wrapper[data-v-977f1628]{flex:1;display:flex;flex-direction:column;overflow:hidden}.display-space-container .display-wrapper .display-header[data-v-977f1628]{padding:10px 20px;background:#fff;border-bottom:1px solid #eee;display:flex;align-items:center}.display-space-container .display-wrapper .display-header .display-title[data-v-977f1628]{margin-left:20px;font-size:16px;font-weight:500}