/* Mobile login and registration. Keep the uploaded image as a separate, inherited layer. */
@media(max-width:760px){
 :is(#login,#regist).ls-auth-shared[style*="background-image: url("]{
  --ls-login-mobile-hero:clamp(260px,76vw,350px);
  position:relative!important;
  display:block!important;
  min-height:100vh;
  min-height:100dvh;
  height:auto!important;
  padding:calc(var(--ls-login-mobile-hero) - 72px) 20px 28px!important;
  background-color:#fff!important;
  background-size:0 0!important;
  background-repeat:no-repeat!important;
  box-sizing:border-box;
 }
 :is(#login,#regist).ls-auth-shared[style*="background-image: url("]::before{
  content:"";
  position:absolute;
  top:0;
  right:0;
  left:0;
  height:var(--ls-login-mobile-hero);
  z-index:0;
  pointer-events:none;
  background-image:inherit;
  background-size:cover;
  background-position:center center;
  background-repeat:no-repeat;
  -webkit-mask-image:linear-gradient(180deg,#000 0%,#000 34%,rgba(0,0,0,.96) 48%,rgba(0,0,0,.55) 70%,rgba(0,0,0,.10) 90%,transparent 100%);
  mask-image:linear-gradient(180deg,#000 0%,#000 34%,rgba(0,0,0,.96) 48%,rgba(0,0,0,.55) 70%,rgba(0,0,0,.10) 90%,transparent 100%);
 }
 :is(#login,#regist).ls-auth-shared[style*="background-image: url("] .login-container{
  position:relative;
  z-index:1;
  display:block!important;
  width:100%!important;
  max-width:520px!important;
  min-height:0!important;
  height:auto!important;
  margin:0 auto!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  overflow:visible!important;
 }
 :is(#login,#regist).ls-auth-shared[style*="background-image: url("] .container-before{
  width:100%!important;
  min-height:0!important;
  height:auto!important;
  margin:0!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
 }
 :is(#login,#regist).ls-auth-shared[style*="background-image: url("] .container-back{display:none!important}
 :is(#login,#regist).ls-auth-shared[style*="background-image: url("] .login{
  width:100%!important;
  height:auto!important;
  margin:0!important;
  padding:44px 0 24px!important;
  background:transparent!important;
  box-sizing:border-box;
 }
}

/* Equal-width method slots with a short centered active indicator. */
@media(max-width:760px){
 :is(#login,#regist).ls-auth-shared .login-form,
 :is(#login,#regist).ls-auth-shared .form-main{width:100%!important;max-width:100%;min-width:0;box-sizing:border-box}
 :is(#login,#regist).ls-auth-shared .form-item{max-width:100%;min-width:0;margin-left:0!important;margin-right:0!important;box-sizing:border-box}
 :is(#login,#regist).ls-auth-shared .login-top{display:flex!important;width:100%!important;min-width:0;gap:0!important;margin-left:0!important;margin-right:0!important;border-bottom:1px solid #dbe3ef;box-sizing:border-box}
 :is(#login,#regist).ls-auth-shared .login-top>:is(div,button,a){position:relative;display:flex!important;align-items:center;justify-content:center;flex:1 1 0!important;width:auto!important;min-width:0;height:auto!important;min-height:46px;margin:0!important;padding:0 4px 12px!important;line-height:22px!important;box-sizing:border-box;border-bottom:2px solid transparent!important;text-align:center;white-space:nowrap}
 :is(#login,#regist).ls-auth-shared .login-top>:is(div,button,a)::after{content:"";display:none;position:absolute;left:50%;bottom:-2px;width:44px;max-width:70%;height:3px;border-radius:2px;background:#2463eb;transform:translateX(-50%);pointer-events:none}
 :is(#login,#regist).ls-auth-shared .login-top>.active::after,
 :is(#login,#regist).ls-auth-shared .login-top>[aria-pressed="true"]::after{display:block}
 :is(#login,#regist).ls-auth-shared.lswx-mode .login-top>:not(.lswx-tab)::after{display:none!important}
 :is(#login,#regist).ls-auth-shared.lswx-mode .login-top>.lswx-tab::after{display:block}
 :is(#login,#regist).ls-auth-shared .form-item .el-input{min-width:0;max-width:100%;box-sizing:border-box}
 :is(#login,#regist).ls-auth-shared .form-item .el-input__inner{height:46px!important;line-height:46px!important;font-size:16px;box-sizing:border-box}
 :is(#login,#regist).ls-auth-shared .code-item{display:flex;align-items:stretch;gap:10px!important}
 :is(#login,#regist).ls-auth-shared .code-item>.el-input{flex:1 1 0;width:0!important;min-width:0}
 :is(#login,#regist).ls-auth-shared .code-item>.code-btn{flex:0 0 104px;min-width:104px;height:46px!important;margin:0!important;padding:0 10px;font-size:13px;box-sizing:border-box}
}