/* Round 2：服务器状态、社交、公会、排行榜、充值报表、经济监控、区服切换（rem 单位，随根字号缩放） */
#svBanner:not(:empty){padding:1rem 1.75rem 0}
.alert.info-a,.alert.warn-a{display:flex;gap:0.5rem;align-items:flex-start;line-height:1.6}
.alert.info-a{background:var(--accent-soft,var(--bg-subtle));border-color:color-mix(in srgb,var(--accent) 25%,transparent);color:var(--text)}
.alert.warn-a{background:color-mix(in srgb,var(--warn) 10%,transparent);border-color:color-mix(in srgb,var(--warn) 30%,transparent);color:var(--text)}
.alert.info-a svg.i{color:var(--accent);flex:none;margin-top:0.125rem}
.alert code,.panel code{font-size:0.75rem;background:var(--bg-muted);padding:0.0625rem 0.3125rem;border-radius:0.25rem;overflow-wrap:anywhere}
button.server-chip{background:var(--panel);color:var(--text);cursor:pointer;gap:0.25rem;font:inherit;font-size:0.8125rem}
button.server-chip:hover{border-color:var(--text-2)}
.server-chip .sv-caret{width:0.875rem;height:0.875rem;color:var(--muted)}
.sv-list{display:flex;flex-direction:column;gap:0.375rem;max-height:55vh;overflow:auto;margin-bottom:0.5rem}
.sv-opt{display:flex;align-items:center;gap:0.75rem;padding:0.625rem 0.75rem;border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer}
.sv-opt.on,.sv-opt:hover{border-color:var(--accent)}
.sv-opt>div{flex:1;min-width:0}.sv-opt small{display:block;color:var(--muted);font-size:0.75rem}
.menu-item.sv-mi small{margin-left:auto}
.err-t{color:var(--danger)}
.na{color:var(--muted);font-size:1.25rem}
.cur-g{color:#b7791f;font-size:0.75rem}.cur-d{color:#7c3aed;font-size:0.75rem}
.it-n{font-weight:500}
.chips-i{display:flex;flex-wrap:wrap;gap:0.25rem 0.75rem}
.rw{display:inline-flex;align-items:center;gap:0.25rem;padding:0.125rem 0.5rem;border:1px solid var(--border);border-radius:999px;font-size:0.75rem;background:var(--bg-subtle);white-space:nowrap}
.scope-seg a{cursor:pointer}
.chart .c4,.lg i.c4{fill:var(--danger);background:var(--danger)}
.ph-link{margin-left:auto;font-size:0.75rem;font-weight:400;display:inline-flex;align-items:center;gap:0.25rem}
.ph-link svg.i{width:0.875rem;height:0.875rem}
.panel-b>.ph-link{display:inline-flex;margin-top:0.5rem}
.sub-h{font-size:0.8125rem;font-weight:600;margin:1rem 0 0.5rem}
.panel+.panel,.panel+.dash-grid,.dash-grid+.panel,.st-grid+.panel,.panel+.st-grid,.st-grid+.st-grid{margin-top:1rem}
.panel .table-wrap{border:1px solid var(--border-soft);border-radius:var(--radius-sm)}
.mini-stats{display:grid;grid-template-columns:repeat(auto-fill,minmax(7rem,1fr));gap:0.5rem;margin-bottom:0.75rem}
.mini-stats>div{padding:0.5rem 0.625rem;border:1px solid var(--border-soft);border-radius:var(--radius-sm);background:var(--bg-subtle)}
.mini-stats span{display:block;font-size:0.6875rem;color:var(--muted)}.mini-stats b{font-size:1.0625rem;font-variant-numeric:tabular-nums}
/* 服务器状态 */
.st-cards{margin-bottom:1rem}
.comp-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(20rem,1fr));gap:0.5rem}
.comp{display:flex;gap:0.625rem;align-items:flex-start;padding:0.625rem 0.75rem;border:1px solid var(--border-soft);border-radius:var(--radius-sm)}
.comp b{font-size:0.8438rem;font-weight:500}.comp small{display:block;color:var(--text-2);font-size:0.75rem;margin-top:0.125rem;overflow-wrap:anywhere;line-height:1.5}
.comp-dot{width:0.625rem;height:0.625rem;border-radius:50%;margin-top:0.3125rem;flex:none;background:var(--muted)}
.comp-dot.ok{background:var(--ok);box-shadow:0 0 0 0.1875rem color-mix(in srgb,var(--ok) 20%,transparent)}
.comp-dot.err{background:var(--danger);box-shadow:0 0 0 0.1875rem color-mix(in srgb,var(--danger) 20%,transparent)}
.met-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(22rem,1fr));gap:0.375rem}
details.met{border:1px solid var(--border-soft);border-radius:var(--radius-sm);padding:0.4375rem 0.625rem;min-width:0}
details.met summary{display:flex;justify-content:space-between;gap:0.75rem;cursor:pointer;font-size:0.8125rem;list-style:none}
details.met summary::-webkit-details-marker{display:none}
details.met summary span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
details.met .meta{margin:0.375rem 0}
.met-s{max-height:14rem;overflow:auto;font-size:0.75rem}
.met-s>div{display:flex;justify-content:space-between;gap:0.75rem;padding:0.1875rem 0;border-top:1px dashed var(--border-soft)}
.met-s span{overflow-wrap:anywhere;color:var(--text-2)}
.st-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}
/* 公会 */
.gd-head{display:flex;gap:1rem;align-items:center;padding:1rem 1.125rem;margin-bottom:1rem}
.gd-head h1{font-size:1.375rem;margin:0}
.gd-ava{background:linear-gradient(135deg,#f59e0b,#ef4444)}
.gd-tabs{margin:1rem 0 0.75rem}
.rec{white-space:pre-wrap;overflow-wrap:anywhere;font-size:0.8125rem}
/* 排行榜 */
.rk-grid{display:grid;grid-template-columns:18rem minmax(0,1fr);gap:1rem;align-items:start}
.rk-list{display:flex;flex-direction:column;gap:0.25rem;max-height:calc(100vh - 12rem);overflow:auto}
.rk-i{display:flex;justify-content:space-between;align-items:center;gap:0.75rem;padding:0.5rem 0.625rem;border-radius:var(--radius-sm);color:var(--text);text-decoration:none;border:1px solid transparent}
.rk-i:hover{background:var(--bg-subtle);text-decoration:none}.rk-i.on{background:var(--bg-muted);border-color:var(--border)}
.rk-i small{display:block;color:var(--muted);font-size:0.75rem}
.rk-h{display:flex;justify-content:space-between;align-items:center;gap:0.75rem;padding:0.75rem 1rem;border-bottom:1px solid var(--border-soft);flex-wrap:wrap}
.rk-s{display:flex;gap:0.375rem}.rk-s input{width:14rem;max-width:100%}
.rk-n{display:inline-grid;place-items:center;min-width:1.75rem;height:1.75rem;border-radius:50%;font-weight:600;font-size:0.8125rem;background:var(--bg-muted)}
.rk-n.r1{background:#facc15;color:#422006}.rk-n.r2{background:#cbd5e1;color:#1e293b}.rk-n.r3{background:#fdba74;color:#431407}
/* 充值报表 */
.rv-tb .seg{height:auto}
.rv-quick{display:flex;gap:0.5rem;font-size:0.8125rem;flex-wrap:wrap;margin-right:0.5rem}
.rv-tb .toolbar-actions{display:flex;flex-wrap:wrap;gap:0.5rem;align-items:center;margin-left:auto}
.rv-tb input[type=date]{min-width:9rem}
/* 经济 */
.eco-nav{display:flex;flex-wrap:wrap;gap:0.75rem;justify-content:space-between;align-items:center;margin:-0.25rem 0 1rem}
.eco-filters{display:flex;flex-wrap:wrap;gap:0.75rem;margin-bottom:1rem}
@media (max-width:1280px){.st-grid{grid-template-columns:minmax(0,1fr)}}
@media (max-width:1100px){.rk-grid{grid-template-columns:minmax(0,1fr)}.rk-list{max-height:16rem}}
@media (max-width:768px){
  #svBanner:not(:empty){padding:0.75rem 0.875rem 0}
  .comp-list,.met-grid{grid-template-columns:minmax(0,1fr)}
  .gd-head h1{font-size:1.125rem}
  .rk-s,.rk-s input{width:100%}
  .rv-tb .toolbar-actions{margin-left:0;width:100%}
  .rv-tb .field{flex:1 1 9rem}
  .eco-nav .seg,.eco-filters .seg{max-width:100%}
  .mini-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
}
.rk-side .panel-h{flex-direction:column;align-items:flex-start;gap:2px;white-space:normal}
.rk-side .panel-h .sub{font-weight:400;line-height:1.4}