.finished-book{position:relative;width:160px;margin:auto;text-align:center}.finished-book-pages{position:relative;height:120px;perspective:700px;filter:drop-shadow(0 5px 12px #000a);animation:final-book-open 1.5s both}.finished-book-pages span{position:absolute;top:5px;bottom:7px;width:50%;background:#dccba8 url('../assets/optimized/01d30f3c188507d9/library/letter-paper.webp') center/cover;border:2px solid #b69761;box-shadow:inset 0 -5px #b9a17a,0 3px #684b28}.finished-book-pages span:first-child{left:0;transform:rotateY(23deg) rotate(-6deg);transform-origin:right center;border-radius:6px 0 0 3px}.finished-book-pages span:last-child{right:0;transform:rotateY(-23deg) rotate(6deg);transform-origin:left center;border-radius:0 6px 3px 0}.finished-book button{color:#edd2a1;font-size:17px;width:100%;padding:10px 0;line-height:1.8}.finished-book button span{display:block;font-size:11px;white-space:nowrap}.final-key{position:absolute;width:65px;height:30px;left:48px;top:105px;transform:rotate(-8deg)}.final-key svg{width:100%;height:100%}.hall.is-complete .rhyme-index{font-family:Georgia}.hall.is-complete .current-verse{font-size:20px}.hall.is-complete .table-caption{color:#cbb387}.hall.is-complete .central-book{align-self:center}.hall.is-complete .ambient-light{opacity:.6}
.finale{background:#191410;color:#e8d8b8;font-family:var(--serif);line-height:1.9}.finale [tabindex='-1']:focus{outline:none}.finale :focus-visible{outline:2px solid #c5a76f;outline-offset:5px}.finale-heading{padding:30px 6% 100px;min-height:620px;text-align:center;background:linear-gradient(0deg,#191410,transparent 60%),linear-gradient(#100c09bb,#191410aa),url('../assets/optimized/01d30f3c188507d9/library/library-room.webp') center/cover}.finale-heading>button{display:block;margin:0 0 75px}.finale-heading>.eyebrow{font-size:11px;letter-spacing:.22em}.finale-heading h1{font-size:clamp(32px,4.1vw,55px);line-height:1.65;font-weight:400;margin:25px auto}.finale-heading h1 em{font-style:normal;color:#cfb27b}.finale-heading>p:not(.eyebrow){font-size:17px;color:#c9b38d}.finale-heading nav{display:flex;justify-content:center;gap:35px;margin-top:35px;font-size:14px}.finale-heading nav a{padding:8px 0;border-bottom:1px solid #8b734b}.closing-scene{max-width:1140px;padding:65px 45px 100px;display:grid;grid-template-columns:190px minmax(0,720px);gap:65px;margin:auto;scroll-margin-top:30px}.closing-host{position:sticky;top:60px;align-self:start;text-align:center;color:#b99f73}.closing-host .prop{height:320px;width:190px;margin:auto;filter:drop-shadow(4px 7px 4px #0007)}.closing-host .eyebrow{margin-top:25px}.closing-host>span{font-size:14px}.closing-words>.eyebrow{color:#ad9161}.closing-words h2{font-weight:400;font-size:34px;margin:20px 0 40px}.closing-words>p:not(.eyebrow){font-size:20px;line-height:2.15;margin:0 0 28px}.closing-words .closing-last{color:#e9c987;font-size:23px!important;padding-top:20px}.closing-next{display:inline-block;margin:28px 0 0;border-bottom:1px solid #a88c59;padding-bottom:7px;color:#d5b77e;font-size:16px}
.reading-portrait{padding:80px max(24px,7vw) 0;background:#e9dfc9 url('../assets/optimized/01d30f3c188507d9/library/letter-paper.webp') top/100% auto;color:#443728;scroll-margin-top:0}.portrait-title{text-align:center;margin-bottom:58px}.portrait-title .eyebrow{color:#8f754b}.portrait-title h2{font-size:clamp(34px,4.2vw,50px);font-weight:400;margin:10px 0 20px}.portrait-title>p:last-child{color:#847054}.portrait-totals{display:grid;grid-template-columns:repeat(3,1fr);max-width:1150px;margin:auto;border-block:1px solid #b39c7399;padding:34px 0 40px}.portrait-totals p{margin:0;text-align:center;padding:0 15px}.portrait-totals p+p{border-left:1px solid #b39c7366}.portrait-totals strong{display:block;font:56px/1.4 Georgia;font-weight:400;color:#6e5533}.portrait-totals strong small{font:13px var(--serif);margin-left:9px}.portrait-totals span{display:block;font-size:17px;margin:12px 0 7px}.portrait-totals em{display:block;font-size:11px;font-style:normal;color:#8f7b5d}.portrait-section{max-width:1150px;margin:90px auto 0}.portrait-section>header{margin-bottom:36px}.portrait-section .eyebrow{color:#947b54;font-size:11px}.portrait-section h3{font-size:32px;font-weight:400;margin:10px 0}.portrait-section>header>p:last-child{font-size:14px;color:#8b775b}.reading-timeline{padding:30px 22px 20px;border-bottom:1px solid #b0986d}.timeline-columns{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:20px}.timeline-year{display:flex;flex-direction:column;align-items:center;font:14px Georgia;color:#765f3d}.timeline-year strong{font-weight:400;margin-bottom:12px;font-size:17px}.timeline-track{display:flex;align-items:end;width:100%;max-width:62px;height:200px;margin-bottom:18px}.timeline-track i{display:block;width:100%;height:calc(var(--year-value)*100%);min-height:1px;background:#8f784e}.partial-year .timeline-track i{background:repeating-linear-gradient(130deg,#ac936b 0 5px,#d6c5a3 6px 8px)}.portrait-note{font-size:12px;line-height:1.9;color:#907a5a;margin:22px 0}.reading-treemap{display:block;width:100%;height:auto;font-family:var(--serif)}.category-list{list-style:none;padding:0;margin:26px 0;display:grid;grid-template-columns:repeat(2,1fr);gap:12px 40px}.category-list li{display:grid;grid-template-columns:1fr 65px 100px;position:relative;padding-left:20px;gap:8px;color:#7a674b;font-size:13px}.category-list li:before{content:'';width:9px;height:9px;background:var(--category-color);position:absolute;left:0;top:8px}.category-list li>span:nth-child(2),.category-list li>span:nth-child(3){text-align:right;font-family:Georgia}.category-list i{display:none}.category-name{color:#534431}
.time-book-list{padding:0;list-style:none;display:grid;gap:23px;margin:0}.time-book-list li{display:grid;grid-template-columns:30px 52px 1fr 65px;align-items:center;gap:23px;min-width:0}.time-rank{font:italic 18px Georgia;color:#a38b63}.time-book-list img{width:52px;height:75px;object-fit:contain;filter:drop-shadow(2px 3px 2px #6a4b2633)}.time-book-list h4{font-size:17px;font-weight:400;margin:0 0 15px}.time-book-track{display:block;height:4px;background:#a38b631a}.time-book-track i{display:block;height:100%;background:#8d7450}.time-book-list strong{font:25px Georgia;font-weight:400;color:#7b603b;text-align:right}.time-book-list strong small{display:block;font:11px var(--serif);margin-top:9px;color:#9a835f}.five-star-shelf{display:grid;grid-template-columns:repeat(4,1fr);gap:42px 40px}.five-star-shelf article{min-width:0}.five-star-shelf img{display:block;height:225px;width:100%;object-fit:contain;object-position:center bottom;filter:drop-shadow(4px 7px 4px #48321d33)}.five-star-shelf h4{font-size:16px;font-weight:400;text-align:center;margin:22px 0 5px}.five-star-shelf p{font:13px Georgia;letter-spacing:3px;color:#997546;text-align:center;margin:7px 0 0}.portrait-footer{max-width:1150px;margin:85px auto 0;padding:30px 0 42px;border-top:1px solid #b59a72;color:#8c7655;font-size:12px}.portrait-footer>p{max-width:750px;line-height:1.9}.portrait-footer>div{display:flex;gap:28px;margin:30px 0;font-size:14px;color:#735b36}.portrait-footer .portrait-signature{font-size:19px;letter-spacing:.12em;margin-top:50px;color:#6c5534}.reading-portrait .text-button{color:inherit}
@keyframes final-book-open{from{transform:rotateX(30deg) scaleX(.4);opacity:.3}to{transform:rotateX(0deg) scaleX(1);opacity:1}}
@media(max-width:760px){.finished-book{width:125px}.finished-book-pages{height:95px}.final-key{top:82px;left:36px;width:54px}.finished-book button{font-size:15px}.finished-book button span{font-size:10px}.finale-heading{padding:24px 24px 65px;min-height:580px}.finale-heading>button{margin-bottom:65px}.finale-heading h1{font-size:29px;line-height:1.85}.finale-heading>p:not(.eyebrow){font-size:15px}.finale-heading nav{gap:22px;font-size:12px}.closing-scene{display:block;padding:25px 26px 75px}.closing-host{position:relative;top:auto;float:right;margin:0 0 20px 20px;width:85px}.closing-host .prop{width:85px;height:150px}.closing-host .eyebrow{font-size:8px;margin-top:8px;letter-spacing:.07em}.closing-host>span{font-size:11px}.closing-words>.eyebrow{font-size:10px}.closing-words h2{font-size:25px;margin:15px 0 28px}.closing-words>p:not(.eyebrow){font-size:18px;line-height:2}.closing-words .closing-last{font-size:20px!important}.reading-portrait{padding:55px 22px 0}.portrait-title{margin-bottom:40px}.portrait-title>p:last-child{font-size:14px}.portrait-totals{grid-template-columns:1fr;padding:0}.portrait-totals p{padding:22px 0;display:grid;grid-template-columns:1fr 1fr;text-align:left;align-items:center;column-gap:12px}.portrait-totals p+p{border-left:0;border-top:1px solid #b39c7344}.portrait-totals strong{font-size:37px;grid-row:1/3}.portrait-totals strong small{font-size:12px;margin-left:5px}.portrait-totals span{font-size:16px;margin:0}.portrait-totals em{font-size:10px;line-height:1.7;margin-top:5px}.portrait-section{margin-top:62px}.portrait-section h3{font-size:28px}.portrait-section>header{margin-bottom:25px}.reading-timeline{padding:18px 0 20px}.timeline-columns{gap:7px}.timeline-year{font-size:11px}.timeline-year strong{font-size:12px}.timeline-track{height:150px}.portrait-note{font-size:11px}.reading-treemap{display:none}.category-list{display:block;margin:0}.category-list li{grid-template-columns:1fr 55px 82px;margin-bottom:22px;padding-bottom:13px;font-size:12px}.category-list i{display:block;position:absolute;left:0;bottom:0;height:4px;width:calc(var(--category-value)*100%);min-width:1px;background:var(--category-color)}.category-list li:before{top:6px}.time-book-list{gap:22px}.time-book-list li{grid-template-columns:18px 36px 1fr 44px;gap:10px}.time-book-list img{width:36px;height:55px}.time-rank{font-size:14px}.time-book-list h4{font-size:14px;margin-bottom:10px;line-height:1.6}.time-book-list strong{font-size:20px}.five-star-shelf{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 25px}.five-star-shelf img{height:185px}.five-star-shelf h4{font-size:14px;margin-top:17px}.portrait-footer{margin-top:60px}.portrait-footer>div{gap:20px;font-size:13px}.portrait-footer .portrait-signature{font-size:17px}}
@media(prefers-reduced-motion:reduce){.finished-book-pages{animation:none}}
.finished-book-pages{height:112px;display:flex;align-items:center}.finished-book-pages svg{display:block;width:100%;height:100%}
@media(max-width:760px){.finished-book-pages{height:92px}}

.finished-book button{padding-top:24px}

/* A sheet opens into the reading portrait as the reader scrolls. */
.portrait-arrival{position:relative;color:#443728;background:#191410;--arrival-paper:1;--arrival-room:0;--arrival-title:1;--arrival-numbers:1}
.portrait-arrival-stage{position:relative;min-height:720px;isolation:isolate}
.arrival-room{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:7vh 24px 5vh;text-align:center;background:linear-gradient(#191410, #19141099 50%,#191410),url('../assets/optimized/01d30f3c188507d9/library/library-room.webp') center/cover;color:#d9c39c;opacity:var(--arrival-room);pointer-events:none}
.arrival-room>p{font-size:clamp(18px,2vw,27px);line-height:2.1;letter-spacing:.1em}.arrival-room>p span{font-size:.7em;color:#ac9673}.arrival-cue{font-size:12px;letter-spacing:.16em}
.arrival-paper{position:relative;min-height:720px;padding:80px max(24px,7vw) 45px;display:flex;flex-direction:column;justify-content:center;background:#e9dfc9 url('../assets/optimized/01d30f3c188507d9/library/letter-paper.webp') top/100% auto;box-shadow:0 12px 70px #0008;transform-origin:center;clip-path:inset(calc((1 - var(--arrival-paper))*28%) calc((1 - var(--arrival-paper))*29%));transform:perspective(1500px) rotateX(calc((1 - var(--arrival-paper))*20deg)) rotate(calc((1 - var(--arrival-paper))*-5deg))}
.arrival-paper .portrait-title{opacity:var(--arrival-title);transform:translateY(calc((1 - var(--arrival-title))*32px));margin-bottom:48px}
.arrival-paper .portrait-totals{opacity:var(--arrival-numbers);transform:translateY(calc((1 - var(--arrival-numbers))*36px));width:100%;margin:0 auto}
.arrival-continue{text-align:center;color:#947c54;font-size:12px;letter-spacing:.16em;margin-top:35px;opacity:var(--arrival-numbers)}
.arrival-paper:after{content:'阅读手记\A — 书页之外 —';white-space:pre;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:clamp(16px,2.1vw,27px);line-height:2.6;letter-spacing:.2em;text-align:center;color:#9c825a;padding:12px 24px;border-block:3px double #ae906055;opacity:calc(1 - var(--arrival-paper)*3);pointer-events:none}
.has-scroll-motion{height:210svh}.has-scroll-motion .portrait-arrival-stage{position:sticky;top:0;height:100svh;min-height:0;overflow:clip}.has-scroll-motion .arrival-paper{height:100%;min-height:0}
.reading-portrait{padding-top:1px}.reading-portrait>.portrait-section:first-child{margin-top:75px}
.reading-portrait .portrait-section{opacity:calc(.25 + var(--section-reveal,1)*.75);transform:translateY(calc((1 - var(--section-reveal,1))*36px))}
@media(max-width:760px){
 .has-scroll-motion{height:205svh}.arrival-paper{padding:35px 22px;min-height:650px}.arrival-paper .portrait-title{margin-bottom:26px}.arrival-paper .portrait-title h2{font-size:32px;margin:8px 0 12px}.arrival-paper .portrait-totals p{padding:18px 0}.arrival-continue{margin-top:25px}.arrival-room{padding-top:8vh;padding-bottom:6vh}.arrival-room>p{font-size:18px}.reading-portrait>.portrait-section:first-child{margin-top:45px}
}
@media(max-height:640px) and (min-width:761px){.arrival-paper{padding-block:25px}.arrival-paper .portrait-title{margin-bottom:20px}.arrival-paper .portrait-title h2{font-size:34px;margin:8px 0}.arrival-paper .portrait-totals{padding:18px 0}.arrival-continue{margin-top:18px}}
@media(prefers-reduced-motion:reduce){.portrait-arrival{height:auto}.portrait-arrival-stage{height:auto!important;min-height:0;position:relative!important}.arrival-room{display:none}.arrival-paper{height:auto!important;clip-path:none;transform:none;box-shadow:none}.arrival-paper .portrait-title,.arrival-paper .portrait-totals,.arrival-continue,.reading-portrait .portrait-section{opacity:1;transform:none}}
@media(max-height:619px){.portrait-arrival-stage{min-height:0}.arrival-paper{min-height:0;clip-path:none;transform:none}.arrival-paper .portrait-title,.arrival-paper .portrait-totals,.arrival-continue,.reading-portrait .portrait-section{opacity:1;transform:none}.arrival-room,.arrival-paper:after{display:none}}