/* PC administration authentication templates only. Fields, captcha, SMS,
 * validation, submission and configured branding remain the original runtime.
 */
@media screen {
  #LAY-user-login {
    min-height: 100vh;
    padding: 88px 24px 48px !important;
    box-sizing: border-box;
    color: #1d2129;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;
  }
  /* Replace only the original fallback gradient. Keep configured adminloginbg
   * images, URLs and their original rendering contract intact. */
  #LAY-user-login[style*="background:linear-gradient("] {
    background: radial-gradient(ellipse at 15% 12%, #e3edff 0, transparent 50%),
      radial-gradient(ellipse at 88% 88%, #eaf5ff 0, transparent 46%), #f7f9fc !important;
  }
  #LAY-user-login .layadmin-user-login-main {
    width: 440px !important;
    max-width: 100%;
    margin: 0 auto;
    box-sizing: border-box;
    background: #fff;
    border: 1px solid #e5e6eb;
    border-radius: 14px;
    box-shadow: 0 16px 56px rgba(22, 60, 122, .09);
  }
  #LAY-user-login .layadmin-user-login-header { padding: 32px 32px 0 !important; }
  #LAY-user-login .layadmin-user-login-header > div,
  #LAY-user-login .layadmin-user-login-header > h2 {
    margin: 0 !important;
    color: #1d2129 !important;
    font-size: 24px !important;
    font-weight: 600;
    line-height: 34px;
    overflow-wrap: break-word;
  }
  #LAY-user-login .layadmin-user-login-body { padding: 28px 32px 22px !important; }
  #LAY-user-login .layui-form-item { margin-bottom: 18px !important; }
  #LAY-user-login .layui-input {
    height: 46px;
    line-height: 46px;
    background: #f7f8fa;
    border: 1px solid #e5e6eb;
    border-radius: 6px;
    color: #1d2129;
    font-size: 14px;
    box-sizing: border-box;
    transition: border-color .15s, box-shadow .15s;
  }
  #LAY-user-login .layui-input:hover { border-color: #c9cdd4; }
  #LAY-user-login .layui-input:focus { background: #fff; border-color: #165dff; box-shadow: 0 0 0 3px rgba(22, 93, 255, .09); }
  #LAY-user-login .layui-input::placeholder { color: #86909c; }
  #LAY-user-login .layui-form-danger { border-color: #f53f3f !important; }
  #LAY-user-login .layadmin-user-login-icon { height: 44px; line-height: 44px; color: #86909c; font-size: 17px; }
  #LAY-user-login .layadmin-user-login-codeimg {
    height: 46px;
    max-height: 46px;
    object-fit: contain;
    background: #fff;
    border: 1px solid #e5e6eb;
    border-radius: 6px;
  }
  #LAY-user-login .layui-btn {
    height: 46px !important;
    line-height: 44px !important;
    border: 1px solid transparent;
    border-radius: 6px;
    background: #165dff !important;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    box-sizing: border-box;
  }
  #LAY-user-login .layui-btn:hover { background: #4080ff !important; opacity: 1; }
  #LAY-user-login .layui-btn-primary {
    background: #fff !important;
    border-color: #c9d8ff;
    color: #165dff;
    padding: 0 8px;
    font-size: 12px;
    max-width: 100%;
  }
  #LAY-user-login .layui-btn-primary:hover { background: #e8f3ff !important; border-color: #165dff; }
  #LAY-user-login .layui-form-checkbox[lay-skin="primary"] span { color: #4e5969; font-size: 13px; }
  #LAY-user-login .layui-form-checkbox[lay-skin="primary"] i { border-radius: 3px; }
  #LAY-user-login .layui-form-checked[lay-skin="primary"] i { border-color: #165dff; background: #165dff; }
  #LAY-user-login a.layadmin-link,
  #LAY-user-login .layui-form-item a { color: #165dff; font-size: 13px; }
  #LAY-user-login a.layadmin-link:hover,
  #LAY-user-login .layui-form-item a:hover { color: #4080ff; }
  #LAY-user-login .layadmin-user-login-footer {
    position: relative;
    left: auto;
    bottom: auto;
    height: auto !important;
    margin: 32px auto 0;
    padding: 0 !important;
    background: transparent !important;
    color: #86909c !important;
    line-height: 22px !important;
    font-size: 12px;
    overflow-wrap: break-word;
  }
  #LAY-user-login .layadmin-user-login-footer a { color: #86909c !important; }
  #LAY-user-login .layadmin-user-login-footer a:hover { color: #165dff !important; }
  @media (min-height: 800px) and (min-width: 769px) {
    #LAY-user-login { padding-top: calc(50vh - 260px) !important; }
  }
  @media (max-width: 480px) {
    #LAY-user-login { padding: 32px 16px !important; }
    #LAY-user-login .layadmin-user-login-header { padding: 28px 24px 0 !important; }
    #LAY-user-login .layadmin-user-login-header > div,
    #LAY-user-login .layadmin-user-login-header > h2 { font-size: 22px !important; }
    #LAY-user-login .layadmin-user-login-body { padding: 24px !important; }
  }
}