/* 转盘活动规则页
   PC 稿:440px 白卡片,圆角 40,内边距 36,logo 高 56,正文 16/22 主要色;
   H5 稿:卡片圆角 12,内容区 32/24,logo 高 28,标题下分割线,正文 14/24 次要色。 */

.activity-wheel-rules-page {
  display: flex;
  flex-direction: column;
  background: url("/static/images/main_bg.webp") no-repeat top center / 100% auto;
  width: 100%;
  min-height: 100dvh;
}

.activity-wheel-rules-page .page-main {
  flex: 1;
  padding: 60px 0 80px;
  gap: 0;
  justify-content: center;
}

.activity-wheel-rules__section {
  display: flex;
  justify-content: center;
}

/* 卡片(照 PC 稿:440 宽、圆角 40、描边 020、内边距 36、纵向间距 36) */
.activity-wheel-rules__card {
  width: 440px;
  max-width: 100%;
  background: var(--surface-foreground);
  border: 1px solid var(--color-black-alpha-20);
  border-radius: 40px;
  padding: 36px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 36px;
  box-shadow: 0 12px 40px var(--color-black-alpha-5);
}

.activity-wheel-rules__logo {
  height: 56px;
  width: auto;
  display: block;
}

.activity-wheel-rules__content {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 24px;
}

.activity-wheel-rules__title {
  margin: 0;
  font-size: 20px;
  line-height: 28px;
  font-weight: 500;
  color: var(--text-primary);
  text-align: center;
}

/* 分割线仅 H5 稿有 */
.activity-wheel-rules__divider {
  display: none;
  width: 100%;
  height: 1px;
  background: var(--color-black-alpha-10);
}

.activity-wheel-rules__body {
  width: 100%;
  font-size: 16px;
  line-height: 22px;
  color: var(--text-primary);
  word-break: break-word;
}

/* PC 稿条目间空一行(22px) */
.activity-wheel-rules__item {
  margin: 0 0 22px;
}

.activity-wheel-rules__item:last-child {
  margin-bottom: 0;
}

.activity-wheel-rules__footer {
  width: 100%;
}

/* 黄底按钮:文字一律近黑(全站铁律) */
.activity-wheel-rules__back-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 48px;
  background: var(--color-primary-500);
  border-radius: 12px;
  font-size: 16px;
  line-height: 22px;
  font-weight: 500;
  color: var(--text-primary);
  text-align: center;
  transition: opacity 0.2s;
  white-space: nowrap;
}

.activity-wheel-rules__back-btn:hover {
  opacity: 0.92;
}

@media (max-width: 768px) {
  .activity-wheel-rules-page .page-main {
    padding: 24px 0 48px;
    justify-content: flex-start;
  }

  /* H5 稿:卡片圆角 12、无描边,内容区 32/24/24,纵向间距 12 */
  .activity-wheel-rules__card {
    width: 100%;
    border: none;
    border-radius: 12px;
    padding: 32px 24px 24px;
    gap: 12px;
    box-shadow: none;
  }

  .activity-wheel-rules__logo {
    height: 28px;
  }

  .activity-wheel-rules__content {
    gap: 12px;
  }

  .activity-wheel-rules__divider {
    display: block;
  }

  .activity-wheel-rules__body {
    font-size: 14px;
    line-height: 24px;
    color: var(--text-secondary);
  }

  /* H5 稿正文连续排版,条目间不空行 */
  .activity-wheel-rules__item {
    margin: 0;
  }

  /* H5 稿 footer 上间距 24(卡片 gap 12 + 12) */
  .activity-wheel-rules__footer {
    margin-top: 12px;
  }

  .activity-wheel-rules__back-btn {
    height: 44px;
  }
}