html,
body,
#app,
uni-app,
uni-page,
uni-page-wrapper,
uni-page-body,
.phone-shell,
.uni-page-lock,
.app {
  background:
    radial-gradient(circle at 50% 0%, rgba(159, 92, 255, .18), transparent 34%),
    #070510 !important;
}

html,
body,
#app,
uni-app,
uni-page,
uni-page-wrapper,
uni-page-body,
.phone-shell,
.uni-page-lock,
.app {
  position: relative;
}

body::after {
  content: "";
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  height: var(--keyboard-gap, 0px);
  z-index: 2;
  pointer-events: none;
  background:
    radial-gradient(circle at 50% 0%, rgba(159, 92, 255, .12), transparent 38%),
    #070510;
}

body::before {
  content: "";
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  height: 45vh;
  background: #070510;
}

.keyboard-open .app,
.keyboard-open .phone-shell,
.keyboard-open .uni-page-lock,
.keyboard-open uni-page,
.keyboard-open uni-page-wrapper,
.keyboard-open uni-page-body {
  height: var(--vvh, var(--app-height, 100dvh)) !important;
  min-height: var(--vvh, var(--app-height, 100dvh)) !important;
  max-height: var(--vvh, var(--app-height, 100dvh)) !important;
  background:
    radial-gradient(circle at 50% 0%, rgba(159, 92, 255, .14), transparent 32%),
    #070510 !important;
}

.keyboard-open body::after,
body.keyboard-open::after {
  display: block;
}

.keyboard-open .auth-screen,
.keyboard-open .screen,
.keyboard-open .settings-edit-page,
.keyboard-open .pay-page,
.keyboard-open .poster-page {
  min-height: var(--vvh, var(--app-height, 100dvh)) !important;
  max-height: var(--vvh, var(--app-height, 100dvh)) !important;
  overflow-y: auto !important;
  -webkit-overflow-scrolling: touch !important;
  overscroll-behavior-y: contain !important;
  background: transparent !important;
}

.keyboard-open .auth-screen {
  align-content: start !important;
  padding-top: max(16px, env(safe-area-inset-top)) !important;
  padding-bottom: 24px !important;
}

.keyboard-open .screen {
  padding-bottom: calc(18px + env(safe-area-inset-bottom)) !important;
}

.keyboard-open .screen-packet-tip,
.keyboard-open .bottom-nav,
.keyboard-open .packet-countdown-mask {
  display: none !important;
}

.keyboard-open .bottom-nav {
  display: none !important;
}

input,
textarea,
select,
uni-input,
uni-textarea,
.uni-input-input,
.uni-textarea-textarea {
  font-size: 16px !important;
  -webkit-text-size-adjust: 100% !important;
  text-size-adjust: 100% !important;
}