.basics[data-v-4d34c355]{height:calc(100% - 40px);border-radius:10px;background:#fff;margin:20px}.basics .inner[data-v-4d34c355]{height:100%}.basics .inner .setUp[data-v-4d34c355]{height:310px;width:900px;box-sizing:border-box}.basics .inner .setUp .setUp-inner[data-v-4d34c355]{height:100%;width:100%;box-sizing:border-box;padding:20px}.basics .inner .setUp .setUp-inner .el-form[data-v-4d34c355]{height:100%;width:100%}.basics .inner .setUp .setUp-inner .el-form .el-select[data-v-4d34c355]{width:100%}.basics .inner .setUp .setUp-inner .el-form .el-button[data-v-4d34c355]{float:right}.basics .inner .setUp .setUp-inner .el-form .el-form-item[data-v-4d34c355]{margin:15px 0 15px 0}.basics .inner .empty[data-v-4d34c355]{width:900px;padding:20px;box-sizing:border-box;margin-top:20px;display:flex;justify-content:space-between;align-items:center}.basics .inner .message[data-v-4d34c355]{height:412px;width:900px;box-sizing:border-box;margin:20px;font-size:16px}.basics .inner .message .message-inner[data-v-4d34c355]{height:100%;width:100%;box-sizing:border-box}.basics .inner .message .message-inner .top[data-v-4d34c355]{height:40px;line-height:40px;font-weight:700;padding:0 20px;box-sizing:border-box;border-bottom:1px solid #ccc}.basics .inner .message .message-inner .bottom[data-v-4d34c355]{width:100%;height:calc(100% - 40px)}.basics .inner .message .message-inner .bottom .bot-content[data-v-4d34c355]{width:100%;height:100%;box-sizing:border-box}.basics .inner .message .message-inner .bottom .bot-content .title[data-v-4d34c355]{height:40px;line-height:40px;font-weight:600;padding:0 20px;box-sizing:border-box;border-bottom:1px solid #ccc}.basics .inner .message .message-inner .bottom .bot-content p[data-v-4d34c355]{margin:0;height:30px;padding:0 20px;box-sizing:border-box;border-bottom:1px solid #ccc;display:flex;align-items:center}.basics .inner .message .message-inner .bottom .bot-content p .number[data-v-4d34c355]{flex:0.5}.basics .inner .message .message-inner .bottom .bot-content p .explain[data-v-4d34c355]{flex:2}.monitoring-panel[data-v-86db5a00]{margin:20px;height:calc(100% - 40px);border-radius:10px;overflow-y:auto;overflow-x:hidden;background:#fff}.resource-monitor[data-v-86db5a00]{padding:20px}.monitoring-title[data-v-86db5a00]{width:260px;border-radius:8px;padding:20px;text-align:center}.env-chips[data-v-86db5a00]{display:flex;justify-content:flex-start;gap:8px;max-width:1200px}.chip[data-v-86db5a00]{display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 10px;background:hsla(0,0%,100%,.06);border:1px solid rgba(0,0,0,.06);box-shadow:0 6px 20px rgba(0,0,0,.08);border-radius:8px;font-weight:700}.monitor-header[data-v-86db5a00]{text-align:center;margin-bottom:30px}.monitor-header h2[data-v-86db5a00]{color:#303133;font-size:24px;font-weight:600}.charts-container[data-v-86db5a00]{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;margin:15px auto}.chart-item[data-v-86db5a00]{background-color:#fff;border:1px solid rgba(0,0,0,.06);box-shadow:0 6px 20px rgba(0,0,0,.08);border-radius:8px;padding:20px;display:flex;flex-direction:column;gap:12px;text-align:center}.chart-header[data-v-86db5a00]{display:grid;grid-template-columns:1fr auto;grid-template-rows:auto;align-items:center;gap:8px;text-align:left}.chart-header .header-left[data-v-86db5a00]{font-size:16px;font-weight:600;color:#303133}.chart-header .header-right[data-v-86db5a00]{font-size:13px;color:#606266}.chart-header .header-extra[data-v-86db5a00]{grid-column:1/-1;font-size:12px;color:#909399;border-bottom:1px solid #ebeef5}.chart-body[data-v-86db5a00]{display:block}.chart[data-v-86db5a00]{width:100%;height:230px}.chart-footer[data-v-86db5a00]{display:flex;justify-content:space-between;align-items:center;gap:12px;padding-top:8px;border-top:1px solid #ebeef5;font-size:13px;color:#606266}.chart-footer .footer-item[data-v-86db5a00]{white-space:nowrap}.stat-item[data-v-86db5a00]{display:inline-block;margin:0 10px;font-size:14px;color:#606266}.stat-item.user[data-v-86db5a00]{color:#5470c6;font-weight:500}.stat-item.system[data-v-86db5a00]{color:#91cc75;font-weight:500}.stat-item.idle[data-v-86db5a00]{color:#fac858;font-weight:500}.usage-percent[data-v-86db5a00]{font-size:24px;font-weight:600;color:#e66;display:block;margin-bottom:8px}.usage-detail[data-v-86db5a00]{font-size:14px;color:#606266}.usage-detail div[data-v-86db5a00]{margin:2px 0}.disk-table[data-v-86db5a00]{margin:10px auto 0;border-radius:8px}.disk-title[data-v-86db5a00]{display:flex;flex-direction:row;justify-content:space-between;font-weight:600}.disk-table-header[data-v-86db5a00],.disk-table-row[data-v-86db5a00]{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr 1.2fr;gap:12px;padding:12px 16px;align-items:center}.disk-table-header[data-v-86db5a00]{font-weight:600}.disk-table-header[data-v-86db5a00],.disk-table-row[data-v-86db5a00]{font-size:14px;border-bottom:1px solid rgba(0,0,0,.06)}.mount-name[data-v-86db5a00]{font-weight:600}.mount-path[data-v-86db5a00]{font-size:12px;opacity:.7}.usage-bar[data-v-86db5a00]{position:relative;width:100%;height:6px;background:rgba(0,0,0,.08);border-radius:4px;margin-right:8px}.usage-bar-inner[data-v-86db5a00]{height:100%;background:#e66;border-radius:4px}.col-usage[data-v-86db5a00]{display:flex;align-items:center;gap:8px}.usage-text[data-v-86db5a00]{white-space:nowrap}@media (max-width:768px){.charts-container[data-v-86db5a00]{grid-template-columns:1fr}.chart[data-v-86db5a00]{height:230px}.disk-table-header[data-v-86db5a00],.disk-table-row[data-v-86db5a00]{grid-template-columns:1.6fr 1fr 1fr 1fr 1fr 1.2fr}}.jvm-detail-popover[data-v-86db5a00]{max-height:500px;overflow-y:auto}.jvm-detail-popover .detail-row[data-v-86db5a00]{display:flex;margin-bottom:10px;line-height:1.6}.jvm-detail-popover .detail-row[data-v-86db5a00]:last-child{margin-bottom:0}.jvm-detail-popover .detail-row.detail-row-full[data-v-86db5a00]{flex-direction:column}.jvm-detail-popover .detail-row.detail-row-full .detail-label[data-v-86db5a00]{margin-bottom:5px}.jvm-detail-popover .detail-row .detail-label[data-v-86db5a00]{flex-shrink:0;color:#606266;font-size:13px;font-weight:500}.jvm-detail-popover .detail-row .detail-value[data-v-86db5a00]{flex:1;color:#303133;font-size:13px;word-break:break-all}.jvm-detail-popover .detail-row .detail-value.detail-value-multiline[data-v-86db5a00]{white-space:pre-wrap;word-break:break-all;background:#f5f7fa;padding:8px;border-radius:4px;font-family:Courier New,monospace;font-size:12px;line-height:1.5;max-height:200px;overflow-y:auto}.memory-detail-table[data-v-86db5a00]{width:100%}.memory-detail-table .memory-table[data-v-86db5a00]{width:100%;border-collapse:collapse;font-size:13px}.memory-detail-table .memory-table thead[data-v-86db5a00]{background:#f5f7fa}.memory-detail-table .memory-table thead th[data-v-86db5a00]{padding:12px 16px;text-align:left;font-weight:600;color:#303133;border-bottom:2px solid #ebeef5}.memory-detail-table .memory-table thead th[data-v-86db5a00]:first-child{width:100px}.memory-detail-table .memory-table thead th[data-v-86db5a00]:nth-child(2),.memory-detail-table .memory-table thead th[data-v-86db5a00]:nth-child(3){text-align:center}.memory-detail-table .memory-table tbody tr[data-v-86db5a00]{border-bottom:1px solid #ebeef5;transition:background-color .2s}.memory-detail-table .memory-table tbody tr[data-v-86db5a00]:hover{background-color:#f8f9fa}.memory-detail-table .memory-table tbody tr[data-v-86db5a00]:last-child{border-bottom:none}.memory-detail-table .memory-table tbody tr td[data-v-86db5a00]{padding:12px 16px;color:#606266}.memory-detail-table .memory-table tbody tr td[data-v-86db5a00]:first-child{font-weight:500;color:#303133}.memory-detail-table .memory-table tbody tr td[data-v-86db5a00]:nth-child(2),.memory-detail-table .memory-table tbody tr td[data-v-86db5a00]:nth-child(3){text-align:center;color:#606266;font-weight:600}.server{height:100%;width:100%;box-sizing:border-box}.server .el-tabs__header{background:#fff;padding:10px 20px 0 20px;margin:0}.server .el-tabs__nav-wrap:after{background-color:#fff}.server .el-tabs__item.is-active{color:#061427;font-weight:700;padding:0!important}.server .el-tabs__item:hover{color:#303133;cursor:pointer}.server .el-tabs__item{padding:0 40px}