/* B 首页：冷雾、故障冷光、暗红异光。动画仅在首页可见时运行。 */
html[data-horror="intense"] .hero-content:before{
  background:linear-gradient(100deg,#040b10ef 0%,#071019d9 52%,#07101966 85%,transparent 100%);
  border-left:1px solid #ad4d49a6;
  box-shadow:-15px 0 40px #02080b55;
  inset:-25px -75px -30px 0;
  mask-image:linear-gradient(180deg,transparent,#000 10%,#000 85%,transparent);
}
html[data-horror="intense"] .hero-shade{
  background:linear-gradient(90deg,#050a115c,transparent 60%),linear-gradient(0deg,#030a12cc,transparent 40%,#040a1244);
}
html[data-horror="intense"] .hero-vignette{
  box-shadow:inset 0 0 130px 40px #01050bb3;
  background:radial-gradient(ellipse at 68% 38%,transparent 20%,#02061066 88%);
}
html[data-horror="intense"] .hero-title{position:relative;text-shadow:2px 0 #4c20284f,0 4px 24px #000}
html[data-horror="intense"] .hero-title>span{
  position:relative;color:#e3ddd1;
  text-shadow:3px 1px #78212a99,0 0 30px #b72a3b38;
}
html[data-horror="intense"] .hero-title>span:after{
  content:attr(data-echo);position:absolute;inset:0;color:#df4852;
  pointer-events:none;opacity:0;
  clip-path:polygon(0 28%,100% 28%,100% 59%,0 59%);
  animation:eden-title-fracture 7.8s linear infinite;
  animation-play-state:paused;
}
html[data-horror="intense"] .hero-content:after{
  content:"";position:absolute;left:0;top:0;bottom:0;width:1px;
  background:linear-gradient(transparent,#e05b57,transparent);
  opacity:.8;pointer-events:none;
}
html[data-horror="intense"] .english-title{border-color:#9f555066;color:#c3b6a7}
html[data-horror="intense"] .hero-buttons .button-primary{
  background:#762c32;border-color:#ae5853;color:#f1e0ca;
  box-shadow:inset 0 0 18px #b637371a,0 5px 22px #08040788;
}
html[data-horror="intense"] .hero-buttons .button-primary:hover{background:#963841}
.hero-horror{position:absolute;inset:0;z-index:1;overflow:hidden;pointer-events:none;contain:paint}
.horror-fog{position:absolute;inset:0;overflow:hidden;opacity:.8}
.horror-fog:before,.horror-fog:after{
  content:"";position:absolute;width:140%;height:60%;left:-20%;bottom:5%;
  background:radial-gradient(ellipse at 21% 60%,#a4c1c43d,transparent 43%),radial-gradient(ellipse at 67% 70%,#9bbfc169,transparent 42%),radial-gradient(ellipse at 95% 40%,#91abb738,transparent 36%);
  animation:eden-ground-fog 13s ease-in-out infinite alternate;
  animation-play-state:paused;opacity:.65;
}
.horror-fog:after{
  bottom:28%;height:45%;
  background:radial-gradient(ellipse at 28% 55%,#a4bcc342,transparent 36%),radial-gradient(ellipse at 80% 50%,#a7cbdc4f,transparent 45%);
  animation-name:eden-high-fog;animation-duration:17s;
}
.horror-red-light{
  position:absolute;inset:0;
  background:radial-gradient(ellipse at 84% 51%,#b6203599 0%,#80162938 25%,transparent 53%),linear-gradient(110deg,transparent 62%,#8d263629 80%,transparent 95%);
  opacity:.5;animation:eden-red-presence 8.4s ease-in-out infinite;
  animation-play-state:paused;
}
.horror-searchlight{
  position:absolute;left:25%;top:-35%;width:85%;height:150%;transform-origin:58% 0;
  background:conic-gradient(from 159deg at 58% 0,transparent 0deg,#c8e4ec0a 5deg,#c8e4ec40 10deg,#c8e4ec09 14deg,transparent 20deg);
  opacity:.65;animation:eden-searchlight 12s ease-in-out infinite alternate;
  animation-play-state:paused;
}
.horror-scrim{
  position:absolute;inset:0;opacity:.14;
  background:repeating-linear-gradient(0deg,#03060970 0 1px,transparent 1px 4px);
}
/* 随机生成的细雷光采用柔光、辉光与半透明内芯三层；末端自然衰减。 */
html[data-horror="intense"] .hero-storm-glow{
  z-index:5;
  background:radial-gradient(ellipse at var(--storm-x,75%) 12%,#c5deedcc,transparent 65%),linear-gradient(120deg,#aabecf44,#bad3e752);
}
html[data-horror="intense"].is-storm .hero-storm-glow{animation:eden-storm-light var(--storm-duration,1600ms) linear both}
html[data-horror="intense"] .hero-lightning{display:block;position:absolute;inset:0;width:100%;height:100%;z-index:2;opacity:0;pointer-events:none;filter:none;mix-blend-mode:screen}
html[data-horror="intense"] .hero-lightning path{fill:none;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}
html[data-horror="intense"] .bolt-halo{filter:blur(4px)}
html[data-horror="intense"] .bolt-aura{filter:blur(.8px)}
html[data-horror="intense"].is-storm .hero-lightning{animation:eden-bolt-pulse var(--storm-duration,1600ms) linear both}
html[data-horror="intense"][data-storm-pulse="echo"].is-storm .hero-lightning{animation-name:eden-bolt-echo}
/* 现有闪电门控涵盖预告片可见、播放中及弹窗状态。 */
html[data-horror="intense"][data-horror-active="true"] .horror-fog:before,
html[data-horror="intense"][data-horror-active="true"] .horror-fog:after,
html[data-horror="intense"][data-horror-active="true"] .horror-red-light,
html[data-horror="intense"][data-horror-active="true"] .horror-searchlight,
html[data-horror="intense"][data-horror-active="true"] .hero-title>span:after{animation-play-state:running}
html[data-horror="intense"][data-horror-active="false"] .hero-lightning,
html[data-horror="intense"][data-horror-active="false"] .hero-storm-glow{opacity:0!important;animation:none!important}
html[data-horror="intense"][data-horror-active="false"] .hero-title>span:after{opacity:0!important;animation-play-state:paused}
@keyframes eden-ground-fog{from{transform:translate3d(-8%,3%,0) scale(1.03);opacity:.45}to{transform:translate3d(10%,-4%,0) scale(1.12);opacity:.9}}
@keyframes eden-high-fog{from{transform:translate3d(9%,0,0);opacity:.35}to{transform:translate3d(-10%,4%,0);opacity:.75}}
@keyframes eden-red-presence{0%,100%{opacity:.3;transform:translate3d(2%,0,0)}40%{opacity:.85;transform:translate3d(-3%,1%,0)}68%{opacity:.5;transform:translate3d(0,-1%,0)}}
@keyframes eden-searchlight{from{transform:rotate(-17deg);opacity:.25}to{transform:rotate(16deg);opacity:.8}}
@keyframes eden-title-fracture{0%,59%,66%,100%{opacity:0;transform:none}60%,63%{opacity:.8;transform:translate3d(5px,1px,0)}64%{opacity:.45;transform:translate3d(-4px,-1px,0)}}
@keyframes eden-storm-light{0%{opacity:calc(var(--storm-glow,.2) * .45)}9%{opacity:var(--storm-glow,.2)}28%{opacity:calc(var(--storm-glow,.2) * .25)}60%,100%{opacity:0}}
@keyframes eden-bolt-pulse{0%{opacity:calc(var(--storm-peak,.7) * .16)}7%,15%{opacity:var(--storm-peak,.7)}29%{opacity:calc(var(--storm-peak,.7) * .24)}58%,100%{opacity:0}}
@keyframes eden-bolt-echo{0%{opacity:calc(var(--storm-peak,.7) * .14)}7%,13%{opacity:var(--storm-peak,.7)}27%{opacity:calc(var(--storm-peak,.7) * .06)}40%{opacity:calc(var(--storm-peak,.7) * .48)}54%{opacity:calc(var(--storm-peak,.7) * .12)}78%,100%{opacity:0}}
@media(max-width:600px){
  html[data-horror="intense"] .hero-content:before{background:linear-gradient(100deg,#040b10e6,#071019b8 68%,transparent)}
  .horror-red-light{background:radial-gradient(ellipse at 90% 50%,#a91c3594,transparent 64%)}
  .horror-searchlight{left:-10%;width:140%}
  .horror-fog:before{bottom:12%;height:65%}
}
@media(prefers-reduced-motion:reduce){
  html[data-horror="intense"] .hero-title>span:after,
  html[data-horror="intense"] .hero-lightning,
  html[data-horror="intense"] .hero-storm-glow{display:none!important}
  .horror-fog:before,.horror-fog:after,.horror-red-light,.horror-searchlight{animation:none!important}
}
html[data-horror="intense"] .hero-content .storm-replay{display:inline-flex;align-items:center;gap:9px;margin:12px 0 0;padding:5px 0;color:#c4ae8e;font-size:10px;letter-spacing:1px;border-bottom:1px solid #9a88714a;min-height:29px}
html[data-horror="intense"] .hero-content .storm-replay>span{font-size:18px}
html[data-horror="intense"] .hero-content .storm-replay:hover{color:#efe5cb}
html[data-horror="intense"] .hero-content .storm-replay:disabled{opacity:.4;cursor:default}

/* 入场点名：“你”采用 3.6 秒一轮的近景与红光。 */
#trailer .trailer-focus-you{position:relative;display:inline-block;margin:0 .1em;font-family:var(--serif);font-size:1.8em;line-height:.85;letter-spacing:0;color:#a33239;transform-origin:50% 75%;text-shadow:0 1px 6px #55040c99;animation:eden-trailer-you 3.6s linear infinite;animation-play-state:paused}
#trailer .trailer-focus-you:after{content:"";position:absolute;left:12%;right:9%;top:78%;height:.72em;pointer-events:none;background:linear-gradient(#a41525,transparent) 22% 0/2px 100% no-repeat,linear-gradient(#76131e,transparent) 53% 0/1px 60% no-repeat,linear-gradient(#c42732,transparent) 79% 0/2px 78% no-repeat;opacity:0;transform:scaleY(.15);transform-origin:center top;animation:eden-trailer-bleed 3.6s ease-out infinite;animation-play-state:paused}
#trailer .is-text-haunted .trailer-focus-you,#trailer .is-text-haunted .trailer-focus-you:after{animation-play-state:running}
[data-suspended="true"] #trailer .trailer-focus-you,[data-suspended="true"] #trailer .trailer-focus-you:after,[data-overlay="true"] #trailer .trailer-focus-you,[data-overlay="true"] #trailer .trailer-focus-you:after{animation-play-state:paused!important}
@keyframes eden-trailer-you{
  0%,10%,58%,100%{color:#a33239;transform:scale(1);text-shadow:0 1px 6px #55040c99}
  13%,19%,29%,41%{color:#ff4b54;transform:scale(1.2);text-shadow:0 0 6px #e92138bb,0 0 19px #c20c2c99,-2px 1px #7d0b2b99}
  22%,26%,45%{color:#861329;transform:scale(1.12);text-shadow:2px 1px #ca163f88,0 0 8px #73081f99}
  49%{color:#d53142;transform:scale(1.15);text-shadow:0 0 12px #af112d88}
}
@keyframes eden-trailer-bleed{0%,10%,65%,100%{opacity:0;transform:scaleY(.15)}18%{opacity:.6;transform:scaleY(.35)}36%{opacity:.85;transform:scaleY(.85)}52%{opacity:.35;transform:scaleY(1)}}
@media(prefers-reduced-motion:reduce){#trailer .trailer-focus-you,#trailer .trailer-focus-you:after{animation:none!important}#trailer .trailer-focus-you:after{display:none}}
[data-effects="off"] #trailer .trailer-focus-you,[data-effects="off"] #trailer .trailer-focus-you:after{animation:none!important}

/* 与入场点名同节奏，只让标题中的“开始了”闪红，不改变文字尺寸。 */
#trailer-title .trailer-focus-start{display:inline;color:inherit;animation:eden-trailer-start 3.6s linear infinite;animation-play-state:paused}
#trailer .is-text-haunted .trailer-focus-start{animation-play-state:running}
[data-suspended="true"] #trailer .trailer-focus-start,[data-overlay="true"] #trailer .trailer-focus-start{animation-play-state:paused!important}
@keyframes eden-trailer-start{
  0%,10%,58%,100%{color:inherit;text-shadow:none}
  13%,19%,29%,41%{color:#ff4b54;text-shadow:0 0 6px #e92138bb,0 0 19px #c20c2c99}
  22%,26%,45%{color:#861329;text-shadow:0 0 8px #73081f99}
  49%{color:#d53142;text-shadow:0 0 12px #af112d88}
}
@media(prefers-reduced-motion:reduce){#trailer .trailer-focus-start{animation:none!important}}
[data-effects="off"] #trailer .trailer-focus-start{animation:none!important}