/* v6.12.3: 电影片头 / 五镜头分镜；不依赖影音媒体或第三方动画库。
   每个镜头由独立层绘制，显式标注 data-scene，避免移动端高成本逐帧 DOM 更替。 */
.cin-intro[hidden]{display:none!important}
html.intro-no-scroll,html.intro-no-scroll body{overflow:hidden!important}
.cin-intro,.cin-intro *{box-sizing:border-box}
.cin-intro{--intro-gold:#e6c38a;--intro-quiet:#c2b39e;--intro-duration:3000ms;
  display:none;position:fixed;inset:0;z-index:2147483000;overflow:hidden;isolation:isolate;
  min-height:100vh;min-height:100dvh;background:#010204;color:#f1e5d1;
  font-family:'Songti SC','STSong','Noto Serif CJK SC','Source Han Serif SC',serif;
  opacity:1;transition:opacity 950ms cubic-bezier(.16,.65,.26,1);touch-action:manipulation}
.cin-intro.is-mounted{display:block}.cin-intro.is-closing{opacity:0;pointer-events:none}
.cin-intro:focus{outline:none}
.cin-intro-film{position:absolute;inset:0;overflow:hidden;z-index:-1;pointer-events:none;background:#010204}
.cin-intro-shot{position:absolute;inset:-2%;opacity:0;transform:scale(1.045);transition:opacity 840ms ease,transform 3200ms linear}
.cin-intro[data-scene="0"] .cin-intro-shot[data-shot="0"],
.cin-intro[data-scene="1"] .cin-intro-shot[data-shot="1"],
.cin-intro[data-scene="2"] .cin-intro-shot[data-shot="2"],
.cin-intro[data-scene="3"] .cin-intro-shot[data-shot="3"],
.cin-intro[data-scene="4"] .cin-intro-shot[data-shot="4"]{opacity:1;transform:scale(1);will-change:opacity,transform}
/* 镜头一：深黑色片头。灯影渐从虚无中显出。 */
.cin-intro-shot[data-shot="0"]{background:radial-gradient(ellipse 33% 43% at 50% 53%,#25190d 0%,#090805 25%,#010204 74%)}
.cin-first-ray{position:absolute;left:50%;top:13%;width:1px;height:74%;background:linear-gradient(transparent,#a98d5a52,transparent);filter:blur(1px);opacity:.65;animation:cin-ray 3s both}
.cin-first-ring{position:absolute;left:50%;top:50%;width:clamp(200px,35vw,460px);aspect-ratio:1;border:1px solid #ac91602e;transform:translate(-50%,-50%) rotate(45deg);border-radius:50%;box-shadow:0 0 120px #ab6d1720,inset 0 0 100px #ab6d1709}
.cin-first-ring:after{content:"";position:absolute;inset:11%;border:1px solid #bca67914;border-radius:50%}
/* 镜头二：宫阙推镜，沿用官网既有原创绘制宫廷资源。 */
.cin-intro-shot[data-shot="1"]{background:#131713 url('hero-palace.svg') center 46%/cover no-repeat}
.cin-intro-shot[data-shot="1"]:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#030607bd,#06080961,#030506b8),linear-gradient(0deg,#030508d0,transparent 50%,#02040680)}
/* 镜头三：诏牍，真实区别传位遗诏与削藩文书。 */
.cin-intro-shot[data-shot="2"]{background:radial-gradient(ellipse at 68% 46%,#432b1d 0%,#171311 36%,#050608 78%)}
.cin-scroll{position:absolute;top:14%;right:9%;height:79%;width:clamp(175px,34vw,460px);transform:rotate(-12deg);border:1px solid #dfc18e26;
  background:linear-gradient(110deg,#f0d59a14,#e2bd7630 20%,#422d1d20 35%,#b79b6240 70%,#08090a44 100%);box-shadow:0 18px 110px #000a,inset 12px 0 22px #a87a3030;filter:blur(.5px)}
.cin-scroll:before,.cin-scroll:after{content:"";position:absolute;left:-12px;right:-12px;height:16px;border-radius:40%;border:1px solid #b48d56ad;background:linear-gradient(#4e3726,#baa16f,#39241b);box-shadow:0 3px 10px #0008}
.cin-scroll:before{top:-6px}.cin-scroll:after{bottom:-6px}
.cin-scroll-seal{position:absolute;top:47%;right:23%;font-size:clamp(100px,21vw,290px);font-weight:bold;color:#a637251d;line-height:1;transform:rotate(-12deg);text-shadow:0 0 32px #ee623813}
/* 镜头四：山河烽火，渐次掠过远山和边旗。 */
.cin-intro-shot[data-shot="3"]{background:radial-gradient(ellipse at 69% 55%,#a25c2c56,transparent 32%),linear-gradient(#07101a,#202028 53%,#291918 76%,#080a10)}
.cin-mountain{position:absolute;bottom:0;width:125%;left:-10%;height:60%;background:#10151a;clip-path:polygon(0 50%,7% 40%,15% 57%,25% 22%,37% 47%,48% 27%,58% 49%,71% 14%,82% 43%,92% 29%,100% 50%,100% 100%,0 100%)}
.cin-mountain.is-far{bottom:4%;height:48%;background:#3230349c;filter:blur(7px);transform:scaleX(-1)}
.cin-mountain.is-near{bottom:-8%;background:linear-gradient(#181e24,#03060b)}
.cin-war-banner{position:absolute;bottom:12%;right:24%;height:48%;width:4px;background:linear-gradient(#8c6037,#140e0a);box-shadow:0 0 30px #e5a56a26;transform:rotate(-7deg)}
.cin-war-banner:before{content:"";position:absolute;left:4px;top:0;width:clamp(45px,8vw,120px);height:32%;background:linear-gradient(125deg,#612820,#271013);clip-path:polygon(0 0,100% 12%,76% 50%,100% 96%,0 84%);filter:drop-shadow(2px 4px 4px #000)}
.cin-warfire{position:absolute;bottom:17%;left:27%;width:18%;height:20%;border-radius:50%;background:radial-gradient(ellipse,#e27e3850 0%,#cf4d2016 37%,transparent 70%);filter:blur(23px)}
/* 镜头五：三线定局，既有帝王形象逐步显露但不提前暴露首页。 */
.cin-intro-shot[data-shot="4"]{background:#0a0a0b url('v4-throne.webp') center 46%/cover no-repeat}
.cin-intro-shot[data-shot="4"]:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#020305d6,#080a0c82,#020305b5),linear-gradient(0deg,#010204d9,transparent 55%,#030306a8)}
.cin-three-paths{position:absolute;left:50%;top:10%;height:80%;width:42%;transform:translateX(-50%);opacity:.45;background:linear-gradient(118deg,transparent 34%,#e1ae5b40 34.1%,transparent 34.35%),linear-gradient(90deg,transparent 49%,#e2b97736 49.1%,transparent 49.4%),linear-gradient(62deg,transparent 65%,#e1ae5b40 65.1%,transparent 65.35%)}
/* 通用电影质感：宽幅遮罩、暗角、细光束与轻微空气颗粒。 */
.cin-film-vignette{position:absolute;inset:0;background:radial-gradient(ellipse at center,transparent 17%,#0009 100%),linear-gradient(180deg,#01020477,transparent 23%,transparent 74%,#010204d9);pointer-events:none}
.cin-film-bars:before,.cin-film-bars:after{content:"";position:absolute;left:0;right:0;height:clamp(12px,4.5vh,48px);background:#000;z-index:3}
.cin-film-bars:before{top:0}.cin-film-bars:after{bottom:0}
.cin-film-motes{position:absolute;inset:0;opacity:.32;background-image:radial-gradient(#fbd6a183 0.7px,transparent 1.3px),radial-gradient(#ffd4a651 .7px,transparent 1.3px);background-size:107px 103px,163px 181px;background-position:4px 8px,39px 64px;animation:cin-drift 12s linear infinite}
.cin-intro-screen{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:space-between;padding:max(44px,env(safe-area-inset-top) + 20px) clamp(24px,5.8vw,104px) max(45px,env(safe-area-inset-bottom) + 18px)}
.cin-intro-topline{display:flex;align-items:center;justify-content:space-between;gap:16px;position:relative;z-index:2;color:#d3ba90;font:11px/1.6 system-ui,-apple-system,'PingFang SC',sans-serif;letter-spacing:.2em}
.cin-intro-topline i{font-style:normal;opacity:.45;margin:0 .4em}
.cin-intro-skip{min-height:44px;display:inline-flex;align-items:center;gap:9px;padding:8px 0 8px 14px;color:#e9d7bb!important;white-space:nowrap;font:12px/1.4 system-ui,-apple-system,'PingFang SC',sans-serif;letter-spacing:.12em;text-decoration:none;opacity:.83}
.cin-intro-skip:hover{opacity:1}.cin-intro-skip:focus-visible,.cin-intro-next:focus-visible,.cin-intro-pause:focus-visible{outline:2px solid #efcc90;outline-offset:5px}
.cin-intro-content{position:relative;z-index:2;flex:1;display:grid;place-items:center;min-height:0;text-align:center;width:100%;max-width:1140px;margin:auto;padding:16px 0}
.cin-intro-copy{width:100%;max-width:1060px;margin:auto;animation:cin-copy-entry 660ms cubic-bezier(.2,.7,.25,1) both}
.cin-intro-chapter{display:block;color:#e8c58f;font:500 clamp(10px,1.1vw,13px)/1.5 system-ui,-apple-system,'PingFang SC',sans-serif;letter-spacing:.38em;margin-bottom:clamp(16px,4vh,36px);text-shadow:0 1px 15px #000}
.cin-intro-ornament{display:block;height:1px;width:clamp(44px,8vw,100px);margin:0 auto clamp(18px,3vh,30px);background:linear-gradient(90deg,transparent,#f4c57e,transparent);box-shadow:0 0 15px #c98c4266}
.cin-intro-title{margin:0 auto;max-width:17em;font-weight:500;font-size:clamp(41px,5.8vw,88px);line-height:1.38;letter-spacing:.12em;color:#f0e0c8;text-shadow:0 4px 30px #000e,0 0 90px #c9872d38;text-wrap:balance}
.cin-intro-title span{display:block;animation:cin-title-entry 710ms cubic-bezier(.17,.7,.21,1) both}
.cin-intro-title span+span{animation-delay:90ms}
.cin-intro-description{font:300 clamp(13px,1.22vw,17px)/1.85 system-ui,-apple-system,'PingFang SC',sans-serif;letter-spacing:.12em;color:#ded0bf;margin:clamp(16px,3vh,31px) auto 0;max-width:35em;text-shadow:0 2px 15px #000e;animation:cin-sub-entry 560ms 210ms both}
.cin-intro-foot{position:relative;z-index:2;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:clamp(16px,3vw,54px);font:12px/1.5 system-ui,-apple-system,'PingFang SC',sans-serif}
.cin-intro-cue{font-size:11px;color:#bdb1a0;letter-spacing:.11em;white-space:nowrap}
.cin-intro-progress{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;max-width:480px;width:100%;margin:0 auto}
.cin-intro-progress i{position:relative;height:2px;display:block;overflow:hidden;background:#c9af8044}
.cin-intro-progress i:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#bd8b55,#f4dfb5);transform-origin:left center;transform:scaleX(0)}
.cin-intro-progress i.is-complete:after{transform:scaleX(1)}
.cin-intro-progress i.is-active:after{animation:cin-progress var(--intro-duration) linear forwards}
.cin-intro.is-paused .cin-intro-progress i.is-active:after{animation-play-state:paused}
.cin-intro-actions{display:flex;gap:8px;align-items:center}
.cin-intro-next,.cin-intro-pause{min-height:44px;background:#0a0a0b55;color:#e2cda9;border:1px solid #bc95585e;border-radius:2px;padding:10px 15px;font:12px/1.2 system-ui,-apple-system,'PingFang SC',sans-serif;letter-spacing:.1em;cursor:pointer;white-space:nowrap;transition:background .2s,border-color .2s}
.cin-intro-next:hover,.cin-intro-pause:hover{background:#b78b4829;border-color:#e3b76a}
.cin-intro-pause{min-width:52px}.cin-intro-count{position:absolute;left:50%;bottom:-23px;transform:translateX(-50%);color:#cfb28a;font-size:11px;font-variant-numeric:tabular-nums;letter-spacing:.14em;white-space:nowrap}
.cin-intro-count i{opacity:.48;font-style:normal;padding:0 5px}
.tl12-replay-intro{margin:12px 0 0 19px;padding:10px 3px;min-height:44px;display:inline-flex;gap:12px;align-items:center;background:transparent;border:0;border-bottom:1px solid rgba(183,150,101,.45);font-family:inherit;font-size:13px;letter-spacing:.08em;color:#d0b383;cursor:pointer}
.tl12-replay-intro:hover{color:#f0d5a7;border-bottom-color:#d0b383}.tl12-replay-intro:focus-visible{outline:2px solid #e5bf7b;outline-offset:4px}
@keyframes cin-copy-entry{from{opacity:0;transform:translate3d(0,17px,0);filter:blur(4px)}to{opacity:1;transform:translateZ(0);filter:blur(0)}}
@keyframes cin-title-entry{from{opacity:0;transform:translate3d(0,16px,0);letter-spacing:.22em}to{opacity:1;transform:translateZ(0);letter-spacing:.12em}}
@keyframes cin-sub-entry{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@keyframes cin-progress{to{transform:scaleX(1)}}
@keyframes cin-ray{from{opacity:0;transform:scaleY(.2)}to{opacity:.55;transform:scaleY(1)}}
@keyframes cin-drift{to{background-position:36px -20px,22px 5px}}
@media(max-width:640px){
  .cin-intro-screen{padding:max(35px,env(safe-area-inset-top) + 12px) 22px max(36px,env(safe-area-inset-bottom) + 12px)}
  .cin-intro-topline{font-size:10px;letter-spacing:.09em}.cin-intro-skip{font-size:11px;letter-spacing:0}
  .cin-intro-title{font-size:clamp(31px,9.1vw,48px);letter-spacing:.055em;line-height:1.53}
  .cin-intro-title span+span{animation-delay:110ms}
  .cin-intro-chapter{font-size:10px;letter-spacing:.23em;margin-bottom:20px}
  .cin-intro-description{font-size:13px;line-height:1.75;letter-spacing:.045em;margin-top:20px;max-width:25em}
  .cin-intro-foot{grid-template-columns:1fr auto;gap:9px 16px}
  .cin-intro-cue{grid-column:1/3;grid-row:1;text-align:center;font-size:10px;letter-spacing:.06em}
  .cin-intro-progress{grid-column:1;grid-row:2}
  .cin-intro-actions{grid-column:2;grid-row:2}
  .cin-intro-next,.cin-intro-pause{padding:8px 10px;min-width:43px;min-height:44px;font-size:11px}
  .cin-intro-count{bottom:-25px}.cin-scroll{right:1%;opacity:.54}
  .cin-war-banner{right:20%}.cin-first-ring{width:62vw}
  .tl12-replay-intro{margin:6px 0 0;display:flex;width:max-content}
}
@media (max-height:520px) and (orientation:landscape){
  .cin-intro-screen{padding-top:15px;padding-bottom:12px}
  .cin-film-bars:before,.cin-film-bars:after{height:7px}
  .cin-intro-topline{font-size:10px}.cin-intro-content{padding:2px 0}
  .cin-intro-chapter{margin-bottom:4px}.cin-intro-ornament{margin-bottom:5px}
  .cin-intro-title{font-size:clamp(21px,5.7vh,38px);line-height:1.22}
  .cin-intro-description{font-size:11px;margin-top:5px;line-height:1.35}
  .cin-intro-cue{display:none}.cin-intro-foot{display:flex;gap:15px}
  .cin-intro-progress{max-width:none}.cin-intro-count{bottom:-13px}
}
@media(prefers-reduced-motion:reduce){
  .cin-intro,.cin-intro-shot,.cin-intro-copy,.cin-intro-title span,.cin-intro-description,.cin-first-ray,.cin-film-motes{animation:none!important;transition:none!important;filter:none!important}
  .cin-intro-progress i.is-active:after{animation:none!important;transform:scaleX(.5)}
  .cin-intro-copy,.cin-intro-title span,.cin-intro-description{opacity:1!important;transform:none!important}
}

/* v6.12.4: Safari 对脚本聚焦的多行 h1 绘制蓝色异形焦点框。标题非交互，抑制其 UA 轮廓；保留按钮/链接键盘焦点。 */
.page-dual #tl12-h1:focus, .page-dual #tl12-h1:focus-visible{outline:none!important;box-shadow:none!important;-webkit-tap-highlight-color:transparent}