/*
 * 远影归灯：登录注册弹窗/独立登录页兜底
 * 更细的登录弹窗样式后续继续放在这里。
 */

html body #u_sign .modal-dialog {
  max-width: calc(100vw - 24px) !important;
}

html body #u_sign .modal-content,
html body.page-template-user-sign .sign {
  border: 1px solid var(--yy-border) !important;
  border-radius: 18px !important;
  background:
    radial-gradient(circle at 90% 4%, rgba(198, 157, 94, .10), transparent 30%),
    linear-gradient(180deg, rgba(255, 255, 255, .98), rgba(245, 248, 250, .95)) !important;
  box-shadow:
    0 18px 42px rgba(72, 91, 110, .12),
    inset 0 1px 0 rgba(255, 255, 255, .88) !important;
}

html body #u_sign .close {
  top: 12px !important;
  right: 12px !important;
  width: 30px !important;
  height: 30px !important;
  border-radius: 999px !important;
  background: rgba(235, 241, 246, .84) !important;
  color: var(--yy-blue-gray) !important;
  opacity: 1 !important;
}

@media (max-width: 767px) {
  html body #u_sign .modal-dialog {
    width: calc(100vw - 24px) !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}