/* ============ 玄机阁 · 环境视频层（Seedance 生成，2026-10-30） ============ */
.hero-ambient { position: relative; overflow: hidden; }
.hero-ambient .hero-inner { position: relative; z-index: 1; }
.hero-bg { position: absolute; inset: 0; z-index: 0; pointer-events: none; }
.hero-video { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: 65% 50%; opacity: 0; transition: opacity 1.2s ease; }
.hero-video.ready { opacity: 0.85; }
.hero-bg .hero-veil { position: absolute; inset: 0; background:
  linear-gradient(90deg, rgba(14,18,32,0.92) 0%, rgba(14,18,32,0.75) 42%, rgba(14,18,32,0.25) 75%, rgba(14,18,32,0.6) 100%),
  linear-gradient(180deg, rgba(14,18,32,0.55) 0%, rgba(14,18,32,0) 30%, rgba(14,18,32,0) 70%, var(--ink) 100%); }
/* 海报先行：视频未就绪时也有画面 */
.hero-video[poster] { background: url("../media/hero-poster.jpg") center / cover no-repeat; opacity: 0.85; }
.hero-video.ready[poster] { background: none; }

/* 命书推演：视频铺底，太极与进度条浮在上面 */
.zw-ai-progress-video { position: relative; overflow: hidden; border-radius: 12px; padding: 28px 12px 18px; margin: 4px 0 10px; isolation: isolate; }
.zw-ai-progress-video .zw-ai-video { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; z-index: -2; opacity: 0.9; }
.zw-ai-progress-video::before { content: ""; position: absolute; inset: 0; z-index: -1; background: radial-gradient(ellipse at center, rgba(14,18,32,0) 30%, rgba(14,18,32,0.85) 100%); }
.zw-ai-progress-video .zw-ai-orb { background: rgba(14,18,32,0.55); backdrop-filter: blur(2px); }
.zw-ai-progress-video p { text-shadow: 0 1px 8px rgba(0,0,0,0.8); color: var(--text); }

@media (max-width: 720px), (prefers-reduced-motion: reduce) {
  .hero-video { display: none; }
  .hero-bg { background: url("../media/hero-poster.jpg") 65% 50% / cover no-repeat; }
  .zw-ai-progress-video .zw-ai-video { display: none; }
  .zw-ai-progress-video { background: url("../media/oracle-poster.jpg") center / cover no-repeat; }
}