/* Match the account-binding modal with restrained rounded controls. */
#login .container-before,#regist .container-before{border-radius:8px!important}
#login .form-main .el-input__inner,#regist .form-main .el-input__inner{border-radius:4px!important}
#login .form-main .el-button,#regist .form-main .el-button,#login .lswx-retry,#regist .lswx-retry{border-radius:4px!important}
#login .el-input-group--prepend>.el-input__inner,#regist .el-input-group--prepend>.el-input__inner{border-top-left-radius:0!important;border-bottom-left-radius:0!important}
#login .el-input-group__prepend,#regist .el-input-group__prepend{border-radius:4px 0 0 4px!important}
#login .el-input-group__prepend .el-input__inner,#regist .el-input-group__prepend .el-input__inner{border-radius:0!important}
#login .ls-auth-corner,#regist .ls-auth-corner{clip-path:polygon(0 0,100% 0,100% 100%,16px 100%);border-radius:0 8px 0 0}

/* Auth form focus repair, 2026-10-29. Template styles only. */
#login,#regist{--ls-auth-border:#d5def0;--ls-auth-focus:#3864ff;--ls-auth-error:#f56c6c}
:is(#login,#regist) .form-main .el-input__inner{
  border:1px solid var(--ls-auth-border);outline:none!important;outline-offset:0!important;
  box-shadow:none!important;transition:border-color .15s ease;
}
:is(#login,#regist) .form-main .el-input__inner:hover{border-color:#b3c1d8}
:is(#login,#regist) .form-main .el-input__inner:focus,
:is(#login,#regist) .form-main .el-input__inner:focus-visible{border-color:var(--ls-auth-focus)!important}

/* The dial code and phone number share one outer border, including focus. */
:is(#login,#regist) .form-main .el-input-group--prepend{
  height:46px;border:1px solid var(--ls-auth-border);border-radius:4px!important;
  border-spacing:0;border-collapse:separate;box-sizing:border-box;background:#fff;
  outline:none!important;box-shadow:none!important;transition:border-color .15s ease;
}
:is(#login,#regist) .form-main .el-input-group--prepend:hover{border-color:#b3c1d8}
:is(#login,#regist) .form-main .el-input-group--prepend:focus-within{border-color:var(--ls-auth-focus)!important}
:is(#login,#regist) .form-main .el-input-group--prepend>.el-input__inner{
  height:44px!important;line-height:44px;border:0!important;border-radius:0 3px 3px 0!important;
  background:transparent;outline:none!important;box-shadow:none!important;
}
:is(#login,#regist) .form-main .el-input-group__prepend{
  border:0!important;border-right:1px solid var(--ls-auth-border)!important;
  border-radius:3px 0 0 3px!important;background:transparent!important;
}
:is(#login,#regist) .form-main .el-input-group__prepend .el-input__inner{
  height:44px!important;line-height:44px;border:0!important;border-radius:0!important;
  background:transparent!important;outline:none!important;box-shadow:none!important;
}
:is(#login,#regist) .form-main .el-form-item.is-error .el-input__inner{border-color:var(--ls-auth-error)!important}
:is(#login,#regist) .form-main .el-form-item.is-error .el-input-group--prepend{border-color:var(--ls-auth-error)!important}

/* Preserve visible keyboard focus without a mouse-click halo. */
:is(#login,#regist) .login-top button:focus:not(:focus-visible),
:is(#login,#regist) .login-btn:focus:not(:focus-visible),
:is(#login,#regist) .ls-auth-corner:focus:not(:focus-visible){outline:none!important;box-shadow:none!important}
:is(#login,#regist) .login-top button:focus-visible,
:is(#login,#regist) .login-btn:focus-visible{outline:2px solid var(--ls-auth-focus);outline-offset:3px}
:is(#login,#regist) .ls-auth-corner:focus-visible{outline:2px solid var(--ls-auth-focus);outline-offset:-3px}
@media(prefers-reduced-motion:reduce){
 :is(#login,#regist) .form-main .el-input__inner,
 :is(#login,#regist) .form-main .el-input-group--prepend{transition:none!important}
}