.wrapper {
  position: relative;
  flex: 1;
  display: flex;
  flex-direction: column;
  width: 100%;
  min-height: var(--app-viewport-height, 100dvh);
  overflow: hidden;
}

/* 渐变：accent (bottom-left) → transparent (center-right) */
.gradientOverlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(
    to top right,
    var(--color-accent),
    transparent 60%
  );
  opacity: 0.5;
  z-index: 1;
  pointer-events: none;
}

.content {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  flex: 1;
  padding:
    calc(var(--page-padding-y, 20px) + var(--app-safe-top, 0px))
    calc(var(--page-padding-x, 26px) + var(--app-safe-right, 0px))
    calc(
      var(--spacing-md, 12px) + var(--app-safe-bottom, 0px) +
        var(--app-bottom-nav-height, 64px)
    )
    calc(var(--page-padding-x, 26px) + var(--app-safe-left, 0px));
}

.spacer {
  flex: 1 1 auto;
}

.buttonArea {
  margin-top: var(--page-section-gap-lg, 26px);
}

.bottom {
  margin: var(--page-section-gap-lg, 32px) 0 0 0;
  font-size: var(--responsive-body, var(--font-size-md));
  font-weight: 400;
  line-height: 1.5;
  color: rgba(255, 255, 255, 0.9);
  text-align: left;
}
