/* 大象体育 v4.6.1 — 登录与注册在常见桌面高度内保持一致。 */

.modal-mask{padding:16px;overflow:hidden;place-items:center}
.auth-modal-card,.auth-modal-card.register-mode{width:min(490px,100%);max-height:calc(100dvh - 32px);overflow:auto;border-radius:26px;scrollbar-width:thin;scrollbar-color:rgba(118,183,255,.38) transparent}
.auth-modal-card .auth-form-panel{padding:20px 32px 22px}
.auth-modal-card .modal-brand-mark,.auth-modal-card.register-mode .modal-brand-mark{width:98px;height:98px;margin:-5px auto -6px}
.auth-modal-card .auth-venue-strip,.auth-modal-card.register-mode .auth-venue-strip{gap:7px;margin:0 5px 12px}
.auth-modal-card .auth-venue-strip span,.auth-modal-card.register-mode .auth-venue-strip span{height:56px;border-radius:12px}
.auth-modal-card .auth-venue-strip img{width:31px;height:25px}
.auth-modal-card .auth-form-panel h2{font-size:25px;line-height:1.25}
.auth-modal-card .auth-form-panel>p,.auth-modal-card.register-mode .auth-form-panel>p{margin:5px 0 14px;font-size:11px}
.auth-modal-card .auth-form-panel label{margin-bottom:10px;font-size:11px}
.auth-modal-card .auth-form-panel input{height:46px;margin-top:6px}
.auth-modal-card .password-field button{top:12px;height:34px}
.auth-modal-card .auth-switch{margin-top:11px}
.auth-modal-card .member-secondary{min-height:39px;margin-top:1px}
.auth-modal-card .modal-extra{margin-top:9px;font-size:9px}
.auth-modal-card .auth-agreement{display:flex!important;align-items:flex-start;gap:8px;margin:2px 0 11px!important}
.auth-modal-card .auth-agreement input[type="checkbox"]{box-sizing:border-box;width:17px;height:17px;min-height:17px;flex:0 0 17px;margin:1px 0 0;padding:0;border-radius:4px;box-shadow:none}
.auth-modal-card .auth-agreement span{font-size:9px;line-height:1.55}
.auth-modal-card .auth-agreement button{display:inline;min-height:0;padding:0;border:0;background:transparent;box-shadow:none;font:inherit;line-height:inherit;vertical-align:baseline}
.auth-modal-card.register-mode .auth-form-panel{padding-top:16px;padding-bottom:18px}
.auth-modal-card.register-mode .modal-brand-mark{width:82px;height:82px;margin:-3px auto -5px}
.auth-modal-card.register-mode .auth-venue-strip{margin-bottom:9px}
.auth-modal-card.register-mode .auth-venue-strip span{height:50px}
.auth-modal-card.register-mode .auth-venue-strip img{width:28px;height:22px}
.auth-modal-card.register-mode .auth-form-panel h2{font-size:23px}
.auth-modal-card.register-mode .auth-form-panel>p{margin:3px 0 10px}
.auth-modal-card.register-mode .auth-form-panel label{margin-bottom:7px}
.auth-modal-card.register-mode .auth-form-panel input{height:44px}
.auth-modal-card.register-mode .auth-field-help{margin-top:4px;font-size:8px;line-height:1.45}
.auth-modal-card.register-mode .password-strength{gap:4px;margin:-1px 0 7px}
.auth-modal-card.register-mode .password-strength small{font-size:8px}
.auth-modal-card.register-mode #modalSubmit{min-height:46px}
.auth-modal-card.register-mode .auth-switch{margin-top:8px}
.auth-modal-card.register-mode .member-secondary{min-height:37px}
.auth-modal-card.register-mode #recoverAccount{display:none!important}
.auth-modal-card.register-mode .modal-extra{margin-top:7px}
.auth-modal-card .modal-close{position:sticky;top:10px;width:42px;height:42px;margin:10px 10px -52px auto}

@media(max-height:760px) and (min-width:681px){
  .auth-modal-card .auth-form-panel{padding-top:14px;padding-bottom:16px}
  .auth-modal-card .modal-brand-mark{width:78px;height:78px}
  .auth-modal-card .auth-venue-strip{margin-bottom:8px}
  .auth-modal-card .auth-venue-strip span{height:48px}
  .auth-modal-card .auth-form-panel>p{margin-bottom:9px}
  .auth-modal-card .auth-form-panel label{margin-bottom:7px}
  .auth-modal-card.register-mode .modal-brand-mark{width:64px;height:64px}
  .auth-modal-card.register-mode .auth-venue-strip span{height:44px}
}

@media(max-width:680px){
  .modal-mask{padding:0;place-items:end center;overflow:hidden}
  .auth-modal-card,.auth-modal-card.register-mode{width:100%;max-height:100dvh;border-radius:24px 24px 0 0}
  .auth-modal-card .auth-form-panel,.auth-modal-card.register-mode .auth-form-panel{padding:calc(13px + env(safe-area-inset-top)) 17px calc(18px + env(safe-area-inset-bottom))}
  .auth-modal-card .modal-close{top:10px;width:44px;height:44px;margin:10px 10px -54px auto}
  .auth-modal-card .modal-brand-mark{width:82px;height:82px;margin:-4px auto -6px}
  .auth-modal-card.register-mode .modal-brand-mark{width:68px;height:68px}
  .auth-modal-card .auth-venue-strip span{height:50px}
  .auth-modal-card.register-mode .auth-venue-strip span{height:44px}
  .auth-modal-card .auth-form-panel input{height:48px;font-size:16px}
  .auth-modal-card .auth-form-panel h2{font-size:22px}
  .auth-modal-card.register-mode .auth-form-panel h2{font-size:21px}
}

@media(max-width:360px){
  .auth-modal-card .auth-form-panel,.auth-modal-card.register-mode .auth-form-panel{padding-inline:13px}
  .auth-modal-card .auth-venue-strip{gap:5px}
}