:root {
  --dark-bg: #18181c;
}

html {
  margin: auto !important;
  @apply max-w-lg;
  font-size: 4px; // * 方便unocss计算：1单位 = 0.25rem = 1px
}

body {
  font-size: 16px;
}

html,
body,
page,
#app {
  height: 100%;
  margin: 0;
  padding: 0;
  background: #f8f8f8
}

html.dark {
  background: var(--dark-bg);
}

.card{
  @apply border border-gray-200 rounded-xl bg-white p-6 shadow-md;
}
.card-p-0{
  @apply border border-gray-200 rounded-xl bg-white shadow-md;
}
.title {
  @apply mx-auto mt-2 w-68 border rounded-3xl bg-gradient-to-r from-blue-400 via-green-500 to-teal-500 py-2 text-center text-white font-bold;
}
.scrollbar-hidden {
  scrollbar-width: none; /* Firefox */
}
.scrollbar-hidden::-webkit-scrollbar {
  display: none; /* Chrome, Safari, and Edge */
}

.safe-area-top {
  padding-top: env(safe-area-inset-top);
}
.safe-area-bottom {
  padding-bottom: env(safe-area-inset-bottom);
}
