:root{color-scheme:dark;--cyan: #39e7ff;--cyan-soft: #8befff;--ink: #031318;--muted: #9bb9c3;--line: rgba(111, 222, 239, .28)}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{min-width:320px;color:#eefaff;background:var(--ink);font-family:Microsoft YaHei,Noto Sans SC,Arial,sans-serif}button,input{font:inherit}button{cursor:pointer}.login-page{position:relative;display:flex;min-height:100vh;overflow:hidden;isolation:isolate;background:#031318}.background-image,.background-grid,.ambient-glow{position:absolute;inset:0;pointer-events:none}.background-image{z-index:-4;background:linear-gradient(90deg,#010d11e6,#0110158a 42%,#010c0fba),linear-gradient(180deg,#00080b6b,#000a0db3),url(/assets/tunnel-login-bg-WSpECD9u.png) center / cover no-repeat;filter:blur(5px);transform:scale(1.045)}.background-grid{z-index:-3;opacity:.25;background-image:linear-gradient(rgba(49,183,206,.16) 1px,transparent 1px),linear-gradient(90deg,rgba(49,183,206,.16) 1px,transparent 1px);background-size:72px 72px;-webkit-mask-image:linear-gradient(90deg,transparent 0%,black 22%,black 78%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0%,black 22%,black 78%,transparent 100%)}.ambient-glow{z-index:-2;opacity:.42;filter:blur(60px)}.ambient-glow-left{background:radial-gradient(circle at 18% 56%,rgba(0,166,193,.22),transparent 34%)}.ambient-glow-right{background:radial-gradient(circle at 88% 42%,rgba(0,93,123,.22),transparent 30%)}.login-header{position:absolute;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:28px 5vw}.brand{display:flex;align-items:center;gap:13px}.brand-crest{display:grid;place-items:center;width:48px;height:48px;padding:4px;border:1px solid rgba(117,235,255,.88);background:#07313ec7;box-shadow:0 0 20px #00e2ff3b,inset 0 0 13px #acf3ff24;clip-path:polygon(10% 0,90% 0,100% 18%,100% 82%,90% 100%,10% 100%,0 82%,0 18%)}.brand-crest img{width:100%;height:100%;object-fit:contain}.brand-copy{display:flex;flex-direction:column;gap:4px}.brand-copy strong{font-size:16px;letter-spacing:1px}.brand-copy span{color:#8fddec;font-size:8px;letter-spacing:.8px}.header-status{display:flex;align-items:center;gap:8px;color:#a5d0d8;font-size:12px;letter-spacing:.5px}.header-status i,.card-footer i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#55f3bd;box-shadow:0 0 10px #55f3bd}.login-content{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,470px);align-items:center;gap:clamp(60px,10vw,180px);width:min(1180px,90vw);margin:auto;padding:100px 0 70px}.intro{max-width:680px}.eyebrow,.card-kicker{margin:0 0 22px;color:var(--cyan-soft);font-size:11px;letter-spacing:2.2px}.eyebrow{display:flex;align-items:center;gap:10px}.eyebrow span{width:34px;height:1px;background:var(--cyan);box-shadow:0 0 10px var(--cyan)}.intro h1{margin:0;max-width:680px;font-size:clamp(30px,4vw,58px);font-weight:600;letter-spacing:2px;line-height:1.22;text-shadow:0 4px 22px rgba(0,0,0,.38)}.intro h1 em{color:#bdeaf0;font-style:normal}.intro-copy{max-width:500px;margin:28px 0 0;color:#a5c1c8;font-size:15px;line-height:1.9}.intro-line{display:flex;align-items:center;gap:12px;margin-top:42px;color:#70c7d6;font-size:10px;letter-spacing:1.5px}.intro-line span{width:72px;height:1px;background:linear-gradient(90deg,var(--cyan),transparent)}.login-card{position:relative;padding:34px 36px 22px;border:1px solid rgba(125,227,240,.42);background:linear-gradient(145deg,#052129d1,#03151ce6);box-shadow:0 24px 70px #00000061,inset 0 0 28px #32b9cf0d,0 0 30px #00cfed1a;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.login-card:before,.login-card:after{position:absolute;width:18px;height:18px;content:"";border-color:var(--cyan);border-style:solid;opacity:.75}.login-card:before{top:-1px;left:-1px;border-width:2px 0 0 2px}.login-card:after{right:-1px;bottom:-1px;border-width:0 2px 2px 0}.card-heading{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:30px}.card-kicker{display:block;margin-bottom:8px;color:#6ec7d5;font-size:10px;letter-spacing:2px}.card-heading h2{margin:0;font-size:27px;font-weight:500;letter-spacing:1px}.card-signal{display:flex;align-items:flex-end;gap:4px;height:22px;padding-top:3px}.card-signal span{display:block;width:3px;background:var(--cyan);box-shadow:0 0 8px var(--cyan)}.card-signal span:nth-child(1){height:8px;opacity:.42}.card-signal span:nth-child(2){height:14px;opacity:.7}.card-signal span:nth-child(3){height:20px}.field{display:block;margin-bottom:19px}.field>span{display:block;margin-bottom:8px;color:#9cc4cb;font-size:12px;letter-spacing:1px}.input-wrap{position:relative;display:flex;align-items:center;border:1px solid rgba(118,191,204,.3);background:#000d128c;transition:border-color .16s ease,box-shadow .16s ease,background .16s ease}.input-wrap:focus-within{border-color:var(--cyan);background:#00141bb8;box-shadow:0 0 0 3px #39e7ff17,0 0 20px #00d0e81f}.field-icon{display:grid;place-items:center;width:44px;color:var(--cyan);font-size:10px;letter-spacing:1px}.input-wrap input{width:100%;min-width:0;height:50px;padding:0 14px 0 0;border:0;outline:0;color:#f3fdff;background:transparent;font-size:14px}.input-wrap input::placeholder{color:#66838a}.password-toggle{padding:8px 13px;border:0;color:#8ac3cc;background:transparent;font-size:11px}.password-toggle:hover{color:var(--cyan)}.form-options{display:flex;align-items:center;justify-content:space-between;margin:5px 0 25px;color:#7fa7ae;font-size:12px}.remember{display:flex;align-items:center;gap:8px;cursor:pointer}.remember input{position:absolute;opacity:0;pointer-events:none}.checkmark{width:14px;height:14px;border:1px solid #5b8b94;background:#000e1380}.remember input:checked+.checkmark{border-color:var(--cyan);background:var(--cyan);box-shadow:0 0 10px #39e7ff8c}.remember input:checked+.checkmark:after{display:block;width:5px;height:8px;margin:1px 0 0 4px;content:"";border:solid #04222a;border-width:0 2px 2px 0;transform:rotate(45deg)}.text-button{padding:0;border:0;color:#83bec7;background:transparent}.text-button:hover{color:var(--cyan)}.submit-button{display:flex;align-items:center;justify-content:space-between;width:100%;height:52px;padding:0 18px 0 21px;border:1px solid var(--cyan);color:#00171d;background:linear-gradient(100deg,#35dff4,#8bf5ee);box-shadow:0 0 20px #00e0f533;font-size:15px;font-weight:700;letter-spacing:1px;transition:transform .16s ease,filter .16s ease,box-shadow .16s ease}.submit-button b{font-size:23px;font-weight:400}.submit-button:hover{filter:brightness(1.08);box-shadow:0 0 30px #00e0f56b;transform:translateY(-1px)}.submit-button:disabled{cursor:wait;opacity:.7}.form-message{min-height:18px;margin:12px 0 0;color:#ffad86;font-size:12px;text-align:center}.form-message.is-success{color:#70f1c1}.card-footer{display:flex;justify-content:space-between;margin-top:26px;padding-top:17px;border-top:1px solid rgba(111,191,204,.16);color:#668d95;font-size:9px;letter-spacing:1.1px}.card-footer span:first-child{display:flex;align-items:center;gap:6px}.login-footer{position:absolute;right:5vw;bottom:24px;left:5vw;display:flex;justify-content:space-between;color:#668b92;font-size:10px;letter-spacing:.7px}.notice{position:fixed;right:24px;bottom:24px;padding:12px 16px;border:1px solid var(--cyan);color:#d9fbff;background:#021920f2;box-shadow:0 0 18px #00e1ff47;opacity:0;transform:translateY(10px);transition:opacity .16s ease,transform .16s ease;pointer-events:none}.notice.is-visible{opacity:1;transform:translateY(0)}@media(max-width:820px){.login-header{padding:20px 6vw}.header-status{display:none}.login-content{grid-template-columns:1fr;gap:35px;width:min(520px,86vw);padding:110px 0 80px}.intro h1{font-size:clamp(28px,8vw,42px)}.intro-copy{margin-top:18px;font-size:13px}.intro-line{margin-top:24px}.login-card{padding:27px 24px 20px}.login-footer{display:none}}@media(max-width:430px){.brand-copy strong{font-size:14px}.brand-copy span{font-size:7px}.brand-crest{width:42px;height:42px}.login-content{width:88vw}.intro h1{letter-spacing:0}}:root{--cyan: #4fa8ff;--cyan-soft: #9dc7ff;--ink: #030814;--muted: #8fa8c5;--line: rgba(92, 148, 222, .3)}body,.login-page{color:#edf5ff;background:#030814}.background-image{background:linear-gradient(90deg,#020712f5,#040d1db3 46%,#020712e6),linear-gradient(180deg,#02081259,#020812db),url(/assets/tunnel-login-bg-WSpECD9u.png) center / cover no-repeat;filter:blur(4px) saturate(.76) hue-rotate(10deg) brightness(.72)}.background-grid{opacity:.34;background-image:linear-gradient(rgba(91,169,255,.14) 1px,transparent 1px),linear-gradient(90deg,rgba(91,169,255,.14) 1px,transparent 1px)}.ambient-glow-left{background:radial-gradient(circle at 18% 56%,rgba(47,111,211,.24),transparent 34%)}.ambient-glow-right{background:radial-gradient(circle at 88% 42%,rgba(79,168,255,.16),transparent 30%)}.brand-crest,.login-card,.notice{border-color:var(--line);background:linear-gradient(145deg,#091a31e0,#040d1bf0);box-shadow:0 24px 70px #0000006b,inset 0 0 0 1px #99c3ff09,0 0 30px #4fa8ff14}.brand-copy span,.header-status,.intro-copy,.field>span,.form-options,.card-footer,.login-footer{color:var(--muted)}.eyebrow,.card-kicker,.field-icon,.text-button:hover,.password-toggle:hover{color:var(--cyan-soft)}.eyebrow span,.card-signal span{background:var(--cyan);box-shadow:0 0 10px #4fa8ff7a}.intro h1{color:#f3f8ff;text-shadow:0 0 22px rgba(79,168,255,.18),0 4px 22px rgba(0,0,0,.45)}.intro h1 em{color:#b9d5ff}.login-card:before,.login-card:after{border-color:var(--cyan)}.input-wrap{border-color:#5c94de47;background:#030b18a8}.input-wrap:focus-within{border-color:var(--cyan);background:#051226d1;box-shadow:0 0 0 3px #4fa8ff1a,0 0 20px #4fa8ff1f}.submit-button{border-color:#7dc2ffe0;color:#f4f8ff;background:linear-gradient(100deg,#1a4f99,#4fa8ff);box-shadow:0 0 20px #4fa8ff38,inset 0 -2px #c6e0ff40}.submit-button:hover{box-shadow:0 0 30px #4fa8ff6b,inset 0 -2px #c6e0ff47}