/* 默认主题：渐变、卡片与动效，纯 CSS，不增加服务端开销 */
.hero {
  background:
    radial-gradient(circle at 82% 18%, rgba(14, 165, 233, .16), transparent 42%),
    radial-gradient(circle at 12% 82%, rgba(37, 99, 235, .12), transparent 46%);
  border-radius: 20px;
  padding-left: 34px;
  padding-right: 34px;
  margin-top: 18px;
}

.hero-card {
  background: linear-gradient(160deg, #ffffff 55%, #f5f9ff);
}

.product-card:hover .cover-placeholder {
  transform: scale(1.04);
  transition: transform .25s ease;
}

.product-card .product-price strong {
  background: linear-gradient(90deg, var(--primary), var(--accent));
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

.cta-band {
  background: linear-gradient(120deg, rgba(37, 99, 235, .08), rgba(14, 165, 233, .10));
}

.section-head h2::before {
  content: "";
  display: inline-block;
  width: 4px;
  height: 16px;
  margin-right: 9px;
  border-radius: 2px;
  background: linear-gradient(var(--primary), var(--accent));
  vertical-align: -2px;
}

.badge-soft {
  background: rgba(37, 99, 235, .1);
}

.pay-method:has(input:checked) {
  background: rgba(37, 99, 235, .07);
}

@media (max-width: 980px) {
  .hero { padding-left: 22px; padding-right: 22px; }
}