/* 第二章 P07–P18b；内容区 150–810，重心 y≈480。只用共用引擎的 stN / xN。 */
/* A 组氛围：星点、上方呼吸光晕、顶点 y=880 的地平线。 */
.atmA{position:absolute;inset:0;pointer-events:none;z-index:0;overflow:hidden;background:radial-gradient(ellipse at 50% 20%,rgba(82,102,235,.09),transparent 58%) center top/100% 100% no-repeat;animation:atmA-breathe 8s ease-in-out infinite}
.atmA::before{content:"";position:absolute;inset:0;opacity:.35;background-image:radial-gradient(circle at 42px 60px,rgba(237,237,243,.65) 0 1px,transparent 1.5px),radial-gradient(circle at 170px 130px,rgba(142,162,255,.5) 0 1px,transparent 1.5px);background-size:263px 211px,397px 307px;animation:atmA-drift 60s linear infinite}
.atmA::after{content:"";position:absolute;left:50%;top:880px;width:2800px;height:1000px;translate:-50% 0;border-radius:50%;border-top:1px solid rgba(214,216,230,.38);background:linear-gradient(180deg,#23233a,#171721 35%);box-shadow:0 -18px 70px rgba(142,162,255,.06)}
@keyframes atmA-drift{from{background-position:0 0,0 0}to{background-position:263px -211px,397px -307px}}
@keyframes atmA-breathe{0%,100%{background-size:100% 100%}50%{background-size:125% 125%}}
.c07 .hx,.c15 .hx,.c18 .hx,.c18b .hx{z-index:1}
.c15 .heritage{position:absolute;inset:0;z-index:1}

/* translate 只负责构图居中，保留 transform 给引擎进退场。 */
.c07 .hx,.c12 .end,.c14 .plain,.c15 .hx,.c18 .hx,.c18b .hx{top:480px;translate:0 -50%;left:160px;right:160px}
.c07 .hx h1,.c12 .end h1,.c15 .hx h1,.c18 .hx h1{margin-top:0}
.c07{background:radial-gradient(ellipse at 50% 45%,rgba(237,237,243,.035),transparent 65%)}
.c07 .intro h1{font-size:96px;line-height:1.42;margin-top:44px}
.c07 .reply{top:470px}
.c07 .reply h1{font-size:120px;line-height:1.35;text-shadow:0 0 80px rgba(237,237,243,.1)}
.c07.st1{background:radial-gradient(ellipse at 50% 45%,rgba(237,237,243,.075),transparent 70%)}

/* P08：工具物件 → 三种焦虑 → 设计师照片，顶部 logo 保留。 */
.c08 .col{width:1600px;top:220px}
.c08 .col h2{font-size:76px}
.c08 .chain{position:absolute;left:280px;right:280px;top:440px;display:flex;align-items:center}
.c08 .tool{width:260px;height:300px;flex:none;border-radius:28px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;padding:30px 20px 42px;color:var(--Lt1);background:linear-gradient(155deg,var(--L0),var(--t2));border:1px solid var(--t1);box-shadow:0 18px 50px rgba(23,23,33,.35)}
.c08 .tool>span{font:700 40px/1.2 var(--serif)}
.c08 .tool-icon{display:block;width:150px;height:150px;flex:none}
.c08 .ps-icon{display:grid;place-items:center;border-radius:22px;background:#001e36;color:#31a8ff;font:600 100px/1 var(--sans);letter-spacing:-.05em;padding-right:6px}
.c08 .tool.t1{background:linear-gradient(155deg,var(--t2),var(--t3))}
.c08 .tool.t2{background:linear-gradient(155deg,var(--t1),var(--t3))}
.c08 .tool.t3{background:linear-gradient(155deg,var(--L1),var(--t2))}
.c08 .tool.t4{box-shadow:0 0 65px rgba(237,237,243,.12);background:var(--L0)}
.c08 .arrow{flex:1;height:1px;margin:0 22px;position:relative;background:var(--t3)}
.c08 .arrow::after{content:"";position:absolute;right:0;top:-5px;width:10px;height:10px;border-top:1px solid var(--t3);border-right:1px solid var(--t3);rotate:45deg}
.c08.st1 .col:not(.conclusion){top:170px}
.c08.st1 .chain{top:490px}
.c08 .worries{position:absolute;left:330px;right:330px;top:370px;display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.c08 .worries p{position:relative;display:grid;place-items:center;height:96px;font-size:32px;white-space:nowrap;padding:20px 24px;border:1px solid var(--ln);border-radius:24px;background:var(--k2);color:var(--t2)}
.c08 .worries p::after{content:"";position:absolute;left:50%;bottom:-8px;width:14px;height:14px;background:var(--k2);border-right:1px solid var(--ln);border-bottom:1px solid var(--ln);rotate:45deg}
.c08 .demo{position:absolute;right:160px;top:342px;font-size:22px;color:var(--t3);border:1px solid var(--ln);border-radius:99px;padding:3px 13px}
.c08 .designer-scene{position:absolute;inset:0}
.c08 .designer-scene .pic{background-image:url(img/m_designer.png);filter:saturate(.45)}
.c08 .shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(23,23,33,.96),rgba(23,23,33,.85) 35%,rgba(23,23,33,.24) 73%,rgba(23,23,33,.12)),linear-gradient(0deg,rgba(23,23,33,.55),transparent 60%)}
.c08 .conclusion{top:480px;translate:0 -50%;width:1000px;text-align:left}
.c08 .conclusion h1{font:700 104px/1.32 var(--serif)}
.c08 .conclusion p{font-size:36px;line-height:1.5;margin-top:36px;color:var(--t2)}

.c09 .pic{background-image:url(img/m_shift.png);filter:sepia(.5) saturate(.7) contrast(1.06) brightness(.94)}
.c09 .cam{transform-origin:50% 65%}
.c09 .hx{top:330px;left:160px;right:160px}
.c09 .hx h1{font-size:128px}
.c09 .hx p{font-size:34px;line-height:1.5;margin-top:34px}
.c09 .vl{background:radial-gradient(ellipse at 50% 40%,transparent 25%,rgba(23,23,33,.6)),linear-gradient(180deg,rgba(23,23,33,.6),rgba(23,23,33,.34) 52%,rgba(23,23,33,.12) 75%,rgba(23,23,33,.45))}

.c10 .portrait{position:absolute;inset:0}
.c10 .portrait .pic{background-image:url(img/m_master.png);background-position:75% 48%;filter:sepia(.55) saturate(.7) contrast(1.06) brightness(.94)}
.c10 .portrait::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--k0) 5%,rgba(23,23,33,.94) 27%,rgba(23,23,33,.5) 51%,rgba(23,23,33,.06) 80%),radial-gradient(ellipse at 65% 45%,transparent 28%,rgba(23,23,33,.7))}
.c10 .quote{position:absolute;left:160px;top:480px;translate:0 -50%;width:800px}
.c10 .quote h1{font:700 88px/1.3 var(--serif);margin-top:36px}
.c10 .quote p{font-size:36px;line-height:1.55;color:var(--t2);margin-top:0;max-height:0;overflow:hidden}
.c10.st1 .quote p{margin-top:32px;max-height:140px}
.c10 .pair{position:absolute;left:300px;right:300px;top:240px;display:grid;grid-template-columns:repeat(2,640px);gap:40px}
.c10 .cd{height:480px;padding:32px 32px 46px;border-radius:28px;border:1px solid var(--ln);display:flex;flex-direction:column;align-items:center;background:var(--k2)}
.c10 .cd svg{width:360px;height:200px;flex:none;margin-bottom:24px}
.c10 .cd span{font-size:32px;line-height:1.4;letter-spacing:.12em}
.c10 .cd h2{font:700 76px/1.25 var(--serif);margin-top:22px;white-space:nowrap}
.c10 .traditional{background:var(--t1);color:var(--Lt1)}
.c10 .traditional h2{font-size:72px}
.c10 .craft{filter:drop-shadow(0 10px 12px rgba(23,23,33,.12))}
.c10 .technology{background:radial-gradient(ellipse at 50% 0,rgba(237,237,243,.14),transparent 80%),var(--k2);border-color:var(--t3);box-shadow:0 0 70px rgba(237,237,243,.07)}
.c10 .live-layer{filter:drop-shadow(0 0 8px rgba(237,237,243,.6))}

/* P11：12 枚年代图标；第 1 下只有 3.0 / 5.0 / CS5 高亮。 */
.c11 .col{top:205px;width:1600px}
.c11 .col h2{font-size:72px;line-height:1.2;margin:0}
.c11 .demo{position:absolute;right:160px;top:205px;padding:3px 13px;border:1px solid var(--ln);border-radius:99px;font-size:22px;color:var(--t3)}
.c11 .versions{position:absolute;left:430px;top:430px;width:1060px;display:grid;grid-template-columns:repeat(6,150px);gap:20px 32px}
.c11 .version{height:154px;display:flex;flex-direction:column;align-items:center;gap:12px;color:var(--t2);font:500 28px/1.25 var(--serif)}
.c11 .version-icon{position:relative;display:grid;place-items:center;width:96px;height:96px;flex:none;border-radius:18px;border:1px solid rgba(237,237,243,.24);box-shadow:0 12px 26px rgba(0,0,0,.18);transition:opacity .6s var(--out),filter .6s var(--out),box-shadow .6s var(--out)}
.c11 .eye{background:linear-gradient(145deg,var(--L0),var(--t2))}
.c11 .eye::before{content:"";position:absolute;width:58%;height:37%;border:2px solid var(--Lt2);border-radius:70% 15%;rotate:45deg}
.c11 .eye::after{content:"";position:absolute;width:20%;height:20%;border:2px solid var(--Lt2);border-radius:50%;box-shadow:inset 0 0 0 4px var(--L1);background:var(--Lt2)}
.c11 .feather{background:linear-gradient(145deg,var(--L0),var(--t2))}
.c11 .feather::before{content:"";position:absolute;width:36%;height:76%;border-radius:85% 8% 70% 15%;rotate:32deg;background:repeating-linear-gradient(135deg,transparent 0 8px,rgba(237,237,243,.4) 9px 10px),linear-gradient(160deg,#8ea2ff,#5266eb 55%,#6d54a2)}
.c11 .feather::after{content:"";position:absolute;width:2px;height:80%;background:var(--L0);rotate:32deg}
.c11 .cs2::before{rotate:42deg}
.c11 .cs2::after{rotate:42deg}
.c11 .ps{font:600 64px/1 var(--sans);letter-spacing:-.06em;padding-right:5px;font-style:normal}
.c11 .cs3{background:linear-gradient(145deg,#a8d8fa,#386ab4);color:#173956}
.c11 .cs4{background:#b9e1f6;color:#244b74}
.c11 .cs5{background:linear-gradient(145deg,#226a9d,#0a304f);color:#9edaff}
.c11 .cs6{background:#24252a;border:3px solid #31a8ff;color:#31a8ff}
.c11 .cc{background:#001e36;color:#31a8ff;border-color:#001e36}
.c11 .today::after{content:"";position:absolute;right:9px;top:9px;width:8px;height:8px;border-radius:50%;background:var(--L0);box-shadow:0 0 10px var(--t1)}
.c11.st1 .col{top:160px}
.c11.st1 .col h2{font-size:64px}
.c11.st1>.demo{top:160px}
.c11.st1 .versions{top:322px;row-gap:14px}
.c11.st1 .version{height:132px;gap:1px;color:var(--t3)}
.c11.st1 .version-icon{opacity:.28;filter:grayscale(.8);font-size:60px}
.c11.st1 .version.feature{color:var(--t1)}
.c11.st1 .version.feature .version-icon{opacity:1;filter:none;box-shadow:0 0 32px rgba(237,237,243,.25);border-color:var(--t1)}
.c11 .notes{position:absolute;left:160px;right:160px;top:620px;display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.c11 .notes>div{height:190px;padding:24px 20px 40px;text-align:center;background:var(--k2);border:1px solid var(--ln);border-radius:24px;display:grid;grid-template-columns:72px minmax(0,1fr);grid-template-rows:44px 44px;align-content:center;align-items:center;gap:10px 14px}
.c11 .notes svg{width:72px;height:72px;grid-row:1 / 3;fill:none;stroke:var(--t2);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.c11 .notes b{font:700 28px/1.2 var(--serif);white-space:nowrap}
.c11 .notes p{font-size:30px;white-space:nowrap}
.c11 .final{position:absolute;left:160px;right:160px;top:480px;translate:0 -50%;display:grid;grid-template-columns:860px 700px;gap:40px;align-items:center}
.c11 .ps3d-card{position:relative;width:860px;height:484px;border-radius:24px;border:1px solid var(--ln);overflow:hidden;box-shadow:0 24px 60px rgba(0,0,0,.28)}
.c11 .ps3d-card .pic{background-image:url(img/m_ps3d.png);filter:sepia(.3) saturate(.7);background-size:cover}
.c11 .ps3d-card .demo{top:18px;right:18px;background:var(--k1);color:var(--t2)}
.c11 .final-copy p{font-size:30px;line-height:1.65;color:var(--t2)}
.c11 .final-copy h2{font:700 88px/1.35 var(--serif);letter-spacing:-.025em;margin-top:32px;white-space:nowrap}

.c12 .flash-wrap{position:absolute;left:700px;top:480px;translate:0 -50%;width:520px;text-align:center;transition:left .9s var(--io),opacity .8s var(--out),filter .8s var(--out),transform .9s var(--out)}
.c12.st1 .flash-wrap{left:230px}
.c12 .flash-card{position:relative;height:510px;border:1px solid var(--ln);border-radius:28px;background:radial-gradient(ellipse at 50% 10%,rgba(237,237,243,.09),transparent 70%),var(--k1);padding:56px 66px 48px}
.c12 .porcelain{height:260px;display:grid;place-items:center;font:700 86px var(--serif);color:var(--Lt1);background:linear-gradient(145deg,var(--L0),var(--t2));border-radius:26px;box-shadow:0 0 60px rgba(237,237,243,.14)}
.c12 .code{display:grid;gap:15px;margin-top:38px}
.c12 .code i{height:10px;background:var(--t3);opacity:.45;border-radius:6px}
.c12 .code i:nth-child(2){width:78%;margin-left:24px}
.c12 .code i:nth-child(3){width:64%;margin-left:24px}
.c12 .code i:nth-child(4){width:35%}
.c12 .demo{position:absolute;right:22px;top:15px;border:1px solid var(--ln);border-radius:99px;padding:3px 13px;font-size:22px;color:var(--t3)}
.c12 .flash-wrap>p{font-size:30px;line-height:1.4;color:var(--t2);margin-top:30px}
.c12 .question{position:absolute;left:920px;top:480px;translate:0 -50%;width:800px;font:700 96px/1.4 var(--serif)}
.c12 .end .year{font:700 180px/1.1 var(--serif)}
.c12 .end p{font-size:40px;line-height:1.4;margin-top:32px;color:var(--t1)}

.c13 .col{top:340px;width:620px}
.c13 .col .eb{position:absolute;top:-170px;left:0;width:1600px;white-space:nowrap}
.c13 .col h2{font-size:76px;line-height:1.35;margin-top:0}
.c13 .col p{font-size:32px;line-height:1.5;color:var(--Lt2);margin-top:38px}
.c13 .stack{position:absolute;display:flex;flex-direction:column;width:900px}
.c13 .old{left:860px;top:266px}
.c13 .stack>div{height:84px;flex:none;padding:0 30px;display:flex;align-items:center;border:1.5px solid #d9d9e3;border-radius:18px;background:#fff;box-shadow:0 14px 34px rgba(23,23,33,.10);font-size:30px;color:#171721}
.c13 .stack>div+div{margin-top:-2px}
.c13 .stack>div::after{content:"";height:1px;flex:1;margin-left:32px;background:var(--Lln)}
.c13 .demo{position:absolute;right:0;top:-48px;border:1px solid var(--Lln);border-radius:99px;padding:3px 13px;font-size:22px;color:var(--Lt2)}
.c13 .new-scene{position:absolute;left:160px;right:160px;top:170px;text-align:center}
.c13 .new-scene h2{font:700 72px/1.2 var(--serif)}
.c13 .latest{position:relative;margin:10px auto 0}
.c13 .latest .demo{right:-170px;top:18px}
.c13 .latest .top-layer{position:relative;z-index:1;scale:1.08;border:2px solid var(--acc);justify-content:flex-start;gap:32px}
.c13 .latest .top-layer::after{display:none}
.c13 .top-layer b{font:700 32px/1.2 var(--serif)}
.c13 .latest .ghost{opacity:.3}
.c13.st2 .new-scene{top:250px}
.c13.st2 .latest .ghost{opacity:0}
.c13 .ai{position:absolute;left:160px;right:160px;top:620px;text-align:center;font:700 76px/1.2 var(--serif)}

.c14 .col{top:480px;translate:0 -50%;width:580px}
.c14 .col .eb{letter-spacing:.12em;font-size:28px}
.c14 .col h2{font-size:88px}
.c14 .pn{top:190px;height:590px}
.c14 .scene-wrap{position:relative;height:430px;margin-top:22px}
.c14 .sc{padding:25px 0}
.c14:not(.st1) .prompt{opacity:1;translate:0 0}
.c14 .prompt p{font:400 42px/1.5 var(--serif);margin-top:30px}
.c14 .params{display:flex;gap:15px;flex-wrap:wrap;margin-top:45px;max-width:850px}
.c14 .params span{font:400 32px/1.3 var(--sans);color:var(--t2);padding:14px 24px;border-radius:20px;border:1px solid var(--ln);background:var(--k2)}
.c14 .dictionary h3{font:700 36px var(--serif);margin-bottom:25px}
.c14 .grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.c14 .grid span{height:92px;padding:0 28px;border-radius:20px;background:var(--k2);border:1px solid var(--ln);display:flex;align-items:center;justify-content:center;gap:22px;font-size:32px;color:var(--t2)}
.c14 .grid svg{width:44px;height:44px;flex:none;fill:none;stroke:var(--t2);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.c14 .plain .small{font-size:30px;line-height:1.5;color:var(--t3);margin:0}
.c14 .bubble{position:relative;display:table;margin:48px auto 0;padding:54px 85px;border-radius:28px;border:1px solid var(--ln);background:radial-gradient(ellipse at 50% 0,rgba(237,237,243,.09),transparent 80%),var(--k2);font:700 64px/1.3 var(--serif)}
.c14 .bubble::after{content:"";position:absolute;left:60px;bottom:-11px;width:20px;height:20px;rotate:45deg;background:var(--k2);border-right:1px solid var(--ln);border-bottom:1px solid var(--ln)}
.c14 .demo{position:absolute;right:18px;top:15px;border:1px solid var(--ln);border-radius:99px;padding:3px 13px;font:400 22px var(--sans);color:var(--t3)}
.c14 .plain h1{font-size:104px;margin-top:50px}

.c15 .cards{position:absolute;left:160px;right:160px;top:390px;display:grid;grid-template-columns:repeat(3,1fr);gap:26px}
.c15 .cards>div{height:370px;padding:30px 24px 50px;display:grid;grid-template-rows:136px 124px;gap:24px;justify-items:center;align-items:center;text-align:center;border-radius:28px;border:1px solid var(--ln);background:radial-gradient(ellipse at 50% 0,rgba(237,237,243,.13),transparent 80%),var(--k2);filter:sepia(.55) saturate(.7) contrast(1.06) brightness(.94)}
.c15 .cards>div.on{filter:sepia(.55) saturate(.7) contrast(1.06) brightness(.94)}
.c15 .cards svg{width:200px;height:136px;fill:rgba(237,237,243,.07);stroke:var(--t1);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 12px rgba(237,237,243,.16))}
.c15 .cards h2{font:700 46px/1.35 var(--serif)}
.c15 .stamp{position:absolute;left:690px;top:200px;width:540px;padding:22px 20px 28px;text-align:center;font:700 96px/1.2 var(--serif);border:2px solid var(--t1);border-radius:24px;rotate:-4deg}
.c15 .hx h1{font-size:132px;line-height:1.3}
.c15 .hx p{font-size:36px;line-height:1.5;margin-top:62px}

.c16 .conversation{position:absolute;left:160px;right:160px;top:245px}
.c16.st1:not(.st2) .conversation{top:195px}
.c16 .demo{position:absolute;right:0;top:0;padding:4px 14px;font-size:22px;color:var(--t3);border:1px solid var(--ln);border-radius:99px}
.c16 .person{margin-top:28px;display:flex;align-items:center;gap:24px}
.c16 .avatar{width:100px;height:100px;flex:none;overflow:hidden;border-radius:50%;background:linear-gradient(145deg,var(--L1),var(--t2));border:1px solid var(--ln)}
.c16 .avatar svg{width:100%;height:100%;fill:var(--Lt2)}
.c16 .person>span{font-size:32px;line-height:1.4;padding:16px 28px;border-radius:99px;border:1px solid var(--ln);color:var(--t2)}
.c16 .his{position:absolute;left:0;top:180px;width:945px;padding:32px 52px 40px;background:var(--k1);border:1px solid var(--ln);border-radius:8px 28px 28px;font:700 48px/1.55 var(--serif)}
.c16 .mine{position:absolute;right:0;top:400px;width:565px;padding:30px 42px 40px;background:var(--L1);color:var(--Lt1);border-radius:28px 8px 28px 28px}
.c16 .mine small{font-size:30px;color:var(--Lt2)}
.c16 .mine p{font:700 52px/1.35 var(--serif);margin-top:12px}
.c16 .age{position:absolute;left:0;top:180px;width:945px;height:310px;display:grid;place-items:center;background:radial-gradient(ellipse at 50% 45%,rgba(237,237,243,.07),transparent 75%),var(--k1);border:1px solid var(--ln);border-radius:8px 28px 28px;font:700 190px/1 var(--serif)}

.c17 .col{top:275px;width:1600px;text-align:center}
.c17 .col h2{font-size:96px;line-height:1.2;margin:0}
.c17 .tl{top:500px}
.c17 .tl .ax{transform-origin:100% 50%;background:linear-gradient(90deg,var(--t1),var(--t3))}
.c17 .tl .nd b{font:700 120px/1.1 var(--serif)}
.c17 .tl .nd span{font-size:32px;margin-top:18px}
.c17 .paper-scene{position:absolute;left:160px;right:160px;top:480px;translate:0 -50%;text-align:center}
.c17 .year{font:700 160px/1.1 var(--serif)}
.c17 .paper{margin:24px auto 0;width:1320px;padding:40px 64px;border:1px solid var(--Lln);border-left:5px solid var(--acc);border-radius:8px 24px 24px 8px;background:#fcfcfa;color:var(--Lt1);box-shadow:0 30px 70px rgba(0,0,0,.25);text-align:left}
.c17 .paper h2{font:700 64px/1.2 var(--serif)}
.c17 .paper .authors{font-size:28px;line-height:1.4;margin-top:18px}
.c17 .paper .venue{font-size:24px;line-height:1.4;color:var(--Lt2);margin-top:12px}
.c17 .paper-caption{font-size:26px;line-height:1.4;color:var(--t2);margin-top:30px}
.c17 .truths{position:absolute;left:160px;right:160px;top:480px;translate:0 -50%;text-align:center}
.c17 .truths p{font:700 56px/1.5 var(--serif)}
.c17 .truths p+p{margin-top:65px}

.c18 .starting-line{position:absolute;left:540px;top:190px;width:840px;height:170px;z-index:1;filter:drop-shadow(0 12px 24px rgba(237,237,243,.12))}
.c18 .starting-line svg{display:block;width:100%;height:100%}
.c18 .hx.x1{top:560px}
.c18 .hx h1{font-size:132px;line-height:1.35}
.c18 .answer p{font-size:30px;line-height:1.4;color:var(--t3);margin:0}
.c18 .answer h1{margin-top:36px}
.c18 .answer h1>span:not(.hang){color:var(--acc2)}
.c18b{background:radial-gradient(ellipse 60% 50% at 50% 45%,rgba(142,162,255,.1),transparent 70%)}
.c18b .hx h1{font-size:124px;margin-top:35px}
.c18b .numbers{display:flex;justify-content:center;gap:100px;margin-top:62px}
.c18b .numbers span{position:relative;display:grid;place-items:center;width:96px;height:96px;border-radius:50%;background:radial-gradient(circle at 35% 25%,var(--L0),var(--t2));border:1px solid var(--t1);box-shadow:0 0 32px rgba(237,237,243,.12);font:700 36px var(--serif);color:var(--Lt1)}
.c18b .numbers span+span::before{content:"";position:absolute;right:calc(100% + 14px);top:50%;width:72px;height:1px;background:var(--t3)}

/* 整屏构图沿用 xN 退场；不覆盖 data-s 元素的错时延迟。 */
.c07 .intro,.c08 .col,.c08 .chain,.c08 .worries,.c10 .quote,.c11 .col,.c11 .versions,.c11 .notes,.c13 .col,.c13 .old,.c14 .col,.c15 .heritage,.c17 .col,.c17 .tl,.c17 .paper-scene,.c18 .hx.x1{transition-property:opacity,filter,transform,top;transition-duration:.8s,.8s,.9s,.9s;transition-timing-function:var(--out)}