@import url('https://fonts.googleapis.com/css2?family=DM+Mono&family=Noto+Sans+SC:wght@400;500;700&display=swap');
:root{--bg:#eef1f3;--card:#fff;--text:#15211e;--muted:#71807c;--line:#dce0e3;--accent:#10b981;--soft:#ddf8ea}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:'Noto Sans SC',sans-serif}body.dark{--bg:#090e0d;--card:#121c19;--text:#edf7f2;--muted:#9aaba4;--line:#1e2c28;--soft:#0f3026}header{height:70px;padding:0 5vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:var(--card)}.brand{font:700 22px 'DM Mono';letter-spacing:2px}.brand span{color:var(--accent)}.brand small{font:10px 'DM Mono';color:var(--muted);letter-spacing:1px;margin-left:8px}.actions,button{display:flex;gap:8px}button{border:1px solid var(--line);border-radius:8px;background:var(--card);color:var(--text);padding:9px 13px;font:500 13px 'Noto Sans SC';cursor:pointer}button:hover{border-color:var(--accent)}main{max-width:1280px;margin:auto;padding:44px 5vw}.hero{display:flex;align-items:end;justify-content:space-between;margin-bottom:28px}.hero p{margin:0 0 6px;color:var(--accent);font:12px 'DM Mono';letter-spacing:1px}.hero h1{font-size:32px;margin:0}.summary{text-align:right}.summary b{display:block;font:700 36px 'DM Mono';color:var(--accent)}.summary span{font-size:12px;color:var(--muted)}.nodes{gap:0}.card{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:10px 14px;box-shadow:0 2px 12px rgba(0,0,0,0.08);margin-bottom:10px}.card:last-child{margin-bottom:0}.node-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:13px}.node-row strong{font-size:15px}.node-row i{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--accent)}.node-row i.offline{background:#94a3b8}.node-row .loc,.node-row .ip,.node-row .status{color:var(--muted);font:11px 'DM Mono'}.node-row .status.on{color:var(--accent)}.node-row .status.off{color:#94a3b8}.node-row .loc img{vertical-align:-2px;width:16px;height:12px}.node-row .uptime,.node-row .traffic{color:var(--muted);font:11px 'DM Mono'}.tag{display:inline-block;padding:1px 6px;border-radius:3px;background:var(--bg);font:10px 'Noto Sans SC';color:var(--muted);margin-right:4px}.metric-row{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin:6px 0 2px}.bar{display:flex;align-items:center;gap:6px;flex:1;min-width:150px}.bar label{font:10px 'Noto Sans SC';color:var(--muted);width:28px;flex-shrink:0}.bar-track{flex:1;height:8px;background:var(--line);border-radius:4px;overflow:hidden}.bar-fill{height:100%;border-radius:4px;transition:width .4s}.bar b{font:bold 11px 'DM Mono';width:32px;text-align:right}.bar small{font:9px 'Noto Sans SC';color:var(--muted);width:44px;text-align:right}.os-tag{display:inline-flex;align-items:center;gap:4px;font:11px 'Noto Sans SC'}.os-tag b{font-weight:500}.os-tag.debian{color:#A81D33}.os-tag.debian .os-svg{filter:invert(16%)sepia(63%)saturate(3651%)hue-rotate(338deg)brightness(90%)}.os-tag.ubuntu{color:#E95420}.os-tag.ubuntu .os-svg{filter:invert(38%)sepia(73%)saturate(4541%)hue-rotate(349deg)brightness(96%)}.os-tag.centos{color:#932279}.os-tag.centos .os-svg{filter:invert(17%)sepia(59%)saturate(5691%)hue-rotate(292deg)brightness(92%)}.os-tag.rocky{color:#10B981}.os-tag.rocky .os-svg{filter:invert(57%)sepia(84%)saturate(1312%)hue-rotate(113deg)brightness(93%)}.os-tag.alma{color:#0EA5E9}.os-tag.alma .os-svg{filter:invert(53%)sepia(84%)saturate(2368%)hue-rotate(179deg)brightness(97%)}.os-tag.redhat{color:#EE0000}.os-tag.redhat .os-svg{filter:invert(14%)sepia(97%)saturate(7491%)hue-rotate(2deg)brightness(93%)}.os-tag.fedora{color:#3C6EB4}.os-tag.fedora .os-svg{filter:invert(36%)sepia(44%)saturate(1360%)hue-rotate(190deg)brightness(93%)}.os-tag.arch{color:#1793D1}.os-tag.arch .os-svg{filter:invert(51%)sepia(63%)saturate(2359%)hue-rotate(169deg)brightness(92%)}.os-tag.alpine{color:#0D597F}.os-tag.alpine .os-svg{filter:invert(26%)sepia(37%)saturate(1819%)hue-rotate(168deg)brightness(95%)}.os-tag.suse{color:#73BA25}.os-tag.suse .os-svg{filter:invert(63%)sepia(63%)saturate(1190%)hue-rotate(56deg)brightness(92%)}.os-tag.other{color:var(--muted)}.os-svg{width:14px;height:14px;flex-shrink:0}.ping-row{display:flex;gap:6px}.ping{display:inline-flex;align-items:center;gap:3px;padding:1px 6px 1px 1px;border-radius:4px;font:10px 'DM Mono';line-height:16px;color:#fff}.ping i{display:inline-block;padding:0 3px;border-radius:3px;font:9px 'Noto Sans SC';font-style:normal;line-height:16px;color:#fff}.loss{font:9px 'DM Mono';font-style:normal;margin-left:2px}.loss-ok{color:var(--muted)}.loss-warn{color:#eab308}.loss-bad{color:#ef4444}.ping.ct i{background:#2979FF}.ping.cu i{background:#E64A19}.ping.cm i{background:#00C853}.ping.fast{background:#10b981}.ping.mid{background:#eab308;color:#1a1a1a}.ping.slow{background:#ef4444}.ping.timeout{background:#f97316}.ping-chart{border-top:1px solid var(--line);margin-top:6px;padding-top:4px}.ping-chart .chart-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:3px}.ping-chart .chart-head span{color:var(--muted);font:10px 'DM Mono'}.ping-chart .net{color:var(--text);font:10px 'DM Mono'}.ping-svg{display:block;width:100%;height:48px}.ping-chart .chart-body{display:flex;gap:0}.ping-chart .y-axis{display:flex;flex-direction:column;justify-content:space-between;width:30px;flex-shrink:0;padding:2px 4px 4px 0}.ping-chart .y-axis span{font:8px 'DM Mono';color:var(--muted);text-align:right;line-height:1}.group-controls{display:flex;gap:8px;margin-bottom:12px}.group{margin-bottom:8px}.group-header{cursor:pointer;display:flex;align-items:center;gap:8px;padding:8px 14px;border-radius:10px;background:linear-gradient(135deg,var(--soft),var(--bg));border:2px solid var(--line);user-select:none}.group-header:hover{border-color:var(--accent)}.group-header b{font-size:14px;flex:1}.group-header span{color:var(--accent);font:12px 'DM Mono'}.group-header::before{content:'▼';font-size:10px;color:var(--muted);transition:transform .2s}.group-header.collapsed::before{transform:rotate(-90deg)}.group-content{padding-top:4px}.group-content.collapsed{display:none}#group-nav{position:fixed;right:12px;top:50%;transform:translateY(-50%);z-index:100;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:4px;display:flex;flex-direction:column;gap:1px;box-shadow:0 4px 24px rgba(0,0,0,0.12);min-width:100px;max-height:70vh;overflow-y:auto;transition:right .25s}#group-nav.hidden{right:-180px}#nav-toggle{position:fixed;right:12px;top:50%;transform:translateY(-50%)translateY(-32px);z-index:101;width:28px;height:28px;border-radius:50%;padding:0;font-size:14px;justify-content:center;align-items:center;box-shadow:0 2px 8px rgba(0,0,0,0.15)}#nav-toggle{display:none}@media(max-width:768px){#group-nav{right:-180px}#group-nav.visible{right:12px}#nav-toggle{display:flex}}#group-nav a{display:flex;align-items:center;gap:5px;padding:7px 10px;border-radius:8px;cursor:pointer;font-size:12px;color:var(--muted);text-decoration:none;white-space:nowrap;transition:background .15s}#group-nav a:hover,#group-nav a.active{background:var(--soft);color:var(--accent)}#group-nav a span{margin-left:auto;font:10px "DM Mono";color:var(--accent)}#group-nav .nav-top{justify-content:center;font-size:16px;font-weight:700}#group-nav .nav-ctrl{display:flex;gap:2px;margin-bottom:4px;border-bottom:1px solid var(--line);padding-bottom:4px}#group-nav .nav-ctrl a{font-size:10px;justify-content:center;padding:3px}#group-nav .nav-node{font-size:10px;padding:2px 10px 2px 16px;color:var(--muted);border-radius:4px}#group-nav .nav-node:hover{color:var(--accent)}.ping-cfg{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.ping-cfg>div{display:flex;align-items:center;gap:8px}.ping-cfg label{font:12px 'DM Mono';color:var(--muted);width:60px;flex-shrink:0}.ping-cfg input{flex:1}.install-wrap{display:flex;gap:8px;align-items:flex-start}.install-wrap pre{flex:1;margin:0;word-break:break-all;white-space:pre-wrap;overflow:hidden}
/* admin */
.login{margin:40px 0}.login input,.login button{display:block;margin-top:12px}.login input{padding:8px 12px;border:1px solid var(--line);border-radius:8px;background:var(--card);color:var(--text);width:280px}.manage-head{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;margin-bottom:10px}.manage-head h2{margin:0}.key{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding:10px 0;border-bottom:1px solid var(--line)}.key .key-label{display:block;width:140px}.key code{color:var(--accent);font:11px 'DM Mono';word-break:break-all}.edit-node{display:flex;gap:8px;align-items:center}.edit-node input{padding:6px 10px;border:1px solid var(--line);border-radius:6px;background:var(--card);color:var(--text);font-size:13px;flex:1;min-width:0}.edit-node button{flex-shrink:0}.blocked-info{flex:1;font:13px 'Noto Sans SC'}.hint{color:var(--muted);font-size:12px;margin:6px 0}pre{background:var(--bg);border:1px solid var(--line);border-radius:8px;padding:12px;font:12px 'DM Mono';overflow-x:auto}footer{text-align:center;padding:40px 0;color:var(--muted);font-size:12px}footer a{color:var(--accent);text-decoration:none}button.small{padding:5px 10px;font-size:12px}