:root{--primary:#20262e;--primary-deep:#121820;--primary-tint:#f0f2f4;--primary-ring:#20262e2e;--primary-border:#a4aab1;--text-main:#20262e;--text-sub:#606874;--text-weak:#6b727b;--border:#e5e8ec;--card-bg:#fff;--page-bg:#f6f7f9;--success:#246e4f;--success-bg:#e8f4ee;--error:#b33339;--error-bg:#fcedef;--warning:#8a5a12;--warning-bg:#fbf2e1;--mono:Consolas, "Courier New", monospace}*{box-sizing:border-box}html,body{background:var(--page-bg);color:var(--text-main);margin:0;padding:0;font:14px/1.6 -apple-system,Segoe UI,Microsoft YaHei,PingFang SC,sans-serif}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}.mono{font-family:var(--mono)}.muted{color:var(--text-sub)}.weak{color:var(--text-weak)}.topbar{background:var(--card-bg);border-bottom:1px solid var(--border);z-index:50;align-items:center;gap:32px;min-height:72px;padding:0 max(24px,50vw - 560px);display:flex;position:sticky;top:0}.topbar-brand{color:var(--text-main);white-space:nowrap;letter-spacing:-.5px;align-items:baseline;gap:10px;font-size:20px;font-weight:650;display:inline-flex}.topbar-brand:hover{text-decoration:none}.brand-caption{color:var(--text-sub);letter-spacing:0;font-size:12px;font-weight:400}.topbar-nav{flex:auto;align-items:center;gap:4px;min-width:0;display:flex}.topbar-nav>a,.nav-advanced>summary{color:var(--text-sub);white-space:nowrap;cursor:pointer;border-radius:6px;padding:8px 14px;display:block}.topbar-nav a:hover{color:var(--text-main);text-decoration:none}.topbar-nav>a:hover,.nav-advanced>summary:hover{background:var(--primary-tint)}.topbar-nav a.active,.nav-advanced.is-active>summary{background:var(--primary-tint);color:var(--text-main);font-weight:600}.nav-advanced{position:relative}.nav-advanced>summary{list-style:none}.nav-advanced>summary::-webkit-details-marker{display:none}.nav-advanced>summary:after{content:"⌄";margin-left:6px}.nav-advanced-menu{background:var(--card-bg);border:1px solid var(--border);border-radius:8px;min-width:160px;padding:6px;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 8px 24px #20262e1a}.nav-advanced-menu a{color:var(--text-main);border-radius:6px;padding:8px 12px;display:block}.nav-advanced-menu a:hover{background:var(--primary-tint)}.topbar-side{color:var(--text-sub);white-space:nowrap;align-items:center;gap:12px;font-size:12px;display:flex}.topbar-side .mock-switch{align-items:center;gap:6px;display:flex}.topbar-side select{max-width:160px}.page{max-width:1168px;margin:0 auto;padding:36px 24px 48px}.page-title{letter-spacing:-.5px;margin:0 0 6px;font-size:26px;font-weight:600;line-height:1.4}.page-subtitle{color:var(--text-sub);margin:0 0 24px;font-size:14px}.page-actions{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:20px;display:flex}.page-heading{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:24px;display:flex}.page-heading .page-subtitle{margin-bottom:0}.heading-actions{align-items:center;gap:12px;padding-top:4px;display:flex}.freshness{color:var(--text-sub);font-size:12px}.section-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.section-heading h2{margin:0;font-size:16px;font-weight:600}.section-heading a{color:var(--text-sub);font-size:13px}.section-scope{color:var(--text-sub);margin-left:10px;font-size:12px;font-weight:400}.section-caption{color:var(--text-sub);margin:-6px 0 16px;font-size:12px}:focus-visible{outline:2px solid var(--primary);outline-offset:3px}button,input,select{font:inherit}button,a,summary{-webkit-tap-highlight-color:transparent}.card{background:var(--card-bg);border:1px solid var(--border);border-radius:10px;padding:14px 16px}.cards-grid{grid-template-columns:repeat(auto-fill,minmax(196px,1fr));gap:12px;margin-bottom:16px;display:grid}.cards-grid .card.wide{grid-column:1/-1}.card-title{color:var(--text-sub);margin:0 0 10px;font-size:13px;font-weight:600}.metric-card .metric-label{color:var(--text-sub);font-size:12px}.metric-card .metric-value{margin-top:2px;font-size:24px;font-weight:700}.metric-card .metric-value.is-missing{color:var(--text-weak);font-size:16px;font-weight:500}.metric-card .metric-sub{color:var(--text-weak);margin-top:2px;font-size:12px}.home-content{gap:24px;display:grid}.home-content>.notice-bar{margin:0}.service-summary{padding:28px}.service-summary-head{justify-content:space-between;align-items:center;gap:20px;display:flex}.service-title{align-items:center;gap:12px;display:flex}.service-title h2{color:var(--text-main);letter-spacing:-.5px;margin:0;font-size:28px;font-weight:500;line-height:1.4}.service-dot{background:var(--text-sub);border-radius:50%;flex:0 0 9px;width:9px;height:9px;display:block}.service-title.tone-success .service-dot{background:var(--success)}.service-title.tone-warning .service-dot{background:var(--warning)}.service-title.tone-error .service-dot{background:var(--error)}.service-description{color:var(--text-sub);margin:8px 0 0}.home-counters{border-top:1px solid var(--border);grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:24px;padding-top:24px;display:grid}.home-counter{color:var(--text-main);flex-direction:column;align-items:flex-start;gap:4px;min-width:0;display:flex}.home-counter:hover{text-decoration:none}.home-counter:hover .home-counter-label{text-decoration:underline}.home-counter-label{color:var(--text-sub);font-size:13px}.home-counter-value{font-variant-numeric:tabular-nums;font-size:28px;font-weight:500;line-height:1.4}.home-counter-note{color:var(--text-sub);font-size:12px}.home-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:24px;display:grid}.home-section{min-width:0}.home-footer{color:var(--text-sub);justify-content:space-between;align-items:baseline;gap:16px;font-size:12px;display:flex}.home-footer .meta-line{margin:0}.home-footer a{color:var(--text-sub);flex-shrink:0}.node-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:16px;display:grid}.node-card{min-width:0;padding:20px}.node-card-head{align-items:center;gap:12px;display:flex}.node-card-head>div{flex:auto;min-width:0}.node-card-title{overflow-wrap:anywhere;margin:0;font-size:16px;font-weight:600;line-height:1.5}.node-card-caption{color:var(--text-sub);overflow-wrap:anywhere;margin:4px 0 0;font-size:13px}.node-card-footer{justify-content:space-between;align-items:center;gap:12px;margin-top:24px;display:flex}.node-card-load{color:var(--text-sub);font-size:13px}.node-card-link{color:var(--text-main);white-space:nowrap;font-size:13px;font-weight:500}.node-card-head .status-badge{flex:none}.quiet-empty{padding:24px}.home-grid .quiet-empty{flex-direction:column;justify-content:center;min-height:136px;display:flex}.quiet-empty h3{margin:0 0 8px;font-size:15px;font-weight:500}.quiet-empty p{color:var(--text-sub);margin:0;font-size:13px}.incident-list{margin:0;padding:4px 20px;list-style:none}.incident-row{justify-content:space-between;align-items:flex-start;gap:16px;padding:16px 0;display:flex}.incident-row+.incident-row{border-top:1px solid var(--border)}.incident-row>div{min-width:0}.incident-message{overflow-wrap:anywhere;margin:0 0 4px;font-size:14px}.incident-code{color:var(--text-sub);overflow-wrap:anywhere;font-size:12px}.incident-row time{color:var(--text-sub);flex:none;font-size:12px}.node-summary{color:var(--text-sub);font-size:13px}.node-filters{margin-bottom:20px}.node-filters summary{cursor:pointer;color:var(--text-sub);font-size:13px}.node-filters .filter-bar{margin:12px 0 0}@media (width<=900px){.topbar{gap:20px;padding:0 24px}.brand-caption{display:none}.home-grid{grid-template-columns:1fr}}@media (width<=600px){.topbar{flex-wrap:wrap;gap:0 12px;min-height:104px;padding:12px 16px 8px}.topbar-brand{flex:1;font-size:18px}.topbar-side{gap:8px}.topbar-nav{flex:0 0 100%;order:3;margin-top:8px}.topbar-nav>a,.nav-advanced>summary{padding:6px 12px}.page{padding:24px 16px 32px}.page-title{font-size:24px}.page-heading{gap:12px;margin-bottom:20px}.heading-actions{gap:8px}.freshness{display:none}.service-summary{padding:20px}.service-summary-head{flex-direction:column;align-items:flex-start;gap:16px}.service-title h2{font-size:24px}.service-description{font-size:13px}.home-counters{gap:12px;margin-top:20px;padding-top:20px}.home-counter-value{font-size:24px}.home-counter-note{display:none}.home-content,.home-grid{gap:24px}.home-footer{flex-direction:column;gap:8px}.node-card-head{flex-wrap:wrap}.node-card{padding:18px}.node-card-head .status-badge{margin-left:auto}.filter-bar,.page-actions{gap:10px}.filter-field{max-width:100%}.filter-field input{width:100%;min-width:0}.kv-list{grid-template-columns:minmax(72px,auto) minmax(0,1fr)}.chart-box{height:220px}.page-title{overflow-wrap:anywhere}}@media (prefers-reduced-motion:reduce){.state-loading .state-icon{animation:none}}.kv-list{grid-template-columns:minmax(96px,auto) 1fr;gap:6px 14px;margin:0;display:grid}.kv-list dt{color:var(--text-sub);white-space:nowrap;font-size:12px}.kv-list dd{word-break:break-all;margin:0}.table-wrap{overflow-x:auto}.data-table{border-collapse:collapse;width:100%;font-size:13px}.data-table th,.data-table td{text-align:left;border-bottom:1px solid var(--border);white-space:nowrap;padding:8px 10px}.data-table th{color:var(--text-sub);background:var(--card-bg);font-weight:600}.data-table tbody tr:hover{background:var(--primary-tint)}.data-table tbody tr.clickable{cursor:pointer}.data-table td.wrap{white-space:normal;min-width:200px}.status-badge{white-space:nowrap;border-radius:999px;padding:1px 10px;font-size:12px;font-weight:600;line-height:20px;display:inline-block}.status-badge.tone-success{background:var(--success-bg);color:var(--success)}.status-badge.tone-error{background:var(--error-bg);color:var(--error)}.status-badge.tone-warning{background:var(--warning-bg);color:var(--warning)}.status-badge.tone-info{background:var(--primary-tint);color:var(--primary)}.status-badge.tone-muted{background:var(--border);color:var(--text-sub)}.filter-bar{flex-wrap:wrap;align-items:flex-end;gap:12px;margin-bottom:16px;display:flex}.filter-field{flex-direction:column;gap:4px;display:flex}.filter-field>span{color:var(--text-sub);font-size:12px}.filter-field input[type=text],.filter-field input[type=search]{border:1px solid var(--border);background:var(--card-bg);min-width:180px;height:30px;color:var(--text-main);border-radius:6px;padding:0 10px;font-size:13px}.filter-field input:focus{border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-ring);outline:none}.filter-field .ui-dd{min-width:180px}.notice-bar{border-radius:8px;align-items:center;gap:8px;margin-bottom:12px;padding:8px 14px;font-size:13px;display:flex}.notice-warning{background:var(--warning-bg);color:var(--warning)}.notice-error{background:var(--error-bg);color:var(--error)}.notice-info{background:var(--primary-tint);color:var(--primary)}.meta-line{color:var(--text-weak);flex-wrap:wrap;gap:16px;margin-top:10px;font-size:12px;display:flex}.state-box{color:var(--text-sub);flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:48px 24px;display:flex}.state-icon{background:var(--border);width:36px;height:36px;color:var(--text-sub);border-radius:50%;justify-content:center;align-items:center;font-size:18px;font-weight:700;display:flex}.state-error .state-icon{background:var(--error-bg);color:var(--error)}.state-loading .state-icon{animation:1.2s ease-in-out infinite console-pulse}@keyframes console-pulse{0%,to{opacity:.4}50%{opacity:1}}.chart-grid{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:16px;display:grid}.chart-grid .single{grid-column:1/-1}@media (width<=900px){.chart-grid{grid-template-columns:1fr}}.chart-box{height:280px;position:relative}.sub-section{margin-top:16px}.cap-chips{flex-wrap:wrap;gap:6px;display:flex}.cap-chips .chip{background:var(--primary-tint);color:var(--primary);font-size:12px;font-family:var(--mono);border-radius:6px;padding:2px 10px}.cap-chips .chip.lacking{background:var(--border);color:var(--text-weak);text-decoration:line-through}.login-wrap{flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:100vh;padding:24px;display:flex}.login-card{background:var(--card-bg);border:1px solid var(--border);border-radius:12px;width:min(360px,100%);padding:28px}.login-title{margin:0 0 4px;font-size:20px}.login-subtitle{color:var(--text-sub);margin:0 0 20px;font-size:13px}.login-form{flex-direction:column;gap:14px;display:flex}.login-field{flex-direction:column;gap:4px;display:flex}.login-field span{color:var(--text-sub);font-size:12px}.login-field input{border:1px solid var(--border);background:var(--card-bg);height:38px;color:var(--text-main);border-radius:8px;padding:0 12px;font-size:14px}.login-field input:focus{border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-ring);outline:none}.login-error{color:var(--error);min-height:16px;margin:0;font-size:12px}.login-form .btn{width:100%}.login-hint{color:var(--text-weak);margin:14px 0 0;font-size:12px}.login-notice{background:var(--warning-bg);color:var(--warning);border-radius:8px;padding:8px 14px;font-size:13px}.topbar-user{color:var(--text-main);font-weight:600}ui-log-view{background:var(--card-bg);border:1px solid var(--border);border-radius:10px;padding:12px 16px;display:block}ui-log-view table{font-size:13px}.mock-badge{background:var(--warning-bg);color:var(--warning);border-radius:999px;padding:1px 8px;font-size:11px;font-weight:600}