html,body{margin:0;padding:0;height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans SC,PingFang SC,Microsoft YaHei,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{height:100%}.page-container{display:flex;flex-direction:column;gap:16px}.table-card{flex:1}.table-card :deep(.t-card__header){padding-bottom:0}.table-card :deep(.t-card__body){padding-top:12px}.monitor-card :deep(.t-card__title){font-weight:700}.monitor-card :deep(.t-card__header){padding-bottom:0}.monitor-card :deep(.t-card__body){padding-top:12px}.filter-section{display:flex;flex-direction:column;gap:0;border-top:1px solid #f0f0f0;border-bottom:1px solid #f0f0f0;margin-bottom:12px}.filter-row{display:flex;align-items:center;justify-content:center;gap:24px;padding:10px 0}.filter-row+.filter-row{border-top:1px solid #f1f5f9}.segment-bar,.filter-group__options,.chart-metric-bar{display:flex;gap:0;flex-shrink:0;background:#f3f4f6;border-radius:6px;padding:2px}.segment-btn,.filter-btn,.chart-metric-btn{border:none;background:transparent;padding:4px 14px;font-size:12px;color:#6b7280;cursor:pointer;border-radius:4px;transition:all .2s ease;white-space:nowrap;line-height:20px}.segment-btn:hover,.filter-btn:hover,.chart-metric-btn:hover{color:#334155}.segment-btn--active,.filter-btn--active,.chart-metric-btn--active{background:#fff;color:#3b5bf5;font-weight:500;box-shadow:0 1px 3px #00000014}.filter-group{display:flex;align-items:center;gap:8px}.filter-group__label{font-size:13px;color:#6b7280;white-space:nowrap;font-weight:500}.chart-legend{display:flex;flex-wrap:wrap;gap:4px}.chart-legend__item{display:inline-flex;align-items:center;gap:5px;padding:3px 10px 3px 6px;border-radius:12px;cursor:pointer;-webkit-user-select:none;user-select:none;transition:all .2s ease;background:#f8fafc}.chart-legend__item:hover{background:#f3f4f6}.chart-legend__item--hidden{background:transparent}.chart-legend__item--hidden .chart-legend__name{color:#c0c4cc}.chart-legend__dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.chart-legend__name{font-size:12px;color:#475569;line-height:1;white-space:nowrap}.chart-legend__reset{padding:3px 7px;color:#94a3b8}.chart-legend__reset:hover{color:#3b5bf5;background:#eff4ff}.chart-wrapper{position:relative;width:100%;min-height:380px;margin-bottom:12px}.chart-wrapper canvas{width:100%;height:380px;cursor:crosshair;display:block}.chart-line{position:absolute;pointer-events:none;z-index:5;display:none}.chart-line--v{top:0;bottom:0;width:1px;background:#6b728066}.chart-line--h{left:0;right:0;height:1px;background:#6b728066}.chart-tooltip{position:absolute;display:none;background:#fffffff2;border:1px solid #e2e8f0;border-radius:10px;padding:8px 12px;box-shadow:0 4px 12px #0000001a;pointer-events:none;z-index:10;min-width:0;white-space:nowrap}.chart-tooltip__time{font-weight:600;font-size:12px;color:#334155;margin-bottom:4px;border-bottom:1px solid #f1f5f9;padding-bottom:4px}.chart-tooltip__row{display:flex;align-items:center;gap:6px;font-size:12px;color:#475569;padding:2px 0}.chart-tooltip__dot{display:inline-block;width:8px;height:8px;border-radius:50%;flex-shrink:0}.line-legend{display:flex;align-items:center;gap:16px}.line-legend__item{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:#6b7280}.line-legend__line{width:24px;height:0;border-top-width:2px}.line-legend__line--solid{border-top-style:solid;border-color:#94a3b8}.line-legend__line--dash{border-top-style:dashed;border-color:#94a3b8}.line-legend__line--dot{border-top-style:dotted;border-color:#94a3b8;border-top-width:2px}.selector-bar,.version-bar,.group-bar{display:flex;align-items:stretch}.selector-bar__label,.version-bar__label,.group-bar__label{font-size:14px;color:#64748b;font-weight:500;padding:12px 20px;background:#f1f5f9;display:flex;align-items:center;white-space:nowrap}.selector-list,.version-list,.group-list{display:flex;align-items:center;flex-wrap:wrap;gap:12px;padding:16px}.selector-item,.version-item,.group-item{display:flex;align-items:center;gap:8px;padding:8px 16px;border:1px solid #e2e8f0;border-radius:8px;cursor:pointer;transition:all .15s ease;background:#fff}.selector-item:hover,.version-item:hover,.group-item:hover{border-color:#93aafc;color:#3b5bf5;background:#eff4ff}.selector-item--active,.version-item--active,.group-item--active{border-color:#3b5bf5;background:#3b5bf5;color:#fff}.selector-item--active .selector-item__name,.version-item--active .selector-item__name,.group-item--active .selector-item__name,.selector-item--active .version-item__name,.version-item--active .version-item__name,.group-item--active .version-item__name,.selector-item--active .group-item__name,.version-item--active .group-item__name,.group-item--active .group-item__name{color:#fff;font-weight:500}.selector-item--active:hover,.version-item--active:hover,.group-item--active:hover{border-color:#2439ea;background:#2439ea;color:#fff}.selector-item__name,.version-item__name,.group-item__name{font-size:14px;color:#334155;white-space:nowrap}.no-pad-card :deep(.t-card__body),.version-card :deep(.t-card__body),.group-card :deep(.t-card__body){padding:0}.header-bar-info{display:flex;align-items:center;gap:12px}.header-bar-back{font-size:20px;cursor:pointer;color:#64748b}.header-bar-back:hover{color:#3b5bf5}.header-bar-title{font-size:16px;font-weight:600;color:#1e293b}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans SC,PingFang SC,Microsoft YaHei,sans-serif;color:#1e293b;background-color:#f8fafc;line-height:1.6}#nprogress .bar{background:#3b5bf5!important;height:3px!important}#nprogress .peg{box-shadow:0 0 10px #3b5bf5,0 0 5px #3b5bf5!important}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background-color:#cbd5e1;border-radius:9999px}::-webkit-scrollbar-thumb:hover{background-color:#94a3b8}.fade-enter-active,.fade-leave-active{transition:opacity .3s cubic-bezier(.16,1,.3,1),transform .3s cubic-bezier(.16,1,.3,1)}.fade-enter-from,.fade-leave-to{opacity:0;transform:translateY(6px)}.page-enter-active{transition:opacity .15s cubic-bezier(.16,1,.3,1)}.t-input:has(input[type=password]) .t-input__suffix-icon:last-of-type{display:none}.page-leave-active{transition:none}.page-enter-from,.page-leave-to{opacity:0}.list-enter-active,.list-leave-active{transition:all .3s cubic-bezier(.16,1,.3,1)}.list-enter-from,.list-leave-to{opacity:0;transform:translate(-12px)}.t-layout__aside{transition:width .3s cubic-bezier(.16,1,.3,1)}.t-menu{height:100%}.t-table th,.t-table td{text-align:center!important}@media(max-width:1024px){.default-layout__aside{position:fixed;left:0;top:0;bottom:0;z-index:100}}@media(max-width:768px){html{font-size:14px}}