* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

html,
body {
  min-height: 100%;
}

body {
  font-family: var(--font-cn);
  color: var(--text-primary);
  background:
    radial-gradient(120% 90% at 50% 0%, #ffffff 0%, transparent 70%),
    linear-gradient(180deg, var(--bg-primary) 0%, #f6f5f2 100%);
  line-height: 1.8;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}

img,
svg {
  display: block;
}

ul {
  list-style: none;
}

button,
input,
textarea {
  font: inherit;
  color: inherit;
  background: transparent;
  border: 0;
}

button {
  cursor: pointer;
}

.hidden {
  display: none;
}

main {
  width: min(1080px, calc(100vw - 48px));
  margin: 0 auto;
}

@media (max-width: 768px) {
  main {
    width: min(1080px, calc(100vw - 32px));
  }
}