*{box-sizing:border-box}html,body,#login-app{width:100%;min-width:0;min-height:100%;margin:0}body{font-family:Inter,PingFang SC,Microsoft YaHei,Arial,sans-serif}button,input{appearance:none;font:inherit}.login-page{background:radial-gradient(circle at 12% 18%,#00e0ff3d,#0000 30%),radial-gradient(circle at 78% 8%,#7c3aed42,#0000 28%),radial-gradient(circle at 70% 82%,#10b9812e,#0000 34%),linear-gradient(135deg,#050816 0%,#0a1024 46%,#061b2d 100%);justify-content:center;align-items:center;min-height:100vh;padding:32px 18px;display:flex;position:relative;overflow:hidden}.login-page:before{content:"";pointer-events:none;background-image:linear-gradient(#7dd3fc14 1px,#0000 1px),linear-gradient(90deg,#7dd3fc14 1px,#0000 1px);background-size:42px 42px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(135deg,#000000f2,#0000 78%);mask-image:linear-gradient(135deg,#000000f2,#0000 78%)}.login-ambient{pointer-events:none;filter:blur(18px);opacity:.64;border-radius:999px;width:420px;height:420px;animation:10s ease-in-out infinite alternate login-orbit;position:fixed}.login-ambient-a{background:radial-gradient(circle,#22d3ee6b,#0000 62%),radial-gradient(circle at 72% 30%,#1677ff61,#0000 55%);top:calc(50% - 300px);left:calc(50% - 520px)}.login-ambient-b{background:radial-gradient(circle,#10b98147,#0000 58%),radial-gradient(circle at 34% 72%,#7c3aed5c,#0000 60%);animation-delay:-4s;bottom:calc(50% - 360px);right:calc(50% - 560px)}.login-scanline{pointer-events:none;mix-blend-mode:screen;opacity:.42;background:linear-gradient(#0000 0,#ffffff09 50%,#0000 100%),repeating-linear-gradient(#ffffff06 0 1px,#0000 1px 5px);position:fixed;inset:0}.login-shell{-webkit-backdrop-filter:blur(28px)saturate(1.3);backdrop-filter:blur(28px)saturate(1.3);background:linear-gradient(135deg,#fffffff0,#f1f5f9e0),radial-gradient(circle at 20% 0,#22d3ee2e,#0000 36%);border:1px solid #94a3b82e;border-radius:16px;width:min(420px,100%);min-height:0;animation:.48s cubic-bezier(.16,1,.3,1) both login-card-in;display:block;position:relative;overflow:hidden;box-shadow:0 28px 90px #02061773,inset 0 0 0 1px #ffffff29,0 0 42px #1677ff29}.login-shell:before{content:"";border-radius:inherit;-webkit-mask-composite:xor;pointer-events:none;background:linear-gradient(135deg,#22d3eee6,#1677ff2e 42%,#7c3aed94);padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.login-shell:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#ffffff73,#0000);width:55%;height:220px;animation:5.8s ease-in-out infinite login-shine;position:absolute;top:-80px;left:-30%;transform:rotate(22deg)}.login-brand{color:#0f172a;letter-spacing:-.01em;align-items:center;gap:12px;margin-bottom:28px;font-size:14px;font-weight:800;display:flex}.login-mark{color:#fff;background:linear-gradient(135deg,#22d3ee,#6366f1);border-radius:8px;place-items:center;width:36px;height:36px;font-size:15px;font-weight:950;animation:2.8s ease-in-out infinite login-mark-pulse;display:grid;box-shadow:0 0 28px #22d3ee6b,0 0 0 5px #22d3ee14,inset 0 -2px #0f172a38}.login-card{background:0 0;flex-direction:column;justify-content:center;width:100%;min-width:0;padding:38px;display:flex}.login-field{flex-direction:column;margin-bottom:12px;display:flex}.login-options{color:#64748b;justify-content:space-between;align-items:center;gap:12px;margin-top:2px;font-size:12px;display:flex}.login-actions{gap:8px;margin-top:16px;display:flex}.login-submit{position:relative;overflow:hidden}.login-submit:before{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#ffffff5c,#0000);transition:transform .62s;position:absolute;inset:0;transform:translate(-110%)skew(-18deg)}.login-submit:hover:before{transform:translate(110%)skew(-18deg)}.login-error{color:#ef4444;min-height:20px;margin:12px 0 0;font-size:12px;font-weight:700}@media (width<=820px){.login-page{align-items:center;padding:16px;overflow:auto}.login-shell{width:min(420px,100%)}.login-card{padding:28px 22px}}@media (width<=520px){.login-card{padding:24px 18px}.login-options{flex-direction:column;align-items:flex-start}.login-actions{flex-direction:column}}@keyframes login-card-in{0%{opacity:0;transform:translateY(18px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes login-orbit{0%{transform:translate(-18px,10px)scale(.96)}to{transform:translate(20px,-12px)scale(1.04)}}@keyframes login-shine{0%,52%{opacity:0;transform:translate(-30%)rotate(22deg)}64%{opacity:.72}to{opacity:0;transform:translate(260%)rotate(22deg)}}@keyframes login-mark-pulse{0%,to{box-shadow:0 0 24px #22d3ee52,0 0 0 5px #22d3ee14,inset 0 -2px #0f172a38}50%{box-shadow:0 0 34px #22d3ee85,0 0 0 8px #6366f11a,inset 0 -2px #0f172a38}}@media (prefers-reduced-motion:reduce){.login-ambient,.login-shell,.login-shell:after,.login-mark{animation:none}}