*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,'PingFang SC','Microsoft YaHei',sans-serif;background:#1a2131;color:#fff}.login-scene{position:relative;min-height:100svh;display:flex;align-items:center;justify-content:flex-end;padding:100px clamp(32px,6vw,130px);background:linear-gradient(155deg,#72849b,#a89c96 48%,#273447);isolation:isolate}.login-scene:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#0b152340,transparent 55%,#1816262e),linear-gradient(0deg,#0e15296b,transparent 65%)}header{position:absolute;top:36px;left:clamp(28px,4vw,85px);display:flex;gap:24px;align-items:center}header img{width:200px;filter:brightness(0) invert(1)}header span{font-size:21px;font-weight:600;letter-spacing:.3px}.scene-caption{position:absolute;left:clamp(28px,6vw,130px);top:24%;max-width:50%}.scene-caption>span{font-size:11px;letter-spacing:3.4px;color:#e6e8f4b5}.scene-caption h1{font-weight:450;font-size:clamp(26px,3vw,49px);letter-spacing:1px;margin:19px 0}.scene-caption p{font-size:15px;color:#edf0f2bc;letter-spacing:2px}.login-card{width:410px;padding:42px 38px 28px;position:relative;background:linear-gradient(140deg,#29283899,#151e3180);border:1px solid #ffffff40;border-radius:22px;box-shadow:0 30px 85px #10142355,inset 0 1px 0 #ffffff26;backdrop-filter:blur(28px) saturate(115%);-webkit-backdrop-filter:blur(28px) saturate(115%);overflow:hidden}.login-card:before{content:'';height:1px;position:absolute;top:0;left:20%;right:20%;background:linear-gradient(90deg,transparent,#fff9,transparent)}.card-mark{display:flex;align-items:center;justify-content:space-between;letter-spacing:2.5px;font-size:10px;color:#ffffff80}.card-mark i{height:5px;width:5px;border-radius:50%;background:#d9ccf2;box-shadow:0 0 12px #e3c7ff}.login-card h2{font-size:31px;font-weight:500;letter-spacing:1px;margin:30px 0 10px}.login-card>p{font-size:14px;color:#dddce7a8;margin:0 0 35px}label{display:block;color:#edecf3d9;font-size:13px;margin:21px 0 10px}input{width:100%;height:49px;padding:0 15px;font:inherit;font-size:14px;border-radius:10px;border:1px solid #e7e6ff2e;color:#fff;background:#0f142b33;outline:none;transition:border-color .2s,background .2s,box-shadow .2s}input::placeholder{color:#d6d7e071}input:focus{border-color:#ccb9f4b3;background:#18213d55;box-shadow:0 0 0 3px #b7a3e715}.password-wrap{position:relative}.password-wrap input{padding-right:50px}.password-wrap button{position:absolute;right:7px;top:7px;display:grid;place-items:center;width:35px;height:35px;border:0;background:none;color:#e2dfed8a;cursor:pointer}button{font-family:inherit}.submit{margin-top:8px;height:50px;width:100%;display:flex;align-items:center;justify-content:space-between;border:1px solid #ffffff38;border-radius:10px;background:linear-gradient(105deg,#7355ad,#57429a);color:#fff;padding:0 18px;font-size:14px;font-weight:550;box-shadow:0 8px 22px #110b2933;cursor:pointer;transition:transform .2s,box-shadow .2s,filter .2s}.submit:hover{transform:translateY(-2px);filter:brightness(1.15);box-shadow:0 12px 30px #16112655}.submit:disabled{opacity:.65;cursor:wait;transform:none}.submit span{font-size:20px}.login-foot{border-top:1px solid #ffffff19;margin-top:32px;padding-top:22px;color:#d8d8e67d;font-size:11px;letter-spacing:1px}.lock{margin-right:8px}#login-status{font-size:12px;line-height:1.7;color:#ffd3c8;min-height:24px;margin:14px 0 7px}footer{position:absolute;bottom:25px;left:clamp(28px,4vw,85px);font-size:9px;letter-spacing:3px;color:#ffffff72}@media(max-width:850px){.scene-caption{display:none}.login-scene{justify-content:center;background-position:37% center;padding:120px 24px 70px}.login-card{width:390px;max-width:100%;padding:34px 28px}header{top:27px;gap:16px}header img{width:145px}header span{font-size:17px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}

.login-background{position:absolute;inset:0;z-index:-2;pointer-events:none;display:block;overflow:hidden}.login-background img{display:block;width:100%;height:100%;object-fit:cover;object-position:center center}@media(max-width:850px){.login-background img{object-position:37% center}}