.banner {
  position: relative;
  background: linear-gradient(90deg, #f96ade 0%, #ffb88a 100%);
  border-radius: var(--responsive-card-radius-sm, var(--radius-xl));
  padding: var(--responsive-card-padding, var(--spacing-lg))
    var(--responsive-card-padding, var(--spacing-md));
  text-align: center;
}

.text {
  margin: 0;
  font-size: var(--responsive-card-title, 17px);
  font-weight: 600;
  color: #ffffff;
  line-height: 1.3;
}

/* 向下指的 CSS 三角 */
.pointer {
  position: absolute;
  bottom: clamp(-8px, -1.481vw, -6px);
  left: 50%;
  transform: translateX(-50%);
  width: 0;
  height: 0;
  border-left: clamp(8px, 1.852vw, 10px) solid transparent;
  border-right: clamp(8px, 1.852vw, 10px) solid transparent;
  border-top: clamp(8px, 1.852vw, 10px) solid #ffb88a;
}
