html,
body {
  margin: 0;
  width: 100%;
  height: 100%;
}

.anivia {
  width: 100%;
  height: 100%;
}

.anivia__wrapper {
  width: 100%;
  height: 100%;
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: center;
}

.anivia__content {
  width: 80%;
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: center;
  box-sizing: border-box
}

.anivia__card {
  cursor: pointer;
  background: #f9fafb;
  /* 淺灰白，不刺眼 */
  border: 1px solid rgba(0, 0, 0, 0.05);
  border-radius: 14px;
  box-shadow:
    0 2px 4px rgba(0, 0, 0, 0.05),
    0 8px 16px rgba(0, 0, 0, 0.08);
  padding: 20px 24px;
  transition: all 0.25s ease;
}

.anivia__card:hover {
  box-shadow:
    0 4px 8px rgba(0, 0, 0, 0.08),
    0 12px 24px rgba(0, 0, 0, 0.12);
  transform: translateY(-3px);
}

.anivia__img {
  max-width: 100%;
  width: 500px;
  height: auto;
}

.anivia__title {
  font-family: 'Noto Serif SC', serif;
  text-align: center;
  color: #dea97d;
  font-size: 24px;
}