@charset "UTF-8";:root{--brand-deep: #0D2D5E;--brand-blue: #1464A6;--brand-bright: #19A7E1;--brand-light: #6DD3F5;--st-active: #52c41a;--st-test: #722ed1;--st-pre: #fa8c16;--st-activatable: #19A7E1;--st-suspended: #f5222d;--st-terminated: #8c8c8c;--st-unknown: #bfbfbf;--bg-deep: #FAFAF7;--bg-card: #FFFFFF;--bg-elev: #F5F6F8;--bg-tint: #08152a;--border: #E5E8EC;--border-soft: #EFF1F4;--border-bright: #C5CAD0;--text-1: #0A0E1A;--text-2: #5A6678;--text-3: #9CA6B3;--text-4: #C5CAD0;--f-disp: "Space Grotesk", "PingFang SC", "Microsoft YaHei", system-ui, sans-serif;--f-mono: "JetBrains Mono", "SF Mono", Menlo, Consolas, monospace}@keyframes tb-fade-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes tb-blink{0%,to{opacity:1}50%{opacity:.3}}@keyframes tb-grow-bar{0%{width:0}}.tb-fade-up{animation:tb-fade-up .7s cubic-bezier(.2,.8,.2,1) backwards}.tb-d-1{animation-delay:.05s}.tb-d-2{animation-delay:.15s}.tb-d-3{animation-delay:.25s}.tb-d-4{animation-delay:.35s}.tb-d-5{animation-delay:.45s}.tb-d-6{animation-delay:.55s}.tb-d-7{animation-delay:.65s}.tb-d-8{animation-delay:.75s}.tb-status-bar{position:sticky;top:0;z-index:100;height:52px;display:grid;grid-template-columns:320px 1fr 380px;align-items:center;padding:0 24px;background:#0d2d5e;border-bottom:1px solid var(--border);font-family:var(--f-mono);font-size:11px;letter-spacing:.02em;color:#ffffffb3;box-shadow:0 2px 8px #0d2d5e26}.tb-status-bar:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,var(--brand-bright) 30%,var(--brand-light) 50%,var(--brand-bright) 70%,transparent 100%);opacity:.6}.tb-status-left{display:flex;align-items:center;gap:12px}.tb-status-logo{width:30px;height:30px;background:transparent;display:flex;align-items:center;justify-content:center}.tb-status-logo-main{width:48px;height:48px;background:transparent;display:flex;align-items:center;justify-content:center}.tb-status-logo img,.tb-status-logo-main img{width:100%;height:100%;object-fit:contain}.tb-status-title{color:#fff;font-family:var(--f-disp);font-size:13px;font-weight:600;letter-spacing:.04em}.tb-status-subtitle{color:#ffffff8c;font-size:10px;letter-spacing:.15em;margin-top:1px}.tb-status-mid{display:flex;justify-content:center;align-items:center;gap:28px;font-size:11px}.tb-status-item{display:flex;align-items:center;gap:6px;text-transform:uppercase}.tb-status-item .key{color:#ffffff8c}.tb-status-item .val{color:#fff;font-weight:500}.tb-status-right{display:flex;justify-content:flex-end;align-items:center;gap:18px}.tb-status-user{display:flex;align-items:center;gap:8px;padding:4px 10px;border:1px solid rgba(255,255,255,.25);border-radius:4px;background:#ffffff1a;color:#fff;font-family:var(--f-mono);font-size:11px;cursor:pointer;white-space:nowrap;max-width:180px;overflow:hidden;text-overflow:ellipsis;flex-shrink:1}.tb-status-user>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tb-status-user:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--st-active);box-shadow:0 0 6px var(--st-active);animation:tb-blink 1.6s ease-in-out infinite}.tb-status-action{color:#fff;background:transparent;border:1px solid rgba(255,255,255,.25);padding:4px 10px;border-radius:4px;font-family:var(--f-mono);font-size:11px;cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .2s ease}.tb-status-action:hover{background:#ffffff1a;border-color:#ffffff73}.tb-badge{display:inline-flex;align-items:center;gap:5px;font-family:var(--f-mono);font-size:10px;font-weight:500;letter-spacing:.05em;color:var(--tb-badge-color, var(--text-1));padding:3px 8px;background:color-mix(in srgb,var(--tb-badge-color, var(--text-1)) 10%,transparent);border:1px solid color-mix(in srgb,var(--tb-badge-color, var(--text-1)) 35%,transparent);border-radius:3px;text-transform:uppercase;white-space:nowrap}.tb-badge:before{content:"";width:5px;height:5px;border-radius:50%;background:var(--tb-badge-color, var(--text-1));box-shadow:0 0 4px var(--tb-badge-color, var(--text-1));animation:tb-blink 1.6s ease-in-out infinite}.tb-badge--static:before{animation:none;box-shadow:none}.tb-badge--clickable{transition:transform .15s ease,background-color .15s ease,border-color .15s ease;-webkit-user-select:none;user-select:none}.tb-badge--clickable:hover{background:color-mix(in srgb,var(--tb-badge-color, var(--text-1)) 22%,transparent);border-color:color-mix(in srgb,var(--tb-badge-color, var(--text-1)) 55%,transparent);transform:translateY(-1px)}.tb-badge--clickable:active{transform:translateY(0)}.tb-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 16px;font-family:var(--f-disp);font-size:13px;font-weight:500;border-radius:5px;border:1px solid transparent;cursor:pointer;transition:all .2s ease;line-height:1.4}.tb-btn:disabled{opacity:.5;cursor:not-allowed}.tb-btn--primary{background:var(--brand-deep);color:#fff;border-color:var(--brand-deep)}.tb-btn--primary:hover:not(:disabled){background:#0a2347;box-shadow:0 2px 8px #0d2d5e40}.tb-btn--secondary{background:#fff;color:var(--brand-deep);border-color:var(--brand-deep)}.tb-btn--secondary:hover:not(:disabled){background:#0d2d5e0d}.tb-btn--danger{background:#fff;color:var(--st-suspended);border-color:var(--st-suspended)}.tb-btn--danger:hover:not(:disabled){background:#f5222d0d}.tb-btn--ghost{background:var(--bg-elev);color:var(--text-1);border-color:var(--border)}.tb-btn--ghost:hover:not(:disabled){background:#eaedf1}.tb-btn--bright{background:var(--brand-bright);color:#fff;border-color:var(--brand-bright)}.tb-btn--bright:hover:not(:disabled){background:#1395ce;box-shadow:0 2px 8px #19a7e159}.tb-progress{height:6px;background:#f0f2f5;border-radius:3px;overflow:hidden;position:relative;border:1px solid var(--border-soft);width:100%}.tb-progress--lg{height:14px}.tb-progress-fill{height:100%;background:linear-gradient(90deg,var(--brand-blue) 0%,var(--brand-bright) 50%,var(--brand-light) 100%);border-radius:3px;box-shadow:0 0 8px #19a7e199;transition:width 1.2s cubic-bezier(.4,0,.2,1)}.tb-progress-fill--warn{background:linear-gradient(90deg,var(--st-pre) 0%,#ffa940 100%);box-shadow:0 0 8px #fa8c1666}.tb-progress-fill--danger{background:linear-gradient(90deg,var(--st-suspended) 0%,#ff7875 100%);box-shadow:0 0 8px #f5222d66}.tb-card{background:var(--bg-card);border:1px solid var(--border);border-radius:10px;padding:24px 28px;margin-bottom:20px;position:relative}.tb-card-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid var(--border-soft)}.tb-card-head h2{font-family:var(--f-disp);font-size:14px;font-weight:600;letter-spacing:.04em;color:var(--text-1);display:flex;align-items:center;gap:10px}.tb-card-head h2:before{content:"";width:3px;height:14px;background:var(--brand-bright);border-radius:2px;box-shadow:0 0 8px var(--brand-bright)}.tb-card-meta{font-family:var(--f-mono);font-size:10px;letter-spacing:.15em;color:var(--text-3);text-transform:uppercase}.tb-kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:20px}.tb-kpi-card{background:var(--bg-card);border:1px solid var(--border);border-radius:10px;padding:20px 22px 18px;position:relative;overflow:hidden;transition:all .2s ease}.tb-kpi-card:before{content:"";position:absolute;top:0;left:0;width:0;height:2px;background:var(--tb-kpi-color, var(--brand-bright));transition:width .4s ease}.tb-kpi-card:hover{transform:translateY(-2px);border-color:var(--tb-kpi-color, var(--brand-bright));box-shadow:0 8px 24px -8px #0d2d5e26}.tb-kpi-card:hover:before{width:100%}.tb-kpi-label{font-family:var(--f-mono);font-size:10px;letter-spacing:.18em;color:var(--text-3);text-transform:uppercase}.tb-kpi-num{font-family:var(--f-disp);font-size:32px;font-weight:700;line-height:1.1;color:var(--tb-kpi-color, var(--text-1));margin-top:10px;font-variant-numeric:tabular-nums;display:flex;align-items:baseline;gap:6px}.tb-kpi-num .unit{font-size:11px;color:var(--text-3);font-weight:400;letter-spacing:.1em}.tb-kpi-foot{margin-top:8px;font-family:var(--f-mono);font-size:10px;color:var(--text-3)}.tb-table{font-size:12px;font-family:var(--f-disp);width:100%;border-collapse:collapse}.tb-table thead th{font-family:var(--f-mono);font-size:10px;font-weight:500;letter-spacing:.15em;color:var(--text-3);text-transform:uppercase;text-align:left;padding:8px 12px;border-bottom:1px solid var(--border-soft);background:#fafafa}.tb-table tbody td{padding:12px;border-bottom:1px solid var(--border-soft);color:var(--text-1);vertical-align:middle}.tb-table tbody tr{transition:background .15s ease}.tb-table tbody tr:hover{background:#6dd3f50f}.tb-table .mono{font-family:var(--f-mono);font-size:11px;letter-spacing:.04em}.tb-field{display:flex;align-items:flex-start;padding:10px 0;border-bottom:1px dashed var(--border-soft);gap:16px}.tb-field:last-child{border-bottom:0}.tb-field-label{flex:0 0 140px;font-family:var(--f-mono);font-size:11px;letter-spacing:.1em;color:var(--text-3);text-transform:uppercase;padding-top:2px}.tb-field-value{flex:1;font-size:13px;color:var(--text-1);word-break:break-all}.tb-field-value .mono{font-family:var(--f-mono)}.tb-dist-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:14px;align-items:end;height:220px;padding:0 8px}.tb-dist-bar{display:flex;flex-direction:column;align-items:center;height:100%;position:relative}.tb-bar-cap{width:10px;height:10px;border-radius:50%;margin-bottom:6px;z-index:2;flex-shrink:0;animation:tb-blink 1.6s ease-in-out infinite;box-shadow:0 0 12px currentColor;background:var(--tb-bar-color, var(--text-3))}.tb-bar-cap.dim{animation:none;opacity:.25;box-shadow:none}.tb-bar-body{width:56px;background:linear-gradient(180deg,var(--tb-bar-color, var(--text-3)) 0%,transparent 130%);border-top:2px solid var(--tb-bar-color, var(--text-3));border-radius:4px 4px 0 0;flex-shrink:0;position:relative;box-shadow:inset 0 0 0 1px #ffffff4d,0 2px 6px -2px #0d2d5e1f;min-height:4px}.tb-bar-body.dim{background:linear-gradient(180deg,var(--text-4) 0%,transparent 130%);border-top-color:var(--text-4);box-shadow:none;opacity:.4}.tb-bar-meta{margin-top:12px;text-align:center;width:100%}.tb-bar-num{font-family:var(--f-disp);font-size:22px;font-weight:600;color:var(--text-1);font-variant-numeric:tabular-nums;line-height:1.1}.tb-bar-num.dim{color:var(--text-4)}.tb-bar-label{font-family:var(--f-mono);font-size:9px;letter-spacing:.1em;color:var(--text-2);margin-top:4px;text-transform:uppercase}.tb-bar-label-zh{font-family:var(--f-disp);font-size:11px;color:var(--text-3);margin-top:1px}.tb-dist-rows{display:flex;flex-direction:column;gap:12px}.tb-dist-row{display:grid;grid-template-columns:120px 1fr 200px;align-items:center;gap:18px}.tb-dist-row-label{display:flex;align-items:center}.tb-dist-row-bar{position:relative;height:18px;background:#f0f2f5;border:1px solid var(--border-soft);border-radius:3px;overflow:hidden}.tb-dist-row-fill{height:100%;border-radius:3px;transition:width 1.2s cubic-bezier(.4,0,.2,1);min-width:0}.tb-dist-row-num{font-family:var(--f-disp);font-size:18px;font-weight:600;color:var(--text-1);font-variant-numeric:tabular-nums;text-align:right;display:flex;align-items:baseline;justify-content:flex-end;gap:8px}.tb-dist-row-num.dim{color:var(--text-4)}.tb-dist-row-num .unit{font-family:var(--f-mono);font-size:11px;color:var(--text-3);font-weight:400}.tb-dist-row-num .pct{font-family:var(--f-mono);font-size:10px;color:var(--text-3);font-weight:500;letter-spacing:.05em;min-width:48px;text-align:right}@media (max-width: 1100px){.tb-dist-row{grid-template-columns:100px 1fr 160px;gap:12px}}.tb-list{display:flex;flex-direction:column}.tb-list-item{display:flex;align-items:center;gap:16px;padding:10px 12px;border-bottom:1px dashed var(--border-soft)}.tb-list-item:last-child{border-bottom:0}.tb-ip{display:inline-flex;align-items:center;gap:6px;font-family:var(--f-mono);font-size:12px;padding:4px 10px;background:var(--bg-elev);border:1px solid var(--border-soft);border-radius:3px;color:var(--text-1);margin:2px 4px 2px 0}@media (max-width: 1100px){.tb-kpi-grid{grid-template-columns:repeat(2,1fr)}.tb-dist-grid{grid-template-columns:repeat(7,1fr);gap:8px}.tb-bar-body{width:36px}.tb-status-mid{display:none}.tb-status-bar{grid-template-columns:320px 1fr 380px}}@media (max-width: 720px){.tb-kpi-grid{grid-template-columns:repeat(2,1fr)}.tb-status-bar{grid-template-columns:1fr auto}.tb-status-mid,.tb-status-left .tb-status-text{display:none}}