:root{--paper:#f4efe5;--ink:#18252a;--line:#b9b8ad;--quiet:#63706b;--rust:#a84f38;color:var(--ink);background:var(--paper);font-family:Inter,"Noto Sans SC","Microsoft YaHei",sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--paper)}a{color:inherit;text-decoration:none}.masthead,.hero,.site-footer,.denied-main,.monitor-main{width:min(100% - 64px,1320px);margin:0 auto}.masthead{display:flex;min-height:82px;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.wordmark{font-family:Georgia,"Noto Serif SC",serif;font-size:1.03rem;font-weight:700;letter-spacing:.12em}.account-area{position:relative}.account-trigger{display:grid;width:36px;height:36px;place-items:center;border:1px solid var(--ink);border-radius:50%;background:transparent;color:var(--ink);cursor:pointer}.rank-mark{font-family:Georgia,serif;font-size:1.05rem;font-weight:700}.account-menu{position:absolute;z-index:5;top:45px;right:0;display:grid;min-width:185px;padding:14px;border:1px solid var(--ink);background:var(--paper);box-shadow:5px 5px 0 #d9d3c6}.account-menu strong{font-family:Georgia,serif}.account-menu span{margin:4px 0 10px;color:var(--quiet);font-size:.75rem}.account-menu button{padding:8px 0;border:0;border-top:1px solid var(--line);background:transparent;color:var(--ink);font:inherit;font-size:.78rem;text-align:left;cursor:pointer}.account-menu button:hover{color:var(--rust)}.private-page{min-height:100svh;display:grid;grid-template-rows:auto 1fr auto}.hero{display:grid;grid-template-columns:minmax(360px,.82fr) minmax(480px,1.18fr);min-height:650px;padding:48px 0}.hero-copy{display:flex;flex-direction:column;justify-content:center;padding:48px 55px 52px 0}.spartan-mark{display:grid;width:52px;height:62px;margin:0 0 27px;place-items:center;clip-path:polygon(50% 0,100% 17%,91% 78%,50% 100%,9% 78%,0 17%);background:var(--ink);color:var(--paper);font-family:Georgia,serif;font-size:2.1rem}.hero h1,.login-intro h1,.denied-main h1,.monitor-main h1{margin:0 0 17px;font-family:Georgia,"Noto Serif SC",serif;font-weight:500}.hero h1{font-size:4.7rem;letter-spacing:.02em;line-height:.98}.manifesto{max-width:340px;margin:0 0 36px;color:#53615e;font-family:Georgia,"Noto Serif SC",serif;font-size:1.24rem;line-height:1.62}.motto,.edition,.form-kicker{margin:0;color:var(--rust);font-size:.72rem;font-weight:800;letter-spacing:.14em}.hero-media{position:relative;min-height:548px;margin:0;overflow:hidden;background:#d6d2c7}.hero-media:after{position:absolute;inset:0;border:11px solid var(--paper);content:""}.hero-media img{display:block;width:100%;height:100%;object-fit:cover;filter:grayscale(1) contrast(1.16) brightness(1.06)}.hero-media figcaption{position:absolute;z-index:1;right:26px;bottom:23px;color:var(--paper);font-size:.68rem;font-weight:800;letter-spacing:.13em;text-shadow:0 1px 2px var(--ink)}.site-footer{display:flex;justify-content:space-between;gap:24px;padding:22px 0 30px;border-top:1px solid var(--line);color:var(--quiet);font-size:.68rem;font-weight:700;letter-spacing:.1em}.site-footer a:hover{color:var(--rust)}.login-page{min-height:100svh}.login-shell{display:grid;grid-template-columns:1.05fr .95fr;min-height:100svh}.login-intro{display:flex;flex-direction:column;justify-content:center;padding:70px max(8vw,44px);background:var(--ink);color:var(--paper)}.login-intro .wordmark{margin-bottom:auto}.login-intro .spartan-mark{margin:54px 0 25px;background:var(--paper);color:var(--ink)}.login-intro h1{font-size:3.3rem;line-height:1.15}.login-intro p:last-child{color:#c7c9c1}.login-panel{display:flex;flex-direction:column;justify-content:center;max-width:460px;padding:55px;width:100%}form{display:grid;gap:18px}label{display:grid;gap:7px;font-size:.8rem;font-weight:700}input{width:100%;padding:12px 0;border:0;border-bottom:1px solid var(--ink);outline:0;background:transparent;color:var(--ink);font:inherit}input:focus{border-color:var(--rust)}.remember{display:flex;align-items:center;gap:9px;font-weight:500}.remember input{width:15px;height:15px;padding:0;accent-color:var(--ink)}.submit,.back-link{display:inline-flex;align-items:center;justify-content:space-between;gap:24px;width:max-content;padding:12px 0;border:0;border-bottom:1px solid var(--ink);background:transparent;color:var(--ink);font:inherit;font-size:.83rem;font-weight:800;cursor:pointer}.submit:hover,.back-link:hover{color:var(--rust);border-color:var(--rust)}.form-error{min-height:20px;margin:0;color:var(--rust);font-size:.8rem}.recent-wrap{margin-top:44px;padding-top:23px;border-top:1px solid var(--line)}.recent-accounts{display:grid;margin-top:12px}.recent-account{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #d3d1c7}.recent-account button{padding:10px 0;border:0;background:transparent;color:var(--ink);font:inherit;font-size:.82rem;cursor:pointer}.recent-account .remove-account{color:var(--quiet);font-size:.72rem}.recent-note{color:var(--quiet);font-size:.72rem}.denied-main,.monitor-main{padding:110px 0}.denied-main h1,.monitor-main h1{font-size:4rem}.denied-lede,.monitor-lede{max-width:540px;color:var(--quiet);font-family:Georgia,"Noto Serif SC",serif;font-size:1.3rem;line-height:1.55}.rank-scale{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));max-width:740px;margin:55px 0 28px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.rank-scale p{display:grid;gap:5px;min-height:86px;margin:0;padding:14px 10px;border-right:1px solid var(--line)}.rank-scale p:last-child{border:0}.rank-scale b{font-family:Georgia,serif;font-size:1.45rem}.rank-scale span{font-size:.68rem;color:var(--quiet)}.rank-admin{background:var(--ink);color:var(--paper)}.rank-admin span{color:#d7d8d0}.contact-note{margin:0 0 35px;color:var(--quiet)}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:52px 0 45px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.metrics article{display:grid;gap:12px;min-height:130px;padding:18px;border-right:1px solid var(--line)}.metrics article:last-child{border:0}.metrics span{color:var(--quiet);font-size:.72rem;font-weight:800;letter-spacing:.08em}.metrics strong{font-family:Georgia,"Noto Serif SC",serif;font-size:1.5rem;font-weight:500}@media(max-width:850px){.masthead,.hero,.site-footer,.denied-main,.monitor-main{width:min(100% - 40px,1320px)}.hero,.login-shell{grid-template-columns:1fr}.hero{min-height:0;padding:34px 0 42px}.hero-copy{min-height:390px;padding:40px 0}.hero-media{min-height:460px}.login-intro{min-height:420px;padding:45px}.login-intro .wordmark{margin-bottom:42px}.login-intro .spartan-mark{margin:0 0 20px}.login-panel{padding:50px;width:min(100%,560px);margin:auto}.metrics{grid-template-columns:repeat(2,1fr)}.metrics article:nth-child(2){border-right:0}.rank-scale{grid-template-columns:repeat(3,1fr)}.rank-scale p:nth-child(3){border-right:0}}@media(max-width:560px){.masthead,.hero,.site-footer,.denied-main,.monitor-main{width:min(100% - 30px,1320px)}.masthead{min-height:68px}.wordmark{font-size:.82rem}.hero-copy{min-height:340px;padding:30px 0}.hero h1,.denied-main h1,.monitor-main h1{font-size:3rem}.hero-media{min-height:370px}.hero-media:after{border-width:8px}.site-footer{flex-wrap:wrap;gap:10px}.login-intro{padding:34px 30px;min-height:375px}.login-intro h1{font-size:2.55rem}.login-panel{padding:40px 30px}.denied-main,.monitor-main{padding:76px 0}.rank-scale{grid-template-columns:repeat(2,1fr)}.rank-scale p:nth-child(3){border-right:1px solid var(--line)}.rank-scale p:nth-child(2),.rank-scale p:nth-child(4){border-right:0}.metrics{grid-template-columns:1fr}.metrics article{min-height:95px;border-right:0;border-bottom:1px solid var(--line)}.metrics article:last-child{border-bottom:0}}
.account-menu{opacity:0;pointer-events:none;transform:translateY(-4px);transition:opacity .16s ease,transform .16s ease}.account-area:hover .account-menu,.account-area:focus-within .account-menu{opacity:1;pointer-events:auto;transform:translateY(0)}.login-visual{position:relative;height:148px;margin:0 0 38px;overflow:hidden;border:1px solid var(--ink);background:#d6d2c7;box-shadow:7px 7px 0 #d9d3c6}.login-visual::after{position:absolute;inset:8px;border:1px solid var(--paper);content:""}.login-visual img{display:block;width:100%;height:100%;object-fit:cover;filter:grayscale(1) contrast(1.15) brightness(1.08)}.login-visual figcaption{position:absolute;z-index:1;right:17px;bottom:14px;color:var(--paper);font-size:.65rem;font-weight:800;letter-spacing:.13em;text-shadow:0 1px 2px var(--ink)}.rank-scale p.current{background:var(--rust);color:var(--paper)}.rank-scale p.current span{color:var(--paper)}.rank-scale p.current b::after{content:" 当前";font-family:Inter,"Noto Sans SC","Microsoft YaHei",sans-serif;font-size:.58rem;font-weight:800;letter-spacing:.08em}

.login-portrait{position:relative;height:178px;max-width:340px;margin:18px 0 26px;overflow:hidden;border:1px solid #c7c9c1;background:#59615f}.login-portrait::after{position:absolute;inset:7px;border:1px solid rgba(244,239,229,.78);content:""}.login-portrait img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 24%;filter:grayscale(1) contrast(1.16) brightness(1.04)}.login-portrait figcaption{position:absolute;z-index:1;right:15px;bottom:12px;color:var(--paper);font-size:.62rem;font-weight:800;letter-spacing:.12em;text-shadow:0 1px 2px var(--ink)}@media(max-width:850px){.login-portrait{height:155px;margin:14px 0 22px}}@media(max-width:560px){.login-portrait{height:132px;margin:12px 0 18px}}

.monitor-main{padding-top:72px}.monitor-heading{display:flex;justify-content:space-between;gap:30px;align-items:end}.monitor-heading h1{margin-top:8px}.snapshot-time{margin:0 0 23px;color:var(--quiet);font-size:.75rem;white-space:nowrap}.health-strip,.vpn-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:48px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.health-strip article,.vpn-metrics article{display:grid;align-content:start;gap:10px;min-height:136px;padding:18px;border-right:1px solid var(--line)}.health-strip article:last-child,.vpn-metrics article:last-child{border-right:0}.health-strip span,.vpn-metrics span,.detail-list dt{color:var(--quiet);font-size:.7rem;font-weight:800;letter-spacing:.08em}.health-strip strong,.vpn-metrics strong{font-family:Georgia,"Noto Serif SC",serif;font-size:1.42rem;font-weight:500;line-height:1.15}.health-strip small,.vpn-metrics small{color:var(--quiet);font-size:.72rem;line-height:1.4}.overview-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;margin:0 0 44px}.monitor-panel,.vpn-panel,.vpn-restricted{border-top:2px solid var(--ink);border-bottom:1px solid var(--line)}.monitor-panel{padding:18px 0}.panel-heading h2,.vpn-restricted h2{margin:6px 0 0;font-family:Georgia,"Noto Serif SC",serif;font-size:1.55rem;font-weight:500}.panel-heading>p:last-child,.vpn-restricted>p:last-child{margin:11px 0 0;color:var(--quiet);font-size:.82rem;line-height:1.55}.detail-list{margin:23px 0 0}.detail-list div{display:flex;justify-content:space-between;gap:24px;padding:13px 0;border-top:1px solid #d3d1c7}.detail-list dd{margin:0;text-align:right;font-size:.86rem}.vpn-panel{margin:0 0 43px;padding:19px 0 0}.vpn-panel .panel-heading{display:flex;flex-wrap:wrap;align-items:baseline;column-gap:15px}.vpn-panel .panel-heading>p:last-child{width:100%}.vpn-metrics{margin:22px 0 0}.vpn-restricted{margin:0 0 43px;padding:19px 0}.vpn-restricted>p:last-child{max-width:490px}.vpn-restricted[hidden],.vpn-panel[hidden]{display:none}@media(max-width:850px){.monitor-heading{display:block}.snapshot-time{margin-top:22px}.health-strip,.vpn-metrics{grid-template-columns:repeat(2,1fr)}.health-strip article:nth-child(2),.vpn-metrics article:nth-child(2){border-right:0}.health-strip article:nth-child(-n+2),.vpn-metrics article:nth-child(-n+2){border-bottom:1px solid var(--line)}}@media(max-width:560px){.monitor-main{padding-top:54px}.health-strip,.vpn-metrics,.overview-grid{grid-template-columns:1fr}.health-strip article,.vpn-metrics article{min-height:100px;border-right:0;border-bottom:1px solid var(--line)}.health-strip article:last-child,.vpn-metrics article:last-child{border-bottom:0}.overview-grid{gap:22px}.detail-list div{align-items:baseline}.detail-list dd{max-width:58%;overflow-wrap:anywhere}}