/* Chapter transitions: the two statements form one centered editorial group. */
.transition-slide{isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 73% 42%,#e7f2ff99,transparent 47%),linear-gradient(145deg,#fff,#f7faff 65%,#e6f1fc)}
html:has(.transition-slide.active){overflow-x:hidden}
.transition-slide::before{content:'H₂';position:absolute;z-index:-1;right:8%;top:9%;font:600 clamp(180px,25vw,460px)/1 Arial,sans-serif;color:#c6ddf552;letter-spacing:-.08em}
.transition-slide::after{content:'';position:absolute;z-index:-1;inset:0;background:url('../assets/transition-landscape.svg') center bottom/100% auto no-repeat;pointer-events:none}
.transition-slide .transition-copy{position:relative;display:flex;width:100%;height:100%;min-height:0;box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:calc(var(--header-height) + 4vh) 7vw 10vh;text-align:left}
.transition-slide .transition-copy::before{display:none}
.transition-slide .transition-copy p{position:relative;width:min(64vw,1120px);max-width:100%;margin:0;align-self:center;text-align:left;letter-spacing:-.035em;line-height:1.12}
.transition-slide .transition-copy p:first-child{border:0;padding:0 0 14px;font-size:clamp(42px,5vw,92px);font-weight:700;color:#101725}
.transition-slide .transition-copy p:first-child::before{content:'NEXT CHAPTER';display:block;margin-bottom:18px;color:#2876da;font:600 12px/1.2 var(--mono);letter-spacing:.24em}
.transition-slide .transition-copy p:nth-child(2){border:0;padding:14px 0 0;border-top:1px solid #bdcee3;font-size:clamp(35px,4.1vw,74px);font-weight:500;color:#0646bd}
.transition-slide .transition-copy p:nth-child(2)::after{content:'';display:block;width:82px;height:4px;margin-top:22px;border-radius:4px;background:linear-gradient(90deg,#1263ce,#55a8ff)}
.transition-slide .transition-copy>span{display:block;position:absolute;right:9%;top:16%;width:37vw;height:29vh;margin:0;border:1px solid #c4daf5;border-radius:50%;background:none;transform:rotate(-18deg);z-index:-2}
.transition-slide .transition-copy>span::before,.transition-slide .transition-copy>span::after{content:'';position:absolute;width:28px;height:28px;border-radius:50%;background:radial-gradient(circle at 30% 25%,#fff,#a7cbf4 65%,#d9e9fa)}
.transition-slide .transition-copy>span::before{left:3%;top:29%}.transition-slide .transition-copy>span::after{right:0;bottom:16%;width:46px;height:46px}
@media(min-width:1600px) and (min-height:850px){
 .transition-slide .transition-copy{gap:14px}
 .transition-slide .transition-copy::before{height:min(46vh,430px)}
 .transition-slide .transition-copy p:first-child::before{margin-bottom:24px;font-size:14px}
}
@media(max-height:620px) and (min-width:901px){
 .transition-slide .transition-copy{height:calc(100% - var(--header-height));min-height:0;gap:5px;padding:12px 7vw 24px}
 .transition-slide .transition-copy::before{width:min(74vw,1180px);height:76%;transform:translate(-50%,-48%);border-radius:20px}
 .transition-slide .transition-copy p{width:min(62vw,980px)}
 .transition-slide .transition-copy p:first-child{padding-bottom:8px;font-size:clamp(34px,4.3vw,62px)}
 .transition-slide .transition-copy p:first-child::before{margin-bottom:8px;font-size:9px}
 .transition-slide .transition-copy p:nth-child(2){padding-top:8px;font-size:clamp(29px,3.5vw,50px)}
 .transition-slide .transition-copy p:nth-child(2)::after{height:3px;margin-top:10px}
 .transition-slide::before{top:10%;font-size:180px}
 .transition-slide::after{background-size:100% auto}
}
@media(max-width:900px){
 .transition-slide{min-height:100dvh}
 .transition-slide .transition-copy{min-height:100dvh;padding:calc(var(--header-height) + 36px) 7vw 110px;gap:8px}
 .transition-slide .transition-copy::before{width:86vw;height:44vh;min-height:310px;border-radius:20px;transform:translate(-50%,-43%)}
 .transition-slide .transition-copy p{width:72vw}
 .transition-slide .transition-copy p:first-child{padding-bottom:12px;font-size:clamp(32px,9vw,52px)}
 .transition-slide .transition-copy p:first-child::before{margin-bottom:14px;font-size:9px}
 .transition-slide .transition-copy p:nth-child(2){padding-top:12px;font-size:clamp(27px,7.5vw,44px)}
 .transition-slide .transition-copy p:nth-child(2)::after{margin-top:16px}
 .transition-slide .transition-copy>span{top:23%;width:72vw}
 .transition-slide::before{top:21%;right:5%;font-size:210px}
 .transition-slide::after{background-size:auto 32%}
}
@media(prefers-reduced-motion:reduce){.transition-slide *{transition:none!important}}

/* 产业引擎过渡页：保持两行完整的能力说明。 */
#bridge-engine .transition-copy p:nth-child(2){font-size:clamp(20px,3vw,48px);line-height:1.65;letter-spacing:0}
@media(max-width:600px){
 #bridge-engine .transition-copy p{width:86vw}
 #bridge-engine .transition-copy p:nth-child(2){font-size:clamp(14px,3.8vw,22px)}
}