.photo-reading{background:#141414;color:#f4f5f7;display:flow-root}
.photo-intro{display:none}.photo-sequence{margin:20.8333vw 0}
.photo-frame{width:min(52.9411764706vw,900px);aspect-ratio:1800/1010;margin:0 auto;overflow:hidden;background:#b7b5ae}
.photo-frame[data-pause="image"]{margin-top:40px}.photo-frame[data-pause="chapter"]{margin-top:320px}
.photo-frame img{display:block;width:100%;height:100%;object-fit:cover}
.photo-frame img:not(.is-loaded){visibility:hidden}
@media(min-width:701px){
 .photo-reading{background:transparent}
 /* Keep fixed reading controls outside the fractional scrolling transform. */
 .photo-intro,.photo-sequence{translate:0 var(--native-reading-offset,0px)}
 .photo-frame{background:transparent}
 .photo-frame img{opacity:0;transition:opacity 1s cubic-bezier(.25,.46,.45,.94)}
 .photo-frame img.is-revealed{opacity:1}
}
.photo-directory-native{position:fixed;right:40px;top:104px;width:78px;box-sizing:border-box;padding:2px 7px 2px 9px;overflow:hidden auto;scrollbar-width:none;overscroll-behavior:contain;z-index:3;opacity:0;pointer-events:none;transition:opacity 180ms ease}
.photo-directory-native::-webkit-scrollbar{display:none}.photo-directory-native.is-visible{opacity:1;pointer-events:auto}
.photo-directory-native button{display:block;width:60px;height:33.5px;padding:0;margin:10px 0 0;opacity:.52;background:#1c1c1c;transition:opacity 180ms ease}
.photo-directory-native button:is(:hover,.is-current){opacity:1}.photo-directory-native img{width:100%;height:auto;object-fit:cover;display:block}
.photo-directory-selection{position:fixed;border:1px solid rgb(255 255 255 / 50%);z-index:4;pointer-events:none;opacity:0;transition:opacity 180ms ease}.photo-directory-selection.is-visible{opacity:1}
.photo-progress{position:fixed;left:0;top:0;width:3px;height:100svh;background:#f4f5f7;transform-origin:top;pointer-events:none;z-index:6}
@media(max-width:700px){
 .photo-intro{display:block;width:calc(100% - 17.5781vw);margin:auto;padding:16.6016vw 0;font-family:'PingFang SC','Noto Sans SC',sans-serif;letter-spacing:-.32px;color:#fff}
 .photo-intro h2{font-size:2.9297vw;font-weight:400;line-height:3.8086vw;margin:0}.photo-intro p,.photo-intro ul{font-size:1.9531vw;line-height:2.9297vw;margin:0;padding:0;list-style:none}.photo-intro p{margin-top:1.9531vw;color:#666667;width:58.5938vw}.photo-intro ul{margin-top:8.7891vw}
 .photo-sequence{margin:0 auto;width:calc(100% - 5.8594vw)}.photo-frame{width:100%;aspect-ratio:764/429;overflow:visible}.photo-frame img{height:auto}.photo-frame[data-pause="image"]{margin-top:2.9297vw}.photo-frame[data-pause="chapter"]{margin-top:21.4844vw}
 .photo-directory-native,.photo-directory-selection,.photo-progress{display:none}
}
@media(max-width:600px){
 .photo-intro,.photo-sequence{width:calc(100% - 10.6667vw)}
 .photo-intro{padding:26.6667vw 0}
 .photo-intro h2{font-size:4.2667vw;line-height:7.4667vw}
 .photo-intro p,.photo-intro ul{font-size:3.7333vw;line-height:5.6vw}
 .photo-intro p{margin-top:5.3333vw;width:100%}.photo-intro ul{margin-top:13.3333vw}
 .photo-frame[data-pause="image"]{margin-top:5.3333vw}.photo-frame[data-pause="chapter"]{margin-top:24vw}
}