:root{color-scheme:light;font-family:"PingFang SC","Microsoft YaHei",system-ui,sans-serif;color:#202124;background:#fff}
*{box-sizing:border-box}body.commerce-login{margin:0;background:#fff;font-size:14px;line-height:1.5}a{text-decoration:none;color:inherit}button,input{font:inherit}button{cursor:pointer}button,a,input{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #ff8126;outline-offset:3px}
.login-shell{width:calc(100% - 58px);max-width:430px;min-height:100vh;min-height:100dvh;margin:auto;padding:90px 0 24px;display:flex;flex-direction:column;align-items:stretch}
.login-brand{display:flex;align-items:center;justify-content:center;gap:8px;align-self:center}.login-brand img{width:39px;height:32px;object-fit:contain}.login-brand strong{font-size:23px;letter-spacing:-.5px;line-height:1.4}
.login-welcome{text-align:center;margin-top:46px}.login-welcome h1{margin:0;font-size:28px;font-weight:750;line-height:1.5}.login-welcome p{margin:5px 0 0;color:#999;font-size:14px}
.login-method{font-size:17px;line-height:1.6;margin:28px 0 25px;font-weight:700;text-align:center}.login-method:after{content:"";display:block;width:23px;height:3px;border-radius:3px;background:#ff6620;margin:7px auto 0}
.login-fields{display:flex;flex-direction:column;gap:12px}.login-field{display:flex;align-items:center;background:#f7f8fa;border-radius:10px;min-height:46px;margin:0;padding:0 14px;gap:7px}.login-field input{border:0;background:none;outline:none;width:100%;min-width:0;height:46px;font-size:16px;color:#282a31;padding:0;box-shadow:none}.login-field input::placeholder{color:#b8bbc1}.login-field:focus-within{box-shadow:0 0 0 1px #ffb279}.login-password{padding-right:8px}.login-eye{flex-shrink:0;border:0;background:none;color:#b8bbc1;width:30px;height:38px;padding:0;font-size:17px}.login-forgot{flex-shrink:0;font-size:12px;color:#ff7628;background:#fff0e7;border:1px solid #f9e3d5;border-radius:20px;padding:5px 12px;white-space:nowrap}
.login-submit{display:block;border:0;width:100%;height:50px;margin-top:20px;border-radius:28px;background:linear-gradient(100deg,#ff9900,#ff5300);color:white;font-size:20px;font-weight:650}.login-submit:hover{filter:brightness(.98)}.login-submit:active{transform:translateY(1px)}
.login-register{text-align:center;color:#a0a0a0;font-size:14px;margin:19px 0 0}.login-register a{color:#ff6d1a;font-weight:600}.login-social{margin-top:34px}.login-social h2{display:flex;align-items:center;gap:18px;margin:0;color:#aaa;font-size:13px;font-weight:400;white-space:nowrap}.login-social h2:before,.login-social h2:after{content:"";height:1px;flex:1;background:#f2f2f2}.login-social>div{display:flex;justify-content:center;gap:22px;margin-top:20px}.login-social-button{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border:0;background:#f8f9fa;border-radius:50%;padding:11px}.login-social-button img{width:100%;height:100%;object-fit:contain}.login-footer{display:flex;justify-content:center;gap:28px;color:#999;font-size:12px;margin-top:auto;padding-top:48px}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}#captcha{margin:15px auto 0;text-align:center;color:#999;font-size:12px}
.login-code{margin-top:12px;padding-right:0;overflow:hidden}.login-code-refresh{padding:0;border:0;background:none;flex-shrink:0;height:46px}.login-code-refresh img{display:block;width:112px;height:43px;object-fit:contain}.login-recovery{text-align:center}.login-recovery>p{color:#999;font-size:13px}.login-recovery #qrimg{min-height:180px;display:flex;align-items:center;justify-content:center}.login-recovery #qrimg img{max-width:180px;height:auto}.login-qr-refresh{border:0;border-radius:20px;background:#fff0e7;color:#ff7628;padding:8px 18px;font-size:13px;margin-top:12px}.login-recovery .login-recovery-note{font-size:12px;line-height:1.8;padding:12px;border-radius:10px;background:#f7f8fa;margin-top:24px}
@media(min-width:701px){.login-shell{padding-top:80px;max-width:380px}.login-welcome{margin-top:42px}.login-footer{padding-top:65px}}
@media(max-width:350px){.login-shell{width:calc(100% - 40px);padding-top:64px}.login-brand strong{font-size:21px}.login-welcome{margin-top:35px}.login-field{padding-left:10px}.login-forgot{padding:5px 8px}.login-eye{width:25px}.login-field input{font-size:14px}}

/* QQ choice uses the same two actions in every storefront theme. */
.login-account-choice{margin-top:34px}
.login-account-choice form{margin:0}
.login-choice-button{display:flex;align-items:center;justify-content:center;width:100%;min-height:50px;margin:14px 0;padding:12px 18px;border:0;border-radius:28px;background:linear-gradient(100deg,#ff9900,#ff5300);color:#fff;font-size:17px;font-weight:650;line-height:1.5;text-align:center}
.login-choice-secondary{background:#fff4eb;color:#ef681b;border:1px solid #ffe0c9}
.login-choice-button:disabled{opacity:.65;cursor:wait}
.login-choice-status{margin:12px 0 0;text-align:center;color:#a0a0a0;font-size:13px;line-height:1.7;min-height:20px}