.可点击摘要{cursor:pointer;transition:transform .16s,box-shadow .16s}
.可点击摘要:hover{transform:translateY(-2px);box-shadow:0 10px 22px #006e2f12}
.全球节点卡{overflow:hidden}
.全球地图{position:relative;aspect-ratio:1774/887;overflow:hidden;border:1px solid #d7e9dc;border-radius:8px;background:#fff}
.全球地图>img,.全球地图>.地图点位层{transform-origin:var(--缩放焦点,50% 50%);transition:transform .35s ease}
.全球地图>img{display:block;width:100%;height:100%;object-fit:fill}
.地图点位层{position:absolute;inset:0}
.全球地图.已放大>img,.全球地图.已放大>.地图点位层{transform:scale(1.7)}
.地图缩放提示{position:absolute;right:10px;bottom:10px;padding:4px 7px;border:1px solid #cfe4d5;border-radius:6px;background:#fffffff0;color:#47705a;font-size:10px;pointer-events:none}
.静态地图点{position:absolute;transform:translate(-50%,-50%);z-index:2;border:0;background:transparent;padding:0;display:grid;justify-items:center;gap:5px;cursor:pointer;color:#17613a;font:600 11px Inter,"Noto Sans SC",sans-serif;white-space:nowrap}
.静态地图点 i{display:block;width:12px;height:12px;border:2px solid #fff;border-radius:50%;background:#22c55e;box-shadow:0 0 0 4px #22c55e38;transition:transform .18s,box-shadow .18s}
.静态地图点 span{position:absolute;bottom:17px;opacity:0;pointer-events:none;transform:translateY(4px);padding:4px 7px;border:1px solid #cfe4d5;border-radius:9px;background:#fffffff5;box-shadow:0 4px 12px #0c331326;transition:opacity .16s,transform .16s}
.静态地图点:hover,.静态地图点:focus{z-index:4;outline:0}.静态地图点:hover i,.静态地图点:focus i{transform:scale(1.18);box-shadow:0 0 0 6px #22c55e26}.静态地图点:hover span,.静态地图点:focus span{opacity:1;transform:translateY(0)}
.静态地图点.异常{color:#b92f2f}.静态地图点.异常 i{background:#ef4444;box-shadow:0 0 0 4px #ef444440;animation:异常点位脉冲 1.45s ease-out infinite}.静态地图点.异常:hover i,.静态地图点.异常:focus i{box-shadow:0 0 0 7px #ef444426}
@keyframes 异常点位脉冲{0%{box-shadow:0 0 0 3px #ef444455}70%{box-shadow:0 0 0 12px #ef444400}100%{box-shadow:0 0 0 3px #ef444400}}
.地图空提示{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);color:#657168;font-size:12px}
.概览首行{grid-template-columns:minmax(0,3fr) minmax(0,2fr)!important}
.系统设置布局{grid-template-columns:minmax(260px,3fr) minmax(0,7fr)!important}
.概览首行 .卡片{min-width:0}
.概览首行 .图表{gap:2px;overflow:hidden}
.概览首行 .图表 i{min-width:0}
@media(max-width:1100px){.概览首行,.系统设置布局{grid-template-columns:1fr!important}}
.全球地图:before,.全球地图:after{display:none}
.经线,.纬线,.地图说明{display:none}
.经线{top:10%;bottom:10%;width:34%}
.经线一{left:33%}.经线二{right:33%}
.纬线{left:12%;right:12%;height:36%}
.纬线一{top:13%}.纬线二{bottom:13%}
.地图说明{position:absolute;left:49%;top:43%;transform:translate(-50%,-50%);font-size:10px;color:#53745d;background:#fff;padding:4px 7px;border-radius:9px;border:1px solid #d4e7d9}
.服务器点位{position:absolute;z-index:3;color:#1a6535;text-decoration:none;font-size:10px;font-weight:700;white-space:nowrap;transform:translate(-50%,-50%);display:grid;justify-items:center;gap:5px}
.服务器点位 i{width:12px;height:12px;border-radius:50%;background:#22c55e;border:2px solid #fff;box-shadow:0 0 0 5px #22c55e22}
.服务器点位.离线 i{background:#ef4444;box-shadow:0 0 0 5px #ef444422}
.服务器点位 span{background:#ffffffdb;border:1px solid #d8e7dc;border-radius:9px;padding:3px 6px}
.通知按钮{font-size:17px;line-height:1}
@media(max-width:760px){.静态地图点{font-size:8px}.静态地图点 i{width:9px;height:9px;border-width:2px}.静态地图点 span{padding:2px 4px}.服务器点位{font-size:9px}}
