*{box-sizing:border-box}body,html{margin:0;min-height:100%;background:#f4f7fb;color:#172033;font-family:Arial,Microsoft YaHei,sans-serif}button,input{font:inherit}button{border:0}.login-shell{min-height:100vh;display:grid;place-items:center;padding:24px}.login-panel{width:min(420px,100%);padding:30px;background:#fff;border:1px solid #e3e8ef;border-radius:12px;box-shadow:0 18px 48px rgba(15,23,42,.11)}.login-panel-2fa{width:min(440px,100%);padding:36px}.login-title{margin:0 0 7px;font-size:26px;font-weight:700;letter-spacing:-.02em}.login-subtitle{margin:0 0 26px;color:#677386;font-size:15px;line-height:1.6}.step-icon{width:50px;height:50px;display:grid;place-items:center;margin-bottom:20px;color:#1677ff;background:#eaf3ff;border-radius:14px}.step-icon svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8}.step-title{font-size:24px}.step-subtitle{margin-bottom:28px}.form-error{margin:-8px 0 18px;padding:10px 12px;color:#9a4b10;background:#fff8eb;border:1px solid #f4d6ad;border-radius:7px;font-size:14px;line-height:1.5}.field-label{display:block;margin:0 0 8px;color:#273348;font-size:14px;font-weight:600}.input-wrap{height:48px;display:flex;align-items:center;margin-bottom:20px;background:#fff;border:1px solid #d7dde6;border-radius:8px;transition:border-color .15s ease,box-shadow .15s ease}.input-wrap:focus-within{border-color:#1677ff;box-shadow:0 0 0 3px rgba(22,119,255,.13)}.field-icon{width:46px;display:grid;flex:none;place-items:center;color:#687386}.field-icon svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8}.text-input{width:100%;min-width:0;height:100%;padding:0 14px 0 0;color:#172033;background:transparent;border:0;outline:none}.otp-input-wrap{height:56px;margin-bottom:24px}.otp-input{font-size:22px;letter-spacing:.32em}.otp-input::placeholder{color:#b5bdc9}.otp-auto-hint{margin:-10px 0 20px;color:#7a8596;font-size:13px;text-align:center}.primary-button,.secondary-button{width:100%;height:48px;border-radius:8px;cursor:pointer;font-weight:600;transition:background .15s ease,transform .05s ease}.primary-button{margin-top:4px;color:#fff;background:#1677ff}.primary-button:hover:not(:disabled){background:#095fd1}.secondary-button{margin-top:12px;color:#4d596b;background:#eef1f5}.secondary-button:hover:not(:disabled){background:#e1e6ed}.primary-button:active:not(:disabled),.secondary-button:active:not(:disabled){transform:translateY(1px)}.primary-button:disabled,.remembered-account:disabled,.secondary-button:disabled{cursor:wait;opacity:.65}.remembered-account-section{margin-bottom:8px}.remembered-account-title{margin:0 0 10px;color:#374151;font-size:14px}.remembered-account{width:100%;height:64px;display:flex;align-items:center;gap:12px;padding:8px 14px;color:inherit;background:#fff;border:1px solid #d7dde6;border-radius:8px;cursor:pointer;text-align:left;transition:border-color .15s ease,box-shadow .15s ease}.remembered-account:hover:not(:disabled){border-color:#1677ff;box-shadow:0 0 0 3px rgba(22,119,255,.08)}.remembered-account-avatar{width:38px;height:38px;display:grid;flex:none;place-items:center;color:#fff;background:#1677ff;border-radius:50%;font-weight:700}.remembered-account-name{min-width:0;flex:1 1;overflow:hidden;color:#111827;font-size:16px;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.remembered-account-arrow{flex:none;color:#9ca3af;font-size:28px;font-weight:300;line-height:1}.account-divider{display:flex;align-items:center;gap:12px;margin:22px 0;color:#8a94a4;font-size:13px}.account-divider:after,.account-divider:before{height:1px;flex:1 1;background:#edf0f4;content:""}.remembered-account-loading{height:64px;display:flex;align-items:center;gap:12px;margin-bottom:24px;padding:8px 14px;border:1px solid #e5e7eb;border-radius:8px}.skeleton-avatar,.skeleton-line{display:block;background:linear-gradient(90deg,#edf0f4 25%,#f7f8fa 37%,#edf0f4 63%);background-size:400% 100%;animation:skeleton-loading 1.4s ease infinite}.skeleton-avatar{width:38px;height:38px;flex:none;border-radius:50%}.skeleton-line{width:56%;height:15px;border-radius:5px}@keyframes skeleton-loading{0%{background-position:100% 50%}to{background-position:0 50%}}@media (max-width:520px){.login-shell{align-items:start;padding:16px}.login-panel,.login-panel-2fa{margin-top:7vh;padding:24px}}@media (prefers-reduced-motion:reduce){*,:after,:before{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}