/* Selected A: creator's tangible scrapbook, with supplied Chinese manuscript. */
.story-stage{background:#e9decc;isolation:isolate}.creator-desk{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#e9ddcce8,#f2e8d9bc),url('./story/manuscript-zh.webp') center/cover}.creator-desk:after{content:'';position:absolute;inset:0;background:linear-gradient(120deg,#fff7dc80 0,transparent 45%,#65452420);pointer-events:none}
.story-intro{z-index:5}.story-intro h2{color:#5f2927}.story-intro small{color:#7b4a3d}.story-surface{background:#cfbfa5 url('./story/manuscript-zh.webp') center/cover;border-top:8px solid #e8dac0;box-shadow:0 -12px 30px #6b4d3320}.story-surface:before{background:#f4ebdc99}.story-surface>span{color:#604b34}
.book-paper{padding:6% 8%;text-align:left;justify-content:center}.book-paper h3{font-size:27px;margin:12px 0 16px;color:#672b28}.book-paper>small{font-size:9px;color:#775b43;letter-spacing:.03em}.book-paper .story-lines{position:static;max-width:none;margin:0;flex:none}.book-paper .story-lines p{font-size:13px;line-height:1.85;margin:0 0 12px;color:#493c30}.book-paper .story-lines strong{font-weight:650;color:#6b2c29}.book-page-number{bottom:2%;font-size:7px}.cover-back{padding:6%;background:#bc996f}.cover-back img{object-fit:cover;object-position:47% 48%;border:6px solid #fffaf0}.story-book{filter:drop-shadow(8px 16px 15px #54392122)}
.manuscript-fragment{position:absolute;display:block;background:#fffaf0;padding:8px 8px 30px;box-shadow:2px 6px 12px #664b3322;overflow:hidden;z-index:1;width:200px;height:170px;color:#655542;text-decoration:none}.manuscript-fragment img{position:absolute;max-width:none;width:400%;height:auto}.manuscript-fragment span{position:absolute;bottom:8px;left:10px;right:10px;text-align:center;font:14px 'Kaiti SC',KaiTi,serif;background:#fffaf0}.fragment-face{left:2%;top:4%;transform:rotate(-11deg);opacity:.6}.fragment-face img{left:-22%;top:0}.fragment-paw{right:3%;bottom:3%;transform:rotate(8deg)}.fragment-paw img{width:400%;left:-202%;top:-290%}.story-intro{top:27%;left:7%;width:35%}.story-mobile-reading{display:none}.story-outro{background:#fffaf0e8;padding:22px;border-left:3px solid #814339}.story-outro .text-action{display:inline-block;margin-top:12px}
@media(max-width:1000px) and (min-width:701px){.book-paper .story-lines p{font-size:11px;line-height:1.65;margin-bottom:9px}.book-paper h3{font-size:22px}.manuscript-fragment{width:140px;height:125px}}
@media(max-width:700px){.story-intro{top:10%;width:85%;left:8%}.fragment-face{display:none}.fragment-paw{width:105px;height:95px;bottom:4%;right:5%}.manuscript-fragment span{font-size:9px}.book-paper .story-lines{display:none}.book-paper:after{content:'被陪伴、被看见、被照顾。';font:15px/1.8 'Songti SC',serif;color:#6b2c29;margin-top:18px}.book-paper h3{font-size:17px;margin:10px 0}.book-paper>small{font-size:7px}.story-outro{top:8%;padding:14px;width:75%}.story-mobile-reading{display:block;background:#fffaf0;padding:42px 8%;border-top:1px solid #ded0b9}.story-mobile-reading h2{font-size:25px;margin:14px 0 26px;color:#672b28}.story-mobile-reading>small{font-size:10px;color:#80644d}.story-mobile-reading p{font-size:15px;line-height:1.95;margin:0 0 22px;color:#493c30}.story-mobile-reading strong{color:#6b2c29;font-weight:650}.cover-back img{object-position:42% 47%}}
@media(prefers-reduced-motion:reduce){.story-stage{height:1050px}.book-paper .story-lines p{font-size:12px}.story-book{height:65%;top:24%}.story-intro{top:4%}.manuscript-fragment{display:none}}
.fragment-paw img{top:-185%}.book-paper .story-lines p{font-size:14px}
@media(max-width:1000px) and (min-width:701px){.book-paper .story-lines p{font-size:11px}}
@media(min-width:1001px) and (max-height:800px){.book-paper .story-lines p{font-size:12px;line-height:1.65;margin-bottom:8px}.book-paper h3{font-size:22px;margin:8px 0 12px}}
/* Final book shot: the plush arrives after the reading shot, without compressed text. */
.book-guest{position:absolute;inset:1% 0 3%;display:flex;flex-direction:column;align-items:center;justify-content:center;visibility:hidden;opacity:0;pointer-events:none}
.book-guest img{height:90%;width:auto;aspect-ratio:2/3;object-fit:contain;clip-path:url(#momo-peek);filter:drop-shadow(4px 10px 5px #583b2525)}.book-guest>span{font:17px 'Kaiti SC',KaiTi,serif;color:#6b352b;position:absolute;bottom:3%;left:0;right:0;text-align:center}
.story-outro{background:none;border:0;padding:0;width:34%;left:7%;top:37%}.story-outro h2{font-size:clamp(28px,3.5vw,52px);line-height:1.25;margin:18px 0}.story-outro small{font-size:14px;color:#6b5140}.story-outro .text-action{font-size:15px;background:#fffaf0d9;border:1px solid #8a7562;border-radius:28px;padding:13px 20px}
@media(max-width:700px){.story-outro{top:10%;left:8%;width:84%}.story-outro h2{font-size:28px;margin:10px 0}.story-outro h2 .line-mask{display:inline}.story-outro small{font-size:11px}.story-outro .text-action{font-size:12px;margin-top:6px;padding:9px 15px}.book-guest>span{font-size:10px}.book-paper:after{display:none}}
@media(prefers-reduced-motion:reduce){.book-guest{display:none}}

/* Story greeting: sans-serif caption and soft blush over the plush cheeks. */
.book-guest>span{font-family:"PingFang SC","Microsoft YaHei","Heiti SC",sans-serif;font-weight:700;color:#302821;letter-spacing:.025em}
.book-guest-portrait{position:relative;height:90%;aspect-ratio:2/3;flex:none}
.book-guest .book-guest-portrait img{display:block;width:100%;height:100%}
.book-cheek{position:absolute;width:11%;height:3.8%;top:46%;border-radius:50%;background:radial-gradient(ellipse,rgba(239,91,112,.52) 0%,rgba(244,113,132,.32) 38%,rgba(244,113,132,0) 74%);mix-blend-mode:multiply;pointer-events:none}
.book-cheek-left{left:32.5%}.book-cheek-right{left:62.5%;top:47.4%}

/* Mobile story follows reading order, without a long empty pinned sequence. */
.mobile-story-end,.mobile-story-guide{display:none}
@media(max-width:700px){
 #story.story-section{height:auto}
 #story .story-stage{position:relative;height:620px;min-height:0}
 #story .story-intro{top:34px;left:8%;width:84%;opacity:1;visibility:visible}
 #story .story-intro h2{font-size:30px;margin:12px 0}
 #story .story-intro p{font-size:14px;line-height:1.6;margin:10px 0}
 #story .story-intro>span{display:none}
 .mobile-story-guide{display:inline-block;font-size:14px;margin-top:10px;border-bottom:1px solid;padding-bottom:8px}
 #story .story-book{top:325px;left:51%;height:225px;max-width:none;transform:rotate(0);}
 #story .book-cover{transform:rotateY(-174deg)}
 #story .book-paper h3{font:700 16px/1.5 'PingFang SC',sans-serif;word-break:keep-all}
 #story .story-outro,#story .story-surface,#story .fragment-paw{display:none}
 #story .story-mobile-reading{scroll-margin-top:20px;padding:30px 8% 18px}
 #story .story-mobile-reading h2{font-size:27px}
 #story .story-mobile-reading p{font-size:16px;line-height:1.9}
 .mobile-story-end{display:flex;flex-direction:column;align-items:center;background:#f4eada;padding:20px 8% 45px;text-align:center}
 .mobile-story-end img{height:280px;width:187px;object-fit:contain;clip-path:url(#momo-peek)}
 .mobile-story-end h2{font-size:28px;margin:10px 0 20px}
 .mobile-story-end a{font-size:16px;border:1px solid #8a7562;border-radius:30px;padding:15px 22px;background:#fffaf0}
}
/* Keep the keyboard shortcut off the visual canvas until keyboard focus. */
.skip-link:not(:focus-visible){clip-path:inset(50%);width:1px;height:1px;overflow:hidden;padding:0;white-space:nowrap}