/* 场景化排版系统（Ch1/2/3 通用）；字号/间距/切片参数集中此处。 */
.scenes{--e:cubic-bezier(.23,1,.32,1);position:relative;}
.scenes::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.05;background-image:url("data:image/svg+xml;utf8,<svg xmlns=%27http://www.w3.org/2000/svg%27 width=%27180%27 height=%27180%27><filter id=%27n%27><feTurbulence type=%27fractalNoise%27 baseFrequency=%270.85%27 numOctaves=%272%27 stitchTiles=%27stitch%27/><feColorMatrix type=%27saturate%27 values=%270%27/></filter><rect width=%27180%27 height=%27180%27 filter=%27url(%23n)%27/></svg>");background-size:180px 180px;}
.scenes{margin-top:-10px;}
.scene{min-height:92vh;display:flex;flex-direction:column;justify-content:center;padding:9vh 0 7vh;}
.scene-head{max-width:1180px;}
.scene-kicker{display:block;font-size:12px;letter-spacing:4.5px;color:#c9ccd1;text-transform:uppercase;margin-bottom:20px;}
.scene-kicker::before{content:"— ";color:#e5484d;}
.scene-kw{font-size:clamp(48px,5.4vw,94px);font-weight:900;letter-spacing:.02em;line-height:1.06;color:#fff;text-shadow:0 0 14px rgba(255,255,255,.55),0 0 46px rgba(255,255,255,.30),0 0 120px rgba(255,255,255,.16);}
.scene-kw em{font-style:normal;color:transparent;background:linear-gradient(115deg,#f2a9ad,#e5484d 80%);background-clip:text;-webkit-background-clip:text;text-shadow:none;filter:drop-shadow(0 0 26px rgba(229,72,77,.45));}
.scene-verdict{margin-top:18px;font-size:clamp(17px,1.5vw,22px);color:#d3d7e2;letter-spacing:.02em;}
.scene-body{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(320px,.9fr);gap:96px;align-items:center;margin-top:6vh;}
.scene.alt .scene-body{grid-template-columns:minmax(320px,.9fr) minmax(0,1.5fr);}
.scene.alt .scene-aside{order:1;}
.scene.alt .scene-media{order:2;}
.scene-media{position:relative;margin:0;}
.scene-media figcaption{font-size:15px;font-weight:600;letter-spacing:1.5px;color:#e2e5f0;margin-bottom:16px;}
.scene-media figcaption::first-line{color:#e2e5f0;}
.scenes .media-wrap{position:relative;}
.scene-media .main{display:block;width:100%;height:auto;border-radius:3px;filter:saturate(.94) contrast(1.04) brightness(.96);clip-path:inset(0 100% 0 0);transition:clip-path 1.1s var(--e) .12s;}
.scene.alt .scene-media .main{clip-path:inset(0 0 0 100%);}
.scene.in .scene-media .main{clip-path:inset(0 0 0 0);}
/* 静态切片：贴边细条，无模糊、无逐帧位移 */
.scenes .strip{display:none;}

.scene-aside{position:relative;z-index:1;display:flex;flex-direction:column;gap:24px;}
.scene-list{list-style:none;}
.scene-list li{display:flex;gap:16px;align-items:baseline;padding:15px 0;border-top:1px solid rgba(255,255,255,.09);}
.scene-list li:last-child{border-bottom:1px solid rgba(255,255,255,.09);}
.scene-list i{font-style:normal;font-size:13px;font-weight:700;letter-spacing:1px;color:#e5484d;}
.scene-list span{font-size:15px;color:#d3d7e2;line-height:1.75;}
.scene-nums{display:flex;flex-wrap:wrap;row-gap:16px;}
.scene-num{padding:2px 24px;border-left:1px solid rgba(255,255,255,.14);}
.scene-num:first-child{padding-left:0;border-left:0;}
.scene-num b{display:block;font-size:clamp(30px,2.5vw,44px);font-weight:800;color:#fff;font-variant-numeric:tabular-nums;line-height:1.1;}
.scene-num.hot b{color:#f87171;}
.scene-num span{display:block;font-size:12px;letter-spacing:1px;color:#9aa0b0;margin-top:4px;}
.scene-text{font-size:14.5px;line-height:1.95;color:var(--text-2);max-width:640px;}
.scene-concl{font-size:15px;line-height:1.85;color:#dfe3ee;border-left:2px solid #e5484d;padding-left:16px;max-width:640px;}
.scene-head>*,.scene-aside>*{opacity:0;transform:translateY(26px);filter:blur(9px);transition:opacity .7s var(--e),transform .9s var(--e),filter .7s var(--e);}
.scene-head>*:nth-child(2){transition-delay:.1s;}
.scene-head>*:nth-child(3){transition-delay:.2s;}
.scene-aside>*:nth-child(2){transition-delay:.12s;}
.scene-aside>*:nth-child(3){transition-delay:.22s;}
.scene-aside>*:nth-child(4){transition-delay:.32s;}
.scene.in .scene-head>*,.scene.in .scene-aside>*{opacity:1;transform:translateY(0);filter:blur(0);}
.scene-media{cursor:zoom-in;}
@media(max-width:960px){
  .scene{min-height:0;padding:8vh 0 4vh;}
  .scene-body,.scene.alt .scene-body{grid-template-columns:1fr;gap:30px;margin-top:4vh;}
  .scene.alt .scene-aside{order:2;}
  .scene.alt .scene-media{order:1;}
  .scenes .strip{display:none;}
  .scene-kw{font-size:clamp(40px,10vw,64px);}
  .scene-text,.scene-concl{max-width:none;}
}
@media(prefers-reduced-motion:reduce){
  .scene-head>*,.scene-aside>*{opacity:1!important;transform:none!important;filter:none!important;transition:none!important;}
  .scene-media .main{clip-path:none!important;transition:none!important;}
  .scenes .strip{opacity:1!important;transform:none!important;transition:none!important;}
}

/* ===== Ch1 滚动判读式（图定文动） ===== */
#ch1 .story{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.9fr);gap:72px;align-items:start;}
#ch1 .story-stage{position:sticky;top:90px;height:calc(100vh - 150px);display:flex;align-items:center;}
#ch1 .story-media{position:relative;margin:0;width:100%;}
#ch1 .story-media .main{display:block;width:100%;height:auto;max-height:74vh;object-fit:contain;border-radius:3px;filter:saturate(.94) contrast(1.04) brightness(.96);clip-path:inset(0 100% 0 0);transition:clip-path 1.1s var(--e) .1s;}
#ch1 .story.in .story-media .main{clip-path:inset(0 0 0 0);}
#ch1 .story-tag{position:absolute;z-index:3;padding:9px 13px;border-radius:6px;font-size:13px;font-weight:600;letter-spacing:1px;color:#fff;background:rgba(10,12,18,.86);border:1px solid rgba(139,147,230,.6);box-shadow:0 8px 22px rgba(0,0,0,.45);opacity:0;transform:translateY(10px);transition:opacity .5s var(--e),transform .6s var(--e);pointer-events:none;}
#ch1 .story-tag[data-step="0"]{top:9%;left:6%;}
#ch1 .story-tag[data-step="1"]{top:44%;left:40%;}
#ch1 .story-tag[data-step="2"]{bottom:11%;right:5%;}
#ch1 .story-tag.on{opacity:1;transform:translateY(0);}
#ch1 .story-steps{display:flex;flex-direction:column;padding:4vh 0 8vh;}
#ch1 .story-step{min-height:74vh;display:flex;flex-direction:column;justify-content:center;gap:18px;opacity:.3;transform:translateY(12px);transition:opacity .6s var(--e),transform .7s var(--e);}
#ch1 .story-step.on{opacity:1;transform:none;}
#ch1 .story-no{font-size:12px;font-weight:700;letter-spacing:3px;color:#8b93e6;}
#ch1 .story-step h3{font-size:clamp(40px,3.8vw,62px);font-weight:900;letter-spacing:.02em;line-height:1.1;color:#fff;text-shadow:0 0 18px rgba(255,255,255,.3),0 0 70px rgba(139,147,230,.2);}
#ch1 .story-step h3 em{font-style:normal;color:transparent;background:linear-gradient(115deg,#f2a9ad,#e5484d 80%);background-clip:text;-webkit-background-clip:text;text-shadow:none;}
#ch1 .story-verdict{font-size:19px;line-height:1.75;color:#d3d7e2;}
#ch1 .story-points{list-style:none;}
#ch1 .story-points li{padding:12px 0;border-top:1px solid rgba(255,255,255,.09);font-size:15px;color:#c9cdd8;line-height:1.7;}
#ch1 .story-points li:last-child{border-bottom:1px solid rgba(255,255,255,.09);}
@media(max-width:960px){#ch1 .story{grid-template-columns:1fr;gap:26px;}#ch1 .story-stage{position:relative;top:0;height:auto;}#ch1 .story-step{min-height:0;padding:30px 0;}#ch1 .story-tag[data-step="1"]{left:8%;}}

/* ===== Ch3 杂志拼版式（Z 字交替 + 居中收束） ===== */
#ch3 .mag{display:flex;flex-direction:column;gap:6vh;}
#ch3 .mag-item{min-height:92vh;display:grid;grid-template-columns:minmax(0,1.5fr) minmax(320px,.95fr);gap:88px;align-items:center;padding:7vh 0;}
#ch3 .mag-item.alt{grid-template-columns:minmax(320px,.95fr) minmax(0,1.5fr);}
#ch3 .mag-item.alt .mag-copy{order:1;}
#ch3 .mag-item.alt .mag-media{order:2;}
#ch3 .mag-media{position:relative;margin:0;}
#ch3 .mag-media .main{display:block;width:100%;height:auto;max-height:56vh;object-fit:contain;border-radius:3px;filter:saturate(.94) contrast(1.04) brightness(.96);}
#ch3 .mag-item .main{clip-path:inset(0 100% 0 0);transition:clip-path 1.05s var(--e) .1s;}
#ch3 .mag-item[data-wipe="right"] .main{clip-path:inset(0 0 0 100%);}
#ch3 .mag-item[data-wipe="center"] .main{clip-path:inset(0 50% 0 50%);}
#ch3 .mag-item.in .main{clip-path:inset(0 0 0 0);}
#ch3 .mag-copy{display:flex;flex-direction:column;gap:20px;}
#ch3 .mag-kicker{font-size:12px;letter-spacing:4.5px;color:#c9ccd1;text-transform:uppercase;}
#ch3 .mag-kicker::before{content:"— ";color:#e5484d;}
#ch3 .mag-kw{font-size:clamp(46px,5vw,86px);font-weight:900;letter-spacing:.02em;line-height:1.06;color:#fff;text-shadow:0 0 14px rgba(255,255,255,.55),0 0 46px rgba(255,255,255,.30),0 0 120px rgba(255,255,255,.16);}
#ch3 .mag-kw em{font-style:normal;color:transparent;background:linear-gradient(115deg,#f2a9ad,#e5484d 80%);background-clip:text;-webkit-background-clip:text;text-shadow:none;}
#ch3 .mag-verdict{font-size:clamp(17px,1.5vw,22px);color:#d3d7e2;}
#ch3 .mag-list{list-style:none;}
#ch3 .mag-list li{display:flex;gap:16px;align-items:baseline;padding:15px 0;border-top:1px solid rgba(255,255,255,.09);}
#ch3 .mag-list li:last-child{border-bottom:1px solid rgba(255,255,255,.09);}
#ch3 .mag-list i{font-style:normal;font-size:13px;font-weight:700;color:#e5484d;}
#ch3 .mag-list span{font-size:15px;color:#d3d7e2;line-height:1.75;}
#ch3 .mag-text{font-size:14.5px;line-height:1.95;color:var(--text-2);}
#ch3 .mag-concl{font-size:15px;line-height:1.85;color:#dfe3ee;border-left:2px solid #e5484d;padding-left:16px;}
#ch3 .mag-item.center{display:flex;flex-direction:column;align-items:center;text-align:center;gap:26px;min-height:0;padding:10vh 0 12vh;}
#ch3 .mag-item.center .mag-media{width:min(1080px,100%);}
#ch3 .mag-item.center .mag-concl{max-width:760px;}
#ch3 .mag-cols{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;width:100%;max-width:1180px;text-align:left;}
#ch3 .mag-col{padding:18px 20px;border:1px solid rgba(255,255,255,.1);border-radius:10px;background:rgba(255,255,255,.03);}
#ch3 .mag-col i{display:block;font-style:normal;font-size:12px;font-weight:700;letter-spacing:1px;color:#e5484d;margin-bottom:8px;}
#ch3 .mag-col span{font-size:14.5px;color:#d3d7e2;line-height:1.75;}
#ch3 .mag-head>*,#ch3 .mag-copy>*,#ch3 .mag-cols,#ch3 .mag-item.center .mag-concl{opacity:0;transform:translateY(26px);filter:blur(9px);transition:opacity .7s var(--e),transform .9s var(--e),filter .7s var(--e);}
#ch3 .mag-head>*:nth-child(2){transition-delay:.1s;}
#ch3 .mag-head>*:nth-child(3){transition-delay:.2s;}
#ch3 .mag-copy>*:nth-child(2){transition-delay:.1s;}
#ch3 .mag-copy>*:nth-child(3){transition-delay:.18s;}
#ch3 .mag-copy>*:nth-child(4){transition-delay:.26s;}
#ch3 .mag-copy>*:nth-child(5){transition-delay:.34s;}
#ch3 .mag-copy>*:nth-child(6){transition-delay:.42s;}
#ch3 .mag-item.in .mag-head>*,#ch3 .mag-item.in .mag-copy>*,#ch3 .mag-item.in .mag-cols,#ch3 .mag-item.in .mag-concl{opacity:1;transform:translateY(0);filter:blur(0);}
#ch3 .mag-item.center .mag-head{display:flex;flex-direction:column;align-items:center;gap:14px;}
@media(max-width:960px){
 #ch3 .mag-item,#ch3 .mag-item.alt{grid-template-columns:1fr;gap:26px;min-height:0;padding:6vh 0;}
 #ch3 .mag-item.alt .mag-copy{order:2;}
 #ch3 .mag-item.alt .mag-media{order:1;}
 #ch3 .mag-cols{grid-template-columns:1fr;}
 #ch3 .mag-kw{font-size:clamp(38px,10vw,60px);}
}
@media(prefers-reduced-motion:reduce){
 #ch1 .story-media .main{clip-path:none!important;}
 #ch1 .story-tag{opacity:1!important;transform:none!important;}
 #ch1 .story-step{opacity:1!important;transform:none!important;}
 #ch3 .mag-item .main{clip-path:none!important;}
 #ch3 .mag-head>*,#ch3 .mag-copy>*,#ch3 .mag-cols,#ch3 .mag-item.center .mag-concl{opacity:1!important;transform:none!important;filter:none!important;transition:none!important;}
}



/* ===== 标题行左右分栏（大字关键词 + 对侧图题） ===== */
#ch2 .scene-head{display:flex;justify-content:space-between;align-items:flex-end;gap:48px;}
#ch2 .scene-head .sh-left{min-width:0;}
#ch2 .scene-head .sh-right{flex:none;max-width:430px;padding-bottom:12px;}
#ch2 .scene-cap{display:block;font-size:clamp(20px,1.9vw,29px);font-weight:650;letter-spacing:1.5px;line-height:1.5;color:#e2e5f0;text-align:right;}
#ch2 .scene-cap::before{content:"";display:inline-block;width:36px;height:2px;background:#e5484d;vertical-align:middle;margin-right:14px;}
#ch2 .scene.alt .scene-head{flex-direction:row-reverse;}
#ch2 .scene.alt .scene-cap{text-align:left;}
#ch2 .scene.alt .scene-cap::before{margin-right:0;margin-left:14px;}
@media(max-width:960px){
 #ch2 .scene-head,#ch2 .scene.alt .scene-head{flex-direction:column;align-items:flex-start;gap:14px;}
 #ch2 .scene-cap,#ch2 .scene.alt .scene-cap{text-align:left;}
}

/* ===== 居中巨题 + DGC 层叠侧板（收束版） ===== */
#ch3 .mag-item.center{position:relative;}
#ch3 .mag-item.center::after{content:"";position:absolute;inset:-2vh 0;pointer-events:none;opacity:.07;mix-blend-mode:overlay;background-image:url("data:image/svg+xml;utf8,<svg xmlns=%27http://www.w3.org/2000/svg%27 width=%27180%27 height=%27180%27><filter id=%27n2%27><feTurbulence type=%27fractalNoise%27 baseFrequency=%270.85%27 numOctaves=%272%27 stitchTiles=%27stitch%27/><feColorMatrix type=%27saturate%27 values=%270%27/></filter><rect width=%27180%27 height=%27180%27 filter=%27url(%23n2)%27/></svg>");background-size:180px 180px;}
#ch3 .mag-item.center .mag-kw{font-size:clamp(52px,6.2vw,104px);text-shadow:0 0 14px rgba(255,255,255,.55),0 0 40px rgba(255,255,255,.28),0 0 90px rgba(255,255,255,.16);}
#ch3 .mag-item.center .mag-media{width:auto;max-width:100%;display:inline-block;}
#ch3 .mag-item.center .mag-media .main{border-radius:4px;box-shadow:0 26px 70px -28px rgba(0,0,0,.65),0 20px 60px -26px rgba(229,72,77,.12);}
#ch3 .mag-item.center .mag-media::before,#ch3 .mag-item.center .mag-media::after{content:"";position:absolute;top:-2%;bottom:-2%;width:200px;pointer-events:none;}
#ch3 .mag-item.center .mag-media::before{right:calc(100% - 16px);background:linear-gradient(270deg,rgba(4,5,7,.45),transparent 80%);}
#ch3 .mag-item.center .mag-media::after{left:calc(100% - 16px);background:linear-gradient(90deg,rgba(4,5,7,.45),transparent 80%);}
#ch3 .mag-item.center .mag-media .slat{position:absolute;width:28px;border-radius:2px;background-size:cover;background-position:center;pointer-events:none;opacity:0;transform:translateY(12px);transition:opacity .7s var(--e),transform .9s var(--e);box-shadow:0 14px 34px rgba(0,0,0,.42),inset 0 0 12px rgba(229,72,77,.05);}
#ch3 .mag-item.center.in .mag-media .slat{opacity:1;transform:translateY(0);}
/* 每层更矮：向主图中线收束，形成透视纵深 */
#ch3 .mag-item.center .mag-media .slat.s1{top:0;bottom:0;filter:brightness(.5) saturate(.8) blur(1px);transition-delay:0ms;}
#ch3 .mag-item.center .mag-media .slat.s2{top:5%;bottom:5%;filter:brightness(.34) saturate(.72) blur(2.2px);transition-delay:70ms;}
#ch3 .mag-item.center .mag-media .slat.s3{top:10%;bottom:10%;filter:brightness(.2) saturate(.62) blur(3.4px);transition-delay:140ms;}
@media(max-width:1240px){#ch3 .mag-item.center .mag-media .slat.s3{display:none;}}
@media(max-width:1000px){
 #ch3 .mag-item.center .mag-media .slat{display:none;}
 #ch3 .mag-item.center .mag-media::before,#ch3 .mag-item.center .mag-media::after{display:none;}
}