.login-shell{isolation:isolate;color:#233b50;background:#263854;min-height:100svh;font-family:PingFang SC,Microsoft YaHei,sans-serif;position:relative;overflow:hidden}.login-shell *{box-sizing:border-box}.login-shell .login-veil{z-index:1;pointer-events:none;background:0 0;position:fixed;inset:0}.login-shell .ui{z-index:3;pointer-events:none;flex-direction:column;justify-content:center;align-items:flex-end;width:100%;min-height:100svh;padding:40px 6% 104px;display:flex;position:relative}.login-shell .auth-panel{flex:none;width:min(380px,100%);min-width:0}.login-shell .card{pointer-events:auto;color:#eee4cd;-webkit-backdrop-filter:blur(12px);background:linear-gradient(135deg,#55728b55,#243a5266);border:1px solid #e7bf7252;border-radius:24px;flex-shrink:0;width:100%;padding:24px 28px;box-shadow:0 24px 85px #07122133}.login-shell .logo{margin-bottom:14px}.login-shell .logo h1{letter-spacing:0;font-size:22px;font-weight:600;line-height:1.3}.login-shell .logo h1 span{color:#e5bf76}.login-shell .logo p{color:#d0dce7;margin-top:6px;font-size:11px;line-height:1.4}.login-shell .tabs{border-bottom:1px solid #d2b37526;margin-bottom:14px;display:flex}.login-shell .tab{text-align:center;color:#c5d1dc;border-bottom:2px solid #0000;flex:1;padding:8px 0;font-size:13px;transition:color .2s,border-color .2s;display:block}.login-shell .tab.on{color:#e7c984;border-bottom-color:#d3af65;font-weight:600}.login-shell .field{margin-bottom:12px}.login-shell .field label{color:#e0e6eb;margin-bottom:6px;font-size:11px;display:block}.login-shell .field input{color:#eee5d1;background:#142a4055;border:1px solid #b99a5c38;border-radius:10px;outline:none;width:100%;padding:9px 12px;font-size:13px;transition:border-color .2s,box-shadow .2s}.login-shell .field input::placeholder{color:#b0c1d0}.login-shell .field input:focus{background:#29445d80;border-color:#dab8719c;box-shadow:0 0 0 3px #d8b77612}.login-shell .btn{color:#291c0b;letter-spacing:2px;background:linear-gradient(120deg,#d9b978,#f0d99c);border:0;border-radius:10px;width:100%;margin-top:4px;padding:10px;font-size:14px;font-weight:600;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 14px #d4b16a1a}.login-shell .btn:hover{transform:translateY(-1px);box-shadow:0 7px 19px #d4b16a30}.login-shell .btn:disabled{opacity:.65;transform:none}.login-shell .divider{align-items:center;gap:10px;margin:22px 0 13px;display:none}.login-shell .divider:before,.login-shell .divider:after{content:"";background:#dce8ed;flex:1;height:1px}.login-shell .divider span{color:#a1adb6;font-size:11px}.login-shell .browse-guest{text-align:center;color:#eee0bd;padding:6px 0;font-size:11px;display:block}.login-shell .foot{text-align:center;color:#c2ceda;margin-top:8px;font-size:9px;line-height:1.7}.login-shell .form-error{color:#ffc7b3;background:#672d2438;border-radius:7px;margin:12px 0;padding:10px 12px;font-size:12px;line-height:1.7}.login-shell .form-message{color:#46876e;margin:12px 0;font-size:12px}@media (min-width:801px){.login-shell .ui{padding:0;display:block}.login-shell .auth-panel{width:min(380px,88%);position:absolute;top:clamp(32px,14.5svh,145px);right:6%}}@media (min-width:801px) and (max-height:580px){.login-shell .auth-panel{margin:32px 6% 32px auto;position:relative;top:auto;right:auto}}@media (max-width:800px){.login-shell .ui{justify-content:center;align-items:center;padding:28px 24px 76px}.login-shell .card{padding:22px 25px}}@media (prefers-reduced-motion:reduce){.login-shell *{transition:none!important}}.login-shell .field input:-webkit-autofill{-webkit-text-fill-color:#fff;caret-color:#fff;box-shadow:inset 0 0 0 1000px #304b69}.login-shell .field input:-webkit-autofill:hover{-webkit-text-fill-color:#fff;caret-color:#fff;box-shadow:inset 0 0 0 1000px #304b69}.login-shell .field input:-webkit-autofill:focus{-webkit-text-fill-color:#fff;caret-color:#fff;box-shadow:inset 0 0 0 1000px #304b69}.login-shell .field input:-webkit-autofill:focus{border-color:#dab8719c;box-shadow:inset 0 0 0 1000px #304b69,0 0 0 3px #d8b77624}