/* Login animation fills its panel with a narrow, even inset. */
.home-app #authModal .take-auth-art.take-auth-approved{margin:6px;align-self:stretch;min-height:0;border-radius:18px;background:#080e20;position:relative;overflow:hidden;}
.home-app #authModal .take-auth-approved video{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;}
.home-app #authModal .take-auth-content{padding-top:34px;padding-bottom:34px;}
.home-app #authModal .auth-form{margin-top:12px;}
.home-app #authModal .auth-promo-hint{font-size:11px;line-height:1.6;margin-top:12px;}
.home-app #authModal .auth-third-line{cursor:default;}
@media(min-width:801px){.home-app #authModal .take-auth{grid-template-columns:1.25fr 1fr;}}
@media(max-width:800px){.home-app #authModal .take-auth-art.take-auth-approved{display:none!important;}.home-app #authModal .take-auth-content{padding:26px 20px calc(26px + env(safe-area-inset-bottom));}}

.home-app #authModal .take-auth-approved::after{content:"";position:absolute;inset:50% 0 0;pointer-events:none;background:linear-gradient(180deg,transparent,rgba(3,5,15,.25) 45%,rgba(3,5,15,.88));}
.home-app #authModal .auth-animation-caption{position:absolute;z-index:1;left:28px;right:24px;bottom:28px;pointer-events:none;color:#fff;text-shadow:0 1px 4px #0006;}
.home-app #authModal .auth-animation-caption h2{margin:0 0 8px;font-size:18px;line-height:1.35;font-weight:650;letter-spacing:.1px;color:#fff;}
.home-app #authModal .auth-animation-caption p{margin:0;font-size:11px;line-height:1.65;font-weight:400;color:rgba(255,255,255,.8);}

/* WeChat is the first screen; SMS reuses the same compact form. */
.home-app #authModal .take-auth{background:#161616!important;border-color:#303030!important;color:#fff;}
.home-app #authModal .take-auth-content{display:flex;flex-direction:column;position:relative;padding:90px 48px 30px;min-height:600px;}
.home-app #authModal .auth-promo-banner{display:none;}
.home-app #authModal .take-auth-brand{color:#fff;flex:none;}
.home-app #authModal .modal-head{margin:16px 0 0;}
.home-app #authModal #authTitle{color:#fff;font-size:24px;font-weight:650;}
.home-app #authModal .auth-form{display:flex;flex-direction:column;flex:1;margin-top:38px;}
.home-app #authModal .auth-phone-field,.home-app #authModal .sms-row{background:#161616;border:1px solid #343434;border-radius:10px;}
.home-app #authModal input,.home-app #authModal .auth-country-code,.home-app #authModal .btn-sms{color:#fff;background:transparent;}
.home-app #authModal input::placeholder{color:#777;}
.home-app #authModal .btn-primary-auth{background:#fff;color:#111;border:0;box-shadow:none;border-radius:10px;}
.home-app #authModal .auth-wechat{text-align:center;}
.home-app #authModal .auth-qr-frame{width:180px;height:180px;padding:0;box-sizing:border-box;border-radius:9px;background:#fff;margin:0 auto;display:flex;align-items:center;justify-content:center;position:relative;}
.home-app #authModal .auth-qr-frame img{width:180px;height:180px;object-fit:contain;}
.home-app #authModal #authWechatStatus{font-size:12px;line-height:1.6;color:#555;padding:8px;position:absolute;inset:0;display:flex;align-items:center;justify-content:center;}
.home-app #authModal #authWechatStatus[hidden],.home-app #authModal #authWechatQR[hidden],.home-app #authModal #btnWechatRefresh[hidden]{display:none;}
.home-app #authModal .auth-qr-refresh{border:0;background:transparent;color:#fff;margin:12px auto 0;cursor:pointer;font-size:12px;}
.home-app #authModal .auth-wechat-tip{color:#aaa;font-size:11px;margin:14px 0 0;line-height:1.6;}
.home-app #authModal .auth-consent{font-size:10px;color:#777;margin:16px 0 0;text-align:center;}
.home-app #authModal .auth-consent a{color:#aaa;}
.home-app #authModal .auth-promo-hint{color:#999;font-size:10px;}
.home-app #authModal .auth-third{margin-top:auto;padding-top:80px;}
.home-app #authModal .auth-third-line{display:none;}
.home-app #authModal .auth-oauth{display:flex;gap:0;justify-content:center;width:100%;}
.home-app #authModal .btn-oauth{flex:1;min-width:0;background:transparent!important;border:0!important;border-radius:0;box-shadow:none!important;color:#aaa;display:flex;flex-direction:column;gap:8px;padding:0 8px;font-size:11px;}
.home-app #authModal .btn-oauth+.btn-oauth{border-left:1px solid #303030!important;}
.home-app #authModal .oauth-ico{height:20px;width:20px;color:#fff;}
.home-app #authModal .oauth-split{display:none!important;}
.home-app #authModal #btnDouyinLogin{border-left:1px solid #303030!important;}
.home-app #authModal .modal-close{color:#aaa;background:#252525!important;}
@media(min-width:801px){.home-app #authModal .take-auth{width:min(1120px,94vw);max-height:94vh;grid-template-columns:1.5fr 1fr;}.home-app #authModal .take-auth-content{min-height:min(680px,90vh);}}
@media(max-width:800px){.home-app #authModal .take-auth-content{padding:62px 28px 28px;min-height:min(620px,88vh);}.home-app #authModal .auth-third{padding-top:60px;}}
@media(max-height:700px){.home-app #authModal .take-auth-content{padding-top:40px;min-height:0;}.home-app #authModal .auth-form{margin-top:24px;}.home-app #authModal .auth-third{padding-top:34px;}}
.home-app #authModal .take-auth{width:min(1120px,94vw)!important;height:min(760px,92vh)!important;max-width:1120px!important;grid-template-rows:minmax(0,1fr);}
.home-app #authModal .take-auth-content{min-height:0!important;height:100%;box-sizing:border-box;}
.home-app #authModal .take-auth-art.take-auth-approved{min-height:0!important;height:auto!important;}
@media(max-width:800px){.home-app #authModal .take-auth{width:min(420px,94vw)!important;height:min(650px,92vh)!important;grid-template-columns:1fr!important;}}
.home-app #authModal{align-items:center!important;justify-content:center!important;padding:12px!important;box-sizing:border-box;}
.home-app #authModal .take-auth-brand{display:block!important;text-align:center;margin:0!important;}
/* Keep the original SMS form styling independent from the WeChat screen. */
.home-app #authModal[data-login-mode="sms"] .take-auth{background:#101119!important;}
.home-app #authModal[data-login-mode="sms"] .take-auth-content{padding-top:100px;}
.home-app #authModal[data-login-mode="sms"] .auth-promo-banner{display:flex;}
.home-app #authModal[data-login-mode="sms"] #authPhonePanel{display:flex;flex-direction:column;gap:12px;}
.home-app #authModal[data-login-mode="sms"] .auth-phone-field{height:42px;padding:0;background:#181a27;border:1px solid #3a3c51;border-radius:9px;box-sizing:border-box;}
.home-app #authModal[data-login-mode="sms"] .auth-country-code{padding:0 0 0 13px;font-size:13px;color:#f1f3ff;}
.home-app #authModal[data-login-mode="sms"] #authPhone{flex:1;min-width:0;height:40px;padding:0 12px 0 8px!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;font-size:13px;color:#f1f3ff;}
.home-app #authModal[data-login-mode="sms"] .sms-row{height:42px;border:0;background:transparent;gap:8px;}
.home-app #authModal[data-login-mode="sms"] #authCode{height:42px;box-sizing:border-box;background:#181a27;border:1px solid #3a3c51;border-radius:9px;font-size:13px;padding:0 12px;}
.home-app #authModal[data-login-mode="sms"] #btnSms{height:42px;border:1px solid #4d405e;border-radius:9px;background:#272039;color:#c6afff;padding:0 12px;font-size:12px;white-space:nowrap;}
.home-app #authModal[data-login-mode="sms"] #btnAuthSubmit{display:block;width:100%;height:42px;margin:4px 0 0;padding:0;border:1px solid #aa8fff;border-radius:9px;background:linear-gradient(110deg,#aa86ff,#7045ef)!important;color:#fff!important;box-shadow:0 4px 19px #8750ff30;font-size:14px;}
.home-app #authModal[data-login-mode="sms"] input::placeholder{color:#8d95ae;}
.home-app #authModal[data-login-mode="sms"] input:-webkit-autofill{-webkit-text-fill-color:#f1f3ff!important;-webkit-box-shadow:0 0 0 1000px #181a27 inset!important;}
.home-app #authModal[data-login-mode="sms"] .auth-consent{color:#777f99;}
.home-app #authModal[data-login-mode="sms"] .auth-consent a{color:#aaa0cf;}
/* Place the WeChat group around the center while keeping method switches at the foot. */
.home-app #authModal[data-login-mode="wechat"] .take-auth-content{padding-top:clamp(80px,25vh,200px);}
.home-app #authModal[data-login-mode="wechat"] .auth-form{margin-top:38px;gap:0;}
.home-app #authModal[data-login-mode="wechat"] .auth-third{padding-top:30px;}
@media(max-width:800px){
.home-app #authModal[data-login-mode="wechat"] .take-auth-content{padding-top:clamp(65px,20vh,140px);}
.home-app #authModal[data-login-mode="sms"] .take-auth-content{padding-top:65px;}
}
@media(max-height:600px){
.home-app #authModal[data-login-mode="wechat"] .take-auth-content{padding-top:35px;}
.home-app #authModal[data-login-mode="sms"] .take-auth-content{padding-top:28px;}
.home-app #authModal .auth-form{margin-top:20px;}
.home-app #authModal .auth-third{padding-top:20px;}
}
/* Lift the login-method row away from the lower edge. */
.home-app #authModal .take-auth-content{padding-bottom:64px;}
@media(max-width:800px){.home-app #authModal .take-auth-content{padding-bottom:54px;}.home-app #authModal .take-auth{border-radius:18px!important;}}

.home-app #authModal .auth-qr-frame{overflow:hidden;}

/* Keep browser autofill readable in the dark phone field, including hover/focus. */
.home-app #authModal[data-login-mode="sms"] #authPhone:-webkit-autofill,
.home-app #authModal[data-login-mode="sms"] #authPhone:-webkit-autofill:hover,
.home-app #authModal[data-login-mode="sms"] #authPhone:-webkit-autofill:focus,
.home-app #authModal[data-login-mode="sms"] #authPhone:-webkit-autofill:active{
-webkit-text-fill-color:#f1f3ff!important;caret-color:#f1f3ff!important;
-webkit-box-shadow:0 0 0 1000px #181a27 inset!important;box-shadow:0 0 0 1000px #181a27 inset!important;
background-color:#181a27!important;transition:background-color 9999s ease-out 0s;
}

/* Unified charcoal fields, with the SMS action inside the second field. */
.home-app #authModal[data-login-mode="sms"] .take-auth{background:#161616!important;}
.home-app #authModal[data-login-mode="sms"] #authPhonePanel{gap:10px;}
.home-app #authModal[data-login-mode="sms"] .auth-phone-field,
.home-app #authModal[data-login-mode="sms"] .sms-row{height:40px;background:#171717;border:1px solid #292929;border-radius:10px;box-sizing:border-box;box-shadow:inset 0 1px 0 #ffffff02;}
.home-app #authModal[data-login-mode="sms"] .auth-phone-field:focus-within,
.home-app #authModal[data-login-mode="sms"] .sms-row:focus-within{border-color:#454545;box-shadow:inset 0 1px 0 #ffffff02;}
.home-app #authModal[data-login-mode="sms"] .auth-country-code{font-size:12px;color:#eee;padding-left:12px;}
.home-app #authModal[data-login-mode="sms"] #authPhone,
.home-app #authModal[data-login-mode="sms"] #authCode{height:38px;background:transparent!important;color:#eee;border:0!important;box-shadow:none!important;border-radius:0!important;font-size:12px;outline:none;}
.home-app #authModal[data-login-mode="sms"] #authPhone{padding-left:7px!important;}
.home-app #authModal[data-login-mode="sms"] #authCode{padding:0 12px;}
.home-app #authModal[data-login-mode="sms"] .sms-row{gap:0;overflow:hidden;}
.home-app #authModal[data-login-mode="sms"] #btnSms{height:38px;padding:0 13px;background:transparent!important;border:0!important;box-shadow:none!important;color:#fff;font-size:12px;font-weight:400;border-radius:0;}
.home-app #authModal[data-login-mode="sms"] #btnSms:disabled{color:#888;}
.home-app #authModal[data-login-mode="sms"] input::placeholder{color:#686868;}
.home-app #authModal[data-login-mode="sms"] #btnAuthSubmit{margin-top:12px;height:40px;}
.home-app #authModal[data-login-mode="sms"] #authPhone:-webkit-autofill,
.home-app #authModal[data-login-mode="sms"] #authPhone:-webkit-autofill:hover,
.home-app #authModal[data-login-mode="sms"] #authPhone:-webkit-autofill:focus,
.home-app #authModal[data-login-mode="sms"] #authPhone:-webkit-autofill:active{
-webkit-text-fill-color:#eee!important;caret-color:#eee!important;
-webkit-box-shadow:0 0 0 1000px #171717 inset!important;box-shadow:0 0 0 1000px #171717 inset!important;background-color:#171717!important;}

/* Share the same brand/title baseline across login modes. */
.home-app #authModal .take-auth-content{--login-top:clamp(80px,25vh,200px);}
.home-app #authModal[data-login-mode="sms"] .take-auth-content,
.home-app #authModal[data-login-mode="wechat"] .take-auth-content{padding-top:var(--login-top);}
.home-app #authModal[data-login-mode="sms"] .auth-promo-banner{position:absolute;top:calc(var(--login-top) - 56px);left:50%;transform:translateX(-50%);margin:0;}
.home-app #authModal[data-login-mode="sms"] .auth-form{margin-top:38px;}
@media(max-width:800px){.home-app #authModal .take-auth-content{--login-top:clamp(65px,20vh,140px);}}
@media(max-height:600px){.home-app #authModal .take-auth-content{--login-top:72px;}.home-app #authModal[data-login-mode="sms"] .auth-form,.home-app #authModal[data-login-mode="wechat"] .auth-form{margin-top:20px;}}

/* Lift both login groups slightly and share the promotion banner. */
.home-app #authModal .take-auth-content{--login-top:clamp(68px,calc(25vh - 12px),188px);}
.home-app #authModal[data-login-mode="wechat"] .auth-promo-banner{display:flex;position:absolute;top:calc(var(--login-top) - 56px);left:50%;transform:translateX(-50%);margin:0;}
@media(max-width:800px){.home-app #authModal .take-auth-content{--login-top:clamp(57px,calc(20vh - 8px),132px);}}
@media(max-height:600px){.home-app #authModal .take-auth-content{--login-top:64px;}}

/* Compact, centered phone form with a clear neutral focus border. */
.home-app #authModal[data-login-mode="sms"] #authPhonePanel{width:min(100%,290px);margin-left:auto;margin-right:auto;}
.home-app #authModal[data-login-mode="sms"] .auth-phone-field,
.home-app #authModal[data-login-mode="sms"] .sms-row{transition:border-color .18s,box-shadow .18s;}
.home-app #authModal[data-login-mode="sms"] .auth-phone-field:focus-within,
.home-app #authModal[data-login-mode="sms"] .sms-row:focus-within{border-color:rgba(255,255,255,.52)!important;box-shadow:0 0 0 1px rgba(255,255,255,.05)!important;}

/* Legacy Chromium compatibility: resolve banner placement without dynamic viewport units. */
.home-app #authModal .auth-promo-banner{flex-shrink:0;}
.home-app #authModal[data-login-mode="sms"] .auth-promo-banner,
.home-app #authModal[data-login-mode="wechat"] .auth-promo-banner{top:12px;top:calc(var(--login-top) - 56px);}