:root{--km-bg:#111113;--km-panel:#1b1b1f;--km-panel-hover:#242429;--km-soft:#29292f;--km-line:rgba(255,255,255,.10);--km-text:#f2f2f4;--km-muted:#a2a2ac;--km-green:#52c67a;--km-amber:#e7a436;--km-red:#e55c63;--km-accent:#a987ff;--cyan:#38e8ff;--violet:#9c7cff;--pink:#ff6da8;font-family:Inter,"Noto Sans SC","PingFang SC",system-ui,sans-serif;color:var(--km-text);background:var(--km-bg)}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:var(--km-bg);color:var(--km-text)}button,input{font:inherit}button{cursor:pointer}.login-view{display:grid;place-items:center;min-height:100vh;padding:24px;background:radial-gradient(circle at 20% 20%,rgba(169,135,255,.18),transparent 28%),var(--km-bg)}.login-card{width:min(400px,100%);padding:34px;border:1px solid var(--km-line);border-radius:12px;background:var(--km-panel);box-shadow:0 18px 50px rgba(0,0,0,.28)}.eyebrow{margin:0 0 9px;color:var(--km-muted);font:600 11px ui-monospace,SFMono-Regular,monospace;letter-spacing:.12em}.login-card h1,.hero h1{margin:0;font-size:32px;letter-spacing:-.04em}.login-card>p{color:var(--km-muted);line-height:1.7}.login-card label{display:grid;gap:8px;margin:22px 0;color:var(--km-muted);font-size:14px}.login-card input{border:1px solid var(--km-line);border-radius:8px;background:#101014;color:var(--km-text);padding:11px}.login-card button{width:100%;border:0;border-radius:8px;padding:11px;background:#eeeef1;color:#17171b;font-weight:700}.login-card small{display:block;color:var(--km-red);margin-top:12px}.topbar{position:sticky;top:0;z-index:5;display:flex;justify-content:space-between;align-items:center;padding:14px max(20px,calc((100vw - 1440px)/2 + 20px));background:rgba(17,17,19,.88);backdrop-filter:blur(10px);border-bottom:1px solid var(--km-line)}.brand{display:flex;align-items:center;gap:8px}.brand span{font-size:20px;font-weight:700}.brand i{width:8px;height:8px;background:var(--km-green);border-radius:50%}.brand small,.top-meta{font-size:11px;color:var(--km-muted)}.top-meta{display:flex;gap:12px;align-items:center}.readonly-badge{border:1px solid var(--km-line);border-radius:99px;padding:5px 8px;color:var(--km-muted)}.hero,.summary,.server-grid{width:min(1440px,calc(100% - 36px));margin-inline:auto}.hero{padding:36px 0 18px}.hero h1{font-size:30px}.hero p:last-child{max-width:650px;color:var(--km-muted);line-height:1.7}.summary{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:12px}.summary article{padding:15px 17px;border:1px solid var(--km-line);border-radius:10px;background:var(--km-panel)}.summary span{display:block;color:var(--km-muted);font-size:12px}.summary strong{display:block;margin-top:7px;font-size:19px}.server-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(330px,1fr));gap:12px;margin-top:16px;padding-bottom:100px}.server-card{min-height:0;padding:16px;border:1px solid var(--km-line);border-radius:10px;background:var(--km-panel);box-shadow:none;transition:border-color .2s,background .2s,transform .2s}.server-card:hover{background:var(--km-panel-hover);box-shadow:none}.server-card header{display:flex;justify-content:space-between;align-items:flex-start}.node-heading{display:flex;gap:10px;align-items:center;min-width:0}.node-flag{font-size:21px}.server-card h2{font-size:16px;margin:0}.server-card header p{margin:3px 0 0;color:var(--km-muted);font-size:12px}.status{font-size:12px;padding:4px 8px;border-radius:99px}.status.online{color:#8ee8aa;background:rgba(82,198,122,.14)}.status.offline{color:#ff979c;background:rgba(229,92,99,.14)}.node-os,.node-lines>div{display:flex;justify-content:space-between;gap:12px}.node-os{margin:14px 0 10px;padding-top:11px;border-top:1px solid var(--km-line);color:var(--km-muted);font-size:12px}.usage-list{display:grid;gap:9px}.usage>div{display:flex;justify-content:space-between;color:var(--km-muted);font-size:12px}.usage b{color:var(--km-text);font-weight:600}.usage i{display:block;height:7px;margin-top:5px;border-radius:99px;background:rgba(255,255,255,.11);overflow:hidden}.usage em{display:block;height:100%;border-radius:inherit;background:var(--km-green);transition:width .5s ease-out}.usage:nth-child(2) em{background:#55a7ff}.usage:nth-child(3) em{background:#b694ff}.node-lines{display:grid;gap:7px;margin-top:14px;font-size:12px}.node-lines span{color:var(--km-muted)}.node-lines b{font-weight:500;text-align:right}.node-lines i{display:inline-block;width:6px;height:6px;margin:0 3px;border-radius:50%;background:var(--carrier)}.server-card footer{display:flex;justify-content:space-between;align-items:center;gap:7px;margin-top:15px;padding-top:12px;border-top:1px solid var(--km-line)}.services{display:flex;flex-wrap:wrap;gap:6px}.service{font-size:10px;border:1px solid var(--km-line);padding:3px 5px;border-radius:5px;color:var(--km-muted)}.service.bad{border-color:rgba(229,92,99,.6);color:#ff979c}.detail-link{color:var(--km-muted);font-size:12px;white-space:nowrap}.detail-shell{width:min(1440px,calc(100% - 36px));margin:0 auto;padding:26px 0 110px}.back-btn{border:1px solid var(--km-line);border-radius:7px;padding:8px 11px;background:var(--km-panel);color:var(--km-text)}.detail-header{display:flex;justify-content:space-between;align-items:center;padding:24px 0 14px}.detail-header h1{margin:0;font-size:28px;letter-spacing:-.03em}.detail-header p{margin:7px 0 0;color:var(--km-muted);font-size:13px}.detail-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:9px;margin:10px 0 18px}.detail-summary article{padding:13px;border:1px solid var(--km-line);border-radius:9px;background:var(--km-panel)}.detail-summary span{display:block;color:var(--km-muted);font-size:11px}.detail-summary b{display:block;margin-top:6px;font-size:13px}.chart-card{margin-top:14px;padding:18px;border:1px solid var(--km-line);border-radius:10px;background:var(--km-panel);color:var(--km-text);box-shadow:none}.chart-title{display:flex;align-items:center;justify-content:space-between;gap:16px}.chart-title b{display:block;font-size:15px}.chart-title small{display:block;margin-top:5px;color:var(--km-muted);font-size:12px}.chart-tabs,.metric-switch{display:flex;gap:3px;padding:3px;border:1px solid var(--km-line);border-radius:8px;background:#151519}.chart-tabs button,.metric-switch button{border:0;border-radius:6px;padding:7px 9px;background:transparent;color:var(--km-muted);font-size:12px}.chart-tabs button.active,.metric-switch button.active{background:var(--km-soft);color:var(--km-text);box-shadow:none;font-weight:600}.latency-legend{display:flex;flex-wrap:wrap;gap:8px;margin:24px 0 10px}.latency-legend span{display:flex;align-items:center;gap:6px;padding:5px 8px;border:1px solid var(--km-line);border-radius:6px;color:var(--km-muted);font-size:12px}.latency-legend i{width:7px;height:7px;border-radius:50%;background:var(--c)}.latency-legend b{color:var(--km-text);margin-left:3px}.chart-wrap{position:relative;height:360px}.chart-wrap.compact{height:260px}.chart-wrap canvas{display:block;width:100%;height:100%;cursor:crosshair}#chart-tooltip,#metric-tooltip{position:absolute;z-index:3;min-width:176px;padding:10px 12px;border:1px solid var(--km-line);border-radius:8px;background:rgba(30,30,34,.97);box-shadow:0 7px 18px rgba(0,0,0,.3);font-size:12px;color:var(--km-text);pointer-events:none}#chart-tooltip b,#metric-tooltip b{display:block;margin-bottom:6px;color:var(--km-muted);font-size:11px}#chart-tooltip span,#metric-tooltip span{display:block;margin-top:4px}#chart-tooltip i,#metric-tooltip i{display:inline-block;width:7px;height:7px;margin-right:6px;border-radius:50%}#chart-tooltip strong,#metric-tooltip strong{float:right;margin-left:14px;color:var(--km-text)}#earth-toggle-btn{position:fixed;right:24px;bottom:76px;z-index:10;width:52px;height:52px;border:1px solid var(--km-line);border-radius:10px;background:var(--km-panel);box-shadow:0 7px 20px rgba(0,0,0,.26);cursor:pointer}.pulse-ring{display:none}#earth-toggle-btn svg{width:25px}.earth-header{padding:18px 22px}.earth-title{color:#00ffff}.earth-stats{top:70px;left:20px}#ip-bar{position:fixed;bottom:12px;left:50%;transform:translateX(-50%);z-index:9;max-width:90vw}.ip-inner{display:flex;align-items:center;gap:8px;padding:7px 14px;border:1px solid var(--km-line);border-radius:99px;background:rgba(27,27,31,.92);box-shadow:0 4px 14px rgba(0,0,0,.2);color:var(--km-muted)}.ip-icon{width:10px;height:10px;border-radius:50%;background:var(--km-accent)}.ip-icon:after{display:none}.ip-text,.ip-credit{font:11px ui-monospace,SFMono-Regular,monospace}.ip-text b,.ip-credit,#ip-val{color:var(--km-muted)}.ip-credit{padding-left:8px;border-left:1px solid var(--km-line)}@media(max-width:640px){.topbar{padding:12px 18px}.brand small,#updated-at{display:none}.hero{padding:25px 0 12px}.hero h1{font-size:26px}.summary{grid-template-columns:1fr 1fr}.summary article:last-child{grid-column:1/-1}.server-grid{grid-template-columns:1fr}.detail-shell{width:calc(100% - 24px);padding-top:18px}.detail-header{align-items:flex-start}.detail-header h1{font-size:25px}.detail-summary{grid-template-columns:repeat(2,1fr)}.chart-card{padding:13px}.chart-title{align-items:flex-start;flex-direction:column}.chart-tabs{width:100%;overflow-x:auto}.chart-tabs button{flex:none}.chart-wrap{height:290px}.chart-wrap.compact{height:220px}.latency-legend{margin-top:18px}.latency-legend span{font-size:11px}#earth-drawer-container{inset:auto 0 0;width:100%;height:60vh;transform:translateY(100%);border-left:0;border-top:2px solid rgba(0,255,255,.4)}#earth-drawer-container.active{transform:translateY(0)}#earth-toggle-btn{right:18px;bottom:70px}#ip-bar{max-width:92vw}.ip-inner{justify-content:center;flex-wrap:wrap}.ip-text{font-size:10px;text-align:center;word-break:break-all}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}

/* User-supplied Nezha visual resources and interaction language, kept while Guardwatch data/control remain independent. */
:root{font-family:'MiSans','HarmonyOS Sans','Noto Sans SC','PingFang SC',sans-serif}
body{background:linear-gradient(155deg,rgba(4,10,24,.52),rgba(7,13,27,.66)),url('https://cdn.nodeimage.com/i/Psz8to3Efe1ALBAwyrUn3eluBNmvniJJ.gif') center/cover fixed}
.login-view{background:linear-gradient(155deg,rgba(4,10,24,.45),rgba(7,13,27,.60))}
.login-card,.summary article,.server-card,.detail-summary article,.chart-card{backdrop-filter:blur(8px)}
.brand span,.hero h1,.login-card h1,.detail-header h1{font-family:'ZCOOL KuaiLe','MiSans',cursive,sans-serif!important;background:linear-gradient(135deg,#ff6b9d,#c084fc,#60a5fa,#ff6b9d);background-size:300% 300%;background-clip:text;color:transparent;animation:siteNameGradient 4s ease-in-out infinite}
@keyframes siteNameGradient{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}
#earth-toggle-btn{right:25px;bottom:25px;width:64px;height:64px;border:0;border-radius:16px;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);box-shadow:0 8px 24px rgba(102,126,234,.4),0 4px 8px rgba(0,0,0,.3);transition:all .4s cubic-bezier(.23,1,.32,1);overflow:hidden}
#earth-toggle-btn:before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,#f093fb 0%,#f5576c 100%);opacity:0;transition:opacity .4s}#earth-toggle-btn:hover:before{opacity:1}#earth-toggle-btn:hover{transform:translateY(-4px) scale(1.08);box-shadow:0 12px 32px rgba(102,126,234,.6),0 8px 16px rgba(0,0,0,.4)}#earth-toggle-btn svg{position:relative;z-index:1;width:32px}.pulse-ring{display:block;position:absolute;inset:0;border:2px solid #667eea;border-radius:16px;animation:pulse-square 2s ease-out infinite;opacity:0;pointer-events:none}@keyframes pulse-square{0%{transform:scale(1);opacity:1}100%{transform:scale(1.3);opacity:0}}
#earth-drawer-container{z-index:99999;position:fixed;inset:0 0 0 auto;display:flex;flex-direction:column;transform:translateX(100%);transition:transform .5s cubic-bezier(.23,1,.32,1)}#earth-drawer-container.active{transform:translateX(0)}#earth-render-area{flex:1;width:100%;height:100%;overflow:hidden}.earth-header{padding:18px 25px;background:linear-gradient(180deg,rgba(0,0,0,.95),transparent);backdrop-filter:blur(10px)}.earth-title{color:#00ffff;font-family:'Segoe UI','Arial',monospace;letter-spacing:3px;font-weight:700;font-size:17px;text-shadow:0 0 15px rgba(0,255,255,.8),0 0 30px rgba(0,255,255,.4);animation:titleGlow 3s ease-in-out infinite}@keyframes titleGlow{0%,100%{text-shadow:0 0 15px rgba(0,255,255,.8),0 0 30px rgba(0,255,255,.4)}50%{text-shadow:0 0 20px #00ffff,0 0 40px rgba(0,255,255,.6)}}#earth-close-btn{color:#fff;background:linear-gradient(135deg,rgba(0,100,150,.3),rgba(0,50,100,.3));border:1px solid rgba(0,255,255,.6);border-radius:6px;padding:8px 18px;font:600 12px 'Consolas',monospace;letter-spacing:1px;transition:all .3s}#earth-close-btn:hover{background:linear-gradient(135deg,rgba(0,255,255,.4),rgba(0,200,255,.4));border-color:#00ffff;box-shadow:0 0 20px rgba(0,255,255,.6);transform:translateY(-2px)}.earth-stats{top:75px;left:25px;padding:12px 16px;border:1px solid rgba(0,255,255,.5);border-radius:6px;background:rgba(0,20,40,.85);font:12px 'Consolas',monospace}.earth-stats span{color:#00ffff;text-shadow:0 0 8px rgba(0,255,255,.6)}.earth-label-card{background:linear-gradient(135deg,rgba(0,20,40,.98),rgba(0,10,30,.98));border:1px solid #00ffff;color:#fff;padding:5px 10px;border-radius:5px;font:600 12px 'Consolas',monospace;box-shadow:0 0 20px rgba(0,255,255,.6),0 4px 10px rgba(0,0,0,.5);transform:translateY(-25px)}
#mascot{position:fixed;right:22px;top:76px;z-index:8;width:116px;height:auto;pointer-events:none;filter:drop-shadow(0 8px 14px rgba(15,10,32,.28));animation:mascotFloat 2.4s ease-in-out infinite}@keyframes mascotFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}.gw-login-page{background:radial-gradient(circle at 12% 15%,rgba(126,99,205,.34),transparent 27%),radial-gradient(circle at 82% 76%,rgba(56,232,255,.13),transparent 30%),#090b15;color:#eef0ff;overflow:hidden}.gw-login-shell{width:min(1080px,calc(100% - 40px));min-height:100vh;margin:auto;display:grid;grid-template-columns:1.2fr .8fr;gap:72px;align-items:center}.gw-login-panel{position:relative;min-height:520px;padding:36px 0;display:flex;flex-direction:column}.gw-login-brand{display:flex;align-items:center;gap:10px;font-weight:800;letter-spacing:.04em}.gw-login-brand>span:nth-child(2){font:26px 'ZCOOL KuaiLe','MiSans',sans-serif;background:linear-gradient(135deg,#ff8fc2,#bba1ff,#78dfff);background-clip:text;color:transparent}.gw-brand-dot{width:10px;height:10px;border-radius:50%;background:#65e99b;box-shadow:0 0 18px #65e99b}.gw-login-brand small{font:10px ui-monospace,monospace;color:#9da3bc}.gw-login-copy{margin-top:auto;max-width:560px}.gw-login-copy h1{margin:12px 0 18px;font:clamp(38px,5vw,64px)/1.12 'ZCOOL KuaiLe','MiSans',sans-serif;letter-spacing:.03em}.gw-login-copy p:last-child{max-width:460px;color:#aab0c7;font-size:16px;line-height:1.8}.gw-login-trust{display:flex;flex-wrap:wrap;gap:14px;margin:30px 0 0;padding:0;list-style:none;color:#c4c9dc;font-size:13px}.gw-login-trust i{font-style:normal;color:#78e8bd;margin-right:5px}.gw-login-mascot{position:absolute;right:24px;bottom:8px;width:150px;filter:drop-shadow(0 18px 22px rgba(0,0,0,.35))}.gw-login-form-card{padding:36px;border:1px solid rgba(255,255,255,.13);border-radius:20px;background:linear-gradient(145deg,rgba(30,34,58,.93),rgba(16,18,33,.95));box-shadow:0 24px 70px rgba(0,0,0,.35);backdrop-filter:blur(14px)}.gw-login-form-card h2{margin:7px 0;font-size:27px}.gw-login-form-card>div>p:last-child{margin:0;color:#9fa6be;font-size:14px}.gw-login-form-card form{display:grid;gap:20px;margin-top:30px}.gw-login-form-card label{display:grid;gap:9px;color:#cdd2e3;font-size:13px}.gw-login-form-card input{width:100%;padding:13px 14px;border:1px solid rgba(255,255,255,.14);border-radius:10px;background:#0b0d19;color:#fff;outline:none}.gw-login-form-card input:focus{border-color:#ae8fff;box-shadow:0 0 0 3px rgba(174,143,255,.18)}.gw-login-form-card button{display:flex;justify-content:space-between;align-items:center;border:0;border-radius:10px;padding:13px 15px;background:linear-gradient(135deg,#8c6ae8,#5a86de);color:white;font-weight:800}.gw-login-form-card button:disabled{opacity:.65;cursor:wait}.gw-login-form-card button span{font-size:20px}.gw-login-form-card #login-error{min-height:18px;margin:0;color:#ff9fa9;font-size:13px}.gw-login-footnote{margin:28px 0 0;color:#737b97;font-size:11px;text-align:center}#ip-bar{bottom:12px;animation:ipBarFadeIn .6s ease-out}@keyframes ipBarFadeIn{from{opacity:0;transform:translateX(-50%) translateY(20px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.ip-inner{gap:10px;padding:8px 18px;border-radius:20px;background:rgba(255,255,255,.96);color:#28364d;border:1px solid rgba(220,220,220,.5);box-shadow:0 4px 20px rgba(255,107,157,.15),0 0 0 1px rgba(220,220,220,.5);animation:ipGlow 3s ease-in-out infinite}@keyframes ipGlow{0%,100%{box-shadow:0 4px 20px rgba(255,107,157,.15),0 0 0 1px rgba(220,220,220,.5)}50%{box-shadow:0 4px 25px rgba(192,132,252,.3),0 0 10px rgba(192,132,252,.15)}}.ip-icon{width:20px;height:20px;border:2px solid #c084fc;border-radius:50%;background:transparent;animation:iconPulse 2s ease-in-out infinite}.ip-icon:after{display:block;content:'';width:8px;height:8px;margin:4px;border-radius:50%;background:linear-gradient(135deg,#ff6b9d,#c084fc)}@keyframes iconPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.15)}}.ip-text,.ip-credit{font-family:'ZCOOL KuaiLe','MiSans',cursive,sans-serif}.ip-text b,.ip-credit,#ip-val{background:linear-gradient(135deg,#ff6b9d,#c084fc,#60a5fa);background-clip:text;color:transparent;animation:siteNameGradient 4s ease-in-out infinite}.ip-credit{padding-left:10px;border-left:1px solid rgba(192,132,252,.3)}
.subscription-note{max-width:100%;border-color:rgba(169,135,255,.55);color:#d8c9ff;background:rgba(169,135,255,.10);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hardware-inventory{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:9px;margin-top:18px}.inventory-card{padding:13px;border:1px solid var(--km-line);border-radius:8px;background:rgba(12,16,28,.38)}.inventory-card span{display:block;color:var(--km-muted);font-size:11px}.inventory-card b{display:block;margin-top:7px;font-size:13px;line-height:1.45;word-break:break-word}.inventory-card:first-child{grid-column:span 2}.inventory-total{border-color:rgba(192,132,252,.42)}
@media(max-width:768px){.gw-login-page{overflow:auto}.gw-login-shell{width:min(460px,calc(100% - 28px));min-height:100vh;display:block;padding:24px 0}.gw-login-panel{min-height:0;padding:0 0 28px}.gw-login-copy{margin-top:38px}.gw-login-copy h1{font-size:42px}.gw-login-trust{display:none}.gw-login-mascot{right:0;bottom:0;width:105px;opacity:.9}.gw-login-form-card{padding:25px}.inventory-card:first-child{grid-column:auto}}