/* P7: tighter first-screen handoff and quieter chapter orientation. */
@media (min-width: 901px) {
  #app .home-page > .hero {
    min-height: clamp(660px, calc(100svh - 300px), 820px);
  }

  #app .home-page > .yz-home-tech {
    padding-bottom: 54px;
  }

  #app .home-page .updates-section {
    min-height: 820px;
    padding-top: 88px;
    padding-bottom: 80px;
  }

  #app .detail-page:has(.detail-content:not(.yizhen-model-tiers)) .detail-hero {
    min-height: 590px;
    padding-top: 58px;
    padding-bottom: 30px;
  }

  #app .detail-page:has(.detail-content:not(.yizhen-model-tiers)) .detail-content {
    margin-top: 34px;
  }
}

.ezen-chapter-cue {
  position: fixed;
  z-index: 80;
  right: max(26px, calc((100vw - 1770px) / 2));
  bottom: 32px;
  box-sizing: border-box;
  width: 172px;
  padding: 11px 14px 12px;
  border: 1px solid rgba(120, 160, 215, .35);
  border-radius: 14px;
  background: rgba(250, 253, 255, .87);
  box-shadow: 0 14px 38px rgba(29, 68, 126, .12);
  color: #163b75;
  opacity: 0;
  pointer-events: none;
  transform: translateY(10px);
  transition: opacity .25s ease, transform .25s ease;
  -webkit-backdrop-filter: blur(14px);
  backdrop-filter: blur(14px);
}

.ezen-chapter-cue.is-visible { opacity: 1; transform: translateY(0); }
.ezen-chapter-cue[data-tone="dark"] { background: rgba(10, 27, 57, .83); border-color: rgba(140, 181, 236, .25); color: #f4f8ff; }
.ezen-chapter-cue__label { color: #5585c6; display: block; font-size: 10px; font-weight: 750; letter-spacing: .12em; }
.ezen-chapter-cue__name { display: block; margin-top: 3px; font-size: 13px; font-weight: 750; line-height: 1.4; }
.ezen-chapter-cue__track { display: block; height: 2px; margin-top: 9px; border-radius: 2px; background: rgba(52, 118, 207, .15); overflow: hidden; }
.ezen-chapter-cue__track > i { display: block; width: 100%; height: 100%; transform-origin: left; background: linear-gradient(90deg, #1689ed, #7767ed); transform: scaleX(var(--chapter-progress, 0)); }

@media (max-width: 900px) {
  .ezen-chapter-cue { display: none; }
}

@media (prefers-reduced-motion: reduce) {
  .ezen-chapter-cue { transition: none; }
}