/* 四项产品动效独立加载；原图、灯箱以及无脚本的静态内容保持可用。 */
.home-page .lp-hero-depth { position: relative; width: min(1110px, 100%); margin: 0 auto; }
.home-page .lp-overview { padding-bottom: 18px; }
.home-page .lp-overview h2 { margin-bottom: 16px; }
/* sticky的父容器覆盖全部产品章节；正文单独成列，侧栏不会压在案例图上。 */
.home-page { --lp-nav-clearance: 64px; }
.home-page .lp-product-content { min-width: 0; }
.home-page .lp-feature-nav { position: sticky; z-index: 9; top: calc(var(--lp-header-height, 78px) + 8px); display: flex; flex-wrap: nowrap; gap: 3px; width: fit-content; max-width: calc(100% - 24px); margin: 0 auto 32px; padding: 6px; border: 1px solid #e5dcef; border-radius: 13px; background: #fcfbfe; box-shadow: 0 7px 24px #3921520c; }
.home-page .lp-feature-nav a { position: relative; overflow: hidden; flex-shrink: 0; align-items: center; gap: 9px; min-height: 42px; padding: 10px 12px; border-color: transparent; background: transparent; color: #746680; }
.home-page .lp-feature-nav .lp-nav-number { flex: 0 0 auto; color: #a08cb9; }
.home-page .lp-feature-nav .lp-nav-copy { min-width: 0; color: inherit; text-align: left; }
.home-page .lp-feature-nav .lp-nav-name { color: inherit; font-size: 12px; font-weight: 500; line-height: 1.35; white-space: nowrap; }
.home-page .lp-feature-nav .lp-nav-value { display: none; }
.home-page .lp-feature-nav .lp-nav-short { display: none; }
.home-page .lp-feature-nav a::after { position: absolute; right: 10px; bottom: 3px; left: 10px; height: 2px; background: #9470dc; transform: scaleX(var(--lp-section-progress, 0)); transform-origin: left; content: ""; }
.home-page .lp-feature-nav a[aria-current="location"] { background: #ede5fb; color: #6738bc; }
.home-page .lp-feature-nav a[aria-current="location"] .lp-nav-number { color: #6738bc; }
.home-page .lp-chapter-current .lp-feature-label > span { text-shadow: 0 0 15px #ab79f580; }
.home-page .lp-chapter-current .lp-feature-label > span::after { display: block; height: 2px; margin-top: 3px; background: currentColor; transform: scaleX(var(--lp-section-progress, 0)); transform-origin: left; content: ""; }
/* 无脚本时也避开页头和横导航；脚本加载后使用实际高度，侧栏模式不占顶部空间。 */
.home-page :is(.lp-review, .lp-leads, .lp-card, .lp-assets) { scroll-margin-top: calc(var(--lp-header-height, 78px) + var(--lp-nav-clearance) + 20px); }
.home-page.lp-showcase-ready :is(.lp-review, .lp-leads, .lp-card, .lp-assets) { scroll-margin-top: var(--lp-anchor-offset, calc(var(--lp-header-height, 78px) + var(--lp-nav-clearance) + 20px)); }
.home-page .lp-demo-frame { position: relative; display: block; container-type: inline-size; }
.home-page .lp-demo-frame img { display: block; }
.home-page :is(.lp-review-focus, .lp-review-keyword, .lp-leads-animation) { display: none; pointer-events: none; }
.home-page .lp-sequence figcaption { display: flex; min-height: 35px; align-items: center; justify-content: space-between; gap: 12px; }
.home-page .lp-sequence figcaption > span { margin-left: auto; }
.home-page .lp-demo-replay { border: 0; padding: 4px 0; background: transparent; color: #755797; font: inherit; cursor: pointer; }
.home-page .lp-demo-replay[hidden] { display: none; }
.home-page .lp-review .lp-demo-replay { color: #cbb0f2; }
.home-page .lp-demo-replay:hover { text-decoration: underline; text-underline-offset: 3px; }

/* 与脚本的sideNav媒体查询保持一致；矮窗口退回单行导航，避免侧栏超出可用高度。 */
@media screen and (min-width: 1360px) and (min-height: 560px) {
  .home-page { --lp-nav-clearance: 0px; }
  /* 导航在左、正文在右，与DOM阅读和键盘顺序一致；总宽按导航120px、间距24px和正文上限1320px收口。 */
  .home-page .lp-product-layout { display: grid; grid-template-columns: 120px minmax(0, 1320px); gap: 24px; width: min(1464px, calc(100% - 80px)); margin-inline: auto; }
  .home-page .lp-product-content { grid-column: 2; grid-row: 1; }
  /* 提前留出退场距离，避免页尾时导航背景在固定页头下残留一截。 */
  .home-page .lp-feature-nav { grid-column: 1; grid-row: 1; align-self: start; flex-direction: column; align-items: stretch; gap: 6px; top: max(calc(var(--lp-header-height, 78px) + 24px), calc(50vh - 140px)); width: 120px; max-width: none; margin: 0 0 24px; padding: 10px 0 10px 12px; border: 0; border-left: 1px solid #e5dcef; border-radius: 0; background: transparent; box-shadow: none; }
  .home-page .lp-feature-nav a { min-height: 44px; gap: 8px; padding-inline: 9px; border-radius: 9px; }
  .home-page .lp-feature-nav .lp-nav-name { font-size: 13px; }
  .home-page .lp-feature-nav a::after { right: auto; top: 12px; bottom: 12px; left: 0; width: 2px; height: auto; transform: scaleY(var(--lp-section-progress, 0)); transform-origin: top; }
  .home-page .lp-product-content > .lp-review { width: 100%; }
}

@media screen and (prefers-reduced-motion: no-preference) {
  /* 透视施加在外层，避免覆盖原展台入场和图片裁掉左侧菜单的 transform。 */
  .home-page.lp-showcase-motion .lp-hero-depth { transform: perspective(1600px) rotateX(var(--lp-hero-angle, 7deg)) scale(var(--lp-hero-scale, .965)); transform-origin: 50% 5%; }
  .home-page.lp-showcase-motion .lp-hero-depth::before { position: absolute; z-index: -1; inset: -14% -15% -5%; border-radius: 50%; background: radial-gradient(ellipse, #a778ee42, #c3a8e71a 44%, transparent 70%); transform: scale(var(--lp-hero-glow, 1.12)); pointer-events: none; content: ""; }
  .home-page.lp-showcase-motion .lp-sequence[data-demo-ready] .lp-demo-frame { transform: scale(var(--lp-demo-scale, 1)); transform-origin: var(--lp-demo-origin, 57% 55%); transition: transform 700ms cubic-bezier(.2,.7,.2,1); }
  /* 第一镜头展示整场数据背景，具体顾虑由后续用户原话支撑。 */
  .home-page.lp-showcase-motion [data-demo="review"][data-demo-step="1"] { --lp-demo-scale: 1.16; --lp-demo-origin: 57% 14%; }
  .home-page.lp-showcase-motion [data-demo="review"][data-demo-step="2"] { --lp-demo-scale: 1.2; --lp-demo-origin: 35% 65%; }
  .home-page.lp-showcase-motion [data-demo="review"][data-demo-step="3"] { --lp-demo-scale: 1.22; --lp-demo-origin: 36% 30%; }
  .home-page.lp-showcase-motion [data-demo="review"][data-demo-step="4"] { --lp-demo-scale: 1.2; --lp-demo-origin: 40% 41%; }
  .home-page.lp-showcase-motion [data-demo-ready] .lp-review-focus { display: block; position: absolute; border: 1.5px solid #9567ed; border-radius: 5px; opacity: 0; box-shadow: 0 0 0 2px #c9a9ff38, 0 0 20px #9e70ed26; transition: opacity 450ms ease; }
  /* 原产品截图1600×960：顶部数据不代表具体顾虑的占比；换图须重测坐标。 */
  .home-page .lp-focus-data { left: 15.3%; top: 9.9%; width: 82.9%; height: 8.2%; }
  .home-page .lp-focus-proof { left: 19.1%; top: 52%; width: 78%; height: 24.9%; }
  .home-page .lp-focus-conclusion { left: 15.3%; top: 27.7%; width: 82.9%; height: 6.1%; }
  .home-page .lp-focus-advice { left: 19.1%; top: 34.7%; width: 78%; height: 11.3%; }
  .home-page.lp-showcase-motion [data-demo="review"][data-demo-step="1"] .lp-focus-data,
  .home-page.lp-showcase-motion [data-demo="review"][data-demo-step="2"] .lp-focus-proof,
  .home-page.lp-showcase-motion [data-demo="review"][data-demo-step="3"] .lp-focus-conclusion,
  .home-page.lp-showcase-motion [data-demo="review"][data-demo-step="4"] .lp-focus-advice { opacity: 1; }
  .home-page.lp-showcase-motion [data-demo-ready] .lp-review-keyword { display: block; position: absolute; background: #b58bec38; border-bottom: 2px solid #9c6ae0; opacity: 0; transition: opacity 450ms ease; }
  /* 原生DOM量得：独立开关提问(680,619)、不在场结论(568,285)。 */
  .home-page .lp-keyword-proof { left: 42.5%; top: 64.4%; width: 8.2%; height: 2.1%; }
  .home-page .lp-keyword-conclusion { left: 35.5%; top: 29.7%; width: 13.8%; height: 2.9%; }
  .home-page.lp-showcase-motion [data-demo="review"][data-demo-step="2"] .lp-keyword-proof,
  .home-page.lp-showcase-motion [data-demo="review"][data-demo-step="3"] .lp-keyword-conclusion { opacity: 1; }
  /* 覆盖的仅是案例原有勾选框、计数和按钮；不改变用户、状态、原话或任何经营数据。 */
  .home-page.lp-showcase-motion [data-demo="leads"][data-demo-ready] .lp-leads-animation { display: block; position: absolute; inset: 0; }
  .home-page .lp-demo-check { position: absolute; z-index: 2; left: 15.99%; width: 1.55%; height: 2.45%; background: #fff; }
  .home-page .lp-demo-check::before { position: absolute; inset: 20%; border: 1px solid #89868e; border-radius: 1px; background: #fff; content: ""; }
  .home-page .lp-demo-check::after { position: absolute; top: 30%; left: 33%; width: 36%; height: 25%; border-bottom: 1.5px solid #fff; border-left: 1.5px solid #fff; transform: rotate(-45deg) scale(0); content: ""; transition: transform 220ms ease; }
  .home-page .lp-check-all { top: 18.8%; }
  .home-page .lp-check-one { top: 32.25%; }
  .home-page .lp-check-two { top: 44.45%; }
  .home-page .lp-check-three { top: 56.65%; }
  .home-page .lp-demo-check.is-selected::before { border-color: #8053cf; background: #8053cf; }
  .home-page .lp-demo-check.is-selected::after { transform: rotate(-45deg) scale(1); }
  .home-page .lp-check-all.is-selected::after { left: 32%; top: 42%; width: 36%; height: 0; border-left: 0; transform: none; }
  .home-page .lp-demo-count { position: absolute; z-index: 2; left: 26.25%; top: 18.55%; display: flex; align-items: center; justify-content: center; gap: .18cqw; width: 3.9%; height: 2.9%; background: #fff; color: #8053cf; font-size: .8cqw; font-weight: 600; white-space: nowrap; }
  .home-page .lp-demo-row { position: absolute; left: 15.3%; width: 82.9%; height: 12.15%; border-left: 2px solid #9d72e2; background: #8e60d40a; opacity: 0; transition: opacity 350ms ease; }
  .home-page .lp-row-one { top: 30.1%; }
  .home-page .lp-row-two { top: 42.25%; }
  .home-page .lp-row-three { top: 54.4%; }
  .home-page .lp-demo-row.is-selected { opacity: 1; }
  .home-page .lp-demo-batch { position: absolute; z-index: 2; left: 91.8%; top: 18%; display: grid; width: 5.6%; height: 4.1%; place-items: center; border-radius: .6cqw; background: #e5dfed; color: #9586a7; font-size: .83cqw; font-weight: 600; white-space: nowrap; transition: background 350ms ease, color 350ms ease, box-shadow 350ms ease; }
  .home-page [data-demo="leads"][data-demo-step]:not([data-demo-step="0"]) .lp-demo-batch { background: #8053cf; color: #fff; }
  .home-page [data-demo="leads"][data-demo-step="4"] .lp-demo-batch,
  .home-page [data-demo="leads"][data-demo-step="5"] .lp-demo-batch { box-shadow: 0 0 0 .35cqw #a67ae530, 0 0 2cqw #a67ae560; }
  .home-page [data-demo="leads"][data-demo-step="4"] .lp-demo-batch { animation: lp-batch-ready 1000ms ease-out; }
  .home-page.lp-showcase-paused .lp-sequence *, .home-page .lp-sequence.lp-demo-offscreen * { animation-play-state: paused !important; }
}

@media (max-width: 760px) {
  /* 五项短名始终可见；文字放大只在导航内横滚，避免两行导航遮住正文。 */
  .home-page .lp-feature-nav { justify-content: flex-start; gap: 2px; overflow-x: auto; margin-bottom: 24px; }
  .home-page .lp-feature-nav a { flex-shrink: 0; gap: 5px; padding: 10px 6px; min-height: 40px; white-space: nowrap; }
  .home-page .lp-feature-nav .lp-nav-copy { display: none; }
  .home-page .lp-feature-nav .lp-nav-short { display: inline; color: inherit; font-size: 11px; }
  .home-page .lp-sequence figcaption { min-height: 40px; padding-inline: 8px; font-size: 11px; }
  .home-page .lp-demo-replay { min-height: 36px; }
  /* 手机只裁展示层，覆盖层和原图仍在同一坐标系；放大保持完整界面。 */
  .home-page [data-demo="review"] .lp-demo-frame { width: 115.61%; margin-left: -15.61%; }
  .home-page [data-demo="leads"] .lp-demo-frame { width: 117.14%; margin-left: -17.14%; }
}

@media screen and (prefers-reduced-motion: no-preference) and (max-width: 760px) {
  .home-page.lp-showcase-motion .lp-hero-depth { transform: none; }
  .home-page.lp-showcase-motion [data-demo="review"][data-demo-step="1"] { --lp-demo-scale: 1.3; --lp-demo-origin: 43% 14%; }
  .home-page.lp-showcase-motion [data-demo="review"][data-demo-step="2"] { --lp-demo-scale: 1.65; --lp-demo-origin: 23% 64%; }
  .home-page.lp-showcase-motion [data-demo="review"][data-demo-step="3"] { --lp-demo-scale: 2; --lp-demo-origin: 20% 31.5%; }
  /* 手机保留原话和行动开头；全场数据不能当作具体顾虑的发生率。 */
  .home-page.lp-showcase-motion [data-demo="review"][data-demo-step="4"] { --lp-demo-scale: 1.65; --lp-demo-origin: 22% 38.5%; }
}

@media print {
  .home-page .lp-product-layout { display: block; width: auto; }
  .home-page .lp-feature-nav { position: static; }
  .home-page .lp-demo-replay { display: none; }
}

@keyframes lp-batch-ready { 0% { box-shadow: 0 0 0 0 #a67ae580; } 70%, 100% { box-shadow: 0 0 0 1.3cqw #a67ae500, 0 0 2cqw #a67ae560; } }