.interactive-index{background:var(--paper);color:var(--ink);min-height:100vh}.ii-heading{display:grid;grid-template-columns:1.15fr 1fr;gap:70px;padding:80px 0 76px;align-items:end}.ii-eyebrow{font-size:11px;letter-spacing:.14em;line-height:1.8;color:#6c7167;margin:0 0 22px;font-weight:400}.ii-heading h1{font-family:Songti SC,"Noto Serif CJK SC",SimSun,serif;font-size:clamp(70px,8vw,112px);font-weight:400;line-height:1.1;letter-spacing:.06em;margin:0}.ii-heading h1 span{color:#9b9f8d}.ii-introduction h2{font-size:26px;font-weight:400;line-height:1.6;letter-spacing:.06em;margin:0 0 22px}.ii-introduction p{font-size:13px;color:#74786f;line-height:2;margin:0;letter-spacing:.03em}.ii-section-label{border-top:1px solid var(--rule);padding:18px 0;display:flex;justify-content:space-between;font-size:11px;letter-spacing:.12em;color:#70756b}.ii-cover{display:block;aspect-ratio:16/9;position:relative;overflow:hidden;background:#c2c9b9;isolation:isolate}.ii-cover .is-scene{position:absolute;inset:0;transition:transform 1.2s cubic-bezier(.2,.7,.2,1)}.ii-cover:hover .is-scene{transform:scale(1.025)}.ii-cover-number{position:absolute;top:22px;left:25px;letter-spacing:.1em;font:12px ui-monospace,monospace;color:#324b3a;border:1px solid #526b5260;padding:8px 10px;background:#e5e6cd90}.ii-cover-caption{position:absolute;bottom:20px;left:25px;max-width:calc(100% - 110px);padding:6px 10px;border:1px solid #526b522b;background:#e8e8d0d9;font-size:11px;letter-spacing:.16em;line-height:1.6;color:#354e3d}.ii-cover-arrow{position:absolute;bottom:18px;right:26px;width:43px;height:43px;display:grid;place-items:center;font-size:24px;border:1px solid #506d524f;background:#e8e8d0b3}.ii-story-info{display:flex;justify-content:space-between;gap:40px;padding:30px 0 39px;border-bottom:1px solid var(--rule)}.ii-story-info .ii-eyebrow{margin-bottom:10px}.ii-story-info h2{font-size:35px;line-height:1.4;font-weight:400;letter-spacing:.09em;margin:0 0 13px}.ii-story-info>div>p:last-child{font-size:13px;line-height:1.9;color:#72766b;max-width:610px;margin:0}.ii-story-enter{flex-shrink:0;display:flex;flex-direction:column;gap:20px;align-items:flex-end;justify-content:center}.ii-story-enter>span{font-size:11px;letter-spacing:.05em;color:#74786c}.ii-story-enter .pill{gap:42px}.ii-cover-arrow>svg,.ii-story-enter .pill>svg{display:block;flex-shrink:0}.ii-footnote{display:grid;grid-template-columns:.6fr 1.4fr auto;gap:35px;padding:42px 0 80px;color:#72766b;font-size:12px;line-height:2}.ii-footnote>span:first-child{color:#454e42;letter-spacing:.07em}.ii-footnote>p{margin:0}.ii-footnote>span:last-child{align-self:end;font-family:Songti SC,SimSun,serif}.story-rail{--story-viewport-height:100vh;position:relative;background:#e9e8de;color:#303a32;overscroll-behavior:none;overflow-anchor:none}@supports(height:100dvh){.story-rail{--story-viewport-height:100dvh}}.story-player{height:var(--story-viewport-height);min-height:360px;position:sticky;top:0;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:65px minmax(0,1fr) auto;overflow:hidden;background:#edece2;font-family:MiSans,PingFang SC,Microsoft YaHei,sans-serif}.sp-header{justify-content:space-between;gap:18px;padding:0 34px;border-bottom:1px solid #9098854a;z-index:3;font-size:11px;letter-spacing:.09em;background:#edece2}.sp-header,.sp-return{display:flex;align-items:center}.sp-return{gap:9px;min-height:44px;color:#586050}.sp-return:hover{color:#242f25}.sp-brand{font-size:13px;letter-spacing:.12em}.sp-brand i{font-style:normal;color:#a0a38e;margin:0 13px}.sp-edition{color:#7c826f;font-size:10px}.sp-world{position:relative;min-height:0;overflow:hidden;isolation:isolate}.sp-scene-frame{position:absolute;inset:0;overflow:hidden}.sp-caption-meta,.sp-swipe-hint{display:none}.is-scene{height:100%;width:100%;overflow:hidden;position:relative}.is-scene>svg{width:100%;height:100%;display:block}.is-scene-grain{opacity:.18;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.7' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%237c8064' opacity='.35' filter='url(%23n)' d='M0 0h180v180H0z'/%3E%3C/svg%3E");background-size:180px 180px;mix-blend-mode:multiply}.is-scene-grain,.sp-vignette{position:absolute;inset:0;pointer-events:none}.sp-vignette{z-index:1;background:linear-gradient(180deg,#31433700 48%,#172e29ba)}.story-player:not(.is-started) .sp-vignette{background:linear-gradient(90deg,#eae8cce8,#eae8cce0 28%,#d5ddbb35 72%,#b9c6a617)}.sp-entry{position:absolute;z-index:2;left:10%;top:50%;transform:translateY(-50%);max-width:490px;padding:24px 0}.sp-entry .ii-eyebrow{color:#576c56;margin-bottom:17px}.sp-entry h1{font-size:clamp(48px,6vw,80px);font-weight:400;line-height:1.2;letter-spacing:.13em;margin:0 0 22px;color:#293b2e}.sp-entry h1,.sp-entry-description{font-family:Songti SC,STSong,SimSun,serif}.sp-entry-description{font-size:18px;line-height:2;white-space:pre-line;letter-spacing:.06em;margin:0 0 28px;color:#4c604b}.sp-entry-actions{display:flex;align-items:center;gap:25px;flex-wrap:wrap}.sp-resume-note{font-size:11px;line-height:1.8;color:#596d52;margin:0 0 16px}.sp-entry-actions .sp-restart{font-size:11px;color:#6c7d61;text-decoration:underline;text-underline-offset:4px}.story-player .pill{background:#354d3d;border-color:#354d3d;color:#f1efdf;gap:25px;padding:11px 21px;font-size:12px;letter-spacing:.08em;min-height:46px}.story-player .pill:hover{background:#4c634c;border-color:#4c634c}.sp-quiet{background:transparent;border:0;padding:10px 0;display:inline-flex;align-items:center;justify-content:center;gap:9px;font-size:12px;color:#405940;min-height:44px;letter-spacing:.04em}.sp-entry-hint{font-size:10px;color:#6c7d61;line-height:2;letter-spacing:.06em;margin:22px 0 0}.sp-entry-sound{display:flex;align-items:center;gap:9px;min-height:44px;width:fit-content;margin-top:16px;font-size:12px;color:#405940;cursor:pointer}.sp-entry-sound input{width:16px;height:16px;margin:0;accent-color:#647958}.sp-entry-sound small{font-size:10px;color:#718067;margin-left:8px}.sp-prototype{font-size:9px;color:#78836c;line-height:1.8;margin:18px 0 0;max-width:330px}.sp-chapter-mark{position:absolute;top:28px;left:33px;z-index:2;display:flex;gap:13px;color:#f4f0d8;font-size:10px;letter-spacing:.1em;text-shadow:0 1px 8px #263e3b50}.sp-chapter-mark>span:first-child{opacity:.65}.sp-subtitles{position:absolute;z-index:2;bottom:8%;left:8%;right:8%;text-align:center;pointer-events:none}.sp-subtitles>p{font-family:Songti SC,STSong,SimSun,serif;white-space:pre-line;font-size:clamp(16px,1.8vw,23px);font-weight:400;line-height:1.9;letter-spacing:.12em;color:#fff9e8;margin:0;text-shadow:0 1px 4px #152c2a,0 1px 18px #152c2a70;animation:sp-subtitle-in .4s ease both}.sp-subtitles>p>span{font-family:PingFang SC,Microsoft YaHei,sans-serif;display:block;font-size:10px;letter-spacing:.14em;opacity:.7;margin-bottom:5px}.sp-caption-measure{visibility:hidden!important;pointer-events:none!important}.sp-caption-measure>p{animation:none!important}.sp-controls{position:relative;z-index:3;padding:12px 34px 18px;background:#edece2;border-top:1px solid #9a9f8a50}.sp-control-top{justify-content:space-between;gap:20px;min-height:34px}.sp-control-top,.sp-status{display:flex;align-items:center}.sp-status{gap:10px;font-size:10px;letter-spacing:.07em;color:#596651;min-width:0}.sp-status-dot{width:4px;height:4px;flex-shrink:0;background:#718066;border-radius:50%}.sp-mode-label{font-size:9px;color:#8c9381;margin-left:15px}.sp-buttons{display:flex;gap:22px;align-items:center;flex-shrink:0}.sp-buttons button{border:0;background:none;display:inline-flex;align-items:center;gap:7px;font-size:10px;min-height:44px;padding:0;color:#596651;white-space:nowrap}.sp-buttons button:hover{color:#1a3625}.sp-buttons>.sp-more-control,.sp-play-placeholder{display:none}.sp-progress-row{display:flex;gap:16px;align-items:center;font:9px ui-monospace,monospace;color:#89907e;margin:4px 0 0}.sp-progress-row>span{width:22px;text-align:center}.sp-progress-track{position:relative;height:28px;flex:1;isolation:isolate}.sp-progress-track:before{content:"";position:absolute;left:0;right:0;top:13px;height:1px;background:#bfc3af}.sp-progress-fill{position:absolute;left:0;top:13px;height:2px;background:#647958;pointer-events:none}.sp-progress-marker{position:absolute;top:10px;width:1px;height:7px;background:#8d9d7f;pointer-events:none}.sp-progress-track input{position:absolute;z-index:2;inset:-6px 0;width:100%;height:40px;opacity:0;cursor:ew-resize;margin:0}.sp-progress-track:has(input:focus-visible){outline:2px solid #7d8f66;outline-offset:2px}.sp-chapters{display:flex;justify-content:space-between;gap:12px;padding:2px 38px 0;overflow-x:auto;scrollbar-width:none}.sp-chapters::-webkit-scrollbar{display:none}.sp-chapters button{display:flex;gap:8px;align-items:center;border:0;background:none;padding:6px 0;color:#8c9380;font-size:9px;letter-spacing:.03em;min-height:28px;white-space:nowrap}.sp-chapters button>span{font:9px ui-monospace,monospace;color:#a5ac97}.sp-chapters button:hover,.sp-chapters button[aria-current=step]{color:#334e36}.sp-audio-error,.sp-motion-note{font-size:10px;color:#69745d;margin:5px 38px 0}.sp-ending{position:absolute;inset:0;z-index:2;background:#e9e5cce8;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:30px;text-align:center;overflow-y:auto;overscroll-behavior:contain}.sp-ending>.ii-eyebrow{margin-top:auto;flex-shrink:0}.sp-ending>div{margin-bottom:auto;flex-shrink:0}.sp-ending h2{font-family:Songti SC,STSong,SimSun,serif;font-size:clamp(24px,3vw,40px);font-weight:400;letter-spacing:.1em;line-height:1.7;margin:0 0 16px;white-space:pre-line}.sp-ending>p:not(.ii-eyebrow){font-size:12px;color:#74806b;letter-spacing:.07em}.sp-ending>div{display:flex;align-items:center;gap:24px;margin-top:22px}.sp-transcript{width:min(700px,calc(100% - 32px));max-height:85vh;max-height:85dvh;padding:0;border:1px solid #9ba58c;background:#f1f0e5;color:#3d4b37;overscroll-behavior:contain;position:fixed;inset:0;margin:auto;overflow:hidden}.sp-transcript[open]{display:flex;flex-direction:column}.sp-transcript-bar{flex-shrink:0;display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:52px;padding:4px 12px 4px 24px;border-bottom:1px solid #aab29b60;font-size:11px;letter-spacing:.08em;color:#75806c}.sp-transcript::backdrop{background:#18291e88;backdrop-filter:blur(5px)}.sp-transcript-inner{padding:28px 54px 48px;position:relative;min-height:0;overflow-y:auto;overscroll-behavior:contain}.sp-transcript-close{display:grid;place-items:center;width:44px;height:44px;flex-shrink:0;border:0;background:none}.sp-transcript h2{font-size:36px;letter-spacing:.1em;font-weight:400;margin:0 0 20px}.sp-transcript-note{font-size:11px;color:#7d8772;line-height:1.8}.sp-transcript h3{font-size:17px;font-weight:500;margin:32px 0 18px}.sp-transcript section>p{font-family:Songti SC,STSong,SimSun,serif;line-height:2.1;font-size:16px;margin:0 0 15px}.sp-transcript strong{font-weight:400}.sp-transcript-tabs{display:flex;gap:26px;border-bottom:1px solid #aab29b;margin:24px 0}.sp-transcript-tabs button{min-height:44px;padding:8px 0;border:0;border-bottom:2px solid transparent;background:none;color:#858e79;font-size:13px;letter-spacing:.06em}.sp-transcript-tabs button[aria-pressed=true]{color:#364f39;border-bottom-color:#6b805c}.sp-tools{width:min(420px,calc(100% - 32px))}.sp-tools .sp-transcript-inner{padding:22px 26px}.sp-tools h2{font-size:25px;margin-bottom:20px}.sp-tools-chapter{display:flex;flex-direction:column;gap:10px;font-size:12px;color:#69765f;margin-bottom:14px}.sp-tools-chapter select{width:100%;min-height:48px;border:1px solid #aab29b;border-radius:3px;background:#f1f0e5;color:#3d4b37;padding:8px 12px;font-size:16px}.sp-tools-action{width:100%;gap:15px;min-height:48px;padding:10px 0;border:0;background:none;text-align:left}.sp-music-setting,.sp-tools-action{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #aab29b60;font-size:13px;color:#405940}.sp-music-setting{gap:18px;padding:14px 0;min-height:64px;cursor:pointer}.sp-music-setting small{display:block;margin-top:6px;font-size:10px;line-height:1.6;color:#7d8772}.sp-music-setting input{width:20px;height:20px;flex-shrink:0;accent-color:#78866b}.sp-tools-note{font-size:11px;line-height:1.9;color:#7d8772;margin:18px 0 0}.ii-transcript{padding-block:40px;line-height:2;white-space:pre-line}.is-sway{animation:sp-sway 13s ease-in-out infinite}.is-breathe{animation:sp-breathe 7s ease-in-out infinite}@keyframes sp-sway{0%,to{transform:rotate(-.25deg)}50%{transform:rotate(.3deg)}}@keyframes sp-breathe{0%,to{transform:scaleY(1)}50%{transform:scaleY(1.004)}}@keyframes sp-subtitle-in{0%{opacity:0;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}@media(min-width:901px) and (max-width:1100px){.interactive-index .header nav a{padding-inline:16px}}@media(max-width:900px){.ii-heading{gap:35px;padding-top:55px;padding-bottom:55px}.ii-heading h1{font-size:78px}.ii-introduction h2{font-size:22px}.ii-introduction p{font-size:12px}.ii-footnote{grid-template-columns:.5fr 1.5fr}.ii-footnote>span:last-child{grid-column:2}.sp-chapters{gap:20px;overflow-x:auto;scrollbar-width:none;justify-content:flex-start}.sp-chapters button{min-height:35px}.sp-chapters::-webkit-scrollbar{display:none}.sp-entry{left:8%}.sp-edition,.sp-mode-label{display:none}.sp-brand{font-size:11px}}@media(max-width:600px){.ii-heading{grid-template-columns:1fr;gap:30px;padding:40px 0}.ii-heading h1{font-size:clamp(50px,16vw,72px)}.ii-heading .ii-eyebrow{margin-bottom:17px}.ii-introduction h2{font-size:21px;line-height:1.5;margin-bottom:14px}.ii-introduction h2 br{display:none}.ii-introduction p{font-size:12px;line-height:1.9}.ii-section-label{font-size:10px}.ii-cover{margin-inline:-22px}.ii-cover-number{top:14px;left:16px;padding:6px 8px;font-size:10px}.ii-cover-caption{left:16px;bottom:14px;font-size:10px;max-width:calc(100% - 85px)}.ii-cover-arrow{right:16px;bottom:14px;width:34px;height:34px}.ii-story-info{flex-direction:column;gap:24px;padding:25px 0 30px}.ii-story-info h2{font-size:30px}.ii-story-info .ii-eyebrow{font-size:10px}.ii-story-enter{flex-direction:row;align-items:center;justify-content:space-between}.ii-story-enter .pill{font-size:12px;gap:20px;padding-inline:16px}.ii-story-enter>span{font-size:10px}.ii-story-info>div>p:last-child{font-size:12px}.ii-footnote{display:flex;flex-direction:column;gap:15px;padding:28px 0 45px;font-size:11px}.ii-footnote>span:last-child{align-self:start}.story-player{grid-template-rows:54px minmax(0,1fr) auto}.sp-header{padding:0 20px;letter-spacing:.04em}.sp-brand,.sp-header{font-size:10px}.sp-brand i{margin-inline:7px}.sp-return{gap:6px}.sp-return svg{width:13px}.sp-entry{left:8%;right:7%;max-width:none}.sp-entry h1{font-size:48px;letter-spacing:.12em;margin-bottom:20px}.sp-entry-description{font-size:16px;margin-bottom:22px;line-height:1.9}.sp-entry .ii-eyebrow{font-size:10px}.sp-entry-actions{gap:22px}.sp-entry-hint{font-size:9px;line-height:1.9;margin-top:18px}.sp-prototype{font-size:9px;max-width:280px;margin-top:13px}.sp-quiet{font-size:11px}.story-player .pill{font-size:11px;gap:19px;padding-inline:17px}.story-player:not(.is-started) .sp-vignette{background:linear-gradient(90deg,#eae8ccec,#eae8cc9e 70%,#d5ddbb60)}.sp-controls{padding:8px 17px max(9px,env(safe-area-inset-bottom))}.sp-control-top{gap:10px;flex-wrap:wrap}.sp-status{font-size:9px;gap:7px}.sp-buttons{gap:16px}.sp-buttons button{font-size:10px;gap:5px}.sp-buttons button>span{display:none}.sp-buttons button svg{width:16px}.sp-progress-row{gap:8px}.sp-progress-row>span{width:18px}.sp-progress-row{margin-top:0}.sp-chapters{padding-inline:0;gap:24px}.sp-chapters button{font-size:9px;gap:6px}.sp-subtitles{left:10%;right:10%;bottom:10%}.sp-subtitles>p{font-size:17px;letter-spacing:.08em;line-height:1.9}.sp-chapter-mark{top:23px;left:22px;font-size:9px}.sp-ending{padding:25px}.sp-ending h2{font-size:25px;line-height:1.8}.sp-ending>p:not(.ii-eyebrow){font-size:11px}.sp-ending>div{gap:20px;margin-top:15px}.sp-ending .ii-eyebrow{font-size:10px}.sp-transcript-inner{padding:24px 26px}.sp-transcript h2{font-size:29px}.sp-transcript section>p{font-size:16px}.sp-audio-error,.sp-motion-note{margin-inline:0;font-size:9px}}@media(max-height:600px) and (orientation:landscape){.story-player{grid-template-rows:42px minmax(0,1fr) auto}.sp-entry{left:8%;padding:8px 0}.sp-entry h1{font-size:38px;margin-bottom:10px}.sp-entry .ii-eyebrow{margin-bottom:5px}.sp-entry-description{font-size:13px;line-height:1.6;margin-bottom:10px}.sp-entry-hint,.sp-prototype{display:none}.sp-controls{padding-top:0;padding-bottom:5px}.sp-chapters{display:none}.sp-buttons button{min-height:36px}.sp-subtitles>p{font-size:16px}.sp-ending h2{font-size:22px}.sp-ending .ii-eyebrow{margin-bottom:10px}.sp-ending>div{margin-top:5px}}@media(max-width:600px) and (orientation:portrait){html:has(.story-player){scrollbar-width:none}html:has(.story-player)::-webkit-scrollbar{display:none}.story-player{grid-template-rows:calc(52px + env(safe-area-inset-top)) minmax(0,1fr) auto;min-height:0}.sp-header{padding:env(safe-area-inset-top) max(16px,env(safe-area-inset-right)) 0 max(16px,env(safe-area-inset-left));gap:10px}.sp-brand{white-space:nowrap;letter-spacing:.06em}.sp-return{font-size:11px}.story-player.is-started .sp-scene-frame{position:absolute;inset:0}.story-player.is-started .sp-vignette{background:linear-gradient(180deg,#172e2900 75%,#172e291f)}.sp-chapter-mark{display:none}.sp-subtitles{position:absolute;inset:auto 0 clamp(32px,7vh,64px);bottom:clamp(32px,7dvh,64px);min-height:0;padding:30px max(24px,env(safe-area-inset-right)) 26px max(24px,env(safe-area-inset-left));background:linear-gradient(180deg,#edece200,#edece2e8 24%,#edece2ef 76%,#edece200);text-align:center;flex-direction:column;gap:9px;border:0}.sp-caption-meta,.sp-subtitles{display:flex;align-items:center;justify-content:center}.sp-caption-meta{flex-wrap:wrap;gap:5px 14px;font:10px MiSans,PingFang SC,sans-serif;letter-spacing:.1em;color:#68755f}.sp-caption-mode{flex-shrink:0;font-size:9px;letter-spacing:.05em;color:#879079}.sp-subtitles>p{width:100%;max-width:25em;font-size:17px;line-height:1.75;letter-spacing:.035em;color:#354736;text-shadow:none;min-height:0;text-wrap:pretty}.sp-subtitles>p>span{font-size:10px;color:#6b7b60;opacity:1;margin-bottom:3px}.sp-swipe-hint{display:flex;gap:6px;align-items:center;justify-content:center;font-size:10px;letter-spacing:.06em;color:#74826b}.sp-swipe-hint svg{transform:rotate(180deg)}.sp-world:has(.is-scene[data-night=true]) .sp-subtitles{background:linear-gradient(180deg,#17293900,#172939c9 24%,#172939d9 76%,#17293900)}.sp-world:has(.is-scene[data-night=true]) .sp-subtitles>p{color:#fff9e8}.sp-world:has(.is-scene[data-night=true]) .sp-caption-meta,.sp-world:has(.is-scene[data-night=true]) .sp-subtitles>p>span{color:#c1cbb5}.sp-world:has(.is-scene[data-night=true]) .sp-caption-mode,.sp-world:has(.is-scene[data-night=true]) .sp-swipe-hint{color:#abb8a2}.sp-controls{padding:2px max(16px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left))}.sp-control-top{min-height:44px;gap:0}.sp-status{display:none}.sp-buttons{width:100%}.sp-buttons button{min-width:44px;min-height:44px;justify-content:center;gap:5px;font-size:11px}.sp-buttons button>span{display:inline}.sp-buttons button svg{width:15px;height:15px}.sp-chapters{display:none}.sp-progress-row{gap:5px;margin:0}.sp-progress-track{height:38px}.sp-progress-fill,.sp-progress-track:before{top:18px}.sp-progress-marker{top:15px}.sp-progress-track input{inset:-3px 0;height:44px;touch-action:none}.sp-progress-fill:after{content:"";position:absolute;right:-4px;top:-3px;width:8px;height:8px;border-radius:50%;background:#647958;pointer-events:none}.sp-entry{left:24px;right:24px;max-height:100%;overflow-y:auto;padding:22px 0}.sp-entry h1{font-size:clamp(42px,12vw,56px)}.sp-entry-description{font-size:16px}.sp-entry-actions{gap:20px}.sp-entry-hint{font-size:11px}.sp-prototype{font-size:10px}.sp-ending{overflow-y:auto;padding:24px}.sp-ending>div{flex-wrap:wrap;justify-content:center;gap:10px 20px}.sp-transcript{max-height:calc(100vh - 32px - env(safe-area-inset-top) - env(safe-area-inset-bottom));max-height:calc(100dvh - 32px - env(safe-area-inset-top) - env(safe-area-inset-bottom))}}@media(max-width:1100px) and (max-height:600px) and (orientation:landscape){.story-player{min-height:0;grid-template-rows:calc(48px + env(safe-area-inset-top)) minmax(0,1fr) auto}.sp-header{padding:env(safe-area-inset-top) max(18px,env(safe-area-inset-right)) 0 max(18px,env(safe-area-inset-left))}.sp-controls{padding:0 max(16px,env(safe-area-inset-right)) max(5px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left))}.sp-control-top{min-height:44px}.sp-status{display:none}.sp-buttons{width:100%}.sp-buttons button{min-height:44px;min-width:44px;justify-content:center}.sp-buttons button>span{display:inline}.sp-progress-track{height:38px}.sp-progress-fill,.sp-progress-track:before{top:18px}.sp-progress-marker{top:15px}.sp-progress-track input{inset:-3px 0;height:44px;touch-action:none}.sp-entry{max-height:100%;overflow-y:auto;overscroll-behavior:contain}.sp-ending{padding:18px 24px}}@media(max-width:1100px) and (max-height:600px) and (orientation:landscape),(max-width:600px) and (orientation:portrait){.sp-buttons{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.sp-buttons>button{width:100%;min-height:44px;min-width:44px;justify-content:center;gap:5px;font-size:11px}.sp-buttons>button>span{display:inline}.sp-buttons>.sp-desktop-control{display:none}.sp-buttons>.sp-more-control{display:inline-flex}.sp-play-placeholder{display:block;min-height:44px}.sp-tools{margin:auto auto max(16px,env(safe-area-inset-bottom));max-height:calc(100vh - 32px - env(safe-area-inset-top) - env(safe-area-inset-bottom));max-height:calc(100dvh - 32px - env(safe-area-inset-top) - env(safe-area-inset-bottom))}}@media(max-width:600px) and (orientation:portrait) and (max-height:700px){.sp-subtitles{bottom:24px;min-height:0;padding:24px 20px 22px;gap:7px}.sp-subtitles>p{font-size:16px;line-height:1.65}.sp-swipe-hint{font-size:9px}.sp-entry h1{margin-bottom:14px}.sp-entry-description{margin-bottom:16px}.sp-prototype{margin-top:10px;font-size:9px}.sp-entry-hint{margin-top:12px}}.story-rail{--sp-ui-bg:#edece2;--sp-panel-bg:#f1f0e5;--sp-ui-ink:#303a32;--sp-ui-text:#596651;--sp-ui-muted:#7d8772;--sp-ui-rule:#9a9f8a50;--sp-ui-track:#bfc3af;--sp-ui-accent:#647958;--sp-ui-hover:#1a3625;--sp-ui-focus:#7d8f66;--sp-ui-marker:#8d9d7f;color:var(--sp-ui-ink)}.story-rail.has-started:has(.is-scene[data-night=true]){color-scheme:dark;--sp-ui-bg:#202d2c;--sp-panel-bg:#263431;--sp-ui-ink:#dce2d2;--sp-ui-text:#bcc8b2;--sp-ui-muted:#a4b39e;--sp-ui-rule:#48594e;--sp-ui-track:#586b5b;--sp-ui-accent:#b2c49e;--sp-ui-hover:#f0f1df;--sp-ui-focus:#c7d6ae;--sp-ui-marker:#83977b}.sp-controls,.sp-header,.story-player{background-color:var(--sp-ui-bg)}.sp-controls,.sp-header,.sp-tools-chapter select,.sp-transcript,.sp-transcript-bar{transition:background-color .45s ease,border-color .45s ease,color .45s ease}.sp-controls,.sp-header,.sp-tools-action,.sp-transcript-bar{border-color:var(--sp-ui-rule)}.sp-buttons button,.sp-return,.sp-status{color:var(--sp-ui-text)}.sp-buttons button:hover,.sp-chapters button:hover,.sp-chapters button[aria-current=step],.sp-return:hover{color:var(--sp-ui-hover)}.sp-audio-error,.sp-brand i,.sp-chapters button,.sp-chapters button>span,.sp-edition,.sp-mode-label,.sp-motion-note,.sp-progress-row{color:var(--sp-ui-muted)}.sp-progress-fill,.sp-progress-fill:after,.sp-status-dot{background:var(--sp-ui-accent)}.sp-progress-track:before{background:var(--sp-ui-track)}.sp-progress-marker{background:var(--sp-ui-marker)}.sp-progress-track:has(input:focus-visible){outline-color:var(--sp-ui-focus)}.sp-tools-chapter select,.sp-transcript{background-color:var(--sp-panel-bg);color:var(--sp-ui-ink);border-color:var(--sp-ui-track)}.sp-tools-chapter,.sp-tools-note,.sp-transcript-bar,.sp-transcript-note,.sp-transcript-tabs button{color:var(--sp-ui-muted)}.sp-transcript-tabs{border-color:var(--sp-ui-track)}.sp-transcript-tabs button[aria-pressed=true]{color:var(--sp-ui-ink);border-bottom-color:var(--sp-ui-accent)}.sp-tools-action,.sp-transcript .text-link{color:var(--sp-ui-text)}.sp-buttons button:focus-visible,.sp-chapters button:focus-visible,.sp-return:focus-visible,.sp-transcript button:focus-visible{outline:2px solid var(--sp-ui-focus);outline-offset:3px}.story-rail:has(.is-scene[data-style=china-urban-memory]){--sp-ui-bg:#efe9df;--sp-panel-bg:#f4eee4;--sp-ui-ink:#4e4539;--sp-ui-text:#76624c;--sp-ui-muted:#8b7a66;--sp-ui-rule:#b4a48b60;--sp-ui-track:#c4b7a1;--sp-ui-accent:#927858;--sp-ui-hover:#4e3d2b;--sp-ui-focus:#96734f;--sp-ui-marker:#aa9474}.story-rail.has-started:has(.is-scene[data-style=china-urban-memory][data-night=true]){--sp-ui-bg:#29323b;--sp-panel-bg:#303a43;--sp-ui-ink:#e2ddd0;--sp-ui-text:#c6c5bb;--sp-ui-muted:#acb3b3;--sp-ui-rule:#59636a;--sp-ui-track:#68737a;--sp-ui-accent:#c8ad82;--sp-ui-hover:#fff0d7;--sp-ui-focus:#e0c29a;--sp-ui-marker:#9d9a8c}.story-rail:has(.is-scene[data-style=china-urban-memory]) .sp-entry h1{color:#514332;font-size:clamp(36px,4.7vw,68px)}.story-rail:has(.is-scene[data-style=china-urban-memory]) .sp-entry .ii-eyebrow,.story-rail:has(.is-scene[data-style=china-urban-memory]) .sp-entry .sp-quiet,.story-rail:has(.is-scene[data-style=china-urban-memory]) .sp-entry-description,.story-rail:has(.is-scene[data-style=china-urban-memory]) .sp-entry-sound{color:#78634b}.story-rail:has(.is-scene[data-style=china-urban-memory]) .sp-entry-hint,.story-rail:has(.is-scene[data-style=china-urban-memory]) .sp-prototype,.story-rail:has(.is-scene[data-style=china-urban-memory]) .sp-resume-note{color:#8a7962}.story-rail:has(.is-scene[data-style=china-urban-memory]) .pill{background:#816b50;border-color:#816b50}.story-rail:has(.is-scene[data-style=china-urban-memory]) .pill:hover{background:#947b5c;border-color:#947b5c}.story-rail:has(.is-scene[data-style=china-urban-memory]) .sp-entry-sound input{accent-color:#927858}.story-rail:has(.is-scene[data-style=china-urban-memory]) .sp-vignette{background:linear-gradient(180deg,#3f342500 48%,#2d3448ba)}.story-rail:has(.is-scene[data-style=china-urban-memory]) .story-player:not(.is-started) .sp-vignette{background:linear-gradient(90deg,#eee5d6eb,#eee5d6da 28%,#d6cfbd35 72%,#b6b1a017)}@media(max-width:600px) and (orientation:portrait){.story-rail:has(.is-scene[data-style=china-urban-memory]) .sp-entry h1{font-size:clamp(34px,9vw,46px)}.story-rail:has(.is-scene[data-style=china-urban-memory]) .story-player.is-started .sp-vignette{background:linear-gradient(180deg,#2b344400 75%,#2b34441f)}.story-rail:has(.is-scene[data-style=china-urban-memory]) .sp-subtitles{background:linear-gradient(180deg,#efe9df00,#efe9dfe8 24%,#efe9dfef 76%,#efe9df00)}.story-rail:has(.is-scene[data-style=china-urban-memory]) .sp-subtitles>p{color:#584a39}.story-rail:has(.is-scene[data-style=china-urban-memory]) .sp-caption-meta,.story-rail:has(.is-scene[data-style=china-urban-memory]) .sp-subtitles>p>span{color:#897354}.story-rail:has(.is-scene[data-style=china-urban-memory]) .sp-caption-mode,.story-rail:has(.is-scene[data-style=china-urban-memory]) .sp-swipe-hint{color:#9a876d}.story-rail:has(.is-scene[data-style=china-urban-memory][data-night=true]) .sp-subtitles{background:linear-gradient(180deg,#26344100,#263441c9 24%,#263441d9 76%,#26344100)}.story-rail:has(.is-scene[data-style=china-urban-memory][data-night=true]) .sp-subtitles>p{color:#f2e8d5}.story-rail:has(.is-scene[data-style=china-urban-memory][data-night=true]) .sp-caption-meta,.story-rail:has(.is-scene[data-style=china-urban-memory][data-night=true]) .sp-subtitles>p>span{color:#d2c4ad}}@media(prefers-reduced-motion:reduce){.interactive-index *,.story-rail *{animation:none!important;transition:none!important}.ii-cover:hover .is-scene{transform:none}}.ii-private-note{padding:18px 0;border-bottom:1px solid var(--ii-line,#d6d6c8);font-size:12px;line-height:1.9;color:#777d6d;display:flex;gap:8px 20px;justify-content:space-between;flex-wrap:wrap}.ii-private-note a{text-decoration:underline;text-underline-offset:4px}.sp-preview-note{font-size:11px;line-height:1.8;letter-spacing:.05em;margin:0 0 14px;opacity:.7}