*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:"Microsoft YaHei","PingFang SC",system-ui,sans-serif}body{background:#07152d;color:#eaf4ff}.login-shell{min-height:100vh;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(420px,.8fr);overflow:hidden}.brand-stage{position:relative;min-height:750px;padding:42px clamp(34px,5vw,96px);overflow:hidden;background:radial-gradient(circle at 72% 53%,rgba(26,116,184,.38),transparent 32%),radial-gradient(circle at 15% 15%,rgba(50,101,188,.28),transparent 35%),linear-gradient(140deg,#071631,#0b2953 65%,#0c315d)}.brand-stage:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(87,168,238,.075) 1px,transparent 1px),linear-gradient(90deg,rgba(87,168,238,.075) 1px,transparent 1px);background-size:40px 40px;mask-image:linear-gradient(90deg,transparent,#000 35%,#000);pointer-events:none}.brand-stage:after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 44%,rgba(103,225,251,.07) 50%,transparent 56%);background-size:210% 100%;animation:stageSweep 10s linear infinite;pointer-events:none}@keyframes stageSweep{to{background-position:-210% 0}}.brand,.hero-copy,.brand-foot{position:relative;z-index:2}.brand{display:flex;align-items:center;gap:13px}.brand-mark{width:44px;height:44px;display:grid;place-items:center;background:linear-gradient(145deg,#e7f9ff,#8abefe);color:#2057bc;font-weight:900;font-size:25px;box-shadow:0 0 25px #2b87ec55}.brand strong,.brand small{display:block}.brand strong{font-size:20px;letter-spacing:1px}.brand small{font-size:10px;color:#9cbbe3;margin-top:3px}.hero-copy{margin-top:clamp(140px,21vh,235px);max-width:640px}.eyebrow{color:#65dff4;font-size:11px;letter-spacing:2.3px;font-weight:700}.eyebrow span{display:inline-block;width:6px;height:6px;border-radius:50%;background:#56e8c5;box-shadow:0 0 14px #56e8c5;margin-right:8px;vertical-align:2px}.hero-copy h1{font-size:clamp(34px,3.4vw,61px);line-height:1.28;letter-spacing:-1px;margin:18px 0 22px;color:#fff}.hero-copy h1 em{font-style:normal;background:linear-gradient(90deg,#81e9f5,#b7d3ff);background-clip:text;color:transparent}.hero-intro{max-width:530px;font-size:14px;line-height:1.9;color:#b9cde9}.hero-metrics{display:flex;gap:34px;border-top:1px solid #6da9d24a;margin-top:43px;padding-top:22px}.hero-metrics div{display:grid;gap:4px}.hero-metrics strong{font-size:16px;color:#6de7ed}.hero-metrics span{font-size:11px;color:#b8d0eb}.brand-foot{position:absolute;bottom:35px;left:clamp(34px,5vw,96px);font-size:11px;color:#7d9dc7;letter-spacing:2px}.network{position:absolute;right:-8%;top:21%;width:min(51vw,690px);aspect-ratio:1;opacity:.72}.network-core{position:absolute;inset:40%;display:grid;place-items:center;border-radius:50%;font-size:40px;font-weight:800;color:#d4fbff;background:radial-gradient(circle at 35% 30%,#2489c4,#103d76 60%,#071b3d);border:1px solid #74e7f5;box-shadow:0 0 0 14px #3dd9ed13,0 0 65px #47c9ec95}.orbit{position:absolute;border:1px solid #4fc2ed52;border-radius:50%;animation:turn 28s linear infinite}.orbit-a{inset:29%}.orbit-b{inset:17%;animation-direction:reverse}.orbit-c{inset:5%;border-style:dashed;opacity:.5}.node{position:absolute;width:12px;height:12px;border-radius:50%;background:#59e6df;box-shadow:0 0 18px #5cebea}.node-a{left:19%;top:29%}.node-b{left:67%;top:15%}.node-c{left:80%;top:51%}.node-d{left:28%;top:77%}.node-e{left:67%;top:80%}.beam{position:absolute;left:50%;top:50%;height:1px;width:32%;transform-origin:left center;background:linear-gradient(90deg,#6cdef3a8,transparent)}.beam-a{transform:rotate(210deg)}.beam-b{transform:rotate(332deg)}.beam-c{transform:rotate(75deg)}@keyframes turn{to{transform:rotate(360deg)}}.login-side{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:45px 32px;background:radial-gradient(circle at 100% 0,#163566 0,transparent 35%),#091a36;border-left:1px solid #66d8e722}.login-card{width:min(100%,454px);padding:36px 38px 29px;border:1px solid #5ca8db52;background:linear-gradient(150deg,#132d55f2,#0a1e3ef5);box-shadow:0 25px 80px #0008,0 0 38px #29a8e018;backdrop-filter:blur(20px);position:relative}.login-card:before,.login-card:after{content:"";position:absolute;width:25px;height:25px;border-color:#6ce7f4;border-style:solid}.login-card:before{left:-1px;top:-1px;border-width:2px 0 0 2px}.login-card:after{right:-1px;bottom:-1px;border-width:0 2px 2px 0}.card-top{display:flex;justify-content:space-between;align-items:center}.card-icon{width:45px;height:45px;display:grid;place-items:center;border-radius:10px;background:linear-gradient(135deg,#2385dd,#42cdd8);font-size:27px;color:white;box-shadow:0 8px 25px #36c2ee50}.secure-chip{font-size:11px;color:#aee9e3;border:1px solid #5ce0c444;border-radius:20px;padding:7px 10px}.secure-chip i,.card-footer i{display:inline-block;width:6px;height:6px;background:#4be0b3;border-radius:50%;box-shadow:0 0 8px #4be0b3;margin-right:5px}.card-kicker{font-size:10px;letter-spacing:2.2px;color:#5dd6ed;font-weight:800;margin:31px 0 7px}.login-card h2{font-size:29px;color:white;margin:0}.card-intro{color:#a9c0dd;font-size:12px;line-height:1.6;margin:9px 0 25px}.login-card label{display:block;font-size:12px;font-weight:700;color:#d4e7fb;margin:17px 0 8px}.field{height:47px;display:flex;align-items:center;gap:10px;border:1px solid #5179ab;background:#0c2345;padding:0 13px;transition:border .2s,box-shadow .2s}.field:focus-within{border-color:#54d4ec;box-shadow:0 0 0 3px #43cbe71d}.field svg{width:17px;height:17px;fill:none;stroke:#67a9db;stroke-width:1.7;flex:none}.field input,.field select{width:100%;height:100%;border:0;outline:0;background:transparent;color:#f0f8ff;font:inherit;font-size:13px;min-width:0}.field select{cursor:pointer}.field option{background:#112c50;color:white}.field input::placeholder{color:#6f8dad}.show-password{background:none;border:0;color:#85cfe9;cursor:pointer;font-size:11px;white-space:nowrap}.captcha-row{display:grid;grid-template-columns:minmax(0,1fr) 184px;gap:8px}.captcha-image{height:56px;border:1px solid #5288bb;background:#102c55;padding:0;display:flex;align-items:center;cursor:pointer;position:relative}.captcha-image img{width:100%;height:100%;object-fit:cover}.captcha-image span{position:absolute;right:4px;bottom:2px;font-size:12px;color:#effaff;background:#133968a9;border-radius:3px;padding:0 3px}.captcha-field{height:56px}.captcha-note{font-size:10px;color:#7398bf;margin:8px 0 0}.login-error{min-height:18px;color:#ff9ba5;font-size:11px;margin:13px 0 4px}.submit{width:100%;height:48px;border:0;color:white;background:linear-gradient(105deg,#3569ed,#38b6e7);display:flex;align-items:center;justify-content:center;gap:12px;font-size:14px;font-weight:800;cursor:pointer;box-shadow:0 9px 25px #2376ec55}.submit:hover{filter:brightness(1.12)}.submit:disabled{opacity:.6;cursor:wait}.card-footer{border-top:1px solid #6684aa45;margin-top:27px;padding-top:16px;display:flex;justify-content:space-between;gap:8px;font-size:10px;color:#8eabc9}.side-foot{font-size:10px;color:#637f9f;margin-top:24px}@media(max-width:1050px){.login-shell{grid-template-columns:1fr}.brand-stage{min-height:290px;padding:26px 34px}.hero-copy{margin-top:45px}.hero-copy h1{font-size:31px;margin:10px 0}.hero-intro,.hero-metrics,.brand-foot{display:none}.network{width:340px;right:0;top:-50px;opacity:.35}.login-side{padding:35px 20px;min-height:590px}}@media(max-width:530px){.brand-stage{min-height:230px}.brand small{font-size:9px}.hero-copy{margin-top:37px}.hero-copy h1{font-size:25px}.login-card{padding:27px 20px}.captcha-row{grid-template-columns:minmax(0,1fr) 145px}.captcha-image{width:145px}.card-footer{flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important}}
@media(max-width:400px){.captcha-row{grid-template-columns:1fr}.captcha-image{width:184px}.captcha-field{height:47px}}