/* 默认保持普通文档；图形就绪后才增加场景行程，降级和减少动态没有长空白。 */
#page-home .home-journey-track { display: contents; }

body[data-home-journey="ready"] #page-home .home-journey-track {
  display: flow-root;
  position: relative;
  height: var(--journey-track-height, auto);
  isolation: isolate;
  /* 横向入场不扩宽页面；clip 不会建立干扰 sticky 的滚动容器。 */
  overflow-x: clip;
  overflow-y: visible;
}

/* 章节间保留透明海面，让连续镜头和下一段文字有出现的空间。 */
body[data-home-journey="ready"] #page-home .home-journey-track + .home-journey-track {
  margin-top: clamp(130px, 24vh, 270px);
}

body[data-home-journey="ready"] #page-home .home-journey-panel {
  position: sticky;
  top: var(--journey-sticky-top, 96px);
  margin-block: 0;
  opacity: var(--journey-opacity, 1);
  /* 进度直接跟随原生滚动，反向滚动不会等待上一轮渐显动画结束。 */
  transition: none;
}

/* 只变换原有内容容器，卡片的玻璃背景、尺寸与排版仍跟随原样式。 */
body[data-home-journey="ready"] #page-home .home-journey-layer {
  transform: var(--journey-layer-transform, none);
  opacity: var(--journey-layer-opacity, 1);
  transform-origin: 50% 50%;
  transition: none;
}

body[data-home-journey="ready"] #page-home .hero-copy.home-journey-layer {
  transform-origin: 0 52%;
}

body[data-home-journey="ready"] #page-home .knowledge-section .home-journey-layer {
  transform-origin: 35% 50%;
}

body[data-home-journey="ready"] #page-home .notes-column.home-journey-layer {
  transform-origin: 100% 45%;
}

body[data-home-journey="ready"] #page-home .bookmarks-column.home-journey-layer {
  transform-origin: 0 55%;
}

/* 首屏继续使用原云景与玻璃底栏，整段停留不改变内部内容排版。 */
body[data-home-journey="ready"] #page-home .home-journey-panel.light-hero {
  border-bottom-color: transparent;
}

body[data-home-journey="ready"] #page-home .home-journey-panel[data-journey-visible="false"] {
  pointer-events: none;
}

/* 键盘跳至链接时立即显示所属整段；透明动画不会把焦点藏起来。 */
body[data-home-journey="ready"] #page-home .home-journey-panel:has(:focus-visible) {
  opacity: 1;
  transform: none;
  pointer-events: auto;
}

body[data-home-journey="ready"] #page-home .home-journey-panel:has(:focus-visible) .home-journey-layer {
  transform: none;
  opacity: 1;
}

@media (max-width: 700px) {
  body[data-home-journey="ready"] #page-home .home-journey-track + .home-journey-track {
    margin-top: clamp(78px, 15vh, 145px);
  }
}

/* 无动画模式与打印直接恢复文档流，所有文字、按钮和书签保持可读。 */
@media (prefers-reduced-motion: reduce), print {
  body[data-home-journey="ready"] #page-home .home-journey-track {
    display: contents;
    height: auto;
    margin: 0;
  }
  body[data-home-journey="ready"] #page-home .home-journey-panel {
    position: relative;
    top: auto;
    opacity: 1;
    transform: none;
    pointer-events: auto;
  }
  body[data-home-journey="ready"] #page-home .home-journey-layer {
    transform: none;
    opacity: 1;
    transition: none;
  }
}