:root{color-scheme:light;--primary:#1677ff;--ink:#111827;--muted:#6b7280;--line:#dfe3e8;--surface:#fff;--soft:#f4f6f8;font-family:"Segoe UI","Microsoft YaHei UI","PingFang SC",sans-serif;font-synthesis:none}
*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{color:var(--ink);background:var(--soft)}button,input{font:inherit}
.login-shell{display:grid;min-height:100dvh;grid-template-columns:minmax(380px,46%) minmax(420px,54%)}
.login-brand{position:relative;display:flex;overflow:hidden;flex-direction:column;padding:46px 56px;color:#fff;background:#101826}
.login-brand::before{content:"";position:absolute;inset:-10%;background:radial-gradient(circle at 18% 18%,rgb(22 119 255 / 48%),transparent 32%),radial-gradient(circle at 78% 68%,rgb(139 92 246 / 30%),transparent 34%),linear-gradient(145deg,transparent 35%,rgb(255 255 255 / 5%) 35.2%,transparent 35.5%);pointer-events:none}
.brand-lockup,.brand-copy,.brand-status{position:relative;z-index:1}.brand-lockup{display:flex;align-items:center;gap:13px}.brand-lockup>span:last-child{display:flex;flex-direction:column;gap:2px}.brand-lockup strong{font-size:18px;letter-spacing:.02em}.brand-lockup small{color:rgb(255 255 255 / 52%);font-size:9px;letter-spacing:.18em}.brand-mark,.mobile-mark{position:relative;display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#1677ff;box-shadow:0 8px 26px rgb(22 119 255 / 28%)}.brand-mark i,.mobile-mark i{width:17px;height:17px;border:2px solid #fff;border-radius:4px;transform:rotate(45deg)}.brand-mark i::after,.mobile-mark i::after{content:"";position:absolute;inset:4px;border:2px solid #fff;border-radius:2px}
.brand-copy{max-width:540px;margin:auto 0}.brand-eyebrow{display:inline-flex;align-items:center;height:28px;padding:0 11px;border:1px solid rgb(255 255 255 / 16%);border-radius:999px;color:#b9d7ff;background:rgb(255 255 255 / 6%);font-size:12px}.brand-copy h1{margin:26px 0 20px;font-size:clamp(38px,4vw,62px);line-height:1.12;letter-spacing:-.04em}.brand-copy p{max-width:480px;margin:0;color:rgb(255 255 255 / 64%);font-size:15px;line-height:1.85}.brand-status{display:flex;align-items:center;gap:8px;color:rgb(255 255 255 / 50%);font-size:12px}.brand-status span{width:7px;height:7px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 4px rgb(34 197 94 / 12%)}
.login-panel{display:flex;align-items:center;justify-content:center;flex-direction:column;padding:40px;background:#f7f8fa}.login-card{width:min(420px,100%);padding:38px;border:1px solid #e4e7eb;border-radius:18px;background:#fff;box-shadow:0 20px 60px rgb(16 24 40 / 8%)}.login-card header{margin-bottom:30px}.login-card header p{margin:0 0 7px;color:#1677ff;font-size:13px;font-weight:650}.login-card h2{margin:0;color:#111827;font-size:28px;letter-spacing:-.02em}.login-card header small{display:block;margin-top:9px;color:#6b7280;font-size:13px;line-height:1.6}.mobile-mark{display:none}
.login-card>label{display:flex;flex-direction:column;gap:8px;margin-top:18px;color:#374151;font-size:13px;font-weight:600}.login-card input{width:100%;height:44px;padding:0 13px;border:1px solid #d9dee5;border-radius:9px;outline:0;color:#111827;background:#fff;font-size:14px}.login-card input::placeholder{color:#a1a8b3}.login-card input:focus{border-color:#1677ff;box-shadow:0 0 0 3px rgb(22 119 255 / 12%)}.password-field{position:relative}.password-field input{padding-right:58px}.password-field button{position:absolute;top:6px;right:7px;height:32px;padding:0 8px;border:0;border-radius:6px;color:#667085;background:transparent;font-size:12px;cursor:pointer}.password-field button:hover{background:#f2f4f7}
.login-error{margin:16px 0 0;padding:10px 12px;border:1px solid #fecaca;border-radius:8px;color:#b91c1c;background:#fef2f2;font-size:12px;line-height:1.5}.login-submit{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:44px;margin-top:24px;border:0;border-radius:9px;color:#fff;background:#1677ff;font-size:14px;font-weight:650;cursor:pointer;box-shadow:0 8px 22px rgb(22 119 255 / 22%)}.login-submit:hover{background:#0958d9}.login-submit:focus-visible{outline:3px solid rgb(22 119 255 / 22%);outline-offset:2px}.login-submit:disabled{cursor:wait;opacity:.72}.login-submit.is-loading i{width:15px;height:15px;margin-left:9px;border:2px solid rgb(255 255 255 / 40%);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite}.login-note{margin:18px 0 0;color:#8a93a0;font-size:12px;line-height:1.55;text-align:center}.login-panel>footer{margin-top:26px;color:#98a0ab;font-size:11px}@keyframes spin{to{transform:rotate(360deg)}}
@media(max-width:820px){.login-shell{display:block}.login-brand{display:none}.login-panel{min-height:100dvh;padding:24px}.login-card{padding:30px 24px}.mobile-mark{display:grid;width:40px;height:40px;margin-bottom:24px}.login-card h2{font-size:24px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.login-submit.is-loading i{animation-duration:1.5s}}