/* 澳洋数字改版演示 — 对外宣传向图层，本地样式，无外链
   叠在 style.css 之后。首页用新的剧场类名，避免和旧版 .hero/.bento/.mag 缠在一起。 */

:root{
  --film: #070E18;
  --film-2: #0B1F3A;
  --beam: rgba(0, 80, 180, 0.55);
  --amber-glow: rgba(232, 176, 86, 0.55);
  --mint-glow: rgba(120, 210, 196, 0.45);
  --title: #F3F6FB;
  --film-max: 1320px;
}

/* 首页整卷按品牌影片走，不再是浅底说明书 */
html[data-theme="scene"] body.is-film{
  background: var(--film);
  color: #D5DEE8;
}

html[data-theme="scene"] body.is-film .site-header{
  background: linear-gradient(180deg, rgba(7, 14, 24, 0.88), rgba(7, 14, 24, 0.38) 70%, transparent);
  border-bottom-color: transparent;
  box-shadow: none;
}
html[data-theme="scene"] body.is-film .site-header.is-scrolled{
  background: rgba(7, 14, 24, 0.92);
  border-bottom-color: rgba(139, 184, 232, 0.12);
  backdrop-filter: blur(16px);
}

/* ========== 1. 满幅剧场首屏：海报标题 + 可感知的现场，不再「左大字右看板」 ========== */
html[data-theme="scene"] .film-hero{
  position: relative;
  min-height: calc(100vh - var(--rail-h) - var(--header-h));
  min-height: calc(100dvh - var(--rail-h) - var(--header-h));
  background: var(--film);
  color: var(--title);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding: 12px 0 0;
}
html[data-theme="scene"] .film-hero .wrap-film{
  position: relative;
  z-index: 3;
  width: min(var(--film-max), calc(100% - 48px));
  margin: 0 auto;
  padding-bottom: 28px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 16px 32px;
  align-items: end;
}

html[data-theme="scene"] .film-scene{
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  overflow: hidden;
  background:
    radial-gradient(800px 480px at 18% 14%, rgba(0, 80, 180, 0.26), transparent 60%),
    radial-gradient(640px 520px at 22% 38%, rgba(232, 176, 86, 0.16), transparent 55%),
    radial-gradient(520px 420px at 78% 24%, rgba(80, 180, 170, 0.16), transparent 50%),
    linear-gradient(180deg, #0A1628 0%, #070E18 48%, #050910 100%);
}
html[data-theme="scene"] .film-scene canvas{
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  opacity: 0.55;
}
html[data-theme="scene"] .film-vignette{
  position: absolute;
  inset: 0;
  z-index: 2;
  background:
    linear-gradient(180deg, rgba(7, 14, 24, 0.12) 0%, transparent 20%, transparent 46%, rgba(7, 14, 24, 0.5) 74%, rgba(7, 14, 24, 0.9) 100%),
    linear-gradient(90deg, rgba(7, 14, 24, 0.42), transparent 24%, transparent 76%, rgba(7, 14, 24, 0.3));
}
html[data-theme="scene"] .film-grain{
  position: absolute;
  inset: -20%;
  z-index: 2;
  opacity: 0.07;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)' opacity='.85'/%3E%3C/svg%3E");
  background-size: 180px 180px;
  mix-blend-mode: overlay;
  pointer-events: none;
}

/* 现场气氛：左侧车间屋架与暖灯，右侧医院走廊透视，远处一条厂区道路 */
html[data-theme="scene"] .scene-svg{
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
html[data-theme="scene"] .lamp{
  fill: #E8B056;
  opacity: 0.55;
  filter: url(#lamp-blur);
}
html[data-theme="scene"] .lamp-core{ fill: #F8E2B0; opacity: 0.95; }
html[data-theme="scene"] .clinic-lamp{ fill: #9BE0D4; opacity: 0.5; filter: url(#lamp-blur); }
html[data-theme="scene"] .clinic-lamp-core{ fill: #C8F3EA; opacity: 0.95; }
html[data-theme="scene"] .scene-stroke{ fill: none; stroke: rgba(186, 206, 228, 0.3); stroke-width: 1.2; }
html[data-theme="scene"] .scene-stroke-soft{ fill: none; stroke: rgba(186, 206, 228, 0.18); stroke-width: 1; }
html[data-theme="scene"] .scene-fill{ fill: rgba(14, 28, 48, 0.5); stroke: rgba(186, 206, 228, 0.2); stroke-width: 1; }
html[data-theme="scene"] .bay-light{ fill: url(#warm-shaft); opacity: 0.58; }
html[data-theme="scene"] .hall-light{ fill: url(#mint-shaft); opacity: 0.48; }
html[data-theme="scene"] .q-ghost{
  font-family: var(--font-display), serif;
  font-size: 108px;
  fill: rgba(160, 230, 214, 0.1);
  text-anchor: middle;
}
html[data-theme="scene"] .q-board-num{
  font-family: var(--font-display), serif;
  font-size: 36px;
  fill: #E8FFF8;
  text-anchor: middle;
  font-weight: 700;
}
html[data-theme="scene"] .q-board-cap{
  font-family: var(--font), sans-serif;
  font-size: 11px;
  fill: rgba(200, 243, 234, 0.85);
  text-anchor: middle;
}
html[data-theme="scene"] .door-no{
  font-family: var(--font-display), serif;
  font-size: 13px;
  fill: rgba(200, 243, 234, 0.45);
  text-anchor: middle;
}
html[data-theme="scene"] .road-car{
  fill: #8BB8E8;
  filter: url(#lamp-blur);
}

html[data-theme="scene"] .film-copy{
  max-width: none;
  padding-bottom: 4px;
}
html[data-theme="scene"] .film-kicker{
  margin: 0 0 16px;
  font-size: 13px;
  letter-spacing: 0.22em;
  color: var(--brand-on-dark);
  text-transform: none;
}
html[data-theme="scene"] .film-lead{ margin: 0; }
html[data-theme="scene"] .film-lead-line{
  display: block;
  font-family: var(--font-display);
  font-weight: 700;
  font-size: clamp(28px, 4.2vw, 56px);
  line-height: 1.12;
  letter-spacing: -0.04em;
  color: #E8EEF5;
  white-space: nowrap;
}
html[data-theme="scene"] .film-comma{
  font-family: var(--font-display);
  font-weight: 700;
  color: rgba(232, 176, 86, 0.9);
  margin-left: 0.02em;
  text-shadow: 0 0 18px rgba(232, 176, 86, 0.45);
}
html[data-theme="scene"] .film-tag{
  margin: 16px 0 0;
  font-size: clamp(16px, 1.6vw, 20px);
  color: #B7C2D0;
  letter-spacing: 0.08em;
}
html[data-theme="scene"] .film-tag em{
  font-style: normal;
  color: #F3F6FB;
}
html[data-theme="scene"] .film-actions{
  display: flex;
  flex-wrap: wrap;
  gap: 10px 14px;
  align-items: center;
  margin-top: 26px;
}
html[data-theme="scene"] .film-hero .btn-primary{
  background: var(--brand);
  border-color: var(--brand);
  box-shadow: 0 0 0 1px rgba(139, 184, 232, 0.2), 0 10px 40px rgba(0, 80, 180, 0.35);
}
html[data-theme="scene"] .film-hero .btn-ghost{
  color: #F3F6FB;
  border-color: rgba(243, 246, 251, 0.35);
  background: transparent;
}
html[data-theme="scene"] .film-hero .btn-ghost:hover{
  background: #fff;
  color: var(--navy);
  border-color: #fff;
}
html[data-theme="scene"] .film-hero .hero-chat{
  color: #B7C2D0;
  margin-left: 4px;
  padding: 0;
  border: 0;
  background: none;
  letter-spacing: 0.06em;
}
html[data-theme="scene"] .film-hero .hero-chat:hover{ color: #fff; }

html[data-theme="scene"] .film-poster{
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-end;
  gap: 0;
  padding: 8px 0 4px 28px;
  border-left: 1px solid rgba(243, 246, 251, 0.22);
  user-select: none;
}
html[data-theme="scene"] .film-poster span{
  font-family: var(--font-display);
  font-weight: 700;
  font-size: clamp(68px, 13vh, 140px);
  line-height: 0.84;
  letter-spacing: -0.06em;
  color: #F7F9FC;
  text-shadow: 0 0 40px rgba(0, 80, 180, 0.4), 0 12px 40px rgba(0, 0, 0, 0.45);
}
html[data-theme="scene"] .film-poster span:nth-child(3),
html[data-theme="scene"] .film-poster span:nth-child(4){
  color: #E8F0FA;
  text-shadow: 0 0 36px rgba(0, 80, 180, 0.6), 0 10px 40px rgba(0, 0, 0, 0.45);
}
html[data-theme="scene"] .film-poster-glow{
  position: absolute;
  right: 6%;
  bottom: 10%;
  width: 300px;
  height: 460px;
  z-index: 1;
  background: radial-gradient(ellipse at 50% 50%, rgba(0, 80, 180, 0.36), transparent 68%);
  pointer-events: none;
  filter: blur(8px);
}

html[data-theme="scene"] .film-bottom{
  position: relative;
  z-index: 3;
  border-top: 1px solid rgba(139, 184, 232, 0.14);
  background: linear-gradient(180deg, rgba(7, 14, 24, 0.1), rgba(7, 14, 24, 0.78));
  padding: 12px 0 14px;
  margin-top: 12px;
}
html[data-theme="scene"] .film-bottom-inner{
  width: min(var(--film-max), calc(100% - 48px));
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  gap: 16px;
  align-items: center;
  font-size: 13px;
  letter-spacing: 0.08em;
  color: #8A93A0;
}
html[data-theme="scene"] .film-scroll{
  display: inline-flex;
  align-items: center;
  gap: 10px;
  color: #B7C2D0;
}
html[data-theme="scene"] .film-scroll i{
  display: block;
  width: 1px;
  height: 22px;
  background: linear-gradient(#8BB8E8, transparent);
  animation: scroll-pulse 2.4s ease-in-out infinite;
}
html[data-theme="scene"] .sr-only{
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

/* ========== 2. 出身记忆点：大字占屏，事实作题款，不再底部堆字 ========== */
html[data-theme="scene"] .origin-stage{
  position: relative;
  min-height: 100vh;
  background: var(--film);
  color: #E8EEF5;
  overflow: hidden;
  display: flex;
  align-items: center;
  padding: 80px 0 48px;
}
html[data-theme="scene"] .origin-split{
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    linear-gradient(90deg, #070E18 0%, #070E18 46%, #0C1628 100%);
}
html[data-theme="scene"] .origin-split::before{
  content: "";
  position: absolute;
  left: 52%;
  top: 0;
  bottom: 0;
  width: 1px;
  background: linear-gradient(180deg, transparent, rgba(139, 184, 232, 0.5) 18%, rgba(232, 176, 86, 0.55) 82%, transparent);
}
html[data-theme="scene"] .origin-split::after{
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  width: 48%;
  height: 100%;
  background:
    radial-gradient(600px 420px at 70% 40%, rgba(0, 80, 180, 0.22), transparent 70%),
    radial-gradient(400px 280px at 80% 80%, rgba(232, 176, 86, 0.1), transparent 70%);
}
html[data-theme="scene"] .origin-inner{
  width: min(var(--film-max), calc(100% - 48px));
  margin: 0 auto;
  position: relative;
  z-index: 1;
}
html[data-theme="scene"] .origin-kicker{
  margin: 0 0 22px;
  font-size: 13px;
  letter-spacing: 0.28em;
  color: var(--brand-on-dark);
}
html[data-theme="scene"] .origin-thesis{
  margin: 0 0 36px;
  font-family: var(--font-display);
  font-weight: 700;
  letter-spacing: -0.045em;
  color: #F4F7FB;
  max-width: none;
}
html[data-theme="scene"] .origin-thesis .is-mute{
  display: block;
  font-size: clamp(22px, 3vw, 36px);
  line-height: 1.25;
  color: #7E8896;
  margin-bottom: 10px;
  font-weight: 700;
  white-space: nowrap;
}
html[data-theme="scene"] .origin-thesis .is-turn{
  display: block;
  font-size: clamp(36px, 5.8vw, 80px);
  line-height: 1.08;
  color: #F7F9FC;
  text-shadow: 0 0 32px rgba(0, 80, 180, 0.35);
  margin-bottom: 6px;
  white-space: nowrap;
}
html[data-theme="scene"] .origin-thesis .is-key{
  display: block;
  font-size: clamp(32px, 5vw, 68px);
  line-height: 1.1;
  color: #F4F7FB;
  text-shadow: 0 0 36px rgba(0, 80, 180, 0.45);
  white-space: nowrap;
}
html[data-theme="scene"] .origin-bridge{
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  gap: 16px 28px;
  align-items: center;
  margin: 8px 0 28px;
  padding: 8px 0 4px;
}
html[data-theme="scene"] .origin-end{
  font-family: var(--font-display);
  font-weight: 700;
  font-size: clamp(22px, 2.8vw, 36px);
  line-height: 1.25;
  letter-spacing: -0.03em;
}
html[data-theme="scene"] .origin-end.is-from{ color: #9AA6B4; text-align: right; }
html[data-theme="scene"] .origin-end.is-to{ color: #F4F7FB; }
html[data-theme="scene"] .origin-end small{
  display: block;
  margin-top: 8px;
  font-family: var(--font);
  font-weight: 400;
  font-size: 14px;
  letter-spacing: 0.04em;
  color: #8A93A0;
}
html[data-theme="scene"] .origin-beam{
  position: relative;
  width: 96px;
  height: 2px;
  background: linear-gradient(90deg, rgba(139, 184, 232, 0.15), #8BB8E8, rgba(232, 176, 86, 0.9));
  box-shadow: 0 0 22px rgba(139, 184, 232, 0.85);
}
html[data-theme="scene"] .origin-beam::after{
  content: "";
  position: absolute;
  right: -3px;
  top: -5px;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #E8B056;
  box-shadow: 0 0 18px #E8B056;
}
html[data-theme="scene"] .origin-whisper{
  margin: 0 0 28px;
  color: #8A93A0;
  font-size: 14px;
  letter-spacing: 0.04em;
}
html[data-theme="scene"] .origin-facts{
  list-style: none;
  margin: 0;
  padding: 22px 0 0;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px 24px;
  border-top: 1px solid rgba(139, 184, 232, 0.16);
}
html[data-theme="scene"] .origin-facts li{ margin: 0; }
html[data-theme="scene"] .origin-facts strong{
  display: block;
  font-family: var(--font-display);
  font-size: clamp(22px, 2.3vw, 32px);
  color: #F4F7FB;
  letter-spacing: -0.03em;
  font-weight: 700;
  line-height: 1.2;
  margin-bottom: 6px;
}
html[data-theme="scene"] .origin-facts span{
  display: block;
  font-size: 13px;
  color: #8A93A0;
  line-height: 1.5;
}
html[data-theme="scene"] .origin-links{
  margin-top: 24px;
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
}
html[data-theme="scene"] .origin-stage .btn-text{ color: var(--brand-on-dark); }
html[data-theme="scene"] .origin-stage .btn-text:hover{ color: #fff; }

/* ========== 3. 两个可走进的完成场景 + 车辆运输专章 ========== */
html[data-theme="scene"] .world-gates{
  display: grid;
  grid-template-columns: 1fr 1fr;
  min-height: 100vh;
  background: #050910;
  isolation: isolate;
}
html[data-theme="scene"] .world-gate{
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  min-height: calc(100vh - var(--header-h));
  padding: 48px 48px 72px;
  overflow: hidden;
  color: inherit;
  isolation: isolate;
}
html[data-theme="scene"] .world-gate:focus-within{ outline: 2px solid #fff; outline-offset: -8px; }
html[data-theme="scene"] .world-scene{
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
}
html[data-theme="scene"] .world-svg{
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}
html[data-theme="scene"] .world-gate::after{
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 52%;
  z-index: 1;
  pointer-events: none;
  background: linear-gradient(180deg, transparent 0%, rgba(0, 0, 0, 0.55) 48%, rgba(0, 0, 0, 0.88) 100%);
}
html[data-theme="scene"] .world-gate.is-plant{
  background:
    radial-gradient(560px 420px at 38% 18%, rgba(232, 176, 86, 0.16), transparent 60%),
    linear-gradient(180deg, #1C150C 0%, #120E0A 42%, #0A0806 100%);
  color: #F3E6C8;
  border-right: 1px solid rgba(0, 0, 0, 0.4);
}
html[data-theme="scene"] .world-gate.is-clinic{
  background:
    radial-gradient(560px 420px at 50% 12%, rgba(120, 210, 196, 0.16), transparent 60%),
    linear-gradient(180deg, #0C1A1C 0%, #0A1418 45%, #071114 100%);
  color: #D7F0EA;
}
html[data-theme="scene"] .world-copy{ position: relative; z-index: 2; max-width: 30em; }
html[data-theme="scene"] .world-enter{
  margin: 0 0 12px;
  font-size: 13px;
  letter-spacing: 0.28em;
  opacity: 0.85;
}
html[data-theme="scene"] .world-copy h2{
  margin: 0 0 16px;
  font-family: var(--font-display);
  font-weight: 700;
  font-size: clamp(40px, 5.2vw, 72px);
  letter-spacing: -0.04em;
  line-height: 1.04;
  color: #fff;
}
html[data-theme="scene"] .world-copy p{ margin: 0 0 20px; color: inherit; opacity: 0.88; max-width: 28em; }
html[data-theme="scene"] .world-chips{ display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 20px; }
html[data-theme="scene"] .world-chips a,
html[data-theme="scene"] .world-chips span{
  display: inline-block;
  padding: 4px 10px;
  border: 1px solid currentColor;
  border-radius: 999px;
  font-size: 12px;
  letter-spacing: 0.04em;
  opacity: 0.85;
}
html[data-theme="scene"] .world-chips a:hover{ background: rgba(255,255,255,0.12); }
html[data-theme="scene"] .world-go{
  font-size: 14px;
  letter-spacing: 0.12em;
  color: #fff;
}
html[data-theme="scene"] .world-gate:hover .world-go{ text-decoration: underline; }
html[data-theme="scene"] .world-gate.is-plant:hover .wp-bay{ opacity: 0.85; }
html[data-theme="scene"] .world-gate.is-clinic:hover .wc-board rect{ stroke: rgba(200, 243, 234, 0.8); }

html[data-theme="scene"] .road-film{
  position: relative;
  min-height: 68vh;
  background:
    radial-gradient(700px 300px at 70% 40%, rgba(0, 80, 180, 0.28), transparent 60%),
    linear-gradient(180deg, #070E18, #0B1F3A 50%, #070E18);
  color: #E8EEF5;
  overflow: hidden;
  display: flex;
  align-items: center;
  padding: 80px 0;
}
html[data-theme="scene"] .road-perspective{
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
}
html[data-theme="scene"] .road-perspective svg{
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}
html[data-theme="scene"] .road-inner{
  width: min(var(--film-max), calc(100% - 48px));
  margin: 0 auto;
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: minmax(0, 0.85fr) minmax(0, 1.15fr);
  gap: 40px 56px;
  align-items: center;
}
html[data-theme="scene"] .road-inner .kicker{
  margin: 0 0 12px;
  letter-spacing: 0.28em;
  font-size: 13px;
  color: var(--brand-on-dark);
}
html[data-theme="scene"] .road-inner h2{
  margin: 0 0 16px;
  font-family: var(--font-display);
  font-weight: 700;
  font-size: clamp(36px, 5vw, 64px);
  letter-spacing: -0.04em;
  color: #fff;
  line-height: 1.1;
}
html[data-theme="scene"] .road-inner p{ margin: 0 0 22px; color: #B7C2D0; max-width: 34em; }
html[data-theme="scene"] .road-links{ display: flex; flex-wrap: wrap; gap: 16px; align-items: center; }
html[data-theme="scene"] .road-film .btn-text{ color: var(--brand-on-dark); }
html[data-theme="scene"] .road-film .btn-text:hover{ color: #fff; }
html[data-theme="scene"] .road-prop .ui-gate{
  background: rgba(7, 14, 24, 0.55);
  border: 1px solid rgba(139, 184, 232, 0.18);
  box-shadow: var(--glow);
  backdrop-filter: blur(8px);
}

/* ========== 4. 案例宣传故事封面，不是卡片目录 ========== */
html[data-theme="scene"] .story-field{
  background: #050910;
  color: #E8EEF5;
  padding: 108px 0 80px;
}
html[data-theme="scene"] .story-field .section-top{
  width: min(var(--film-max), calc(100% - 48px));
  margin: 0 auto 48px;
}
html[data-theme="scene"] .story-field .section-top h2{
  margin: 0 0 14px;
  font-family: var(--font-display);
  font-weight: 700;
  font-size: clamp(36px, 5.2vw, 68px);
  letter-spacing: -0.04em;
  color: #F4F7FB;
  line-height: 1.1;
}
html[data-theme="scene"] .story-field .section-top p{
  margin: 0;
  max-width: 40em;
  color: #8A93A0;
}
html[data-theme="scene"] .story-stack{
  width: min(var(--film-max), calc(100% - 48px));
  margin: 0 auto;
  display: grid;
  gap: 16px;
}
html[data-theme="scene"] .story{
  position: relative;
  display: grid;
  text-decoration: none;
  color: inherit;
  overflow: hidden;
  isolation: isolate;
  min-height: 280px;
  border: 1px solid rgba(139, 184, 232, 0.12);
  background: #0B1524;
  transition: transform 0.45s ease, border-color 0.3s ease;
}
html[data-theme="scene"] .story:hover{ border-color: rgba(139, 184, 232, 0.4); transform: translateY(-3px); }
html[data-theme="scene"] .story:focus-visible{ outline: 2px solid var(--brand-on-dark); outline-offset: 3px; }
html[data-theme="scene"] .story-bg{
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
}
html[data-theme="scene"] .story-body{
  position: relative;
  z-index: 1;
  padding: 36px 36px 32px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  max-width: 36em;
}
html[data-theme="scene"] .story .kicker{ margin: 0 0 10px; letter-spacing: 0.2em; font-size: 12px; color: var(--brand-on-dark); }
html[data-theme="scene"] .story h3{
  margin: 0 0 12px;
  font-family: var(--font-display);
  font-weight: 700;
  font-size: clamp(28px, 3.2vw, 44px);
  letter-spacing: -0.03em;
  line-height: 1.15;
  color: #F4F7FB;
}
html[data-theme="scene"] .story p{ margin: 0 0 16px; color: #B7C2D0; font-size: 15px; }
html[data-theme="scene"] .story .btn-text{ color: #E8EEF5; }
html[data-theme="scene"] .story-prop{
  position: relative;
  z-index: 1;
  padding: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
}
html[data-theme="scene"] .story-prop .ui{
  width: 100%;
  max-width: 520px;
  box-shadow: var(--glow);
  background: rgba(7, 14, 24, 0.7);
  border-color: rgba(139, 184, 232, 0.16);
}
html[data-theme="scene"] .story-path{
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  gap: 0;
  margin: 0 0 16px;
  padding: 0;
  font-size: 13px;
  letter-spacing: 0.12em;
  color: #C9D6E8;
}
html[data-theme="scene"] .story-path li{
  display: inline-flex;
  align-items: center;
  gap: 0;
}
html[data-theme="scene"] .story-path li + li::before{
  content: "→";
  margin: 0 8px;
  color: rgba(139, 184, 232, 0.7);
}
html[data-theme="scene"] .story-cover-mark{
  position: absolute;
  right: 20px;
  top: 16px;
  z-index: 0;
  font-family: var(--font-display);
  font-weight: 700;
  font-size: clamp(72px, 10vw, 128px);
  line-height: 0.85;
  letter-spacing: -0.06em;
  color: rgba(255, 255, 255, 0.06);
  pointer-events: none;
  user-select: none;
}

/* 沙洲：满宽公路封面 */
html[data-theme="scene"] .story.is-shazhou{
  grid-template-columns: minmax(280px, 1.15fr) minmax(400px, 0.85fr);
  min-height: 440px;
  background:
    radial-gradient(700px 300px at 82% 16%, rgba(0, 80, 180, 0.34), transparent 60%),
    linear-gradient(180deg, #0B1F3A, #070E18);
}
html[data-theme="scene"] .story.is-shazhou .story-body{ grid-column: 1; grid-row: 1; }
html[data-theme="scene"] .story.is-shazhou .story-prop{ grid-column: 2; grid-row: 1; min-width: 0; }
html[data-theme="scene"] .story.is-shazhou .ui-gate{
  max-width: none;
  min-width: 0;
  width: 100%;
}
html[data-theme="scene"] .story.is-shazhou .gate-trips li{ grid-template-columns: 72px minmax(0, 1fr) auto; }
html[data-theme="scene"] .story.is-shazhou .gate-trips span{ white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
html[data-theme="scene"] .story.is-shazhou .story-bg{
  background:
    linear-gradient(90deg, #070E18 0%, transparent 50%),
    linear-gradient(180deg, transparent 40%, rgba(7, 14, 24, 0.35) 100%),
    repeating-linear-gradient(105deg, transparent 0 28px, rgba(139,184,232,0.045) 28px 29px);
}
html[data-theme="scene"] .story.is-shazhou .story-bg::after{
  content: "";
  position: absolute;
  left: 42%;
  right: -4%;
  bottom: -8%;
  height: 55%;
  background:
    linear-gradient(100deg, transparent 0%, rgba(0, 80, 180, 0.18) 30%, rgba(0, 80, 180, 0.05) 100%);
  clip-path: polygon(8% 100%, 46% 18%, 62% 18%, 100% 100%);
  opacity: 0.9;
}
html[data-theme="scene"] .story.is-shazhou h3{ font-size: clamp(32px, 4vw, 56px); }

/* 今久 / 人和 双海报封面 */
html[data-theme="scene"] .story-pair{
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
}
html[data-theme="scene"] .story.is-jinjiu,
html[data-theme="scene"] .story.is-renhe{
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  min-height: 0;
}
html[data-theme="scene"] .story.is-jinjiu .story-body,
html[data-theme="scene"] .story.is-renhe .story-body{
  order: 1;
  justify-content: flex-start;
  padding-bottom: 8px;
}
html[data-theme="scene"] .story.is-jinjiu .story-prop,
html[data-theme="scene"] .story.is-renhe .story-prop{
  order: 2;
  padding-top: 0;
  padding-bottom: 24px;
}
html[data-theme="scene"] .story.is-jinjiu{
  background:
    radial-gradient(480px 260px at 16% 0%, rgba(232, 176, 86, 0.22), transparent 60%),
    #120E0A;
}
html[data-theme="scene"] .story.is-renhe{
  background:
    radial-gradient(480px 260px at 84% 0%, rgba(0, 80, 180, 0.28), transparent 60%),
    #0A1220;
}
html[data-theme="scene"] .story.is-jinjiu h3,
html[data-theme="scene"] .story.is-renhe h3{ font-size: clamp(30px, 3.2vw, 44px); }

/* 其余五场：横条故事轴，各自有现场色温 */
html[data-theme="scene"] .story-reel{
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 12px;
}
html[data-theme="scene"] .story.is-mini{
  grid-template-columns: 1fr;
  min-height: 360px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
html[data-theme="scene"] .story.is-mini .story-body{ padding: 22px 20px 20px; max-width: none; }
html[data-theme="scene"] .story.is-mini h3{ font-size: 22px; }
html[data-theme="scene"] .story.is-mini p{ font-size: 13px; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; }
html[data-theme="scene"] .story.is-limonda{ background: linear-gradient(180deg, #24180C 0%, #0E0C0A 70%); }
html[data-theme="scene"] .story.is-dong{ background: linear-gradient(180deg, #102422 0%, #071114 70%); }
html[data-theme="scene"] .story.is-hosp{ background: linear-gradient(180deg, #12302A 0%, #071210 70%); }
html[data-theme="scene"] .story.is-luoyang{ background: linear-gradient(180deg, #1C1810 0%, #0C0B09 70%); }
html[data-theme="scene"] .story.is-grafana{ background: linear-gradient(180deg, #102038 0%, #070E18 70%); }
html[data-theme="scene"] .story.is-mini .story-mark{
  position: absolute;
  top: 22px;
  right: 16px;
  font-family: var(--font-display);
  font-size: 64px;
  color: rgba(255,255,255,0.07);
  letter-spacing: -0.05em;
  line-height: 1;
}
html[data-theme="scene"] .story.is-mini .story-bg::before{
  content: "";
  position: absolute;
  inset: 0 0 auto 0;
  height: 46%;
  pointer-events: none;
}
html[data-theme="scene"] .story.is-limonda .story-bg::before{
  background: radial-gradient(120px 80px at 30% 30%, rgba(232, 176, 86, 0.28), transparent 70%);
}
html[data-theme="scene"] .story.is-dong .story-bg::before,
html[data-theme="scene"] .story.is-hosp .story-bg::before{
  background: radial-gradient(140px 70px at 70% 20%, rgba(120, 210, 196, 0.22), transparent 70%);
}
html[data-theme="scene"] .story.is-luoyang .story-bg::before{
  background: radial-gradient(120px 80px at 50% 20%, rgba(232, 200, 140, 0.14), transparent 70%);
}
html[data-theme="scene"] .story.is-grafana .story-bg::before{
  background: radial-gradient(140px 80px at 60% 20%, rgba(0, 80, 180, 0.28), transparent 70%);
}

/* ========== 5. 八项产品：主次分明的现场能力，不是等宽目录 ========== */
html[data-theme="scene"] .tool-kit{
  background:
    linear-gradient(180deg, #070E18, #0B1524 40%, #0B1F3A);
  color: #E8EEF5;
  padding: 80px 0 80px;
  overflow: hidden;
}
html[data-theme="scene"] .tool-kit .section-top{
  width: min(var(--film-max), calc(100% - 48px));
  margin: 0 auto 28px;
  display: flex;
  justify-content: space-between;
  gap: 24px;
  align-items: end;
}
html[data-theme="scene"] .tool-kit h2{
  margin: 0;
  font-family: var(--font-display);
  font-weight: 700;
  font-size: clamp(36px, 5vw, 64px);
  letter-spacing: -0.04em;
  color: #F4F7FB;
  line-height: 1.1;
}
html[data-theme="scene"] .tool-kit .section-top p{ margin: 0; max-width: 28em; color: #8A93A0; }

html[data-theme="scene"] .kit-stage{
  width: min(var(--film-max), calc(100% - 48px));
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1.45fr 0.95fr 0.95fr;
  grid-template-areas:
    "mes mes wh"
    "queue spd storage"
    "rest rest rest";
  gap: 12px;
  align-items: stretch;
}
html[data-theme="scene"] .kit-card{
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  text-decoration: none;
  color: inherit;
  overflow: hidden;
  isolation: isolate;
  border: 1px solid rgba(255, 255, 255, 0.08);
  padding: 24px 24px 22px;
  min-height: 220px;
  transition: transform 0.35s ease, border-color 0.3s ease, box-shadow 0.35s ease;
}
html[data-theme="scene"] .kit-card:hover,
html[data-theme="scene"] .kit-card:focus-visible{
  transform: translateY(-4px);
  border-color: rgba(255, 255, 255, 0.28);
  box-shadow: 0 18px 40px rgba(0, 0, 0, 0.35);
  z-index: 2;
}
html[data-theme="scene"] .kit-scene{
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
}
html[data-theme="scene"] .kit-copy{ position: relative; z-index: 2; }
html[data-theme="scene"] .kit-cat{
  margin: 0 0 10px;
  font-size: 11px;
  letter-spacing: 0.2em;
  opacity: 0.7;
}
html[data-theme="scene"] .kit-card h3{
  margin: 0 0 10px;
  font-family: var(--font-display);
  font-weight: 700;
  letter-spacing: -0.03em;
  line-height: 1.15;
  color: #fff;
}
html[data-theme="scene"] .kit-card p{
  margin: 0 0 14px;
  font-size: 14px;
  line-height: 1.55;
  opacity: 0.84;
  max-width: 36em;
}
html[data-theme="scene"] .kit-card .btn-text{ color: inherit; font-size: 13px; position: relative; z-index: 2; }
html[data-theme="scene"] .kit-en{
  font-family: var(--font-display);
  margin-right: 0.28em;
  letter-spacing: 0;
  white-space: nowrap;
}
html[data-theme="scene"] .kit-cn{ white-space: nowrap; }
html[data-theme="scene"] .kit-card.is-compact h3{
  display: flex;
  align-items: baseline;
  flex-wrap: nowrap;
  gap: 0;
  font-size: 22px;
  white-space: nowrap;
}
html[data-theme="scene"] .kit-prop{
  position: relative;
  z-index: 1;
  margin-top: 16px;
  pointer-events: none;
}
html[data-theme="scene"] .kit-prop .ui{
  width: 100%;
  box-shadow: var(--glow);
  background: rgba(7, 14, 24, 0.55);
  border-color: rgba(255, 255, 255, 0.12);
}

/* MES 主海报：最大、最先被看见 */
html[data-theme="scene"] .kit-card.is-mes{
  grid-area: mes;
  min-height: 380px;
  display: grid;
  grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
  grid-template-rows: 1fr auto;
  gap: 8px 24px;
  align-items: end;
  padding: 28px 28px 26px;
  color: #F3E6C8;
  background:
    radial-gradient(500px 280px at 18% 0%, rgba(232, 176, 86, 0.28), transparent 60%),
    linear-gradient(180deg, #2A1C10, #120E0A);
}
html[data-theme="scene"] .kit-card.is-mes .kit-copy{ grid-column: 1; grid-row: 2; max-width: 22em; }
html[data-theme="scene"] .kit-card.is-mes .kit-prop{ grid-column: 2; grid-row: 1 / 3; margin: 0; align-self: center; }
html[data-theme="scene"] .kit-card.is-mes h3{ font-size: clamp(40px, 5vw, 68px); }
html[data-theme="scene"] .kit-card.is-mes p{ font-size: 16px; }
html[data-theme="scene"] .kit-card.is-mes .kit-scene{
  background:
    repeating-linear-gradient(90deg, transparent 0 64px, rgba(232,176,86,0.05) 64px 65px),
    radial-gradient(circle at 20% 18%, rgba(232, 176, 86, 0.22), transparent 28%),
    radial-gradient(circle at 48% 12%, rgba(232, 176, 86, 0.16), transparent 24%);
}

/* 智慧仓库 */
html[data-theme="scene"] .kit-card.is-wh{
  grid-area: wh;
  min-height: 380px;
  color: #D5DEE8;
  background:
    radial-gradient(280px 160px at 80% 0%, rgba(0, 80, 180, 0.28), transparent 60%),
    linear-gradient(180deg, #102038, #0A1220);
}
html[data-theme="scene"] .kit-card.is-wh h3{ font-size: clamp(28px, 2.6vw, 36px); }
html[data-theme="scene"] .kit-card.is-wh .kit-prop{ max-height: 180px; overflow: hidden; margin-top: 8px; }
html[data-theme="scene"] .kit-card.is-wh .ui{ transform: scale(0.92); transform-origin: top center; }

/* 门诊叫号：医疗侧亮点 */
html[data-theme="scene"] .kit-card.is-queue{
  grid-area: queue;
  min-height: 250px;
  color: #D7F0EA;
  background:
    radial-gradient(320px 180px at 80% 0%, rgba(120, 210, 196, 0.22), transparent 60%),
    linear-gradient(180deg, #12302C, #0B1A18);
}
html[data-theme="scene"] .kit-card.is-queue h3{ font-size: clamp(28px, 3vw, 40px); }
html[data-theme="scene"] .kit-card.is-queue .kit-prop{ max-height: 170px; overflow: hidden; }

/* SPD */
html[data-theme="scene"] .kit-card.is-spd{
  grid-area: spd;
  min-height: 250px;
  color: #D7F0EA;
  background:
    radial-gradient(280px 160px at 20% 0%, rgba(120, 210, 196, 0.16), transparent 60%),
    linear-gradient(180deg, #102422, #0A1616);
}
html[data-theme="scene"] .kit-card.is-spd h3{ font-size: clamp(28px, 3vw, 40px); }
html[data-theme="scene"] .kit-card.is-spd .kit-prop{ max-height: 170px; overflow: hidden; }

/* 文件存储 + 企业服务收在右侧栈 */
html[data-theme="scene"] .kit-card.is-storage{
  grid-area: storage;
  color: #F0E6D0;
  background: linear-gradient(180deg, #2A2418, #14110C);
  min-height: 250px;
}
html[data-theme="scene"] .kit-card.is-storage h3{ font-size: 28px; white-space: nowrap; }
html[data-theme="scene"] .kit-card.is-storage p{ display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }

html[data-theme="scene"] .kit-rest{
  grid-area: rest;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  grid-template-rows: none;
  gap: 12px;
}
html[data-theme="scene"] .kit-card.is-ehr{ background: linear-gradient(180deg, #182030, #0E141C); }
html[data-theme="scene"] .kit-card.is-itsm{ background: linear-gradient(180deg, #1A2430, #10161E); }
html[data-theme="scene"] .kit-card.is-ops{ background: linear-gradient(180deg, #0A1220, #070C14); }
html[data-theme="scene"] .kit-rest .kit-card{
  min-height: 0;
  padding: 16px 18px 14px;
}
html[data-theme="scene"] .kit-rest .kit-card p{
  margin-bottom: 8px;
  font-size: 13px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* ========== 6. 交付路径：章节索引，浅底作节奏对照 ========== */
html[data-theme="scene"] .path-film{
  background: #F3F1EC;
  color: var(--navy);
  padding: 108px 0 96px;
}
html[data-theme="scene"] .path-film .path-top{
  width: min(var(--film-max), calc(100% - 48px));
  margin: 0 auto 48px;
}
html[data-theme="scene"] .path-film h2{
  margin: 0 0 14px;
  font-family: var(--font-display);
  font-weight: 700;
  font-size: clamp(36px, 5vw, 64px);
  letter-spacing: -0.04em;
  line-height: 1.12;
  max-width: 12em;
}
html[data-theme="scene"] .path-film h2 .path-break{ display: block; }
html[data-theme="scene"] .path-film .lead{ margin: 0; max-width: 36em; color: var(--text-2); }

html[data-theme="scene"] .path-chapters{
  width: min(var(--film-max), calc(100% - 48px));
  margin: 0 auto;
  list-style: none;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 0;
  counter-reset: none;
  border-top: 1px solid rgba(11, 31, 58, 0.16);
}
html[data-theme="scene"] .path-chapters li{
  margin: 0;
  padding: 28px 18px 8px 0;
  border-right: 1px solid rgba(11, 31, 58, 0.1);
  position: relative;
}
html[data-theme="scene"] .path-chapters li:last-child{ border-right: 0; padding-right: 0; }
html[data-theme="scene"] .path-no{
  display: block;
  font-family: var(--font-display);
  font-weight: 700;
  font-size: clamp(40px, 4.5vw, 64px);
  line-height: 1;
  letter-spacing: -0.06em;
  color: rgba(11, 31, 58, 0.22);
  margin-bottom: 18px;
}
html[data-theme="scene"] .path-chapters li.is-done .path-no{ color: var(--navy); }
html[data-theme="scene"] .path-chapters li.is-now .path-no{
  color: var(--brand);
  text-shadow: 0 0 24px rgba(0, 80, 180, 0.25);
}
html[data-theme="scene"] .path-chapters li.is-now::before{
  content: "";
  position: absolute;
  left: 0;
  right: 18px;
  top: -1px;
  height: 3px;
  background: var(--brand);
  box-shadow: 0 0 16px rgba(0, 80, 180, 0.45);
}
html[data-theme="scene"] .path-chapters h3{
  margin: 0 0 8px;
  font-family: var(--font-display);
  font-size: 20px;
  letter-spacing: -0.02em;
  color: var(--navy);
}
html[data-theme="scene"] .path-chapters p{ margin: 0; font-size: 14px; color: var(--text-2); line-height: 1.6; }

/* 首页关于收束，让出身段承担记忆，这里只作落点 */
html[data-theme="scene"] .who-film{
  background: #050910;
  color: #E8EEF5;
  padding: 56px 0 32px;
  border-top: 1px solid rgba(139, 184, 232, 0.1);
}
html[data-theme="scene"] .who-film .wrap{
  width: min(var(--film-max), calc(100% - 48px));
  margin: 0 auto;
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(0, 0.8fr);
  gap: 32px 48px;
  align-items: end;
}
html[data-theme="scene"] .who-film h2{
  margin: 0 0 14px;
  font-family: var(--font-display);
  font-weight: 700;
  font-size: clamp(22px, 2.6vw, 32px);
  letter-spacing: -0.03em;
  color: #F4F7FB;
}
html[data-theme="scene"] .who-film p{ color: #B7C2D0; }
html[data-theme="scene"] .who-film .btn-text{ color: var(--brand-on-dark); }

html[data-theme="scene"] body.is-film .cta-band{
  background: var(--brand);
  border: 0;
}
html[data-theme="scene"] body.is-film .cta-band::before{ display: none; }
html[data-theme="scene"] body.is-film .cta-band h2{ color: #fff; }
html[data-theme="scene"] body.is-film .cta-band p{ color: rgba(255,255,255,0.82); }
html[data-theme="scene"] body.is-film .cta-band .btn-primary{
  background: #fff;
  color: var(--brand);
  border-color: #fff;
}
html[data-theme="scene"] body.is-film .cta-band .btn-primary:hover{ background: var(--navy); color: #fff; border-color: var(--navy); }

/* ========== 内页：宣传感页头，不再浅网格说明书 ========== */
html[data-theme="scene"] .page-hero{
  position: relative;
  overflow: hidden;
  min-height: 42vh;
  padding: 72px 0 56px;
}
html[data-theme="scene"] .page-hero::before{ opacity: 0.35; }
html[data-theme="scene"] .page-hero::after{
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    radial-gradient(600px 280px at 88% 0%, rgba(0, 80, 180, 0.16), transparent 60%);
}
html[data-theme="scene"] .page-hero h1{
  font-size: clamp(40px, 6vw, 76px);
  letter-spacing: -0.04em;
  line-height: 1.08;
}
html[data-theme="scene"] .page-hero.is-plant,
html[data-theme="scene"] .page-hero.is-cable,
html[data-theme="scene"] .page-hero.is-dispatch,
html[data-theme="scene"] .page-hero.is-files,
html[data-theme="scene"] .page-hero.is-navy,
html[data-theme="scene"] .page-hero.is-clinic{
  color: #E8EEF5;
}
html[data-theme="scene"] .page-hero.is-plant{
  background:
    radial-gradient(700px 360px at 10% 0%, rgba(232, 176, 86, 0.28), transparent 55%),
    radial-gradient(circle at 18% 20%, rgba(232, 176, 86, 0.12), transparent 18%),
    linear-gradient(180deg, #1A140C, #0E0C0A);
}
html[data-theme="scene"] .page-hero.is-clinic{
  background:
    radial-gradient(700px 360px at 90% 0%, rgba(120, 210, 196, 0.28), transparent 55%),
    radial-gradient(ellipse 30% 18% at 70% 8%, rgba(180, 240, 230, 0.16), transparent 70%),
    linear-gradient(180deg, #0C1A1C, #071114);
}
html[data-theme="scene"] .page-hero.is-clinic h1{ color: #F2FFFB; }
html[data-theme="scene"] .page-hero.is-navy{
  background:
    radial-gradient(800px 400px at 80% -10%, rgba(0, 80, 180, 0.35), transparent 55%),
    linear-gradient(180deg, #0B1F3A, #070E18);
}
html[data-theme="scene"] .page-hero.is-files{
  background:
    radial-gradient(700px 360px at 80% 0%, rgba(232, 200, 140, 0.12), transparent 55%),
    linear-gradient(180deg, #161410, #0C0B09);
}
html[data-theme="scene"] .page-hero.is-cable{
  background:
    radial-gradient(700px 360px at 12% 0%, rgba(232, 176, 86, 0.22), transparent 55%),
    linear-gradient(180deg, #16110C, #0E0C0A);
}
html[data-theme="scene"] .page-hero.is-dispatch{
  background:
    radial-gradient(700px 360px at 88% 0%, rgba(0, 80, 180, 0.22), transparent 55%),
    linear-gradient(180deg, #0A1220, #070E18);
}
html[data-theme="scene"] .page-hero.is-plant h1,
html[data-theme="scene"] .page-hero.is-files h1,
html[data-theme="scene"] .page-hero.is-cable h1,
html[data-theme="scene"] .page-hero.is-dispatch h1,
html[data-theme="scene"] .page-hero.is-navy h1{ color: #F4F7FB; }
html[data-theme="scene"] .page-hero.is-plant .lead,
html[data-theme="scene"] .page-hero.is-clinic .lead,
html[data-theme="scene"] .page-hero.is-files .lead,
html[data-theme="scene"] .page-hero.is-cable .lead,
html[data-theme="scene"] .page-hero.is-dispatch .lead,
html[data-theme="scene"] .page-hero.is-navy .lead{ color: #B7C2D0; }
html[data-theme="scene"] .page-hero.is-plant .crumbs,
html[data-theme="scene"] .page-hero.is-clinic .crumbs,
html[data-theme="scene"] .page-hero.is-files .crumbs,
html[data-theme="scene"] .page-hero.is-cable .crumbs,
html[data-theme="scene"] .page-hero.is-dispatch .crumbs,
html[data-theme="scene"] .page-hero.is-navy .crumbs,
html[data-theme="scene"] .page-hero.is-plant .crumbs a,
html[data-theme="scene"] .page-hero.is-clinic .crumbs a,
html[data-theme="scene"] .page-hero.is-files .crumbs a,
html[data-theme="scene"] .page-hero.is-cable .crumbs a,
html[data-theme="scene"] .page-hero.is-dispatch .crumbs a,
html[data-theme="scene"] .page-hero.is-navy .crumbs a{ color: #8A93A0; }
html[data-theme="scene"] .page-hero.is-plant .crumbs a:hover,
html[data-theme="scene"] .page-hero.is-clinic .crumbs a:hover,
html[data-theme="scene"] .page-hero.is-files .crumbs a:hover,
html[data-theme="scene"] .page-hero.is-cable .crumbs a:hover,
html[data-theme="scene"] .page-hero.is-dispatch .crumbs a:hover,
html[data-theme="scene"] .page-hero.is-navy .crumbs a:hover{ color: #fff; }
html[data-theme="scene"] .page-hero-split .ui{
  box-shadow: var(--glow);
  border-color: rgba(139, 184, 232, 0.16);
}

/* 案例列表页沿用宣传故事排版时，取消旧 .cases 浅底 */
html[data-theme="scene"] .cases.story-field,
html[data-theme="scene"] section.story-field{ background: #050910; }


/* ========== 动效（为现场运转与入场服务） ========== */
@keyframes scroll-pulse {
  0%, 100% { transform: scaleY(1); opacity: 0.9; }
  50% { transform: scaleY(0.55); opacity: 0.4; }
}
@keyframes lamp-breathe {
  0%, 100% { opacity: 1; }
  50% { opacity: 0.65; }
}
@keyframes car-run {
  0% { offset-distance: 8%; opacity: 0; }
  12% { opacity: 1; }
  88% { opacity: 1; }
  100% { offset-distance: 92%; opacity: 0; }
}
@keyframes shaft-sway {
  0%, 100% { opacity: 0.45; }
  50% { opacity: 0.8; }
}
@keyframes q-soft {
  0%, 100% { opacity: 0.85; }
  50% { opacity: 1; }
}
@keyframes poster-in {
  from { opacity: 0; transform: translateY(28px); }
  to { opacity: 1; transform: none; }
}

@media (prefers-reduced-motion: no-preference) {
  html[data-theme="scene"] .bay-light, html[data-theme="scene"] .wp-bay{ animation: shaft-sway 7s ease-in-out infinite; }
  html[data-theme="scene"] .bay-light:nth-of-type(2), html[data-theme="scene"] .wp-lamp:nth-child(2) .wp-bay{ animation-delay: 1.2s; }
  html[data-theme="scene"] .hall-light, html[data-theme="scene"] .wc-bay{ animation: shaft-sway 8s ease-in-out infinite 0.8s; }
  html[data-theme="scene"] .road-car{
    offset-path: path("M 240 858 L 1100 508");
    offset-rotate: auto;
    animation: car-run 14s linear infinite;
  }
  html[data-theme="scene"] .road-film-car{
    offset-path: path("M 200 620 L 880 240");
    offset-rotate: auto;
    animation: car-run 16s linear infinite;
  }
  html[data-theme="scene"] .lamp, html[data-theme="scene"] .clinic-lamp, html[data-theme="scene"] .wp-lamp ellipse{ animation: lamp-breathe 5.5s ease-in-out infinite; }
  html[data-theme="scene"] .lamp:nth-child(odd){ animation-delay: 1.4s; }
  html[data-theme="scene"] .q-board, html[data-theme="scene"] .wc-board{ animation: q-soft 5s ease-in-out infinite; }
  html[data-theme="scene"].is-entered .film-lead-line,
html[data-theme="scene"].is-entered .film-kicker,
html[data-theme="scene"].is-entered .film-tag,
html[data-theme="scene"].is-entered .film-actions,
html[data-theme="scene"].is-entered .film-poster span{
    opacity: 1;
    transform: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  html[data-theme="scene"] .film-lead-line, html[data-theme="scene"] .film-kicker, html[data-theme="scene"] .film-tag, html[data-theme="scene"] .film-actions, html[data-theme="scene"] .film-poster span{
    animation: none !important;
    opacity: 1;
    transform: none;
    -webkit-text-fill-color: inherit;
  }
  html[data-theme="scene"] .film-poster span:nth-child(3),
html[data-theme="scene"] .film-poster span:nth-child(4){
    -webkit-text-fill-color: unset;
    color: #E8EEF5;
    background: none;
    filter: none;
  }
  html[data-theme="scene"] .lamp,
html[data-theme="scene"] .clinic-lamp,
html[data-theme="scene"] .bay-light,
html[data-theme="scene"] .hall-light,
html[data-theme="scene"] .wp-bay,
html[data-theme="scene"] .wc-bay,
html[data-theme="scene"] .road-car,
html[data-theme="scene"] .road-film-car,
html[data-theme="scene"] .film-scroll i,
html[data-theme="scene"] .q-board,
html[data-theme="scene"] .wc-board{
    animation: none !important;
  }
  html[data-theme="scene"] .story:hover, html[data-theme="scene"] .kit-card:hover{ transform: none; }
}

/* 截图 / 入场结束后保持可见，避免停在透明帧 */
html[data-theme="scene"].is-entered .film-lead-line,
html[data-theme="scene"].is-entered .film-kicker,
html[data-theme="scene"].is-entered .film-tag,
html[data-theme="scene"].is-entered .film-actions,
html[data-theme="scene"].is-entered .film-poster span,
html[data-theme="scene"].is-entered .reveal,
html[data-theme="scene"].is-entered .rise{
  opacity: 1 !important;
  transform: none !important;
}

/* ========== 响应式 ========== */
@media (max-width: 1180px) {
  html[data-theme="scene"] .kit-stage{
    grid-template-columns: 1.2fr 1fr;
    grid-template-areas:
      "mes mes"
      "wh queue"
      "spd storage"
      "rest rest";
  }
  html[data-theme="scene"] .kit-card.is-mes{
    grid-template-columns: 1fr 1fr;
    min-height: 360px;
  }
  html[data-theme="scene"] .kit-card.is-wh, html[data-theme="scene"] .kit-card.is-queue, html[data-theme="scene"] .kit-card.is-spd, html[data-theme="scene"] .kit-card.is-storage{ min-height: 240px; }
  html[data-theme="scene"] .kit-rest{ grid-template-columns: repeat(3, minmax(0, 1fr)); grid-template-rows: none; }
  html[data-theme="scene"] .story-reel{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
  html[data-theme="scene"] .story-reel .story:last-child{ grid-column: 1 / -1; min-height: 240px; }
  html[data-theme="scene"] .path-chapters{ grid-template-columns: repeat(3, minmax(0, 1fr)); }
  html[data-theme="scene"] .path-chapters li:nth-child(3){ border-right: 0; }
  html[data-theme="scene"] .path-chapters li{ padding-right: 16px; margin-bottom: 12px; }
  html[data-theme="scene"] .origin-facts{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
  html[data-theme="scene"] .origin-split::before{ display: none; }
}
@media (max-width: 900px) {
  html[data-theme="scene"] .film-hero .wrap-film{
    grid-template-columns: 1fr;
    width: min(var(--film-max), calc(100% - 32px));
    padding-bottom: 16px;
  }
  html[data-theme="scene"] .film-copy{ max-width: none; }
  html[data-theme="scene"] .film-poster{
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-end;
    gap: 8px;
    order: -1;
    padding: 0 0 8px;
    border-left: 0;
    border-bottom: 1px solid rgba(243, 246, 251, 0.22);
  }
  html[data-theme="scene"] .film-poster span{
    font-size: clamp(48px, 16vw, 88px);
    line-height: 1;
  }
  html[data-theme="scene"] .film-lead-line{ max-width: none; }
  html[data-theme="scene"] .world-gates{ grid-template-columns: 1fr; }
  html[data-theme="scene"] .world-gate{ min-height: 78vh; padding: 36px 24px 40px; }
  html[data-theme="scene"] .world-gate.is-plant{ border-right: 0; border-bottom: 1px solid rgba(0,0,0,0.4); }
  html[data-theme="scene"] .story.is-shazhou{ grid-template-columns: 1fr; min-height: 0; }
  html[data-theme="scene"] .story-pair{ grid-template-columns: 1fr; }
  html[data-theme="scene"] .story.is-jinjiu, html[data-theme="scene"] .story.is-renhe{ min-height: 0; }
  html[data-theme="scene"] .road-inner{ grid-template-columns: 1fr; }
  html[data-theme="scene"] .origin-bridge{ grid-template-columns: 1fr; text-align: left; }
  html[data-theme="scene"] .origin-end.is-from{ text-align: left; }
  html[data-theme="scene"] .origin-beam{ width: 48px; transform: rotate(90deg); margin: 6px 0; }
  html[data-theme="scene"] .who-film .wrap{ grid-template-columns: 1fr; }
  html[data-theme="scene"] .kit-stage{
    grid-template-columns: 1fr;
    grid-template-areas:
      "mes"
      "wh"
      "storage"
      "queue"
      "spd"
      "rest";
  }
  html[data-theme="scene"] .kit-card.is-mes{ grid-template-columns: 1fr; min-height: 0; }
  html[data-theme="scene"] .kit-card.is-mes .kit-copy, html[data-theme="scene"] .kit-card.is-mes .kit-prop{ grid-column: 1; grid-row: auto; }
  html[data-theme="scene"] .film-bottom-inner,
html[data-theme="scene"] .origin-inner,
html[data-theme="scene"] .story-field .section-top,
html[data-theme="scene"] .story-stack,
html[data-theme="scene"] .tool-kit .section-top,
html[data-theme="scene"] .kit-stage,
html[data-theme="scene"] .path-film .path-top,
html[data-theme="scene"] .path-chapters{ width: min(var(--film-max), calc(100% - 32px)); }
}
@media (max-width: 640px) {
  html[data-theme="scene"] .path-chapters{ grid-template-columns: 1fr 1fr; }
  html[data-theme="scene"] .story-reel{ grid-template-columns: 1fr; }
  html[data-theme="scene"] .story-reel .story:last-child{ grid-column: auto; }
  html[data-theme="scene"] .origin-facts{ grid-template-columns: 1fr; }
  html[data-theme="scene"] .film-bottom-inner{ flex-direction: column; align-items: flex-start; }
  html[data-theme="scene"] .page-hero-split{ grid-template-columns: 1fr; }
  html[data-theme="scene"] .kit-rest{ grid-template-columns: 1fr; }
  html[data-theme="scene"] .kit-card.is-compact h3{ font-size: 22px; }
  html[data-theme="scene"] .origin-thesis .is-mute,
html[data-theme="scene"] .origin-thesis .is-turn,
html[data-theme="scene"] .origin-thesis .is-key{ white-space: normal; }
  html[data-theme="scene"] .origin-thesis .is-turn{ font-size: clamp(32px, 10vw, 52px); }
}

html[data-theme="scene"] .road-film .btn-ghost{
  color: #F3F6FB;
  border-color: rgba(243, 246, 251, 0.4);
  background: transparent;
}
html[data-theme="scene"] .road-film .btn-ghost:hover{
  background: #fff;
  color: var(--navy);
  border-color: #fff;
}

/* 双海报里的示意收矮，把版面还给标题，并让其余五个现场能同屏露头 */
html[data-theme="scene"] .story.is-jinjiu .story-prop .ui,
html[data-theme="scene"] .story.is-renhe .story-prop .ui{
  max-height: 230px;
  overflow: hidden;
}