.story-scene{position:relative;height:360svh;background:#000;scroll-margin-top:0;--story-scale:1}
.story-viewport{position:sticky;top:0;height:100dvh;min-height:100svh;overflow:hidden;background:#000;outline:none}
.story-canvas{position:absolute;left:50%;top:50%;width:1672px;height:941px;transform:translate(-50%,-50%) scale(var(--story-scale));transform-origin:center}
.story-canvas img{display:block;max-width:none}
.story-canvas img[data-src]:not([src]){visibility:hidden}
.story-portrait{position:absolute;inset:0;width:1672px;height:941px;object-fit:cover}
.story-earth{position:absolute;left:-308px;top:214px;width:516px;height:511px;transform-origin:center;transform:rotate(var(--earth-angle,0deg))}
.story-earth-crop{position:absolute;inset:0;border-radius:287.5px;overflow:hidden}
.story-earth-crop img{position:absolute;width:186.12%;height:105.86%;left:-42.71%;top:-2.22%;object-fit:fill}
.story-nav{position:absolute;left:659px;top:71px;display:flex;gap:58px;font:300 18px/25px 'PingFang SC','Microsoft YaHei',sans-serif;white-space:nowrap}
.story-nav a{color:#d6b092;text-decoration:none;position:relative}
.story-nav a:first-child{margin-right:23px;color:#fff;font-weight:500}
.story-nav a:hover{color:#fff}
.story-nav img{position:absolute;left:25px;top:31px}
.story-title{position:absolute;left:var(--story-title-left,1408.5px);top:80.0625px;color:#dfca99}
.story-title h2,.story-period{margin:0;line-height:1}
.story-title p{position:absolute;left:0;top:58.9375px;margin:0;font:15px/12px 'PingFang SC','Microsoft YaHei',sans-serif;color:#c0c0c0;white-space:nowrap}
.story-timeline{position:absolute;inset:0;pointer-events:none}
.story-chapter{position:absolute;inset:0;opacity:var(--chapter-opacity,1);transform:translateY(var(--chapter-y,0px));clip-path:inset(0);}
.story-chapter[data-chapter='1']{--chapter-opacity:0;--chapter-y:180px}
.story-year{position:absolute;left:273.284px;top:200.509px}
.story-rule{position:absolute;left:273px;top:362px}
.story-period{position:absolute;left:281.417px;top:390.657px}
.story-company{position:absolute;left:281px;top:471px;margin:0;font:22px/12px 'PingFang SC','Microsoft YaHei',sans-serif;letter-spacing:4.4px;color:#fff;white-space:nowrap}
.story-mobile-shade{display:none}
.story-controls{position:absolute;bottom:max(28px,env(safe-area-inset-bottom));left:28px;right:28px;display:flex;align-items:center;justify-content:space-between;gap:20px;font:12px/1.5 'PingFang SC','Microsoft YaHei',sans-serif;color:#c0c0c0}
.story-scroll-hint{margin:0}
.story-controls div{display:flex;gap:24px}
.story-controls button{padding:8px 0;border:0;background:transparent;color:#dfca99;cursor:pointer;font:inherit;text-underline-offset:5px}
.story-controls button:hover{text-decoration:underline}
.story-controls button:disabled{color:#595959;cursor:default;text-decoration:none}
.story-nav a:focus-visible,.story-controls button:focus-visible{outline:2px solid #dfca99;outline-offset:5px}
.story-viewport::selection{background:#dfca99;color:#000}
@media(max-width:640px),(max-width:1100px) and (max-aspect-ratio:1/1){
 .story-scene{height:320svh}
 .story-canvas{inset:0;width:100%;height:100%;transform:none}
 .story-portrait{inset:auto 0 0;width:100%;height:74%;object-fit:cover;object-position:65% 50%}
 .story-mobile-shade{display:block;position:absolute;inset:0;background:linear-gradient(90deg,#0009 0%,#0000 75%)}
 .story-earth{left:-255px;top:170px;width:330px;height:327px}
 .story-nav{left:50%;top:max(30px,env(safe-area-inset-top));transform:translateX(-50%);gap:28px;font-size:14px;line-height:24px}
 .story-nav a:first-child{margin-right:0}.story-nav img{left:17px;top:30px}
 .story-title{left:auto;right:24px;top:98px;transform:scale(.68);transform-origin:right top}
 .story-timeline{inset:auto;left:28px;top:180px;width:484px;height:340px;transform:scale(.74);transform-origin:left top}
 .story-year{left:0;top:0}.story-rule{left:0;top:161px}.story-period{left:8px;top:190px}.story-company{left:8px;top:271px;font-size:22px;letter-spacing:3px}
 .story-controls{left:20px;right:20px;font-size:11px;gap:12px}.story-controls div{gap:18px}
}
@media(prefers-reduced-motion:reduce){.story-chapter{transform:none}.story-earth{transform:none}}