.app-container[data-v-2c777d58]{margin:10px;padding:20px;min-height:100vh;background-color:#f5f7fa}.query-card[data-v-2c777d58]{background:#fff;border-radius:12px;border:1px solid #ebeef5;padding:24px;margin-bottom:20px;-webkit-box-shadow:0 2px 12px rgba(0,0,0,.06);box-shadow:0 2px 12px rgba(0,0,0,.06)}.query-card .el-form[data-v-2c777d58]{margin-bottom:16px}.query-card[data-v-2c777d58] .el-form-item{margin-bottom:0;margin-right:16px}.query-card[data-v-2c777d58] .el-input__inner,.query-card[data-v-2c777d58] .el-select .el-input__inner{border-radius:8px;border:1px solid #dcdfe6;-webkit-transition:all .3s;transition:all .3s}.query-card[data-v-2c777d58] .el-input__inner:hover,.query-card[data-v-2c777d58] .el-select .el-input__inner:hover{border-color:#c0c4cc}.query-card[data-v-2c777d58] .el-input__inner:focus,.query-card[data-v-2c777d58] .el-select .el-input__inner:focus{border-color:#409eff}.query-card[data-v-2c777d58] .el-button--primary{border-radius:8px;padding:12px 24px;font-weight:500}.status-legend[data-v-2c777d58]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-top:6px;border-top:1px solid #f0f0f0}.status-legend .legend-title[data-v-2c777d58]{font-size:14px;color:#606266;font-weight:500;margin-right:20px}.status-legend .legend-item[data-v-2c777d58]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-right:24px}.status-legend .legend-item .legend-dot[data-v-2c777d58]{width:12px;height:12px;border-radius:3px;margin-right:8px}.status-legend .legend-item .legend-text[data-v-2c777d58]{font-size:13px;color:#606266}.data-container[data-v-2c777d58]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:16px}.device-card[data-v-2c777d58]{background:#fff;border-radius:12px;border:1px solid #ebeef5;padding:10px 20px;-webkit-box-shadow:0 2px 12px rgba(0,0,0,.06);box-shadow:0 2px 12px rgba(0,0,0,.06);-webkit-transition:all .3s ease;transition:all .3s ease}.device-card[data-v-2c777d58]:hover{-webkit-box-shadow:0 4px 10px rgba(0,0,0,.1);box-shadow:0 4px 10px rgba(0,0,0,.1);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.device-info[data-v-2c777d58]{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:10px;padding-bottom:16px;border-bottom:1px solid #f0f0f0}.device-info .device-name[data-v-2c777d58],.device-info[data-v-2c777d58]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.device-info .device-name[data-v-2c777d58]{font-size:18px;font-weight:600;color:#303133}.device-info .device-name i[data-v-2c777d58]{font-size:22px;color:#409eff;margin-right:10px}.device-info .info-right[data-v-2c777d58]{gap:12px}.device-info .info-right[data-v-2c777d58],.device-info .utilization-badge[data-v-2c777d58]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.device-info .utilization-badge[data-v-2c777d58]{margin-left:20px;padding:8px 16px;background:#667eea;border-radius:20px;-webkit-box-shadow:0 2px 8px rgba(102,126,234,.3);box-shadow:0 2px 8px rgba(102,126,234,.3)}.device-info .utilization-badge .utilization-label[data-v-2c777d58]{font-size:13px;color:hsla(0,0%,100%,.9);margin-right:8px}.device-info .utilization-badge .utilization-value[data-v-2c777d58]{font-size:18px;font-weight:700;color:#fff}.status-details-inline[data-v-2c777d58]{display:-webkit-box;display:-ms-flexbox;display:flex;gap:8px}.status-tag-inline[data-v-2c777d58]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:6px 12px;border-radius:6px;font-size:12px}.status-tag-inline .tag-label[data-v-2c777d58]{color:hsla(0,0%,100%,.9);margin-right:4px}.status-tag-inline .tag-value[data-v-2c777d58]{color:#fff;font-weight:600}.status-bar-container[data-v-2c777d58]{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;height:24px;background-color:#f5f7fa;border-radius:12px;overflow:hidden;margin-bottom:6px}.status-segment[data-v-2c777d58]{height:100%;-webkit-transition:all .3s ease;transition:all .3s ease;position:relative}.status-segment[data-v-2c777d58]:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,hsla(0,0%,100%,.1),hsla(0,0%,100%,0))}.status-segment[data-v-2c777d58]:hover{-webkit-filter:brightness(1.1);filter:brightness(1.1)}.status-details[data-v-2c777d58]{display:-webkit-box;display:-ms-flexbox;display:flex;gap:12px;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-top:12px}.status-tag[data-v-2c777d58]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:8px 16px;border-radius:8px;font-size:13px;min-width:90px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.status-tag .tag-label[data-v-2c777d58]{color:hsla(0,0%,100%,.9);margin-right:6px}.status-tag .tag-value[data-v-2c777d58]{color:#fff;font-weight:600;font-size:15px}.color0[data-v-2c777d58]{background-color:#10a580}.color1[data-v-2c777d58]{background-color:#c3a526}.color2[data-v-2c777d58]{background-color:#b22849}.color3[data-v-2c777d58]{background-color:#6f7487}.app-container{background-color:#fff!important}.el-form-item{margin-bottom:10px!important}.el-form--inline{margin-bottom:4px!important}