.main-box[data-v-63b2c771]{display:flex;flex-direction:column;padding:0!important;overflow:hidden;position:relative;background-color:var(--bg-page);color:var(--text-primary)}.main-box.light[data-v-63b2c771]{--bg-page:var(--mt-bg-tag);--bg-toolbar:var(--mt-text-white);--bg-container:var(--mt-bg-tag);--bg-legend:hsla(0,0%,100%,0.95);--bg-stats:var(--mt-text-white);--text-primary:var(--mt-color-303133);--text-secondary:var(--mt-text-regular);--text-muted:var(--mt-text-secondary);--border-color:var(--mt-border-secondary);--stat-value-color:var(--mt-text-primary);--legend-text:var(--mt-text-regular)}.graph-toolbar[data-v-63b2c771]{display:flex;align-items:center;justify-content:space-between;padding:8px 24px;background-color:var(--bg-toolbar);border-bottom:1px solid var(--border-color);font-size:12px;color:var(--text-secondary)}.graph-toolbar .toolbar-left[data-v-63b2c771]{display:flex;align-items:center;gap:10px}.graph-toolbar .toolbar-left .toolbar-tips[data-v-63b2c771]{display:flex;align-items:center;gap:6px}.graph-toolbar .toolbar-left .toolbar-tips i[data-v-63b2c771]{position:relative;top:-1px}.graph-toolbar .toolbar-left .layout-label[data-v-63b2c771]{color:var(--text-muted)}.graph-toolbar .toolbar-left .layout-name[data-v-63b2c771]{color:var(--layout-name-color)}.graph-toolbar .toolbar-right[data-v-63b2c771]{display:flex;align-items:center;gap:12px}.graph-toolbar .toolbar-right .el-select[data-v-63b2c771] .el-input__inner{background-color:var(--bg-toolbar);color:var(--text-primary);border-color:var(--border-color)}.graph-toolbar .toolbar-right .el-select[data-v-63b2c771] .el-input__suffix{color:var(--text-secondary)}.graph-toolbar .toolbar-right .search-box[data-v-63b2c771]{display:flex;align-items:center;gap:8px}.graph-toolbar .toolbar-right .search-box .el-input[data-v-63b2c771]{width:220px}.graph-toolbar .toolbar-right .el-checkbox[data-v-63b2c771]{color:var(--text-secondary)}.graph-toolbar .toolbar-right .el-checkbox[data-v-63b2c771] .el-checkbox__input.is-checked+.el-checkbox__label{color:var(--mt-text-primary)}.graph-container[data-v-63b2c771]{flex:1;position:relative;overflow:hidden;background-color:var(--bg-container)}.graph-container .local-shade[data-v-63b2c771]{position:absolute;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.3);z-index:999}.graph-container .local-shade .loading-local[data-v-63b2c771]{z-index:999998;box-shadow:0 0 20px var(--mt-shadow-deep);color:var(--mt-text-secondary);text-align:center;width:360px;padding:30px 0;background-color:var(--mt-text-white);border-radius:2px;position:absolute;left:50%;top:40%;margin:-62.5px 0 0 -180px}.graph-container .local-shade i.loading[data-v-63b2c771]{display:inline-block;width:40px;height:40px;background:url(../img/loading.d3b6323b.gif) no-repeat 0 0;background-size:100% auto}.graph-canvas[data-v-63b2c771]{width:100%;height:100%;background-color:var(--dark-mt-bg-card);border-color:var(--dark-mt-bg-card)}.graph-legend[data-v-63b2c771]{position:absolute;left:20px;bottom:100px;background:var(--bg-stats);border:1px solid var(--border-color);border-radius:8px;padding:12px 16px;min-width:100px}.graph-legend h4[data-v-63b2c771]{margin:0 0 10px;font-size:13px;color:var(--text-primary)}.graph-legend ul[data-v-63b2c771]{list-style:none;padding:0;margin:0}.graph-legend ul li[data-v-63b2c771]{display:flex;align-items:center;gap:8px;margin-bottom:8px;font-size:12px;color:var(--legend-text)}.graph-legend ul li[data-v-63b2c771]:last-child{margin-bottom:0}.graph-legend .legend-dot[data-v-63b2c771]{width:12px;height:12px;border-radius:50%;display:inline-block}.graph-legend .legend-dot.query[data-v-63b2c771]{background:var(--mt-color-546fc6)}.graph-legend .legend-dot.tag[data-v-63b2c771]{background:var(--mt-theme-color)}.graph-legend .legend-dot.normal[data-v-63b2c771]{background:var(--mt-color-c6cede)}.graph-legend .legend-dot.selected[data-v-63b2c771]{background:var(--mt-color-4fae7b)}.graph-stats[data-v-63b2c771]{display:flex;align-items:center;justify-content:space-around;padding:16px 24px;background-color:var(--bg-stats);border-top:1px solid var(--border-color)}.graph-stats .stat-item[data-v-63b2c771]{text-align:center}.graph-stats .stat-item .stat-value[data-v-63b2c771]{font-size:24px;font-weight:500;color:var(--stat-value-color);line-height:1.2}.graph-stats .stat-item .stat-label[data-v-63b2c771]{font-size:12px;color:var(--text-secondary);margin-top:4px}.dark-mode .main-box[data-v-63b2c771]{--bg-toolbar:var(--dark-mt-bg-page);--text-primary:var(--dark-mt-text-white);--text-secondary:var(--dark-mt-text-tertiary);--text-muted:var(--dark-mt-color-6b7280);--border-color:var(--dark-mt-color-191919);--stat-value-color:var(--dark-mt-text-dim);--layout-name-color:var(--dark-mt-color-39ff14);--legend-text:var(--dark-mt-color-a0a0b8)}.dark-mode .graph-toolbar .el-checkbox[data-v-63b2c771] .el-checkbox__input.is-checked+.el-checkbox__label{color:var(--dark-mt-text-dim)}.dark-mode .el-button--default[data-v-63b2c771]{background-color:var(--dark-mt-bg-elevated);border-color:var(--dark-mt-bg-elevated);color:var(--dark-mt-text-primary)}.dark-mode .graph-legend[data-v-63b2c771]{background:var(--dark-mt-color-191919)}.dark-mode .local-shade .loading[data-v-63b2c771]{filter:invert(1) hue-rotate(180deg)}.dark-mode .local-shade .loading-local[data-v-63b2c771]{background-color:var(--dark-mt-text-black);color:var(--dark-mt-text-tertiary)}.g6-tooltip{border-radius:4px;padding:8px 12px;font-size:12px;line-height:1.6;background:var(--mt-text-white);color:var(--mt-text-primary);border:1px solid var(--mt-border-secondary);box-shadow:0 2px 8px rgba(0,0,0,.15);white-space:pre-line;text-align:left}.dark-mode .g6-tooltip{background:var(--mt-bg-page-dark);color:var(--mt-text-white);border:1px solid var(--dark-mt-bg-deep);box-shadow:0 2px 8px rgba(0,0,0,.3)}