html.pu-home{--pu-bg:#f4f7fa;--pu-card:#fff;--pu-soft:#f7f9fb;--pu-border:#e4eaf0;--pu-text:#1b2839;--pu-muted:#738195;--pu-accent:#12836c;--pu-tint:#e6f5ef;--pu-blue:#5b83be}
html:not(.dark).pu-home{--pu-muted:#63738a}
html:not(.dark).pu-home .sg-route-line>span[style]{filter:brightness(.62) saturate(1.15)}
html:not(.dark).pu-home .pu-netline [class*="text-green"],html:not(.dark).pu-home .pu-netline [class*="text-blue"]{filter:brightness(.8)}
html:not(.dark).pu-home .km-danger{color:#a84340}
html.dark.pu-home{--pu-bg:#0c1119;--pu-card:#131b27;--pu-soft:#17212f;--pu-border:#253043;--pu-text:#e6edf6;--pu-muted:#8898ae;--pu-accent:#6ad9ba;--pu-tint:#18332f;--pu-blue:#90b5e6}
html.pu-home body{background:var(--pu-bg)!important;color:var(--pu-text)!important;font-family:"Segoe UI","Microsoft YaHei",system-ui,sans-serif;font-size:14px;-webkit-font-smoothing:antialiased}
html.pu-home nav{background:var(--pu-bg)!important;border-bottom:1px solid var(--pu-border)!important}
html.pu-home nav>.container{height:72px!important;max-width:1360px!important;padding:0 28px!important}
html.pu-home nav a{font-size:20px!important;letter-spacing:-.5px}
html.pu-home nav a>div:first-child{background:var(--pu-accent)!important;color:var(--pu-bg)!important;box-shadow:none!important;border-radius:10px}
html.pu-home nav button{color:var(--pu-muted)}
html.pu-home main{padding:28px 0 38px!important}
html.pu-home main>.container{width:100%;max-width:1360px!important;padding:0 28px!important;margin:auto!important}
html.pu-home main>.container>div:first-child:empty{display:none!important;margin:0!important}
html.pu-home .pu-hero{margin:0!important;gap:0!important}html.pu-home .pu-hero>div.grid:empty{display:none}
html.pu-home .pu-heading{padding:0!important;display:grid!important;grid-template-columns:1fr auto auto;gap:0 16px;margin:0!important;align-items:center}
html.pu-home .pu-heading h2{grid-column:1;grid-row:1}html.pu-home .pu-heading>.pu-intro{grid-column:1;grid-row:2}html.pu-home .pu-heading>.pu-overview{grid-column:2;grid-row:1/3;margin:0 10px}html.pu-home .pu-heading>.km-open{grid-column:3;grid-row:1/3}
html.pu-home .pu-heading h2{font-size:27px!important;line-height:1.35;font-weight:650;letter-spacing:-.7px;color:var(--pu-text)}
html.pu-home .pu-intro{margin:7px 0 0;color:var(--pu-muted);font-size:13px;line-height:1.6}
html.pu-home .pu-titleblock{min-width:0}
html.pu-home .pu-overview{display:flex;align-items:center;gap:9px;margin:0 16px 0 auto;color:var(--pu-muted);font-size:12px;white-space:nowrap}
html.pu-home .pu-overview::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--pu-accent);box-shadow:0 0 0 4px var(--pu-tint)}
html.pu-home .pu-overview[data-stale=true]::before{background:#d5b37d;box-shadow:0 0 0 4px #d5b37d15}
html.pu-home .km-open{display:flex;align-items:center;gap:8px;padding:10px 14px!important;background:var(--pu-card)!important;border:1px solid var(--pu-border)!important;font-size:12px!important;box-shadow:0 2px 4px #00000006;flex-shrink:0}
html.pu-home .km-open::before{content:"";display:block;width:14px;height:14px;background:currentColor;opacity:.7;mask:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="1.6"><rect x="3" y="3" width="18" height="7" rx="2"/><rect x="3" y="14" width="18" height="7" rx="2"/><path d="M6 6.5h.01M6 17.5h.01M10 6.5h8M10 17.5h8"/></svg>') center/contain no-repeat}
html.pu-home .sg-dashboard{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px 22px;margin-top:22px!important}
html.pu-home .sg-dashboard>*{min-width:0;margin:0!important}
html.pu-home .pu-search-row{grid-column:1;gap:12px!important}
html.pu-home .pu-search-row>div:first-child{max-width:340px}
html.pu-home .pu-search-row input{background:var(--pu-card)!important;border:1px solid var(--pu-border)!important;height:40px!important;border-radius:9px!important;font-size:12px!important;padding-left:38px!important}
html.pu-home .pu-search-row input::placeholder{color:var(--pu-muted)}
html.pu-home .pu-search-row input:focus{outline:1px solid var(--pu-accent);box-shadow:none}
html.pu-home .pu-search-row [data-slot=toggle-group],html.pu-home .pu-search-row [role=group]{background:var(--pu-card)}
html.pu-home .pu-filter-row{grid-column:2;flex-direction:row!important;justify-content:flex-end!important;align-items:center!important;gap:16px!important}
html.pu-home .pu-filter-row>[data-pu-count]{display:none!important}
html.pu-home .pu-native-count{display:none!important}
html.pu-home .pu-filter-row [role=tablist]{height:38px;background:transparent!important;border:1px solid var(--pu-border)!important;border-radius:9px!important;padding:3px}
html.pu-home .pu-filter-row [role=tab]{font-size:12px;padding:6px 12px!important;border-radius:6px!important;color:var(--pu-muted)}
html.pu-home .pu-filter-row [role=tab][aria-selected=true]{background:var(--pu-card)!important;color:var(--pu-text)!important;box-shadow:0 1px 3px #0001!important}
html.pu-home .sg-controls{grid-column:1/-1;border-top:1px solid var(--pu-border);padding-top:12px;margin:0!important;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:5px 18px}
html.pu-home .sg-control-line{display:contents}
html.pu-home .sg-control-title{font-size:13px;font-weight:600;letter-spacing:.2px}
html.pu-home .sg-tabs{grid-column:2;grid-row:1/3;justify-self:end;border:1px solid var(--pu-border);border-radius:9px;background:transparent;padding:3px;gap:4px}
html.pu-home .sg-tabs button{font-size:12px;padding:6px 14px;border-radius:6px;color:var(--pu-muted)}
html.pu-home .sg-tabs button[aria-selected=true]{background:var(--pu-tint);box-shadow:none;color:var(--pu-accent)}
html.pu-home .sg-legend{grid-column:1;grid-row:2;display:flex;align-items:center;margin:0!important;gap:14px;justify-content:flex-start}
html.pu-home .sg-controls:has(.sg-guide[open]) .sg-legend{grid-column:1/-1;grid-row:3}
html.pu-home .sg-note{font-size:11px;color:var(--pu-muted)}
html.pu-home .sg-guide{font-size:11px;color:var(--pu-muted)}
html.pu-home .sg-guide summary:hover{color:var(--pu-text)}
html.pu-home .sg-guide p{font-size:12px;line-height:1.9;max-width:none;color:var(--pu-muted)}
html.pu-home .sg-legend:has(.sg-guide[open]){align-items:flex-start}html.pu-home .sg-guide[open]{padding:14px 16px;background:var(--pu-card);border:1px solid var(--pu-border);border-radius:10px}
html.pu-home .pu-node-grid{grid-column:1/-1;gap:22px!important;padding:0!important;align-items:start}
html.pu-home .pu-node{background:var(--pu-card)!important;color:var(--pu-text)!important;border:1px solid var(--pu-border)!important;border-radius:14px!important;box-shadow:0 4px 20px #00000008!important;height:auto!important;position:relative}
html.pu-home .pu-node::before{content:"";position:absolute;top:0;left:22px;right:22px;height:1px;background:linear-gradient(90deg,transparent,var(--pu-accent),transparent);opacity:.6}
html.pu-home .pu-node:hover{border-color:color-mix(in srgb,var(--pu-accent) 35%,var(--pu-border))!important;box-shadow:0 6px 24px #00000012!important}
html.pu-home .pu-node-header{padding:20px 22px 16px!important}
html.pu-home .pu-node-header h3{font-size:18px!important;font-weight:600;letter-spacing:-.3px}
html.pu-home .pu-node-header [aria-label^="地区旗帜"]{margin:0!important;width:29px!important;height:29px!important}
html.pu-home .pu-node-header .text-primary-foreground{background:var(--pu-tint)!important;color:var(--pu-accent)!important;border:1px solid color-mix(in srgb,var(--pu-accent) 20%,transparent)!important;font-size:10px;padding:3px 9px;font-weight:500}
html.pu-home .pu-node-header .text-primary-foreground::before{content:"";display:inline-block;width:4px;height:4px;border-radius:50%;background:currentColor;margin-right:5px}
html.pu-home .pu-node-header [data-pu-online=false]{background:#bc585515!important;color:#dd8f8d!important;border-color:#bc585540!important}
html.pu-home .pu-node-header [class*="text-[11px]"]{color:var(--pu-muted)!important;font-size:11px!important;margin-top:6px!important}
html.pu-home .pu-node-header [class*="bg-muted"]{background:transparent!important;padding:0!important}
html.pu-home .pu-node>div.bg-border{background:var(--pu-border)!important;opacity:1!important}
html.pu-home .pu-node-body{padding:18px 22px 0!important}
html.pu-home .pu-metrics{gap:10px!important;margin-bottom:16px!important}
html.pu-home .pu-metric{background:var(--pu-soft);border:1px solid color-mix(in srgb,var(--pu-border) 65%,transparent);border-radius:10px;display:flex!important;flex-direction:column-reverse;align-items:flex-start!important;justify-content:space-between!important;padding:12px 14px 17px!important;position:relative;gap:6px;min-height:106px}
html.pu-home .pu-metric>div:first-child{width:auto!important;height:auto!important;position:static!important;order:1}
html.pu-home .pu-metric>div:first-child>svg{display:none!important}
html.pu-home .pu-metric>div:first-child>div{position:static!important;justify-content:flex-start!important}
html.pu-home .pu-metric>div:first-child span{font-size:24px!important;line-height:1.15;font-weight:600!important;letter-spacing:-.6px;filter:none!important;color:var(--pu-text)!important}
html.pu-home .pu-metric>div:nth-child(2){text-align:left!important;margin:0!important;display:contents}
html.pu-home .pu-metric>div:nth-child(2)>div:first-child{font-size:11px!important;color:var(--pu-muted)!important;font-weight:500!important;order:2}
html.pu-home .pu-metric>div:nth-child(2)>div:nth-child(2){font-size:10px!important;color:var(--pu-muted)!important;margin:0!important;order:0}
html.pu-home .pu-meter{position:absolute;left:14px;right:14px;bottom:9px;height:3px;border-radius:8px;background:var(--pu-border);overflow:hidden}
html.pu-home .pu-meter>i{display:block;height:100%;border-radius:8px;background:var(--pu-accent);transition:width .5s ease}
html.pu-home .pu-metric:nth-child(2) .pu-meter>i{background:#8cace1}html.pu-home .pu-metric:nth-child(3) .pu-meter>i{background:#a695d5}
html.pu-home .pu-network{background:transparent!important;padding:0!important;border-radius:0!important}
html.pu-home .pu-network>.bg-border{display:none!important}
html.pu-home .pu-netline{padding:3px 0 5px;font-size:12px;color:var(--pu-muted)}
html.pu-home .pu-netline .font-mono{font-family:"Segoe UI",system-ui,sans-serif;font-variant-numeric:tabular-nums;font-size:12px!important}
html.pu-home .pu-netline [class*="text-green"]{color:var(--pu-accent)!important}html.pu-home .pu-netline [class*="text-blue"]{color:var(--pu-blue)!important}
html.pu-home .sg-detail{border-top:1px solid var(--pu-border);padding-top:14px;margin-top:12px;font-size:12px}
html.pu-home .sg-line-head{font-size:10px;color:var(--pu-muted);letter-spacing:.3px;margin-bottom:4px}
html.pu-home .sg-line-head,html.pu-home .sg-route-line{grid-template-columns:minmax(0,1fr) 90px 70px;gap:8px}
html.pu-home .sg-route{padding:9px 0;border-bottom:1px solid color-mix(in srgb,var(--pu-border) 45%,transparent)}
html.pu-home .sg-route-line{font-size:13px;line-height:1.4;font-variant-numeric:tabular-nums}
html.pu-home .sg-route-name{font-size:13px;font-weight:500;letter-spacing:.1px;color:var(--pu-text)}
html.pu-home .sg-mini-strips{gap:16px;margin-top:7px}
html.pu-home .sg-strip{gap:3px;height:4px;opacity:.8}
html.pu-home .sg-strip i{border-radius:1px}
html.pu-home .sg-coverage{font-size:10px;color:var(--pu-muted);padding:4px 0;margin:8px 0}
html.pu-home .sg-more{padding:0;border-top:1px solid var(--pu-border)}
html.pu-home .sg-more>summary{display:flex;align-items:center;justify-content:space-between;list-style:none;padding:13px 0;font-size:12px;color:var(--pu-muted);cursor:pointer}
html.pu-home .sg-more>summary::after{content:"＋";font-size:15px;font-weight:400}html.pu-home .sg-more[open]>summary::after{content:"−"}
html.pu-home .sg-more[open]>summary{margin-bottom:2px}
html.pu-home .sg-resource-note,html.pu-home .sg-targets,html.pu-home .sg-system{font-size:11px;color:var(--pu-muted);line-height:1.8}
html.pu-home .sg-stats-table{font-size:11px;margin:14px 0}html.pu-home .sg-stats-table th{color:var(--pu-muted)}
html.pu-home .sg-stats-table td,html.pu-home .sg-stats-table th{border-color:var(--pu-border);padding:7px 3px}
html.pu-home .pu-node-footer{padding:0 22px 14px!important}
html.pu-home .pu-node-footer:has(>div:empty){display:none!important}
html.pu-home .pu-node-footer [class*="bg-"]{background:var(--pu-soft)!important;color:var(--pu-muted)!important;border-color:var(--pu-border)!important;font-size:10px}
html.pu-home .km-dialog{background:var(--pu-card);color:var(--pu-text);border:1px solid var(--pu-border);border-radius:18px;padding:28px;width:min(520px,calc(100vw - 32px));box-shadow:0 24px 100px #0005}
html.pu-home .km-dialog::backdrop{background:#080d16b3;backdrop-filter:blur(5px)}
html.pu-home .km-dialog h2{font-size:21px;letter-spacing:-.5px;margin-bottom:14px;font-weight:600}
html.pu-home .km-dialog p{font-size:13px;line-height:1.85}html.pu-home .km-message,html.pu-home .km-meta{color:var(--pu-muted)}
html.pu-home .km-row{border-color:var(--pu-border);padding:18px 0}html.pu-home .km-name{font-weight:500}html.pu-home .km-meta{font-size:11px;margin-top:6px}
html.pu-home .km-button{border-color:var(--pu-border);border-radius:8px;padding:9px 14px;font-size:12px}html.pu-home .km-danger{color:#e99b98;background:#bc585510;border-color:#bc58552e}
html.pu-home .km-primary{color:#fff;background:#c55654;border-color:transparent}html.pu-home .km-toolbar{margin-top:22px;gap:10px}
html.pu-home .km-confirm{border-color:var(--pu-border);background:var(--pu-soft);padding:11px;border-radius:9px}
html.pu-home .km-label{color:var(--pu-muted);font-size:12px}
html.pu-home :focus-visible{outline-color:var(--pu-accent)}
@media(min-width:1600px){html.pu-home main>.container,html.pu-home nav>.container{max-width:1480px!important}}
@media(max-width:1000px){html.pu-home .pu-filter-row>[data-pu-count]{display:none}html.pu-home .pu-search-row>div:first-child{max-width:none}html.pu-home .pu-overview{margin-right:4px}}
@media(max-width:767px){html.pu-home main{padding-top:22px!important}html.pu-home main>.container,html.pu-home nav>.container{padding-left:18px!important;padding-right:18px!important}html.pu-home nav>.container{height:62px!important}html.pu-home nav a{font-size:17px!important}html.pu-home .pu-heading h2{font-size:23px!important}html.pu-home .pu-heading{flex-wrap:wrap;gap:12px}html.pu-home .pu-titleblock{flex:1}html.pu-home .pu-overview{flex-basis:100%;order:3;margin:0;font-size:11px}html.pu-home .pu-intro{font-size:12px}html.pu-home .km-open{padding:9px 11px!important}html.pu-home .sg-dashboard{grid-template-columns:1fr;gap:14px;margin-top:20px!important}html.pu-home .pu-search-row,html.pu-home .pu-filter-row{grid-column:1!important}html.pu-home .pu-search-row{flex-direction:row!important;align-items:center!important;gap:10px!important}html.pu-home .pu-search-row>div:last-child{gap:0!important}html.pu-home .pu-search-row>div:first-child{max-width:none!important}html.pu-home .pu-filter-row{justify-content:space-between!important}html.pu-home .pu-filter-row>[data-pu-count]{display:block;font-size:11px}html.pu-home .pu-node-grid{grid-template-columns:1fr!important;gap:18px!important}html.pu-home .pu-node-header{padding:18px 18px 14px!important}html.pu-home .pu-node-body{padding:16px 18px 0!important}html.pu-home .pu-metric{padding:11px 11px 17px!important;min-height:100px}html.pu-home .pu-metric>div:first-child span{font-size:23px!important}html.pu-home .pu-meter{left:11px;right:11px}html.pu-home .sg-tabs button{padding:6px 9px;font-size:11px}html.pu-home .sg-controls{gap:9px;padding-top:14px}html.pu-home .sg-note{font-size:10px}html.pu-home .sg-line-head,html.pu-home .sg-route-line{grid-template-columns:minmax(0,1fr) 76px 60px}html.pu-home .sg-route{padding:10px 0}html.pu-home .sg-stats-table{font-size:10px}html.pu-home .km-dialog{padding:22px}html.pu-home .km-dialog h2{font-size:19px}}
@media(prefers-reduced-motion:reduce){html.pu-home *,html.pu-home *::before{transition:none!important;animation:none!important}}
@media(max-width:767px){
  html.pu-home .pu-heading{grid-template-columns:minmax(0,1fr) auto;gap:0 8px}
  html.pu-home .pu-heading h2{grid-column:1;grid-row:1;white-space:nowrap;font-size:23px!important}
  html.pu-home .pu-heading>.km-open{grid-column:2;grid-row:1;margin:0!important}
  html.pu-home .pu-heading>.pu-intro{grid-column:1/-1;grid-row:2;margin-top:8px}
  html.pu-home .pu-heading>.pu-overview{grid-column:1/-1;grid-row:3;margin:12px 0 0;font-size:11px}
  html.pu-home nav>.container>div:last-child{gap:3px!important}
  html.pu-home nav button{width:29px!important;height:32px!important;padding:5px!important}
  html.pu-home nav a{font-size:15px!important;white-space:nowrap}
  html.pu-home nav a>div:first-child{width:26px!important;height:26px!important;font-size:16px}
  html.pu-home .sg-controls{grid-template-columns:1fr;gap:10px;padding-top:14px}
  html.pu-home .sg-control-title{grid-column:1;grid-row:1}
  html.pu-home .sg-tabs{grid-column:1;grid-row:2;justify-self:stretch;display:flex;justify-content:space-between}
  html.pu-home .sg-tabs button{flex:1;font-size:12px;padding:7px 10px}
  html.pu-home .sg-legend{grid-column:1;grid-row:3;flex-wrap:wrap;justify-content:space-between;gap:6px}
  html.pu-home .sg-controls:has(.sg-guide[open]) .sg-legend{grid-row:3}
  html.pu-home .sg-note{font-size:10px}html.pu-home .sg-guide{font-size:10px}
}
