.pg{max-width:1100px}
.pg .tabs{display:flex;gap:6px;margin:0 0 14px;border-bottom:1px solid var(--line);flex-wrap:wrap}
.pg .tab{min-height:44px;padding:8px 18px;border:1px solid transparent;border-bottom:0;border-radius:8px 8px 0 0;background:none;color:var(--muted);font:700 15px var(--f-body)}
.pg .tab.on{background:var(--surface);border-color:var(--line);color:var(--fg);box-shadow:inset 0 -2px 0 var(--accent)}
.pg .bar{display:flex;gap:10px;align-items:center;justify-content:space-between;flex-wrap:wrap;margin-bottom:12px}
.pg .src{color:var(--muted);font-size:13px}
.pg .kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-bottom:14px}
.pg .kpi{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:12px 14px}
.pg .kpi .k{color:var(--muted);font-size:13px}
.pg .kpi .v{font:700 28px/1.15 var(--f-display);color:var(--fg);margin-top:2px}
.pg .kpi .s{color:var(--muted);font-size:12.5px;margin-top:2px}
.pg .kpi.hot .v{color:var(--accent)}
.pg .grid2{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr));gap:12px;margin-bottom:14px}
.pg .card{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:14px}
.pg .card h2{margin:0 0 10px;font:700 16px var(--f-display);letter-spacing:.03em}
.pg .row{display:grid;grid-template-columns:64px 1fr auto;gap:10px;align-items:center;margin:7px 0;font-size:14px}
.pg .row .lb{font:500 13px var(--f-mono);color:var(--muted)}
.pg .track{height:14px;border-radius:7px;background:var(--surface2);overflow:hidden;position:relative}
.pg .fill{position:absolute;inset:0 auto 0 0;width:var(--w,0%);background:var(--accent);opacity:.75;border-radius:7px}
.pg .fill.on{background:var(--online);opacity:1;width:var(--w2,0%);border-radius:7px}
.pg .row .n{font:500 13px var(--f-mono);min-width:96px;text-align:right}
.pg .empty{margin:0;padding:10px 12px;border:1px dashed var(--line);border-radius:8px;color:var(--muted);font-size:14px}
.pg .tw{overflow-x:auto}
.pg table{width:100%;border-collapse:collapse;font-size:14px}
.pg th,.pg td{padding:8px 10px;text-align:left;border-bottom:1px solid var(--line-soft,var(--line));vertical-align:top}
.pg td.num,.pg th.num{text-align:right;font-family:var(--f-mono)}
.pg .search{display:flex;gap:8px;margin-bottom:14px;flex-wrap:wrap}
.pg .search input{flex:1 1 220px;min-height:44px;padding:8px 12px;border:1px solid var(--line);border-radius:8px;background:var(--bg);color:var(--fg);font:inherit}
.pg .search .btn{min-height:44px;padding:0 20px}
.pg .head{display:flex;gap:14px;align-items:baseline;flex-wrap:wrap;margin-bottom:6px}
.pg .head h2{margin:0;font:700 26px var(--f-display)}
.pg .head .lvl{font:700 18px var(--f-mono);color:var(--accent)}
.pg .subtabs{display:flex;gap:6px;flex-wrap:wrap;margin:10px 0 12px}
.pg .subtab{min-height:44px;padding:6px 14px;border:1px solid var(--line);border-radius:999px;background:var(--surface);font-size:14px}
.pg .subtab.on{background:var(--accent);color:var(--accent-fg);border-color:var(--accent);font-weight:700}
.pg .info{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:0 28px}
.pg .info div{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid var(--line-soft,var(--line))}
.pg .info dt{color:var(--muted)}
.pg .info dd{margin:0;font-weight:700;text-align:right;overflow-wrap:anywhere}
.pg .pvp{color:var(--bad);font-weight:700}
.pg .pve{color:var(--muted)}
.pg a.nm,.pg button.nm{background:none;border:0;padding:0;color:var(--accent);text-decoration:underline;font:inherit;cursor:pointer;min-height:24px}
.pg .others{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}
.pg .na{color:var(--muted);font-size:13px;margin-top:10px}
@media (max-width:640px){
  .pg .kpi .v{font-size:24px}
  .pg .row{grid-template-columns:48px 1fr auto}
  .pg .row .n{min-width:0}
}
.pg a.btn{color:inherit;text-decoration:none;display:inline-flex;align-items:center}
.pg .btn,.pg a.btn,.pg button.nm{min-height:44px}
.pg td button.nm{min-height:44px;display:inline-flex;align-items:center}

.pg .sw{position:relative;flex:1 1 220px;min-width:0}
.pg .sw input{width:100%}
.pg .sug{position:absolute;z-index:20;left:0;right:0;top:calc(100% + 4px);margin:0;padding:4px;list-style:none;background:var(--surface);border:1px solid var(--accent);border-radius:8px;box-shadow:0 12px 28px rgba(0,0,0,.28);max-height:min(60vh,380px);overflow:auto}
.pg .sug li{padding:8px 10px;border-radius:6px;cursor:pointer;min-height:44px;display:flex;flex-direction:column;justify-content:center}
.pg .sug li b{font-weight:700}
.pg .sug li small{color:var(--muted);font-size:13px}
.pg .sug li[aria-selected="true"],.pg .sug li:hover{background:var(--accent-soft)}
.pg .sug .sh{padding:4px 10px;color:var(--ok);font:700 12px var(--f-body);letter-spacing:.08em;cursor:default;min-height:0}