.account-page{max-width:1080px;margin:0 auto;padding:64px 24px 80px}.auth-layout{display:grid;grid-template-columns:1fr 420px;gap:96px;align-items:center;min-height:530px}.auth-intro{max-width:450px}.auth-intro h1{font-size:40px;line-height:1.45;letter-spacing:-1px;margin:0 0 20px}.auth-intro h1 em{font-style:normal;color:var(--orange,var(--accent))}.auth-intro>p{font-size:16px;line-height:1.9;color:#727985}.auth-benefits{display:grid;gap:22px;margin-top:38px}.auth-benefit{display:flex;gap:15px;align-items:center}.auth-benefit .icon{width:22px;height:22px;color:var(--accent)}.auth-benefit strong{display:block;font-size:15px;margin-bottom:3px}.auth-benefit small{color:#777e88;font-size:13px}.auth-panel{padding:30px;background:#fff;border:1px solid #e2e5ea;border-radius:18px;box-shadow:0 12px 36px #222a3505}.auth-panel h2{font-size:25px;margin:0 0 7px}.auth-lead{font-size:13px;color:#777e88;margin:0 0 24px}.auth-lead a,.account-page a:not(.button){color:var(--accent)}.auth-tabs{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid #e8e9ed;margin-bottom:24px}.auth-tabs button{border:0;background:none;padding:12px;color:#737984;position:relative}.auth-tabs button[aria-selected=true]{color:var(--accent);font-weight:600}.auth-tabs button[aria-selected=true]:after{content:'';position:absolute;bottom:-1px;left:22%;right:22%;height:2px;background:var(--accent)}.account-form{display:grid;gap:17px}.account-form label{display:block;font-size:13px;color:#3e4651}.account-form input:not([type=checkbox]){display:block;width:100%;height:44px;border:1px solid #dce0e6;border-radius:8px;padding:0 12px;margin-top:7px;font:inherit;font-size:14px;background:white;color:#242933;box-sizing:border-box}.account-form input:focus{outline:2px solid #ff5b2420;border-color:#ff6a38}.field-with-action{position:relative}.field-with-action input{padding-right:48px!important}.field-with-action button{position:absolute;right:8px;top:5px;height:34px;width:34px;border:0;background:none;color:#777}.code-row{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:end}.code-row button{height:44px;border:1px solid #e0e4ea;background:#fafbfc;border-radius:8px;padding:0 12px;white-space:nowrap;font-size:13px;color:#444}.form-options{display:flex;justify-content:space-between;align-items:center;font-size:12px}.form-options label,.agreement-check{display:flex!important;gap:7px;align-items:flex-start;line-height:1.7!important;font-size:12px!important;color:#777!important}.account-form input[type=checkbox]{accent-color:var(--accent);margin-top:4px}.account-form .primary{width:100%;justify-content:center;font-size:15px;height:44px;border-radius:9px}.third-options{border-top:1px solid #edf0f3;margin-top:22px;padding-top:18px;display:flex;justify-content:center;gap:22px;font-size:13px}.third-options button{background:none;border:0;color:#666;display:flex;align-items:center;gap:7px}.third-options .icon{width:18px;height:18px}.form-message{font-size:12px;color:#c34320;line-height:1.6;margin:0}.form-message:empty{display:none}.scan-panel{text-align:center;padding:6px 0 16px}.scan-placeholder{width:168px;height:168px;background:#f7f8fa;border:1px dashed #d4d9e2;border-radius:12px;margin:0 auto 15px;display:grid;place-content:center;gap:12px;color:#888;font-size:12px}.scan-placeholder .icon{width:38px;height:38px;margin:auto;color:var(--accent)}.scan-panel strong{font-size:14px}.scan-panel p{font-size:12px;color:#777}.preview-note{font-size:11px;color:#9298a1;text-align:center;margin:18px 0 0}.security-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:28px}.security-heading h1{font-size:32px;margin:0 0 10px}.security-heading p{margin:0;color:#7b828d;font-size:14px}.identity-strip{display:flex;gap:14px;align-items:center;padding:20px 24px;border:1px solid #f4ded4;background:#fff5ef;border-radius:12px;margin-bottom:24px}.identity-avatar{width:42px;height:42px;display:grid;place-items:center;color:var(--accent);background:white;border-radius:50%}.identity-avatar .icon{width:25px;height:25px}.identity-strip strong{font-size:16px}.identity-strip p{font-size:12px;color:#81838b;margin:4px 0 0}.identity-strip>small{margin-left:auto;color:#898e98;font-size:12px}.security-section{background:white;border:1px solid #e1e5eb;border-radius:14px;margin:0 0 22px;overflow:hidden}.security-section h2{font-size:16px;margin:0;padding:20px 24px;border-bottom:1px solid #edf0f3}.security-row{display:grid;grid-template-columns:32px 145px 1fr 66px;gap:12px;align-items:center;padding:21px 24px;margin:0}.security-row+.security-row{border-top:1px solid #edf0f3}.security-row>.icon{width:20px;height:20px;color:#7d8590}.security-row h3{font-size:14px;margin:0;font-weight:500}.security-value{font-size:14px;color:#404752}.security-value small{display:block;font-size:12px;color:#9298a2;margin-top:5px}.security-row button{border:1px solid #e1e5eb;border-radius:7px;background:white;height:32px;font-size:12px;color:#525966}.security-row button:hover{border-color:#ffbba5;color:var(--accent);background:#fff7f2}.account-dialog{border:1px solid #e3e6ec;border-radius:16px;padding:28px;width:min(420px,calc(100vw - 32px));box-sizing:border-box;max-height:90dvh;overflow:auto}.account-dialog::backdrop{background:#18222e55}.account-dialog h2{font-size:22px;margin:0 0 10px}.account-dialog>p{font-size:13px;color:#858b94;line-height:1.7;margin:0 0 24px}.dialog-heading{display:flex;align-items:center;justify-content:space-between}.dialog-heading button{border:0;background:none;padding:0 0 10px;color:#777}.dialog-heading .icon{width:20px;height:20px}.security-bottom{display:flex;justify-content:space-between;font-size:13px;color:#858b94}.security-bottom button{background:none;border:0;color:var(--accent)}.account-page [hidden]{display:none!important}.account-page button{cursor:pointer}.account-page button:disabled{opacity:.5;cursor:default}.account-page :focus-visible{outline:2px solid #ff8b66;outline-offset:3px}@media(max-width:767px){.account-page{padding:30px 18px 50px}.auth-layout{display:block;min-height:0}.auth-intro{display:none}.auth-panel{max-width:420px;margin:auto;padding:24px}.security-heading h1{font-size:27px}.identity-strip{padding:17px}.identity-strip>small{display:none}.security-section h2{padding:18px}.security-row{grid-template-columns:24px 1fr 60px;gap:10px;padding:18px}.security-row h3{grid-column:2}.security-value{grid-column:2;grid-row:auto;font-size:13px}.security-row button{grid-column:3;grid-row:1 / span 2}.security-row>.icon{grid-row:1 / span 2}.security-bottom{gap:16px;line-height:1.6}.security-row{position:relative}.security-row button{grid-row:auto;position:absolute;right:18px;top:28px;width:60px}.security-value{padding-right:65px}.security-heading a{font-size:12px}.auth-panel h2{font-size:24px}}@media(prefers-reduced-motion:no-preference){.auth-panel,.security-section{animation:account-in .25s ease-out}@keyframes account-in{from{opacity:.5;transform:translateY(5px)}to{opacity:1;transform:none}}}
.field-with-action button{padding:0;width:38px;font-size:12px;white-space:nowrap}.account-page .primary{background:linear-gradient(110deg,#ff8500,var(--accent));color:white;border:0}.auth-intro h1 em,.auth-benefit .icon,.account-page a:not(.button),.auth-tabs button[aria-selected=true]{color:var(--accent)}.auth-tabs button[aria-selected=true]:after{background:var(--accent)}
.account-page .primary{background:linear-gradient(-42.30deg,#ff2a00 -.275%,#ff8400 90.892%)}.auth-tabs button{transition:color .18s}.security-heading{align-items:center}.field-with-action input{padding-right:50px!important}@media(max-width:767px){.security-row{padding:17px 18px}.security-value small{line-height:1.6}.security-row>.icon{align-self:start;margin-top:7px}}

.wechat-icon{width:22px;height:22px;display:inline-block;flex:none}.auth-tabs [data-mode="wechat"]{display:flex;align-items:center;justify-content:center;gap:7px}.auth-tabs .wechat-icon{width:19px;height:19px}.third-options [data-mode="wechat"]{color:#168849;gap:8px}.scan-placeholder .wechat-icon{width:44px;height:44px;margin:auto}

.security-bottom{justify-content:flex-end}

.auth-ad{display:block;width:100%;aspect-ratio:1;border-radius:16px;overflow:hidden}.auth-ad img{display:block;width:100%;height:100%;object-fit:contain}@media(max-width:767px){.auth-ad{display:none}}

/* Desktop ad space paired with the account form. */
.auth-layout{grid-template-columns:minmax(0,720px) minmax(0,420px);gap:48px;align-items:start;justify-content:center}
.auth-ad{aspect-ratio:72/47;max-width:720px}
.auth-ad img{object-fit:cover}
.auth-layout{min-height:470px}
.auth-ad-placeholder{display:grid;place-items:center;background:#fff7f2;border:1px dashed #efb69f;box-sizing:border-box;color:#996852}
.auth-ad-placeholder>div{display:grid;gap:12px;text-align:center}
.auth-ad-placeholder strong{font-size:22px;font-weight:500}
.auth-ad-placeholder span{font-size:15px;color:#aa8170;font-variant-numeric:tabular-nums}
@media(min-width:768px) and (max-width:980px){.auth-layout{gap:32px;grid-template-columns:minmax(0,1fr) minmax(0,380px)}}
@media(max-width:767px){.auth-ad-placeholder{display:none}}

.account-page:has(.auth-layout){max-width:1240px}

/* Full-width artwork for the login and registration area. */
.auth-stage{background:linear-gradient(rgb(255 255 255 / 60%),rgb(255 255 255 / 60%)),#f7faff url("./auth-background-blue-v2.webp") center center / cover no-repeat}

/* White footer canvas for the login and registration previews, including the space below it. */
body:has(.auth-entry-stage){background:#fff}
body:has(.auth-entry-stage) .site-footer{background:#fff;border-top-color:#e6ebf0;--muted:#737b87}
body:has(.auth-entry-stage) .site-footer :is(p,nav a,.footer-support,.partners){color:#737b87}
body:has(.auth-entry-stage) .site-footer :is(a,button):hover{color:var(--accent)}

.account-form input[type=hidden]{display:none!important}
.account-page .recover-link{color:#737b87!important}
.code-row .captcha-button{padding:0;overflow:hidden;background:#fff}
.captcha-button img{height:40px;width:110px;object-fit:contain}
.auth-qr{position:relative;background:white;border-style:solid;box-sizing:border-box;overflow:hidden;place-content:normal;place-items:center}
.auth-qr>img{display:block;width:100%;height:100%;min-width:0;min-height:0;object-fit:contain}
.auth-qr>span{padding:12px;line-height:1.7}
.qr-refresh{border:0;background:none;color:var(--accent);font-size:13px}
.account-form[aria-busy=true]{cursor:progress}

button.auth-qr{padding:8px;font:inherit;color:#737b87;cursor:pointer}
button.auth-qr:focus-visible{outline:2px solid var(--accent);outline-offset:4px}