:root{font-family:"Segoe UI","Microsoft YaHei","PingFang SC",sans-serif;font-size:14px;color:#243244;background:#f3f5f7;--ok:#18745c;--warn:#946200;--fail:#b33248;--unknown:#596575;--line:#dce2e7;--muted:#596575}*{box-sizing:border-box}body{margin:0}main{max-width:1480px;padding:32px 40px;margin:auto}h1,h2,p{margin:0}h1{font-size:26px;line-height:1.35;font-weight:700}h2{font-size:18px;line-height:1.5;font-weight:650}header{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:24px}.subtitle{color:var(--muted);margin-top:6px;line-height:1.6}.refresh{text-align:right;font-size:12px;color:var(--muted)}.refresh small{display:block;font-size:12px;margin-top:8px}button,select{font:inherit;color:#243244;background:#fff;border:1px solid #b9c4ce;border-radius:5px;padding:9px 12px;min-height:40px}button{cursor:pointer;margin-left:16px}button:hover{background:#e9edf1}button:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #315b86;outline-offset:3px}.ok{color:var(--ok)}.warn{color:var(--warn)}.fail{color:var(--fail)}.unknown{color:var(--unknown)}.hero{display:grid;grid-template-columns:1fr auto;gap:12px 24px;background:white;border:1px solid var(--line);border-left:4px solid currentColor;border-radius:6px;padding:20px 24px;margin-bottom:28px}.hero h2{color:inherit;font-size:22px}.hero p{color:var(--muted);line-height:1.65;margin-top:6px;max-width:75ch}.sample-count{font-size:12px;color:var(--muted);align-self:start;white-space:nowrap;padding-top:7px;font-variant-numeric:tabular-nums}.attention{grid-column:1/-1;list-style:none;margin:0;padding:0}.attention:empty{display:none}.attention li{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 16px;border-top:1px solid var(--line);padding-top:10px;margin-top:6px;font-size:13px}.attention strong{font-weight:600}.attention time{font-size:12px;color:var(--muted);margin-left:auto;font-variant-numeric:tabular-nums}.section-heading,.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}.hint{font-size:12px;color:var(--muted);line-height:1.7}.route-section{margin-bottom:16px}.chain{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));background:#fff;border:1px solid var(--line);border-radius:8px}.component{padding:20px;min-width:0;position:relative}.chain .component+.component{border-left:1px solid var(--line)}.chain .component+.component:before{content:'→';position:absolute;left:-11px;top:22px;background:#fff;color:var(--muted);width:20px;text-align:center}.component-title{font-size:14px;font-weight:650;margin-bottom:12px;color:#243244}.component-status{font-size:16px;font-weight:650;line-height:1.6}.component-detail{color:var(--muted);font-size:12px;line-height:1.75;margin-top:8px;overflow-wrap:anywhere}.path-note{font-size:12px;line-height:1.75;color:var(--muted);margin:10px 0}.context-row{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:28px}.context-panel{border-top:1px solid #cbd4dd;padding:14px 0;display:flex;gap:24px;align-items:center;min-width:0}.context-panel .component{padding:0}.context-panel .component-title{margin-bottom:4px}.context-panel .component-status{font-size:14px}.context-panel .component-detail{margin-top:4px}.resources{margin-left:auto;display:flex;gap:20px;color:var(--muted);font-size:12px;white-space:nowrap}.resources b{display:block;font-size:18px;font-weight:600;color:#243244;margin-top:6px;font-variant-numeric:tabular-nums}.work-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(300px,1fr);gap:24px;margin-bottom:24px}.panel{background:#fff;border:1px solid var(--line);border-radius:8px;padding:24px;min-width:0}.model-columns,.model{display:grid;grid-template-columns:minmax(155px,1.4fr) minmax(120px,1.2fr) 64px 64px;gap:12px;align-items:center}.model-columns{font-size:12px;color:var(--muted);padding:0 0 10px;border-bottom:1px solid var(--line)}.model-columns span:nth-child(n+3){text-align:right}.model{padding:13px 0;border-bottom:1px solid #e8ecef}.model-name strong{font-size:14px;font-weight:600}.model-name p{font-size:12px;color:var(--muted);margin-top:5px;line-height:1.6}.model-result{min-width:0}.metric{font-size:13px;text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.metric-label{display:none}.badge{display:inline-block;font-size:12px;font-weight:500;line-height:1.5;padding:3px 7px;border-radius:4px;background:#eaf4ef}.badge.fail{background:#fbecef}.badge.warn{background:#faf1df}.badge.unknown{background:#edf0f3}.info{font-size:12px;color:var(--muted);line-height:1.7;margin-top:14px}.events{max-height:510px;overflow:auto;scrollbar-width:thin}.event{display:grid;grid-template-columns:8px 1fr;gap:6px 12px;padding:14px 0;border-bottom:1px solid #e8ecef}.event-dot{grid-row:1/3;font-size:10px;margin-top:3px}.event time{font-size:12px;color:var(--muted);font-variant-numeric:tabular-nums}.event>div{grid-column:2}.event strong{font-size:14px;font-weight:600}.event p{font-size:12px;color:var(--muted);line-height:1.6;margin-top:4px}.empty{padding:20px 0;line-height:1.8;color:var(--muted)}.history-panel{margin-bottom:24px}.legend{display:flex;flex-wrap:wrap;gap:14px;font-size:12px}.history-row{display:flex;align-items:center;gap:16px;margin-top:16px}.history-label{width:108px;flex-shrink:0;font-size:13px}.bars{display:flex;gap:3px;flex:1;height:26px;min-width:0}.bar{flex:1;min-width:1px;border-radius:2px;background:repeating-linear-gradient(135deg,#e6eaf0 0px,#e6eaf0 3px,#f5f6f8 3px,#f5f6f8 5px)}.bar.ok{background:#63bda5}.bar.warn{background:#d4a64c}.bar.fail{background:#cf6679}.bar:focus-visible{outline:3px solid #243244;outline-offset:2px;z-index:1}.axis{display:flex;justify-content:space-between;margin:12px 0 14px 124px;font-size:12px;color:var(--muted)}#monitor-health,#history-detail{font-size:12px;line-height:1.7;color:var(--muted);margin-top:10px}#history-detail{background:#f3f5f7;padding:8px 12px;border-radius:4px}.credential{padding:12px 0;border-bottom:1px solid var(--line)}.credential-head{display:flex;align-items:center;justify-content:space-between;gap:16px}.credential p{font-size:13px;color:var(--muted);line-height:1.7;margin:8px 0}.credential progress{width:100%;height:8px;border:0;border-radius:3px;accent-color:var(--ok);background:#e6ebef}progress::-webkit-progress-bar{background:#e6ebef;border-radius:3px}progress::-webkit-progress-value{background:var(--ok);border-radius:3px}#credentials>.hint{margin-top:12px}.disclosure{margin-top:16px;padding:0}.disclosure>summary{padding:18px 24px;cursor:pointer;font-size:15px;font-weight:600}.disclosure[open]>summary{border-bottom:1px solid var(--line)}.disclosure-body{padding:20px 24px}.coverage-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px 28px;margin-bottom:20px}.coverage-grid p{font-size:13px;color:var(--muted);line-height:1.85}.coverage-grid strong{color:#243244}.table-wrap{overflow:auto;margin-top:14px}table{width:100%;border-collapse:collapse;text-align:left;font-size:13px}th,td{padding:12px;border-bottom:1px solid #e8ecef;line-height:1.6}th{font-weight:600;background:#f3f5f7;color:var(--muted)}footer{display:flex;justify-content:space-between;gap:20px;color:var(--muted);font-size:12px;line-height:1.8;margin-top:24px}@media(max-width:1200px){main{padding:28px 24px}.work-grid{grid-template-columns:minmax(0,1.6fr) minmax(260px,1fr);gap:16px}.panel{padding:20px}.model-columns,.model{grid-template-columns:minmax(135px,1.4fr) minmax(100px,1fr) 52px 52px;gap:8px}.context-row{gap:20px}.context-panel{align-items:flex-start;flex-wrap:wrap}.resources{margin-left:0}.component{padding:18px 16px}.panel-heading{flex-wrap:wrap;gap:8px}}@media(max-width:960px){.work-grid{grid-template-columns:1fr}.events{max-height:280px}.chain{grid-template-columns:1fr 1fr}.chain .component:nth-child(3){border-left:0;border-top:1px solid var(--line)}.chain .component:nth-child(4){border-top:1px solid var(--line)}.chain .component:nth-child(3):before{display:none}.coverage-grid{grid-template-columns:1fr 1fr}}@media(max-width:600px){main{padding:20px 16px}header{display:block;margin-bottom:20px}h1{font-size:24px}.subtitle{font-size:13px}.refresh{text-align:left;margin-top:16px;display:flex;flex-wrap:wrap;align-items:center;gap:8px}.refresh button{margin-left:auto}.refresh small{margin:0;width:100%}.hero{padding:16px;display:block;margin-bottom:24px}.hero h2{font-size:19px}.hero p{font-size:13px}.sample-count{display:block;white-space:normal;padding-top:10px}.attention li{gap:4px 10px}.attention time{width:100%;margin:0}.section-heading{display:block}.section-heading .hint{display:block;margin-top:4px}.chain{display:block}.chain .component{padding:15px 16px 15px 27px;border:0;border-left:3px solid #cbd4dd;margin-left:14px}.chain .component+.component,.chain .component:nth-child(3),.chain .component:nth-child(4){border:0;border-left:3px solid #cbd4dd;border-top:1px solid var(--line)}.chain .component+.component:before,.chain .component:nth-child(3):before{display:block;content:'';width:9px;height:9px;background:#fff;border:2px solid #7d8b99;border-radius:50%;left:-6px;top:22px}.component-title{margin-bottom:5px}.component-status{font-size:15px}.component-detail{margin-top:5px}.context-row{grid-template-columns:1fr;gap:0;margin-bottom:20px}.context-panel{gap:14px;flex-wrap:nowrap}.resources{gap:12px;flex-wrap:wrap;margin-left:auto;white-space:normal;min-width:100px}.resources b{font-size:16px}.panel{padding:16px}.panel-heading{align-items:flex-start;margin-bottom:14px}h2{font-size:17px}.model-columns{display:none}.model{grid-template-columns:minmax(0,1fr) auto auto;gap:8px;padding:14px 0}.model-name{grid-column:1/-1}.model-name p{margin-top:4px}.model-result{grid-column:1}.metric{font-size:12px}.metric-label{display:block;color:var(--muted);font-size:12px;margin-bottom:3px}.history-label{width:78px;font-size:12px}.history-row{gap:8px}.bars{gap:1px;height:25px}.axis{margin-left:86px;font-size:10px}.axis span:nth-child(2),.axis span:nth-child(4){display:none}.legend{gap:10px}.coverage-grid{grid-template-columns:1fr}.disclosure{padding:0}.disclosure>summary{padding:16px}.disclosure-body{padding:16px}.table-wrap table{min-width:620px}footer{display:block}footer span{display:block;margin-top:8px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
.topology{display:grid;grid-template-columns:130px minmax(0,1fr) 235px;gap:20px;align-items:stretch}.external-zone{border:1px dashed #aab6c2;border-radius:8px;padding:20px 14px;display:flex;flex-direction:column;justify-content:center;gap:8px;color:var(--muted);position:relative}.external-zone:after,.server-zone:after{content:'⇄';position:absolute;right:-17px;top:50%;color:#596575}.external-zone small{font-size:12px}.server-zone{position:relative;border:1px solid #b9c6d2;border-radius:8px;background:#fff;min-width:0}.zone-title{padding:12px 18px;border-bottom:1px solid var(--line);font-weight:600}.zone-title span{float:right;font-size:12px;color:var(--muted);font-weight:400}.server-zone .chain{border:0;grid-template-columns:repeat(3,minmax(0,1fr))}.egress-zone{background:#fff;border:1px solid var(--line);border-radius:8px}.egress-zone .component{padding:16px}.upstream-node{padding:12px 16px;border-top:1px solid var(--line);font-size:13px}.upstream-node span{display:block;font-size:12px;color:var(--muted);margin-top:6px}#official-context{display:block}.official-components{display:grid;grid-template-columns:1fr 1fr;gap:8px 16px;margin-top:12px}.official-item{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:12px}.official-more{margin-top:12px;font-size:12px}.official-more summary{cursor:pointer}.official-link{display:inline-block;font-size:12px;margin-top:12px;color:#315b86}.official-incident{font-size:13px;margin-top:10px}.component-detail:empty,.info:empty{display:none}@media(max-width:1100px){.topology{grid-template-columns:105px minmax(0,1fr)}.egress-zone{grid-column:2}.server-zone:after{display:none}.server-zone .chain{display:block}.server-zone .chain .component{border-left:0;border-top:1px solid var(--line)}.server-zone .chain .component:before{display:none}}@media(max-width:600px){.topology{display:block}.external-zone{padding:12px 16px;display:block;margin-bottom:18px}.external-zone span,.external-zone small{margin-left:12px}.external-zone:after{content:'⇅';top:auto;bottom:-19px;left:50%;right:auto}.server-zone{margin-bottom:18px}.zone-title span{float:none;display:block;margin-top:4px}.egress-zone{margin-top:18px}.official-components{grid-template-columns:1fr}.server-zone .chain .component{margin-left:0;border-left:0}.context-panel{align-items:flex-start}}

.context-panel{align-items:flex-start}.context-panel .resources{padding-top:4px}
.topology{grid-template-columns:minmax(0,1fr) 260px}.server-zone:after{display:block}.route-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:16px}.route-link{border-top:2px solid currentColor;padding:10px 0;font-size:12px;line-height:1.7}.route-link strong,.route-link span{display:block}.route-link span{color:var(--muted)}.upstream-node .badge{display:block;margin-top:8px}.official-group{border-bottom:1px solid var(--line);padding:12px 0}.official-group summary{list-style:none;cursor:pointer}.official-group summary:after{content:'展开 ›';font-size:12px;color:var(--muted);margin-left:8px}.official-group[open] summary:after{content:'收起 ⌄'}.official-head{display:flex;align-items:center;gap:8px;font-size:14px}.official-head strong{font-weight:500}.official-uptime{margin-left:auto;color:var(--muted);font-size:12px}.official-count{font-size:12px;color:var(--muted)}.official-bars{display:flex;gap:2px;height:16px;margin:10px 0 6px}.official-day{flex:1;min-width:1px;border-radius:1px;background:#c9cfd7}.official-day.operational{background:#22bd9b}.official-day.degraded_performance{background:#f3c52d}.official-day.partial_outage,.official-day.major_outage{background:#f37a61}.official-day.under_maintenance{background:#6e9ed3}.official-group>.official-row{padding:12px 0 12px 16px}.official-group>.official-row .official-head{font-size:13px}#official-context>h2{font-size:22px;margin-bottom:10px}.context-row{grid-template-columns:minmax(0,1fr) minmax(0,1.3fr)}@media(max-width:900px){.route-links{grid-template-columns:1fr;gap:8px}.topology{grid-template-columns:1fr}.egress-zone{grid-column:auto}.server-zone:after{display:none}}@media(max-width:600px){.context-row{grid-template-columns:1fr}.official-bars{gap:1px}.official-head{flex-wrap:wrap}.official-group>.official-row{padding-left:8px}}
/* Keep host resources independent of expandable official history. */
.context-row{display:block}.context-row>section:first-child{padding:14px 0 18px;align-items:center}.context-row .resources{margin-left:auto}.context-row #official-context{border:1px solid var(--line);border-radius:8px;padding:20px;background:#fff;display:grid;grid-template-columns:1fr 1fr;gap:0 28px}.context-row #official-context>h2{grid-column:1/-1;margin-bottom:4px}.context-row #official-context>.hint{grid-column:1;margin-top:12px}.context-row #official-context>.official-link{grid-column:2;text-align:right}.official-group{align-self:start}.connection-arrow{display:flex;justify-content:center;align-items:center;gap:10px;height:40px;border-top:1px solid var(--line);color:var(--unknown);font-size:23px;font-weight:700;overflow:hidden}.connection-arrow.ok{color:var(--ok)}.connection-arrow.fail{color:var(--fail)}.connection-arrow.warn{color:var(--warn)}.connection-arrow.ok span:first-child{animation:flow-down 1.8s linear infinite}.connection-arrow.ok span:last-child{animation:flow-up 1.8s linear infinite}.connection-arrow.fail span,.connection-arrow.warn span{animation:link-pulse 1.5s ease-in-out infinite}.topology.ok .server-zone:after{color:var(--ok);animation:link-flow 2s ease-in-out infinite}.topology.fail .server-zone:after{color:var(--fail);animation:link-pulse 1.5s ease-in-out infinite}.topology.warn .server-zone:after{color:var(--warn);animation:link-pulse 1.5s ease-in-out infinite}.upstream-node{border-top:0}@keyframes flow-down{0%{transform:translateY(-5px);opacity:.4}50%{opacity:1}100%{transform:translateY(5px);opacity:.4}}@keyframes flow-up{0%{transform:translateY(5px);opacity:.4}50%{opacity:1}100%{transform:translateY(-5px);opacity:.4}}@keyframes link-flow{0%,100%{transform:translateX(-2px);opacity:.5}50%{transform:translateX(2px);opacity:1}}@keyframes link-pulse{0%,100%{opacity:1}50%{opacity:.35}}@media(max-width:700px){.context-row #official-context{display:block;padding:16px}.context-row #official-context>.official-link{text-align:left}.context-row>section:first-child{align-items:flex-start}}@media(prefers-reduced-motion:reduce){.connection-arrow span,.topology .server-zone:after{animation:none!important}}