.resource-monitor .metrics-cards[data-v-e9e38ba6]{margin-bottom:16px}.resource-monitor .stat-card[data-v-e9e38ba6]{background:#fff;border-radius:8px;padding:16px;height:110px;display:flex;align-items:center;box-shadow:0 2px 8px rgba(0,0,0,.08);transition:all .3s ease}.resource-monitor .stat-card[data-v-e9e38ba6]:hover{box-shadow:0 4px 16px rgba(0,0,0,.12);transform:translateY(-2px)}.resource-monitor .stat-card .card-content[data-v-e9e38ba6]{flex:1;display:flex;flex-direction:column;justify-content:center}.resource-monitor .stat-card .stat-label[data-v-e9e38ba6]{font-size:13px;color:#8c8c8c;margin-bottom:6px}.resource-monitor .stat-card .stat-value[data-v-e9e38ba6]{font-size:26px;font-weight:600;color:#262626;margin-bottom:6px;line-height:1.2}.resource-monitor .stat-card .stat-value .unit[data-v-e9e38ba6]{font-size:14px;font-weight:400;color:#8c8c8c;margin-left:2px}.resource-monitor .stat-card .stat-trend[data-v-e9e38ba6]{font-size:12px;color:#8c8c8c;display:flex;gap:12px}.resource-monitor .stat-card .stat-trend .read[data-v-e9e38ba6]{color:#5ad8a6}.resource-monitor .stat-card .stat-trend .write[data-v-e9e38ba6]{color:#5b8ff9}.resource-monitor .stat-card .stat-trend.warning[data-v-e9e38ba6]{color:#f4664a}.resource-monitor .chart-card[data-v-e9e38ba6] .el-card__header{padding:12px 16px;background:#fafafa;border-bottom:1px solid #f0f0f0}.resource-monitor .chart-card .card-header[data-v-e9e38ba6]{display:flex;justify-content:space-between;align-items:center;font-weight:600;color:#262626;font-size:14px}.resource-monitor .chart-card .card-header i[data-v-e9e38ba6]{color:#1890ff}.resource-monitor .chart-card .chart-container[data-v-e9e38ba6]{height:280px}.slow-query .card-header[data-v-c91e52cc]{display:flex;justify-content:space-between;align-items:center}.slow-query .stats-cards[data-v-c91e52cc]{margin-bottom:16px}.slow-query .stat-card[data-v-c91e52cc]{height:100px}.slow-query .stat-card[data-v-c91e52cc] .el-card__body{height:100%;padding:16px}.slow-query .stat-item[data-v-c91e52cc]{display:flex;align-items:center;height:100%}.slow-query .stat-item .stat-icon[data-v-c91e52cc]{width:48px;height:48px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:24px;margin-right:12px}.slow-query .stat-item .stat-icon.query-icon[data-v-c91e52cc]{background:#409eff;color:#fff}.slow-query .stat-item .stat-icon.time-icon[data-v-c91e52cc],.slow-query .stat-item .stat-icon.warning-icon[data-v-c91e52cc]{background:#e6a23c;color:#fff}.slow-query .stat-item .stat-icon.cpu-icon[data-v-c91e52cc]{background:#f56c6c;color:#fff}.slow-query .stat-item .stat-info[data-v-c91e52cc]{flex:1}.slow-query .stat-item .stat-info .stat-value[data-v-c91e52cc]{font-size:24px;font-weight:700;color:#303133;margin-bottom:4px}.slow-query .stat-item .stat-info .stat-label[data-v-c91e52cc]{font-size:12px;color:#909399}.slow-query .optimization-suggestions h4[data-v-c91e52cc]{margin-bottom:12px;color:#e6a23c}.slow-query .rank-badge[data-v-c91e52cc]{display:inline-block;width:28px;height:28px;line-height:28px;text-align:center;border-radius:50%;font-weight:700;font-size:14px}.slow-query .rank-badge.rank-1[data-v-c91e52cc]{background:linear-gradient(135deg,gold,orange);color:#fff;box-shadow:0 2px 4px rgba(255,215,0,.4)}.slow-query .rank-badge.rank-2[data-v-c91e52cc]{background:linear-gradient(135deg,silver,#a8a8a8);color:#fff;box-shadow:0 2px 4px hsla(0,0%,75.3%,.4)}.slow-query .rank-badge.rank-3[data-v-c91e52cc]{background:linear-gradient(135deg,#cd7f32,#b8860b);color:#fff;box-shadow:0 2px 4px rgba(205,127,50,.4)}.slow-query .rank-normal[data-v-c91e52cc]{color:#909399;font-weight:500}.slow-query[data-v-c91e52cc] .el-loading-spinner{display:none!important}.slow-query .explain-dialog-content[data-v-c91e52cc]{position:relative;min-height:400px;overflow:hidden}.slow-query[data-v-c91e52cc] .explain-dialog-content .dialog-loading{position:absolute!important;top:0!important;left:0!important;right:0!important;bottom:0!important;z-index:100!important;display:flex!important;align-items:center!important;justify-content:center!important}.slow-query[data-v-c91e52cc] .el-dialog{border:none!important}.slow-query[data-v-c91e52cc] .el-dialog__header{border-bottom:none!important}.slow-query[data-v-c91e52cc] .el-dialog__body{border:none!important}.slow-query .explain-dialog-content.is-loading[data-v-c91e52cc] .explain-result-viewer{visibility:hidden}.high-freq-sql .filter-section[data-v-b64ae6da]{background:#f8f9fa;padding:16px;border-radius:8px;margin-bottom:16px}.high-freq-sql .card-header[data-v-b64ae6da]{display:flex;justify-content:space-between;align-items:center}.high-freq-sql .card-header span[data-v-b64ae6da]{font-size:14px;font-weight:600;color:#303133}.high-freq-sql .rank-badge[data-v-b64ae6da]{display:inline-block;width:28px;height:28px;line-height:28px;text-align:center;border-radius:50%;font-weight:700;font-size:14px}.high-freq-sql .rank-badge.rank-1[data-v-b64ae6da]{background:linear-gradient(135deg,gold,orange);color:#fff;box-shadow:0 2px 4px rgba(255,215,0,.4)}.high-freq-sql .rank-badge.rank-2[data-v-b64ae6da]{background:linear-gradient(135deg,silver,#e0e0e0);color:#fff;box-shadow:0 2px 4px hsla(0,0%,75.3%,.4)}.high-freq-sql .rank-badge.rank-3[data-v-b64ae6da]{background:linear-gradient(135deg,#cd7f32,#daa520);color:#fff;box-shadow:0 2px 4px rgba(205,127,50,.4)}.high-freq-sql .rank-normal[data-v-b64ae6da]{display:inline-block;width:28px;height:28px;line-height:28px;text-align:center;border-radius:50%;background:#f0f0f0;color:#909399;font-size:14px;font-weight:500}.high-freq-sql .avg-excellent[data-v-b64ae6da]{color:#67c23a;font-weight:500}.high-freq-sql .avg-good[data-v-b64ae6da]{color:#409eff;font-weight:500}.high-freq-sql .avg-normal[data-v-b64ae6da]{color:#e6a23c;font-weight:500}.high-freq-sql .avg-slow[data-v-b64ae6da]{color:#f56c6c;font-weight:500}.high-freq-sql .explain-dialog-content[data-v-b64ae6da]{position:relative;min-height:400px}.high-freq-sql[data-v-b64ae6da] .el-dialog{border:none!important}.high-freq-sql[data-v-b64ae6da] .el-dialog__header{border-bottom:none!important}.high-freq-sql[data-v-b64ae6da] .el-dialog__body{border:none!important}.high-freq-sql .explain-dialog-content.is-loading[data-v-b64ae6da] .explain-result-viewer{visibility:hidden}.lock-wait-graph-view[data-v-3d84a75c]{width:100%;height:100%;overflow:hidden;background:#fafafa}[data-v-3d84a75c] .g6-tooltip .tooltip-title{font-weight:600;font-size:14px;color:#262626;margin-bottom:8px;padding-bottom:8px;border-bottom:1px solid #e8e8e8}[data-v-3d84a75c] .g6-tooltip .tooltip-content div{margin-bottom:4px;color:#595959}[data-v-3d84a75c] .g6-tooltip .tooltip-content strong{color:#262626;font-weight:600}[data-v-3d84a75c] .g6-tooltip .tooltip-content .tooltip-sql{background:#f5f5f5;padding:8px 12px;border-radius:3px;font-family:Consolas,Monaco,Courier New,monospace;font-size:12px;color:#1890ff;word-break:break-all;white-space:pre-wrap;margin-top:6px;border-left:3px solid #1890ff}.lock-analysis .lock-wait-toolbar[data-v-246dce50]{display:flex;align-items:center;margin-bottom:16px}.lock-analysis .lock-wait-toolbar[data-v-246dce50] .el-alert{margin-bottom:0}.lock-analysis .lock-wait-toolbar .view-switcher[data-v-246dce50]{display:flex;gap:8px;flex-shrink:0}.lock-analysis .graph-view-container[data-v-246dce50],.lock-analysis .timeline-view-container[data-v-246dce50],.lock-analysis .tree-view-container[data-v-246dce50]{width:100%;height:500px;border:1px solid #d9d9d9;border-radius:4px;background:#fafafa;position:relative;overflow:hidden;transition:all .3s ease}.lock-analysis .graph-view-container[data-v-246dce50]:hover,.lock-analysis .timeline-view-container[data-v-246dce50]:hover,.lock-analysis .tree-view-container[data-v-246dce50]:hover{border-color:#bfbfbf;box-shadow:0 2px 8px rgba(0,0,0,.08)}.lock-analysis .graph-view-container>div[data-v-246dce50],.lock-analysis .timeline-view-container>div[data-v-246dce50],.lock-analysis .tree-view-container>div[data-v-246dce50]{width:100%;height:100%}.lock-analysis .stats-cards[data-v-246dce50]{margin-bottom:16px}.lock-analysis .stat-card[data-v-246dce50]{height:100px}.lock-analysis .stat-card[data-v-246dce50] .el-card__body{height:100%;padding:16px}.lock-analysis .stat-item[data-v-246dce50]{display:flex;align-items:center;height:100%}.lock-analysis .stat-item .stat-icon[data-v-246dce50]{width:48px;height:48px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:24px;margin-right:12px}.lock-analysis .stat-item .stat-icon.lock-icon[data-v-246dce50]{background:#e6a23c;color:#fff}.lock-analysis .stat-item .stat-icon.deadlock-icon[data-v-246dce50]{background:#f56c6c;color:#fff}.lock-analysis .stat-item .stat-icon.transaction-icon[data-v-246dce50]{background:#909399;color:#fff}.lock-analysis .stat-item .stat-icon.active-trx-icon[data-v-246dce50]{background:#67c23a;color:#fff}.lock-analysis .stat-item .stat-info[data-v-246dce50]{flex:1}.lock-analysis .stat-item .stat-info .stat-value[data-v-246dce50]{font-size:28px;font-weight:700;color:#303133;margin-bottom:4px}.lock-analysis .stat-item .stat-info .stat-label[data-v-246dce50]{font-size:12px;color:#909399}.lock-analysis h4[data-v-246dce50]{margin:12px 0;color:#606266;font-size:14px}.mysql-troubleshooting-detail[data-v-b53642de]{padding:16px;background-color:#f5f7fa;min-height:calc(100vh - 120px)}.top-bar-card[data-v-b53642de]{margin-bottom:16px;border:1px solid #e4e7ed;background:linear-gradient(135deg,#f5f7fa,#fff)}.top-bar-card[data-v-b53642de] .el-card__body{padding:16px 20px}.top-bar-card .top-bar-content[data-v-b53642de]{display:flex;align-items:center;justify-content:space-between;gap:24px}.top-bar-card .top-bar-content .instance-info-content[data-v-b53642de]{flex:1}.top-bar-card .top-bar-content .instance-info-content .info-main .info-title[data-v-b53642de]{display:flex;align-items:center;margin-bottom:8px}.top-bar-card .top-bar-content .instance-info-content .info-main .info-title i[data-v-b53642de]{font-size:18px;color:#409eff;margin-right:6px}.top-bar-card .top-bar-content .instance-info-content .info-main .info-title .title-text[data-v-b53642de]{font-size:15px;font-weight:600;color:#303133}.top-bar-card .top-bar-content .instance-info-content .info-main .instance-details[data-v-b53642de]{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.top-bar-card .top-bar-content .instance-info-content .info-main .instance-details .instance-name[data-v-b53642de]{font-size:16px;font-weight:600;color:#409eff;padding:3px 10px;background-color:rgba(64,158,255,.1);border-radius:4px}.top-bar-card .top-bar-content .instance-info-content .info-main .instance-details .instance-meta[data-v-b53642de]{display:flex;align-items:center;gap:6px;font-size:13px;color:#606266}.top-bar-card .top-bar-content .instance-info-content .info-main .instance-details .instance-meta i[data-v-b53642de]{color:#909399}.top-bar-card .top-bar-content .instance-info-content .info-main .instance-details .instance-meta .el-tag[data-v-b53642de]{font-weight:500}.top-bar-card .top-bar-content .el-button[data-v-b53642de]{flex-shrink:0;font-weight:500}.filter-bar[data-v-b53642de]{display:flex;justify-content:space-between;align-items:center}.filter-bar .filter-left[data-v-b53642de]{display:flex;align-items:center;gap:12px}.filter-bar .filter-left .label-text[data-v-b53642de]{color:#606266;font-size:14px;font-weight:500}.filter-bar .filter-left .time-display[data-v-b53642de]{margin-left:16px;padding-left:16px;border-left:1px solid #e4e7ed;color:#909399;font-size:13px}.filter-bar .filter-right[data-v-b53642de]{display:flex;align-items:center;gap:12px}.tab-card[data-v-b53642de] .el-tabs__header{background-color:#fff;margin:0}.tab-card[data-v-b53642de] .el-tabs__content{padding:16px;min-height:600px}@media screen and (max-width:768px){.filter-bar[data-v-b53642de]{flex-direction:column;align-items:stretch;gap:12px}.filter-bar .filter-left[data-v-b53642de]{flex-direction:column;align-items:stretch;gap:8px}.filter-bar .filter-left .time-display[data-v-b53642de]{margin-left:0;padding-left:0;border-left:none;border-top:1px solid #e4e7ed;padding-top:8px}.filter-bar .filter-right[data-v-b53642de]{justify-content:flex-end}}