:root{color-scheme:dark;--blue:#368cff;--cyan:#53d8ff;--muted:#758aa7;--line:#20334e}*{box-sizing:border-box}body{margin:0;background:#060e1d;color:#eaf2ff;font-family:"Microsoft YaHei","Segoe UI",sans-serif;min-height:100vh}.grid-bg{position:fixed;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(ellipse at 30% 50%,#10366a55,transparent 58%),linear-gradient(#1c365614 1px,transparent 1px),linear-gradient(90deg,#1c365614 1px,transparent 1px);background-size:auto,60px 60px,60px 60px}header{height:100px;display:flex;align-items:center;justify-content:space-between;margin:0 5%;border-bottom:1px solid #20334e80}.brand{display:flex;gap:14px;align-items:center;color:inherit;text-decoration:none;font-size:20px;font-weight:600;letter-spacing:1px}.logo{font-size:40px;color:var(--cyan)}small{display:block}.brand small{font-size:9px;color:#7e97b7;letter-spacing:3px;margin-top:8px}.system{font-size:11px;color:#9aabc2;display:flex;gap:10px;align-items:center}i{display:inline-block;width:6px;height:6px;background:#4ce6bd;border-radius:50%;box-shadow:0 0 8px #4ce6bd70}.system span{margin-left:20px;font-family:monospace}#loginView{max-width:1280px;margin:auto;min-height:calc(100vh - 163px);display:grid;grid-template-columns:1.4fr 1fr;align-items:center;gap:60px;padding:45px 50px}.eyebrow{font-size:10px;letter-spacing:3px;color:#62b6ff}.eyebrow span{display:inline-block;width:22px;height:2px;background:var(--blue);vertical-align:middle;margin-right:12px}h1{font-size:42px;line-height:1.55;font-weight:500;letter-spacing:3px;margin:20px 0 16px}h1 span{color:var(--cyan)}.hero>p{font-size:13px;line-height:2;color:#90a5c1}.orbit-art{height:255px;position:relative;max-width:500px;margin:15px 0}.globe{position:absolute;width:210px;height:210px;left:135px;top:20px;border-radius:50%;border:1px solid #3c9deaa0;box-shadow:inset -35px -20px 45px #010818,inset 10px 5px 35px #247cc488,0 0 45px #168dff20;background:repeating-linear-gradient(0deg,transparent 0 24px,#44b4ff36 25px 26px),repeating-linear-gradient(90deg,transparent 0 29px,#44b4ff26 30px 31px),radial-gradient(circle at 35% 35%,#175a91,#092745 65%);overflow:hidden}.globe:after{content:"";position:absolute;inset:10px 45px;border-radius:50%;border:1px solid #68c7ff60}.orbit{position:absolute;width:420px;height:125px;left:27px;top:65px;border:1px solid #3a8edd70;border-radius:50%;transform:rotate(-23deg)}.o2{transform:rotate(28deg);border-style:dashed;border-color:#428bd140}.sat{position:absolute;color:#8ddcff;font-size:30px;text-shadow:0 0 20px #1fb5ff}.s1{top:36px;left:350px}.s2{top:160px;left:75px}.tag{position:absolute;font-size:9px;letter-spacing:1px;padding:9px 12px;border:1px solid #285281;background:#091b30d9;color:#7ec8ff}.t1{top:25px;left:16px}.t1 i{margin-right:6px}.t2{right:0;bottom:21px}.features{display:flex;gap:24px;color:#85a4c7;font-size:11px}.login-card{border:1px solid #294266;background:linear-gradient(145deg,#13243bdd,#0c1628f2);border-radius:16px;padding:35px 38px;box-shadow:0 25px 80px #0004;position:relative}.card-mark{font-size:9px;letter-spacing:2px;color:#6481a5;margin-bottom:28px}.icon-box{width:48px;height:48px;background:#143358;border:1px solid #285a91;border-radius:12px;color:var(--cyan);display:grid;place-items:center;font-size:28px}h2{font-size:27px;font-weight:500;margin:22px 0 9px}.subtitle{font-size:12px;color:#8298b7;margin-bottom:28px}label{display:block;font-size:12px;margin:19px 0 9px}.input-wrap{display:flex;align-items:center;background:#081322;border:1px solid #263b57;border-radius:7px;height:48px;padding:0 13px;gap:12px;color:#6b8bac}.input-wrap:focus-within{border-color:#378dff;box-shadow:0 0 0 3px #378dff15}input,select,button{font:inherit}input{background:transparent;border:0;color:#eaf2ff;outline:none;min-width:0}input::placeholder{color:#4f6581;font-size:12px}.input-wrap input{width:100%;font-size:14px}.input-wrap button{background:none;border:0;color:#829cbb;cursor:pointer}.form-meta{display:flex;justify-content:space-between;color:#7188a6;font-size:10px;margin-top:17px}.primary{width:100%;height:48px;border:1px solid #4a9bff;background:linear-gradient(100deg,#2564da,#3098ff);border-radius:6px;color:white;cursor:pointer;font-size:14px;letter-spacing:3px;box-shadow:0 5px 24px #257be030}.primary:hover{filter:brightness(1.15)}.primary span{float:right;margin-right:14px}#error{font-size:11px;color:#ff8989;min-height:14px;margin:12px 0}.demo-hint{text-align:center;color:#7188a6;font-size:11px;margin-top:24px}.demo-hint b{font-weight:400;color:#a0bddf}.demo-hint span{margin:0 10px}.secure{text-align:center;border-top:1px solid var(--line);padding-top:20px;margin-top:26px;font-size:10px;color:#607997}footer{margin:0 5%;min-height:63px;border-top:1px solid #20334e80;display:flex;align-items:center;justify-content:space-between;color:#506580;font-size:10px;letter-spacing:1px}[hidden]{display:none!important}#dashboard{max-width:1400px;margin:auto;padding:35px 5% 45px}.dash-title{display:flex;justify-content:space-between;align-items:center}.dash-title h2{margin:14px 0}.dash-title p,.panel-heading p{font-size:12px;color:var(--muted)}.demo-label{font-size:10px;border:1px solid #2e5280;border-radius:4px;padding:3px 7px;margin-left:10px;color:#75bfff}.secondary{background:#10243d;border:1px solid #2a466b;color:#b7d5f9;padding:10px 16px;border-radius:6px;cursor:pointer}.stats{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;margin:24px 0}.stat,.panel{background:#0e1b2dd9;border:1px solid var(--line);border-radius:10px;padding:23px}.stat span{font-size:12px;color:#9db1cb}.stat strong{display:block;font-size:32px;margin-top:15px;font-weight:500}.stat small{color:#5c7597;font-size:10px;margin-top:8px}.panel-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}h3{font-weight:500;font-size:16px;margin:0 0 10px}.filters{display:flex;gap:10px}.filters input,.filters select{border:1px solid #2b405e;background:#0a1525;color:#a2b7d2;border-radius:6px;padding:10px;font-size:12px}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:left;white-space:nowrap;font-size:12px}th{background:#14243a;color:#7991af;padding:14px;font-weight:400}td{padding:18px 14px;border-bottom:1px solid #20334e80}td small{color:#597595;font-size:10px;margin-top:6px}.badge{padding:5px 9px;border-radius:5px;background:#13362f;color:#5bdfb6;font-size:10px}.badge.warn{background:#3c311d;color:#f3bd60}.badge.off{background:#283041;color:#8290a8}.badge.stale{background:#302d46;color:#b6a1ed}.text-btn{background:none;border:0;color:#67adff;cursor:pointer;font-size:12px}.table-footer{display:flex;gap:4px;color:#6f89aa;font-size:10px;padding-top:20px}.table-footer>span:last-child{margin-left:auto}.lower{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:20px}.muted{font-size:11px;color:var(--muted)}.bar-row{display:flex;align-items:center;gap:15px;margin:16px 0;font-size:11px;color:#9bb4d3}.bar-row span{width:75px}.bar-track{height:6px;flex:1;background:#1c2b40;border-radius:4px;overflow:hidden}.bar-fill{height:100%;background:linear-gradient(90deg,#2663d6,#45d5ff);border-radius:4px}.bar-row b{width:34px;font-weight:400}.event{display:flex;gap:13px;align-items:center;padding:19px 0;border-bottom:1px solid #1c2c43;font-size:12px}.event small{color:#6883a4;margin-top:8px;font-size:10px}.event b{margin-left:auto;font-size:10px;font-weight:400;color:#7f98b7}i.warn{background:#efbc60;box-shadow:none}i.off{background:#71829c;box-shadow:none}dialog{background:#102038;border:1px solid #305784;border-radius:12px;color:#dae9ff;padding:32px;min-width:330px}dialog::backdrop{background:#020815ba;backdrop-filter:blur(5px)}#closeDetail{float:right;background:none;border:0;color:#a3bddc;font-size:24px;cursor:pointer}dialog p{font-size:13px;color:#a3bad6;line-height:2}@media(min-width:1500px){#loginView{gap:110px}}@media(max-width:900px){header{height:85px}.system span{display:none}#loginView{gap:25px;padding:35px 25px}h1{font-size:30px}.orbit-art{transform:scale(.8);transform-origin:left center}.features{gap:12px;flex-wrap:wrap}.login-card{padding:28px}.stats{gap:8px}.stat{padding:15px}.panel-heading{align-items:flex-start;gap:15px;flex-direction:column}}@media(max-width:650px){header{margin:0 6%}.brand{font-size:15px}.brand small{font-size:7px;letter-spacing:1px}.logo{font-size:28px}.system{display:none}#loginView{display:block;padding:35px 6%}.hero h1{font-size:28px}.hero>p,.orbit-art,.features{display:none}.hero{margin-bottom:30px}.eyebrow{font-size:8px}.login-card{max-width:430px;margin:auto}footer{gap:10px;flex-wrap:wrap;padding:20px 0}footer>span:nth-child(2){display:none}.stats{grid-template-columns:repeat(2,1fr)}.stats .stat:first-child{grid-column:span 2}.lower{grid-template-columns:1fr}.filters{width:100%}.filters input{width:65%}.dash-title h2{font-size:23px}.dash-title p{max-width:220px;line-height:2}.panel{padding:16px}}