/* v6.12.7 缓叙片头：移除耀斑、快闪、遮光门和过量金光，仅以暗部层次/柔和长镜头组织画面。 */
.cin-intro{--cin-duration:5600ms;--intro-duration:5600ms;background:#010102;transition:opacity 1200ms ease}
.cin-intro-film{background:#010102;perspective:none}
.cin-film-flare,.cin-film-shutter,.cin-film-grain,.cin-first-ray{display:none!important;animation:none!important}
.cin-intro-shot{inset:-3%;transform:scale(1.105) translate3d(0,1.2%,0);filter:saturate(.58) brightness(.55) contrast(1.06);opacity:0;transition:opacity 1500ms ease-in-out,transform 6900ms linear,filter 1500ms ease-in-out;will-change:auto}
.cin-intro[data-mode="world"][data-scene="0"] .cin-intro-shot[data-shot="0"],
.cin-intro[data-mode="world"][data-scene="1"] .cin-intro-shot[data-shot="1"],
.cin-intro[data-mode="world"][data-scene="2"] .cin-intro-shot[data-shot="2"],
.cin-intro[data-mode="world"][data-scene="3"] .cin-intro-shot[data-shot="3"],
.cin-intro[data-mode="world"][data-scene="4"] .cin-intro-shot[data-shot="4"]{opacity:1;transform:scale(1.005) translate3d(0,0,0);filter:saturate(.67) brightness(.62) contrast(1.08)}
.cin-intro[data-mode="identity"] .cin-intro-shot{opacity:0!important}
.cin-first-ring{border-color:#a18c6721;box-shadow:none}
.cin-intro-shot[data-shot="0"]{background:radial-gradient(ellipse at 50% 70%,#302018 0%,#110e0c 25%,#030304 66%,#000 100%)}
.cin-intro-shot[data-shot="1"]{background-image:linear-gradient(100deg,#010205db,#06090a64,#020203de),url('hero-palace.svg');background-position:center center;background-size:cover}
.cin-intro-shot[data-shot="2"]{background:radial-gradient(ellipse at 55% 38%,#543c2a,#141016 50%,#030406 84%)}
.cin-intro-shot[data-shot="3"]{background:radial-gradient(ellipse at 72% 83%,#47271877,transparent 44%),linear-gradient(167deg,#030911,#16202a 48%,#1e1718 78%,#000)}
.cin-intro-shot[data-shot="4"]{background-image:linear-gradient(95deg,#020305df,#05060794,#020204e5),url('v4-throne.webp')}
.cin-warfire{filter:blur(42px);opacity:.24;animation:none!important}.cin-three-paths{opacity:.15;animation:none!important}
.cin-intro-content{max-width:1240px;place-items:center start;text-align:left}
.cin-intro-copy{max-width:1080px;margin:0;animation:none!important;opacity:1;transform:none}
.cin-intro-copy.is-entering{animation:cin-v6127-copy 1600ms ease-out both!important}
.cin-intro-chapter{font-size:12px;color:#bfab8a;letter-spacing:.28em;margin:0 0 clamp(20px,5vh,52px)}
.cin-intro-ornament{margin:0 0 clamp(15px,3.2vh,36px);width:65px;background:linear-gradient(90deg,#b4976f80,transparent);box-shadow:none}
.cin-intro-title{max-width:13.8em;margin:0;letter-spacing:.095em;line-height:1.5;color:#e9e2d6;text-shadow:0 7px 40px #000c;font-weight:450;font-size:clamp(40px,5.4vw,82px)}
.cin-intro-title span,.cin-intro-description{animation:none!important}
.cin-intro-description{margin:clamp(24px,4vh,43px) 0 0;letter-spacing:.075em;color:#d0c7bc;max-width:39em;font-size:clamp(12px,1.2vw,16px)}
.cin-voice-stage{display:block;position:absolute;right:0;bottom:14%;color:#d9ba8545;font-size:clamp(90px,20vw,310px);font-weight:500;pointer-events:none;line-height:1}
.cin-intro[data-mode="world"] .cin-voice-stage{opacity:.12}
.cin-intro[data-scene="4"] .cin-intro-title{color:#f1e6d3;text-shadow:0 4px 40px #000}
.cin-intro-progress{gap:10px}.cin-intro-progress i{background:#baa7863c;height:2px}.cin-intro-progress i:after{background:#dbc6a6}
.cin-intro-progress i.is-active:after{animation:cin-progress var(--cin-duration) linear both}
.cin-intro-topline{color:#cdbfa9}.cin-intro-foot{gap:20px}
.cin-intro-cue{opacity:.68;letter-spacing:.14em}.cin-intro-next,.cin-intro-pause{background:#11121455;border-color:#a59b8a55;color:#e3d6c3;border-radius:0}.cin-intro-next:hover,.cin-intro-pause:hover{background:#fff1d21a}
.cin-film-motes{opacity:.085;animation:none!important}.cin-film-vignette{background:linear-gradient(90deg,#000a 0%,transparent 55%,#0009 100%),linear-gradient(#000b,transparent 30%,transparent 72%,#000d)}
.cin-intro.is-paused .cin-intro-progress i.is-active:after,.cin-intro.is-paused .cin-intro-copy{animation-play-state:paused!important}
/* Motion is paused/resumed from the actual running animation frames; do not snap CSS transitions to their endpoints. */
.cin-intro[data-mode="identity"] .cin-identity-visual{opacity:1}
.cin-identity-visual{position:absolute;inset:0;opacity:0;transition:opacity 1450ms ease;background:#050709;overflow:hidden;isolation:isolate}
.cin-identity-visual:before{content:"";position:absolute;inset:-5%;opacity:.7;transform:scale(1.12);transition:transform 7800ms linear;background-size:cover;background-position:center}
.cin-intro[data-mode="identity"] .cin-identity-visual:before{transform:scale(1.01)}
/* 帝王：幽暗御座与宫门，少金多墨；藩王：边塞雪夜；义军：荒野篝火与人群。 */
.cin-intro[data-identity="emperor"] .cin-identity-visual:before{background-image:linear-gradient(92deg,#050607b8,#0008,#000c),url('v4-throne.webp');opacity:.65}
.cin-intro[data-identity="prince"] .cin-identity-visual:before{background-image:linear-gradient(110deg,#070b14d4,#0d151ca8,#080b13db),url('hero-palace.svg');filter:grayscale(.82) saturate(.65);opacity:.72}
.cin-intro[data-identity="leader"] .cin-identity-visual:before,.cin-intro[data-identity="general"] .cin-identity-visual:before,.cin-intro[data-identity="founder"] .cin-identity-visual:before{background:radial-gradient(ellipse 36% 40% at 75% 76%,#71422b94,transparent),linear-gradient(161deg,#04080e,#0d1518 42%,#171111 73%,#040505)}
.cin-intro[data-identity="general"] .cin-identity-visual:before{filter:hue-rotate(-10deg) brightness(.8)}
.cin-intro[data-identity="founder"] .cin-identity-visual:before{background:radial-gradient(ellipse 17% 22% at 74% 79%,#ad6a3977,transparent),linear-gradient(175deg,#050914,#15202b 52%,#151210 83%,#030405)}
.cin-role-horizon{position:absolute;inset:auto -5% -8%;height:52%;opacity:.88;background:linear-gradient(#2a2a2d,#04070b);clip-path:polygon(0 62%,13% 36%,25% 60%,37% 28%,50% 54%,62% 22%,75% 61%,90% 31%,100% 57%,100% 100%,0 100%)}
.cin-intro[data-identity="emperor"] .cin-role-horizon{opacity:.08}
.cin-intro[data-identity="prince"] .cin-role-horizon{background:linear-gradient(#343d47,#070c15);opacity:.63;bottom:-10%}
.cin-intro[data-identity="leader"] .cin-role-horizon,.cin-intro[data-identity="general"] .cin-role-horizon,.cin-intro[data-identity="founder"] .cin-role-horizon{background:linear-gradient(#1b2121,#030506);opacity:1}
.cin-role-silhouette{position:absolute;right:17%;bottom:10%;height:57%;width:13%;min-width:70px;background:linear-gradient(#15181d,#020406);opacity:0;clip-path:polygon(42% 0,55% 0,70% 9%,77% 17%,68% 22%,79% 44%,88% 100%,12% 100%,19% 44%,34% 22%,24% 17%,30% 9%);filter:drop-shadow(0 0 20px #000)}
.cin-intro[data-identity="prince"] .cin-role-silhouette{opacity:.75}
.cin-intro[data-identity="leader"] .cin-role-silhouette,.cin-intro[data-identity="general"] .cin-role-silhouette{opacity:.75;right:20%;height:42%;bottom:12%}
.cin-intro[data-identity="founder"] .cin-role-silhouette{opacity:.48;right:23%;height:31%;bottom:12%}
.cin-role-standard{position:absolute;right:18%;bottom:14%;height:45%;width:3px;background:#242229;transform:rotate(-5deg);opacity:0}
.cin-role-standard:after{content:"";position:absolute;left:2px;top:1%;width:clamp(55px,8vw,120px);height:25%;background:#382024;clip-path:polygon(0 0,100% 11%,77% 52%,100% 91%,0 78%)}
.cin-intro[data-identity="prince"] .cin-role-standard,.cin-intro[data-identity="leader"] .cin-role-standard,.cin-intro[data-identity="general"] .cin-role-standard{opacity:.8}
.cin-intro[data-identity="founder"] .cin-role-standard{opacity:0}
.cin-role-scroll{position:absolute;right:26%;top:28%;height:30%;width:min(16vw,200px);background:#b99d6c14;border-inline:1px solid #c8b28a42;transform:rotate(-11deg);opacity:0}
.cin-intro[data-identity="emperor"] .cin-role-scroll,.cin-intro[data-identity="prince"] .cin-role-scroll{opacity:.65}
.cin-intro[data-identity="emperor"] .cin-role-scroll{top:23%;right:18%;height:38%}
.cin-intro[data-mode="identity"][data-scene="1"] .cin-role-scroll{opacity:.35}
.cin-intro[data-mode="identity"][data-scene="2"] .cin-identity-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#0102033b,transparent 60%);pointer-events:none}
.cin-intro[data-mode="identity"] .cin-intro-title{font-size:clamp(39px,5.1vw,78px)}
.cin-intro[data-mode="identity"] .cin-intro-chapter{color:#c7b69c}
.cin-intro[data-mode="identity"] .cin-intro-ornament{background:linear-gradient(90deg,#9a8e7b,transparent)}
.cin-intro[data-identity="prince"] .cin-intro-title{color:#dce2e5}
.cin-intro[data-identity="founder"] .cin-intro-title{color:#e3d5c4}
.cin-intro[data-mode="identity"] .cin-voice-stage{opacity:.24}
@keyframes cin-v6127-copy{0%{opacity:0;transform:translate3d(0,15px,0)}30%{opacity:.8}100%{opacity:1;transform:translateZ(0)}}
@media(max-width:750px){
 .cin-intro-content{place-items:center;text-align:center;padding:12px 0}
 .cin-intro-copy{margin:auto;max-width:100%}
 .cin-intro-title{font-size:clamp(34px,8.8vw,56px);line-height:1.58;letter-spacing:.04em}
 .cin-intro[data-mode="identity"] .cin-intro-title{font-size:clamp(33px,8.7vw,54px)}
 .cin-intro-chapter{font-size:10px;margin:0 0 23px;letter-spacing:.18em}
 .cin-intro-ornament{margin:0 auto 20px}
 .cin-intro-description{font-size:12px;margin:22px auto 0;line-height:1.75;letter-spacing:.02em}
 .cin-voice-stage{right:2%;bottom:20%;font-size:36vw;opacity:.08!important}
 .cin-intro-cue{font-size:10px}
 .cin-intro-foot{gap:11px}
 .cin-intro[data-mode="identity"] .cin-role-silhouette{right:27%}
 .cin-intro[data-mode="identity"] .cin-role-standard{right:26%}
}
@media(max-width:350px){.cin-intro-title{font-size:30px}.cin-intro[data-mode="identity"] .cin-intro-title{font-size:29px}.cin-intro-actions{gap:4px}.cin-intro-next,.cin-intro-pause{padding:9px 7px}}
@media(max-height:520px) and (orientation:landscape){.cin-intro-title,.cin-intro[data-mode="identity"] .cin-intro-title{font-size:clamp(22px,6.4vh,32px);line-height:1.3}.cin-intro-chapter{margin-bottom:6px}.cin-intro-ornament{margin-bottom:8px}.cin-intro-description{margin-top:8px}.cin-voice-stage{display:none}}
@media(prefers-reduced-motion:reduce){.cin-intro,.cin-intro-shot,.cin-identity-visual,.cin-identity-visual:before,.cin-intro-copy,.cin-intro-copy.is-entering{transition:none!important;animation:none!important;transform:none!important}.cin-intro-progress i.is-active:after{animation:none!important;transform:scaleX(.5)}.cin-intro-copy{opacity:1!important}}
.tl12-replay-identity{font:inherit;font-size:12px;letter-spacing:.07em;color:#d2b991;background:transparent;border:0;border-bottom:1px solid #c39e6780;min-height:44px;padding:8px;cursor:pointer}
.tl12-replay-identity:hover{color:#f6d8a5}.tl12-replay-identity:focus-visible{outline:2px solid #dfbe80;outline-offset:3px}
/* 关键修复：旧电影容器 z-index:-1 会被全黑根背景覆盖，导致只剩文字；将影像层放进可见的合成堆叠。 */
.cin-intro-film{z-index:0!important}
.cin-intro-screen{z-index:2}
/* 保留宫阙中景暗部细节：旧版对同一张图叠了两次近不透明黑层，导致建筑不可辨。 */
.cin-intro-shot[data-shot="1"]{background-image:linear-gradient(90deg,#030406d9 0%,#02030563 42%,#03040721 85%),url('hero-palace.svg')}
.cin-intro-shot[data-shot="4"]{background-image:linear-gradient(90deg,#020406df 0%,#03040559 52%,#02030324 96%),url('v4-throne.webp')}
.cin-intro-shot[data-shot="1"]:after,.cin-intro-shot[data-shot="4"]:after{background:linear-gradient(0deg,#02030691,transparent 39%,#02020430)}
.cin-intro[data-mode="world"][data-scene="1"] .cin-intro-shot[data-shot="1"],.cin-intro[data-mode="world"][data-scene="4"] .cin-intro-shot[data-shot="4"]{filter:saturate(.76) brightness(.90) contrast(1.04)}
.cin-film-vignette{background:linear-gradient(90deg,#0008,transparent 52%,#0004),linear-gradient(#0008,transparent 24%,transparent 77%,#000c)}