/* 商家与合作页：稳重暖调，与首页同一令牌体系，略深以区分 B 端 */
.hm-merchant-hero {
  padding: calc(var(--hm-header-h) + var(--hm-space-2xl)) var(--hm-space-lg) var(--hm-space-2xl);
  background: linear-gradient(165deg, var(--hm-dark) 0%, #5c3d32 38%, var(--hm-primary-dark) 72%, var(--hm-primary) 100%);
  color: #fff;
}

.hm-merchant-hero h1 {
  color: #fff;
  max-width: 18ch;
}

.hm-merchant-hero .hm-lead {
  opacity: 0.85;
  max-width: 42ch;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.9;
}

.hm-audience-banner {
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.18);
  border-radius: var(--hm-radius);
  padding: var(--hm-space-md) var(--hm-space-lg);
  margin-top: var(--hm-space-xl);
  font-size: 0.95rem;
  line-height: 1.6;
}

.hm-merchant-grid {
  max-width: var(--hm-max);
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--hm-space-2xl);
  align-items: start;
}

@media (max-width: 900px) {
  .hm-merchant-grid {
    grid-template-columns: 1fr;
  }
}

.hm-value-list {
  list-style: none;
  padding: 0;
  margin: var(--hm-space-lg) 0 0;
}

.hm-value-list li {
  padding: var(--hm-space-md) 0;
  border-bottom: 1px solid var(--hm-divider);
  padding-left: 32px;
  position: relative;
}

.hm-value-list li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 1.15em;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: var(--hm-primary);
}