/* Login presentation only. Keep authentication and configured backgrounds intact. */
#LAY-user-login.deshu-login {
  color: #26344b;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Microsoft YaHei", sans-serif;
  padding-top: max(48px, calc(50vh - 250px)) !important;
  padding-bottom: 96px;
}
#LAY-user-login.deshu-login[data-custom-background="false"] {
  background: radial-gradient(ellipse at 18% 18%, #e2efff 0, transparent 48%),
    radial-gradient(ellipse at 85% 85%, #eaf4ff 0, transparent 48%), #f5f8fd !important;
}
.deshu-login .layadmin-user-login-main[bgimg] {
  max-width: calc(100% - 32px);
  border: 1px solid #e2eaf5;
  border-radius: 16px;
  box-shadow: 0 16px 56px rgba(32, 80, 148, .1);
}
.deshu-login .layadmin-user-login-header {
  padding-top: 28px;
}
.deshu-login .layadmin-user-login-header > div {
  color: #1677ff !important;
  font-weight: 600;
  line-height: 1.5;
  overflow-wrap: break-word;
}
.deshu-login .layadmin-user-login-body .layui-input {
  height: 44px;
  padding-left: 42px;
  color: #26344b;
  background: #fbfcff;
  border: 1px solid #d7e1ef;
  border-radius: 7px;
  transition: border-color .15s, box-shadow .15s;
}
.deshu-login .layui-input::placeholder { color: #7b8799; }
.deshu-login .layui-input:hover { border-color: #91bfff !important; }
.deshu-login .layui-input:focus {
  border-color: #1677ff !important;
  background: #fff;
  box-shadow: 0 0 0 3px rgba(22, 119, 255, .12);
}
.deshu-login .layadmin-user-login-icon {
  width: 42px;
  line-height: 42px;
  color: #7184a2;
}
.deshu-login .layadmin-user-login-codeimg {
  height: 44px;
  max-height: 44px;
  object-fit: contain;
  border: 1px solid #d7e1ef;
  border-radius: 7px;
  background: #fff;
}
.deshu-login .layui-form-checkbox[lay-skin="primary"] span { color: #56657b; }
.deshu-login .layui-form-checkbox[lay-skin="primary"] i {
  border-color: #b8c8dd;
  border-radius: 3px;
}
.deshu-login .layui-form-checked[lay-skin="primary"] i {
  background-color: #1677ff;
  border-color: #1677ff;
}
.deshu-login .layui-btn[lay-filter="LAY-user-login-submit"] {
  background: #1677ff !important;
  border-radius: 7px;
  font-weight: 600;
  box-shadow: 0 4px 12px rgba(22, 119, 255, .18);
}
.deshu-login .layui-btn[lay-filter="LAY-user-login-submit"]:hover {
  background: #0967e8 !important;
  opacity: 1;
}
.deshu-login .layui-btn:focus-visible,
.deshu-login a:focus-visible {
  outline: 2px solid #1677ff;
  outline-offset: 3px;
}
.deshu-login .layadmin-link { color: #1677ff; }
.deshu-login[data-custom-background="false"] .layadmin-user-login-footer {
  background: transparent !important;
  color: #69778c !important;
}
.deshu-login[data-custom-background="false"] .layadmin-user-login-footer a {
  color: #69778c !important;
}
.deshu-login .layadmin-user-login-footer {
  height: auto !important;
  min-height: 48px;
  line-height: 24px !important;
  padding: 12px 16px !important;
  overflow-wrap: break-word;
}
@media (max-width: 480px) {
  .deshu-login .layadmin-user-login-body { padding: 20px 24px !important; }
  .deshu-login .layadmin-user-login-header > div { font-size: 23px !important; }
}
@media (prefers-reduced-motion: reduce) {
  .deshu-login .layui-input { transition: none; }
}