html,
body {
  min-height: 100%;
  background:
    radial-gradient(circle at 50% 0%, rgba(249, 198, 207, 0.42) 0, rgba(249, 198, 207, 0) 360px),
    linear-gradient(180deg, #f7f0eb 0%, #fff8f4 46%, #fffdfb 100%) !important;
  background-attachment: fixed !important;
}

body::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background:
    radial-gradient(circle at 50% 0%, rgba(249, 198, 207, 0.42) 0, rgba(249, 198, 207, 0) 360px),
    linear-gradient(180deg, #f7f0eb 0%, #fff8f4 46%, #fffdfb 100%);
}

#app,
uni-app,
uni-page,
uni-page-wrapper,
uni-page-body {
  background: transparent !important;
}

uni-page-body {
  min-height: 100vh;
}

uni-page {
  background:
    radial-gradient(circle at 50% 0%, rgba(249, 198, 207, 0.42) 0, rgba(249, 198, 207, 0) 330px),
    linear-gradient(180deg, #f7f0eb 0%, #fff8f4 360px, #fffdfb 100%) !important;
}

.home-toolbar {
  padding-top: 18px !important;
}

.search-button {
  background: rgba(255, 255, 255, 0.92) !important;
  border: 1px solid rgba(198, 90, 123, 0.1);
  box-shadow: 0 10px 28px rgba(96, 64, 58, 0.1) !important;
}

.mlr-16.bg-w.ptb-20.plr-20.radius-8.mb-16 {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.96) 0%, rgba(255, 252, 249, 0.98) 100%) !important;
  border: 1px solid rgba(198, 90, 123, 0.08);
  border-radius: 18px !important;
  box-shadow: 0 18px 50px rgba(96, 64, 58, 0.08);
}

.mlr-16.bg-w.ptb-20.plr-20.radius-8.mb-16 + .mlr-16.bg-w.ptb-20.plr-20.radius-8.mb-16 {
  margin-top: 18px !important;
}

.bg-g5 {
  background: rgba(198, 90, 123, 0.08) !important;
}

uni-tabbar,
uni-tabbar .uni-tabbar,
uni-tabbar .uni-tabbar-bottom {
  background: transparent !important;
}

uni-tabbar::before {
  content: "";
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  height: calc(88px + env(safe-area-inset-bottom));
  z-index: 998;
  pointer-events: none;
  background: linear-gradient(180deg, rgba(255, 253, 251, 0) 0%, #fffdfb 42%, #fffdfb 100%);
}

uni-tabbar .uni-tabbar {
  z-index: 999 !important;
  border-top: 1px solid rgba(198, 90, 123, 0.08) !important;
  box-shadow: 0 -12px 36px rgba(96, 64, 58, 0.08);
  background: rgba(255, 253, 251, 0.96) !important;
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
}

@media screen and (min-width: 768px) {
  body {
    background:
      radial-gradient(circle at 50% 0%, rgba(249, 198, 207, 0.42) 0, rgba(249, 198, 207, 0) 360px),
      linear-gradient(180deg, #f7f0eb 0%, #fff8f4 46%, #fffdfb 100%) !important;
  }

  uni-page {
    width: 520px !important;
    margin: 0 auto !important;
    background:
      radial-gradient(circle at 50% 0%, rgba(249, 198, 207, 0.42) 0, rgba(249, 198, 207, 0) 330px),
      linear-gradient(180deg, #f7f0eb 0%, #fff8f4 360px, #fffdfb 100%) !important;
  }

  uni-tabbar .uni-tabbar {
    left: 50% !important;
    right: auto !important;
    width: 520px !important;
    max-width: 520px !important;
    transform: translateX(-50%);
    border-radius: 22px 22px 0 0;
    overflow: hidden;
  }
}