:root{color-scheme:light dark;--bg:#f5f7f7;--surface:#fff;--surface-soft:#eff5f3;--ink:#14282a;--muted:#52696b;--line:#dce7e4;--accent:#087b65;--accent-ink:#fff;--good:#117a5f;--bad:#c14447;--warn:#a86a13;--v4:#098271;--v6:#5d60bb;--radius:18px;--shadow:0 12px 35px rgba(26,65,57,.05);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);line-height:1.55}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #49bda3;outline-offset:3px}.wrap{width:min(1160px,calc(100% - 48px));margin-inline:auto}.masthead{background:var(--surface);border-bottom:1px solid var(--line)}.nav-wrap{min-height:76px;display:flex;align-items:center;gap:32px}.brand{display:flex;align-items:center;gap:10px;white-space:nowrap;color:var(--ink);font-size:15px;letter-spacing:-.02em}.brand b{font-weight:750}.brand:hover{text-decoration:none}.brand-mark{display:grid;place-items:center;background:var(--accent);color:white;width:32px;height:32px;border-radius:10px;font-size:18px}.nav-wrap nav{display:flex;align-items:center;gap:21px;flex:1}.nav-wrap nav a,.language{font-size:13px;color:var(--muted);white-space:nowrap}.nav-wrap nav a:hover{color:var(--accent)}.language{display:flex;gap:7px}.language span{font-weight:700;color:var(--ink)}main.wrap{min-height:75vh}.hero{padding:88px 0 54px;display:grid;grid-template-columns:minmax(0,1.6fr) minmax(240px,.7fr);gap:56px;align-items:center}.eyebrow{color:var(--accent);font-size:11px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;margin:0 0 10px}.hero h1,.page-head h1{font-size:clamp(36px,5vw,60px);line-height:1.12;letter-spacing:-.045em;margin:0 0 20px;font-weight:760}.lead{max-width:650px;color:var(--muted);font-size:18px;line-height:1.75;margin:0}.actions{display:flex;gap:12px;margin-top:30px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--accent);background:var(--accent);color:var(--accent-ink);font:inherit;font-size:14px;font-weight:700;padding:11px 18px;border-radius:10px;cursor:pointer;min-height:44px}.button:hover{text-decoration:none;filter:brightness(.95)}.button.secondary{color:var(--ink);border-color:var(--line);background:var(--surface)}.hero-note{border-radius:var(--radius);padding:27px;background:#dcefe8;border:1px solid #c8e2d7;color:#173f34}.hero-note strong{font-size:16px}.hero-note p{font-size:13px;color:#44695d;margin:20px 0 12px}.hero-note time{display:inline-block;margin-top:5px;font-weight:700;color:#173f34}.hero-note small{font-size:12px;color:#44695d}.live-dot{display:inline-block;width:9px;height:9px;border-radius:50%;background:#18a274;margin-right:9px;box-shadow:0 0 0 5px #b8dfd0}.metric-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.metric,.card,.panel,.family-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.metric{padding:22px;display:flex;min-height:126px;flex-direction:column}.metric span,.metric small,.row-stat small{font-size:12px;color:var(--muted)}.metric strong{font-size:30px;line-height:1.25;letter-spacing:-.04em;margin:10px 0 3px;font-variant-numeric:tabular-nums}.section-heading{margin:66px 0 20px;display:flex;justify-content:space-between;align-items:end;gap:18px}.section-heading h2{font-size:27px;letter-spacing:-.035em;margin:0}.section-heading p:not(.eyebrow){font-size:14px;color:var(--muted);margin:6px 0 0}.section-heading.compact{margin:0 0 20px}.feed-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.card{padding:23px}.card-tag{font-size:10px;letter-spacing:.13em;color:var(--accent);font-weight:800}.card h3{font-size:20px;margin:16px 0 6px}.card p{font-size:14px;min-height:48px;color:var(--muted)}.text-link{font-size:14px;font-weight:700}.footnote{font-size:13px;color:var(--muted);margin:18px 0 50px}.page-head{padding:65px 0 30px}.page-head h1{font-size:clamp(34px,4vw,48px);margin-bottom:12px;overflow-wrap:anywhere}.page-head p:not(.eyebrow){color:var(--muted);max-width:750px}.filters{display:flex;align-items:end;gap:16px;padding:20px}.filters label{display:flex;flex-direction:column;gap:7px;color:var(--muted);font-size:12px;font-weight:650}.filters label:first-of-type{flex:1}.filters input,.filters select{font:inherit;font-size:14px;background:var(--bg);color:var(--ink);border:1px solid var(--line);border-radius:9px;padding:10px 12px;min-height:44px;min-width:140px}.list-meta{display:flex;justify-content:space-between;margin:26px 1px 12px;color:var(--muted);font-size:13px}.tracker-list{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.tracker-row{display:grid;grid-template-columns:minmax(180px,1.8fr) minmax(170px,1.4fr) minmax(100px,.75fr) minmax(100px,.75fr) 20px;gap:18px;align-items:center;padding:18px 20px;border-bottom:1px solid var(--line)}.tracker-row:last-child{border-bottom:0}.tracker-name>a{font-weight:750;color:var(--ink);overflow-wrap:anywhere}.url,.detail-url{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:12px;color:var(--muted);overflow-wrap:anywhere;margin-top:4px}.stack-pills{display:flex;gap:6px;flex-wrap:wrap}.pill{display:inline-flex;align-items:center;gap:5px;padding:4px 8px;border-radius:6px;background:#edf1f0;color:#5d706e;font-size:11px;font-weight:750;white-space:nowrap}.pill::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.pill--success{background:#e5f5ef;color:var(--good)}.pill--failure{background:#fcebec;color:var(--bad)}.pill--partial{background:#fbf1dd;color:var(--warn)}.pill--local_unavailable,.pill--stale,.pill--unknown,.pill--unsupported{background:#edf1f0;color:#5d706e}.new-label{font-size:10px;color:var(--accent);background:#e0f4ec;border-radius:5px;padding:2px 5px;font-weight:800;vertical-align:middle}.row-stat{display:flex;flex-direction:column;gap:3px}.row-stat strong{font-size:14px;font-variant-numeric:tabular-nums}.row-link{font-size:17px}.pagination{display:flex;justify-content:center;gap:24px;align-items:center;padding:24px;color:var(--muted);font-size:13px}.empty{padding:40px;text-align:center;color:var(--muted)}.back{display:inline-block;font-size:13px;margin-bottom:23px}.family-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.family-card{padding:20px;display:flex;align-items:start;flex-direction:column;gap:8px}.family-card strong{font-size:15px}.family-card small{color:var(--muted);font-size:12px}.detail-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.notice{background:#e8f3f0;border-left:3px solid var(--accent);padding:10px 13px;border-radius:4px;font-size:13px}.panel{padding:26px;margin-top:24px}.timeline{width:100%;height:auto}.timeline text{fill:var(--muted);font-size:11px}.timeline-legend{font-size:12px;color:var(--muted)}.timeline-point.success{fill:var(--good)}.timeline-point.failure{fill:var(--bad)}.timeline-point.neutral{fill:var(--warn)}.timeline-point.unknown{fill:var(--muted)}.chart-header{display:flex;align-items:center;justify-content:space-between;margin-top:20px;font-size:14px}.chart{width:100%;height:auto;min-height:160px;overflow:visible}.chart-axis,.chart-grid{stroke:var(--line);stroke-width:1}.chart text{fill:var(--muted);font-size:11px}.chart-line{stroke-width:2;fill:none}.chart-line.ipv4{stroke:var(--v4)}.chart-line.ipv6{stroke:var(--v6)}.chart-point.ipv4{fill:var(--v4)}.chart-point.ipv6{fill:var(--v6)}.chart-point.is-failure{fill:var(--bad)}.legend{display:flex;gap:15px;color:var(--muted);font-size:12px}.legend span::before{content:"";display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:5px}.legend-v4::before{background:var(--v4)}.legend-v6::before{background:var(--v6)}.table-wrap{overflow-x:auto;margin-top:18px}table{border-collapse:collapse;width:100%;font-size:12px;text-align:left;white-space:nowrap}th,td{padding:11px 10px;border-bottom:1px solid var(--line)}th{font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}td{font-variant-numeric:tabular-nums}.prose{max-width:880px;font-size:15px}.prose h2{font-size:20px;margin-top:28px}.prose p,.prose li{color:var(--muted)}code{font-family:ui-monospace,Consolas,monospace;font-size:.9em;overflow-wrap:anywhere}.footer{display:flex;justify-content:space-between;gap:12px;padding:30px 0 40px;border-top:1px solid var(--line);color:var(--muted);font-size:12px}@media(max-width:960px){.nav-wrap{gap:16px;flex-wrap:wrap;padding:16px 0}.nav-wrap nav{order:3;flex-basis:100%;overflow-x:auto;padding:0 0 3px}.language{margin-left:auto}.hero{padding:60px 0 40px;gap:25px}.tracker-row{grid-template-columns:minmax(180px,1.5fr) minmax(150px,1fr) 100px 20px}.tracker-row .row-stat:nth-of-type(4){display:none}}@media(max-width:650px){.wrap{width:min(100% - 30px,1160px)}.hero{grid-template-columns:1fr;padding:48px 0 30px}.hero-note{padding:20px}.metric-grid,.feed-grid,.family-grid,.detail-metrics{grid-template-columns:1fr}.metric{min-height:auto}.metric strong{font-size:25px;margin-top:7px}.section-heading{margin-top:45px}.filters{align-items:stretch;flex-direction:column}.filters input,.filters select{width:100%}.tracker-row{grid-template-columns:1fr auto;gap:11px}.tracker-name{grid-column:1 / -1}.tracker-row .row-stat:nth-of-type(3){display:none}.tracker-row .row-stat:nth-of-type(4){display:none}.row-link{justify-self:end}.panel{padding:18px}.footer{flex-direction:column}.page-head{padding:45px 0 24px}.nav-wrap nav{gap:18px}.lead{font-size:16px}}@media(prefers-color-scheme:dark){:root{--bg:#0e1919;--surface:#142423;--surface-soft:#1c302e;--ink:#e8f4ef;--muted:#a8bcb6;--line:#2b4140;--accent:#67d5b3;--accent-ink:#0e2420;--good:#6cdbb5;--bad:#ff9698;--warn:#efc579;--v4:#67d5b3;--v6:#b1b2ff;--shadow:none}.hero-note{background:#1b3a30;border-color:#2c5546;color:#e8f5ee}.hero-note strong,.hero-note time{color:#e8f5ee}.hero-note p,.hero-note small{color:#b8d5c6}.live-dot{box-shadow:0 0 0 5px #315c4c}.pill--success{background:#21453b}.pill--failure{background:#4b2a30}.pill--partial{background:#4a3a20}.pill--local_unavailable,.pill--stale,.pill--unknown,.pill--unsupported{background:#293a38;color:#b3c4bf}.new-label{background:#20473a}.notice{background:#1a3530}}
.chart-point.is-neutral{fill:var(--warn)}.chart-point.is-unknown{fill:var(--muted)}
.copy-list{display:grid;gap:18px;margin:18px 0}.copy-row label{display:block;font-size:13px;font-weight:750;margin-bottom:7px}.copy-controls{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.copy-controls input{min-width:0;flex:1 1 300px;width:100%;padding:10px 12px;border:1px solid var(--line);border-radius:7px;background:var(--surface-soft);color:var(--ink);font:13px ui-monospace,Consolas,monospace}.copy-controls input:focus{outline:2px solid var(--accent);outline-offset:2px}.copy-button{white-space:normal}.copy-button[hidden]{display:none}.copy-status{display:block;min-height:1.2em;margin-top:5px;color:var(--muted)}
.copy-feed{display:inline-flex;align-items:center;gap:6px;flex-wrap:wrap;justify-content:flex-end}.copy-feed input{max-width:100%;width:280px;padding:5px;border:1px solid var(--line);border-radius:5px;background:var(--surface-soft);color:var(--ink)}.copy-feed input[hidden],.copy-feed button[hidden]{display:none}.copy-feed .copy-status{flex-basis:100%;min-height:0;text-align:right;font-size:11px}
.brand-icon{width:30px;height:30px;display:block}.compact-copy{min-width:0}.compact-copy label{margin:0;font-size:12px;font-weight:600}.compact-copy .copy-controls{display:flex;flex-wrap:nowrap;gap:5px;margin-top:5px}.compact-copy input{flex:1 1 auto;padding:7px 9px;font-size:12px}.copy-icon{display:inline-flex;align-items:center;justify-content:center;flex:none;width:24px;height:24px;padding:3px;border:1px solid var(--line);border-radius:5px;color:var(--accent);background:var(--surface);cursor:pointer}.copy-icon[hidden]{display:none}.copy-icon:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.compact-copy .copy-status{min-height:0;margin:0;font-size:11px}.country-flag{display:inline-block;width:20px;height:15px;object-fit:cover;border:1px solid var(--line);vertical-align:middle}.country-unknown{color:var(--muted);font-size:12px}.feed-detail{border-top:1px solid var(--line);padding:12px 0}.feed-detail summary{cursor:pointer;font-weight:700}.feed-format{display:grid;grid-template-columns:48px minmax(0,1fr);align-items:center;gap:8px;padding-top:10px}.history-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.history-grid .panel{margin-top:0}.chart-panel h3{font-size:14px;margin:0 0 12px}.canvas-wrap{position:relative;height:220px;min-width:0}[data-history-root][data-state=empty]::after{content:"No samples yet / 暂无采样";color:var(--muted)}[data-history-root][data-state=unavailable]::after{content:"History unavailable / 历史数据暂不可用";color:var(--muted)}.sample-run{border-top:1px solid var(--line);padding:15px 0}.sample-run h4{margin:0 0 8px}.sample-run ul{color:var(--muted);font-size:13px}@media(max-width:650px){.history-grid{grid-template-columns:1fr}.canvas-wrap{height:190px}}
/* 1.0.2 compact runtime, discovery and network details */
.runtime-strip{display:flex;gap:36px;flex-wrap:wrap;padding:20px 0 8px}.runtime-strip div{display:flex;align-items:baseline;gap:8px}.runtime-strip span{font-size:13px;color:var(--muted)}.runtime-strip strong{font-size:20px;font-variant-numeric:tabular-nums}.home-address-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:24px}.home-address-grid .panel{margin-top:0;max-width:none}.home-address-grid h2{margin-top:0}.subscriptions{display:grid;gap:10px}.subscription-row{border-top:1px solid var(--line);padding-top:8px}.subscription-row>a{font-size:13px;font-weight:700}.subscription-row .copy-label{display:none}.subscription-row .copy-status{margin-top:2px}.tracker-row{grid-template-columns:32px minmax(200px,1fr) auto 100px 125px 20px;gap:12px;padding:11px 14px}.tracker-rank{align-self:center;font-size:12px;color:var(--muted);font-variant-numeric:tabular-nums}.tracker-name{min-width:0}.tracker-row .copy-label{display:none}.tracker-row .compact-copy input{background:transparent;border:0;padding:3px 0;min-width:0}.tracker-row .copy-controls{margin-top:1px}.infra-compact{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:14px 0 0}.infra-compact div{min-width:0}.infra-compact dt{font-size:12px;color:var(--muted)}.infra-compact dd{font-size:14px;margin:3px 0 0;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}.source-link{padding:7px 0;border-top:1px solid var(--line)}.source-link>a{font-weight:700}.source-link .copy-label{display:none}
@media(max-width:900px){.tracker-row{grid-template-columns:26px minmax(0,1fr) auto;gap:7px 10px}.tracker-name{grid-column:2;grid-row:1}.tracker-row .row-link{grid-column:3;grid-row:1}.tracker-row .stack-pills{grid-column:2 / 4}.tracker-row .row-stat,.tracker-row .row-stat:nth-of-type(3),.tracker-row .row-stat:nth-of-type(4){display:flex;grid-column:2 / 4;flex-direction:row;gap:8px}.infra-compact{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.runtime-strip{gap:14px 22px}.home-address-grid{grid-template-columns:1fr}.infra-compact{grid-template-columns:1fr 1fr}}
@media(min-width:901px) and (max-width:960px){.tracker-row{grid-template-columns:32px minmax(180px,1fr) auto 90px 110px 20px}.tracker-row .row-stat:nth-of-type(4){display:flex}}
/* 1.0.2 acceptance: align headline and sampled values on one baseline. */
.trends-heading{margin:30px 0 16px}.trends-title-row{display:flex;align-items:baseline;justify-content:space-between;gap:16px;min-width:0}.trends-title-row h2{margin:0;line-height:1.2;flex:none}.trends-title-row .runtime-strip{display:flex;align-items:baseline;justify-content:flex-end;flex-wrap:wrap;gap:8px 18px;min-width:0;margin-left:auto;padding:0}.trends-title-row .runtime-strip div{display:flex;align-items:baseline;gap:5px;max-width:100%}.trends-title-row .runtime-strip span,.trends-title-row .runtime-strip small{font-size:12px;line-height:1.3;color:var(--muted)}.trends-title-row .runtime-strip strong{font-size:18px;line-height:1.2;font-variant-numeric:tabular-nums}.trends-sub-row{display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:10px}.trends-sub-row p{margin:0;color:var(--muted);font-size:13px}.trends-sub-row label{margin-left:auto;font-size:13px;color:var(--muted)}
@media(max-width:800px){.trends-title-row{flex-wrap:wrap}.trends-title-row .runtime-strip{flex-basis:100%;justify-content:flex-start;margin-left:0;gap:8px 16px}}
.observation-timeline{min-height:52px;color:var(--muted);font-size:13px}.observation-timeline .timeline{display:block;width:100%;height:auto}.timeline-segment,.timeline-axis{stroke:var(--muted);stroke-width:1;stroke-opacity:.55}.timeline-untested{fill:var(--muted);font-size:11px}
.nav-actions{display:flex;align-items:center;gap:10px;margin-left:auto;flex-shrink:0}.nav-actions .language{margin-left:0}.github-link{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;color:var(--muted);border-radius:5px;flex:none}.github-link:hover{color:var(--accent)}.github-link:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media(max-width:400px){.nav-wrap{gap:8px}.brand{gap:6px;font-size:14px}.brand-icon{width:26px;height:26px}.nav-actions{gap:6px}}