.solutions-hero {
  min-height:min(72svh,680px);
  border-bottom:1px solid var(--line-1);
}

.solutions-hero__layout {
  display:grid;
  align-items:center;
  gap:var(--sp-12);
}

.solutions-hero__eyebrow {
  display:inline-block;
  margin-bottom:var(--sp-4);
  color:var(--teal-300);
  font:var(--fs-xs) var(--font-num);
}

/* Keep the industry labels intact at narrow/intermediate widths. Without
   this, browser line breaking can split "代理商" or "零售店铺" in half. */
.solutions-hero h1 {
  word-break:keep-all;
}

.solutions-channel {
  position:relative;
  margin:0;
  padding:var(--sp-3);
  border:1px solid var(--line-brand);
  border-radius:var(--r-lg);
  background:var(--bg-1);
  box-shadow:var(--shadow-3);
}

.solutions-channel img {
  width:100%;
  border-radius:var(--r-sm);
}

.solutions-channel__flows {
  display:flex;
  margin-top:var(--sp-3);
  justify-content:center;
  gap:var(--sp-2);
}

.solutions-channel__flows span,
.solution-modules li {
  padding:var(--sp-1) var(--sp-3);
  border:1px solid var(--line-2);
  border-radius:var(--r-pill);
  color:var(--brand-300);
  font-size:var(--fs-xs);
}

.solutions-anchornav ul {
  scroll-behavior:smooth;
}

.solution-scene {
  scroll-margin-top:calc(var(--nav-h) + var(--sp-16));
}

.solution-scene__grid {
  display:grid;
  gap:var(--sp-6);
}

/* 场景示意图：外框由 .shot 提供。宽度与同节文字块左右对齐、撑满内容宽度。 */
.solution-scene__figure {
  width:100%;
}

.solution-day,
.solution-closing {
  margin:0;
  padding:var(--sp-6);
}

.solution-day {
  border-left:2px solid var(--gold-400);
  background:var(--bg-2);
}

.solution-day h3,
.solution-answer h3,
.solution-modules h3 {
  margin-bottom:var(--sp-3);
  font-size:var(--fs-h4);
}

.solution-day p,
.solution-answer p {
  margin:0;
  color:var(--fg-2);
}

.solution-modules {
  padding-top:var(--sp-5);
  border-top:1px solid var(--line-1);
}

.solution-modules ul {
  display:flex;
  margin:0;
  padding:0;
  flex-wrap:wrap;
  gap:var(--sp-2);
  list-style:none;
}

.solution-closing {
  border-top:1px solid var(--line-gold);
}

.solution-closing p {
  margin:0;
  font-size:var(--fs-lead);
  font-weight:var(--fw-bold);
}

@media (min-width:900px) {
  .solutions-hero__layout {
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .solution-scene__grid {
    grid-template-columns:minmax(260px,4fr) minmax(0,8fr);
    gap:var(--sp-8);
  }
  /* 场景示意图横跨两列，作为这一段的开场；文字块继续走两栏。 */
  .solution-scene__figure {
    grid-column:1 / -1;
  }
  .solution-modules,
  .solution-closing {
    grid-column:2;
  }
}

@media (min-width:640px) and (max-width:759px) {
  .solutions-hero .solutions-channel {
    width: min(100%,520px);
    margin-inline:auto;
  }
}

@media (prefers-reduced-motion:reduce) {
  .solutions-anchornav ul {
    scroll-behavior:auto;
  }
}