@import"https://fonts.googleapis.com/css2?family=Ma+Shan+Zheng&family=Noto+Serif+SC:wght@400;500;600;700&display=swap";:root{font-family:"Noto Serif SC",serif;color:#1d2d2a;background:#e8dfc9;font-synthesis:none;--ink:#17332f;--jade:#315f56;--blue:#123e52;--silk:#eee5cf;--red:#9a3e2c;--gold:#cbb276}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh;background:#e8dfc9}button,a{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.map-hero{min-height:100vh;background:#082d35;color:#f4ead2;position:relative}.topbar{height:78px;display:flex;align-items:center;padding:0 clamp(22px,4vw,72px);border-bottom:1px solid rgba(244,234,210,.22);position:absolute;inset:0 0 auto;z-index:20;background:linear-gradient(180deg,#041f25eb,#041f2561)}.brand{display:flex;align-items:center;gap:15px;min-width:245px}.brand-mark{font-family:Ma Shan Zheng,cursive;font-size:30px;letter-spacing:3px}.brand i{width:10px;height:10px;background:var(--red);transform:rotate(45deg)}.topbar nav{display:flex;gap:clamp(18px,3.3vw,52px);margin:auto;font-size:14px;letter-spacing:2px}.topbar nav a{padding:29px 2px 22px;opacity:.72;border-bottom:2px solid transparent}.topbar nav a:hover,.topbar nav a.active{opacity:1;border-color:var(--gold)}.era{min-width:180px;text-align:right;font-size:12px;letter-spacing:2px;opacity:.7}.map-stage{position:relative;min-height:100vh;overflow:hidden}.map-art{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;filter:saturate(1.08) contrast(1.02);pointer-events:none}.map-wash{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,rgba(4,38,44,.72) 0%,transparent 25%,transparent 68%,rgba(4,34,41,.84) 100%),linear-gradient(0deg,rgba(4,28,34,.84) 0%,transparent 27%);pointer-events:none}.map-stage h1{position:absolute;left:5.2%;top:16%;margin:0;font-family:Ma Shan Zheng,cursive;font-size:clamp(48px,6vw,92px);line-height:1.02;font-weight:400;letter-spacing:8px;text-shadow:0 3px 16px #123b43;z-index:3;pointer-events:none}.map-stage h1 small{display:block;font-family:"Noto Serif SC";font-size:12px;letter-spacing:7px;margin:0 0 16px 5px;color:#dbc58e}.map-intro{position:absolute;left:5.5%;top:45%;z-index:3;font-size:14px;line-height:2.1;letter-spacing:2px;opacity:.85;pointer-events:none}.journey-route{pointer-events:none}.map-marker{--x:50%;--y:50%;position:absolute;left:var(--x);top:var(--y);z-index:12;border:0;background:transparent;color:#17342f;padding:0;display:grid;justify-items:center;filter:drop-shadow(0 3px 4px rgba(0,0,0,.35))}.map-marker span{writing-mode:vertical-rl;background:#f3e8cc;border:1px solid #8a6e41;padding:9px 7px;min-height:58px;font-weight:700;letter-spacing:3px;transition:.25s}.map-marker b{width:14px;height:14px;border-radius:50%;background:#f5e7c3;border:4px solid #986044;box-shadow:0 0 0 3px #f8e5b6a6;margin-top:5px}.map-marker:hover span,.map-marker:focus-visible span,.map-marker.selected span{color:#f8ecd1;background:#8d3d2e;transform:translateY(-5px)}.map-marker.selected b{background:#fff2c8;box-shadow:0 0 0 5px #f7cd7266,0 0 30px 10px #ffd6718c}.map-marker:focus-visible{outline:2px solid #fff1bb;outline-offset:7px}.map-preview{position:absolute;left:8%;right:8%;bottom:126px;z-index:7;min-height:122px;padding:22px 26px;display:grid;grid-template-columns:78px 150px 1.25fr 1.5fr 190px;align-items:center;gap:24px;background:#eee5cfeb;color:#1b3a34;border:1px solid rgba(164,132,77,.72);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 12px 38px #011c2042}.preview-number{font-size:28px;color:#9b7840}.preview-number span{font-size:12px;margin-left:4px}.eyebrow{color:#a84835;font-size:12px;letter-spacing:3px;font-weight:700}.map-preview h2{font-family:Ma Shan Zheng;font-size:44px;font-weight:400;margin:4px 0}.preview-years{font-size:11px;letter-spacing:1px;opacity:.7}.map-preview strong{display:block;color:#8a6328;margin:0}.map-preview blockquote{margin:0;padding:0 22px;border-inline:1px solid rgba(83,76,52,.25);line-height:1.8;font-size:15px}.map-preview>button{margin:0;border:1px solid #7d704c;background:#235b50;color:#f2e2bb;padding:14px 18px;width:100%;letter-spacing:3px}.map-preview>button:hover{background:#8b3d2d}.map-preview>button span{float:right}.chapter-rail{position:absolute;z-index:8;bottom:0;left:4%;right:4%;height:108px;display:grid;grid-template-columns:repeat(6,1fr);background:#05272ce0;border-top:1px solid rgba(226,204,154,.4);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.chapter-rail button{color:#dacda9;border:0;border-right:1px solid rgba(226,204,154,.16);background:transparent;letter-spacing:2px}.chapter-rail span{display:block;font-size:12px;color:#b89a61;margin-bottom:9px}.chapter-rail button:hover,.chapter-rail button.active{color:#fff;background:#bd9c531f}.chapter-rail button.active:before{content:"";display:block;width:7px;height:7px;border-radius:50%;background:#d79a55;margin:0 auto 7px;box-shadow:0 0 0 5px #d79a5529}main{overflow:hidden}.biography{padding:110px max(6vw,30px);background:#eee5cf;display:grid;grid-template-columns:1fr 1fr;gap:55px 8vw;position:relative}.biography:before{content:"太白";position:absolute;right:3%;top:-40px;font-family:Ma Shan Zheng;font-size:210px;color:#2754490e}.section-heading span{color:var(--red);font-size:12px;letter-spacing:5px}.section-heading h2{font-family:Ma Shan Zheng;font-size:clamp(42px,4vw,65px);line-height:1.25;font-weight:400;margin:24px 0}.lead{font-size:17px;line-height:2.1;max-width:660px;align-self:end}.life-line{grid-column:1/-1;list-style:none;padding:35px 0 0;margin:0;display:grid;grid-template-columns:repeat(6,1fr);border-top:1px solid #a99878}.life-line li{padding:0 18px;border-right:1px solid #c7b899}.life-line time{display:block;color:var(--red);font-size:24px}.life-line b{display:block;margin:8px 0}.life-line p{font-size:12px;line-height:1.7;color:#596661}.place-story{min-height:100vh;display:grid;grid-template-columns:54% 46%;background:#e9dfc5;scroll-margin-top:0}.place-story.reverse{grid-template-columns:46% 54%;background:#dce3d2}.place-story.reverse .place-image{order:2}.place-image{position:sticky;top:0;height:100vh;overflow:hidden}.place-image>img{width:100%;height:100%;object-fit:cover}.place-image:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(0deg,rgba(7,33,34,.45),transparent 50%)}.image-caption{position:absolute;z-index:2;left:38px;bottom:38px;display:flex;align-items:center;color:#fff;text-shadow:0 2px 8px #102f32}.image-caption>span{font-size:52px;color:#ebcf87;border-right:1px solid rgba(255,255,255,.5);padding-right:18px}.image-caption p{padding-left:18px;line-height:1.8;margin:0}.place-copy{padding:90px clamp(35px,6vw,100px)}.place-copy>h2{font-family:Ma Shan Zheng;font-size:clamp(58px,6vw,88px);font-weight:400;margin:8px 0}.summary{font-size:20px;color:var(--jade);border-bottom:1px solid #ac9d7e;padding-bottom:32px;margin-bottom:40px}.story-block{margin:32px 0}.story-block h3{font-size:14px;color:var(--red);letter-spacing:3px}.story-block p{font-size:15px;line-height:2.05;color:#334642}.poem{margin-top:54px;padding:34px;background:#fffaed9e;border-top:3px solid #917445}.poem-meta{display:flex;justify-content:space-between;color:var(--red);font-size:11px;letter-spacing:2px}.poem h3{font-family:Ma Shan Zheng;font-size:34px;font-weight:400;margin:14px 0}.poem-background{font-size:13px;line-height:1.9;color:#64716b}.poem blockquote{margin:24px 0;font-size:19px;line-height:2;text-align:center;color:#183e39}.poem blockquote span{display:block}.poem details{border-top:1px solid #c5b799;padding-top:15px;font-size:13px;line-height:1.8}.poem summary{cursor:pointer;color:#8f3f31}.story-nav{display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;margin-top:45px;border-top:1px solid #b7aa8c;padding-top:22px}.story-nav button{border:0;background:transparent;color:#4b625c;padding:12px}.story-nav .back-map{border:1px solid #9c8a63}.story-nav button:last-child{text-align:right}.story-nav button:hover{color:var(--red)}footer{background:#0b3034;color:#dcd0ad;padding:70px max(6vw,30px);display:grid;grid-template-columns:1fr 2fr auto;align-items:center;gap:40px}footer p{font-family:Ma Shan Zheng;font-size:32px;margin:0}footer small{line-height:2;opacity:.7}footer a{border-bottom:1px solid #c8ae74;padding-bottom:7px}@media(max-width:1300px)and (min-width:901px){.map-preview{left:6%;right:6%;min-height:106px;grid-template-columns:64px 130px 1fr 180px;gap:18px;padding:16px 22px}.map-preview blockquote{display:none}.map-preview h2{font-size:38px}.map-preview strong{font-size:14px}.map-preview>button{padding:12px 14px}.map-stage h1{font-size:70px}}@media(max-width:900px){.era{display:none}.brand{min-width:auto}.topbar nav{justify-content:flex-end}.topbar nav a:nth-child(n+3){display:none}.map-stage h1{top:13%;left:24px}.map-intro{display:none}.map-preview{display:block;top:auto;bottom:88px;left:18px;right:18px;width:auto;min-height:0;padding:18px;background:#062c30eb;color:#f2e7ca;border:0}.map-preview h2{font-size:36px}.map-preview blockquote,.map-preview strong{display:none}.map-preview>button{width:auto;float:right;margin-top:-48px}.chapter-rail{left:0;right:0;height:80px}.chapter-rail button{font-size:11px}.biography{grid-template-columns:1fr}.lead{align-self:auto}.life-line{overflow-x:auto;grid-template-columns:repeat(6,170px)}.place-story,.place-story.reverse{display:block}.place-story.reverse .place-image{order:initial}.place-image{position:relative;height:60vh}.place-copy{padding:65px 7vw}footer{grid-template-columns:1fr}}@media(max-width:600px){.topbar{height:66px}.brand-mark{font-size:23px}.topbar nav a{font-size:11px}.topbar nav a:nth-child(2){display:none}.map-stage h1{font-size:48px;top:12%}.map-art{width:150%;max-width:none;left:-32%}.map-marker span{font-size:11px;padding:6px 5px;min-height:47px}.map-marker:nth-of-type(1){margin-left:-8%}.chapter-rail{overflow:hidden;grid-template-columns:repeat(6,1fr)}.chapter-rail button{font-size:9px;letter-spacing:0}.map-preview{bottom:88px}.preview-number,.preview-years{display:none}.map-preview h2{margin:0}.biography{padding:78px 24px}.section-heading h2{font-size:40px}.place-image{height:48vh}.place-copy{padding:55px 24px}.place-copy>h2{font-size:58px}.poem{padding:24px 18px}.poem blockquote{font-size:16px}footer{padding:55px 24px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}.map-page .map-art{top:0;right:0;bottom:0;left:0;height:100%;width:100%;object-fit:cover}.map-page .map-wash{background:linear-gradient(90deg,rgba(4,38,44,.75),transparent 38%,rgba(4,34,41,.18)),linear-gradient(0deg,rgba(4,28,34,.4),transparent 35%)}.map-page .map-marker{color:#17342f}.detail-page{background:#ede4cf;color:#233c37;min-height:100vh}.detail-nav{position:fixed;z-index:50;top:0;left:0;right:0;height:64px;padding:0 4vw;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;background:#072a2fed;color:#efe3c5;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(222,201,151,.28)}.return-map:hover{color:#e1b96b}.detail-hero{height:min(82vh,860px);min-height:600px;position:relative;overflow:hidden}.detail-hero-shade{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#052125cc,#05212514 58%),linear-gradient(0deg,rgba(5,33,37,.45),transparent 45%)}.detail-hero-copy{position:absolute;left:7%;bottom:11%;color:#f4ead0;width:min(620px,80%)}.detail-hero-copy h1{font-family:Ma Shan Zheng;font-size:clamp(76px,10vw,140px);font-weight:400;margin:8px 0}.detail-hero-copy strong{font-size:20px;letter-spacing:3px}.detail-hero-copy blockquote{border-left:2px solid #c9a45d;margin:30px 0 0;padding-left:22px;font-size:20px;line-height:1.9}.story-intro{padding:120px 8vw;display:grid;grid-template-columns:.75fr 1.25fr;gap:8vw}.story-intro h2,.people-section>h2,.dialogue-section>h2,.works-section>h2,.portrait-break h2{font-family:Ma Shan Zheng;font-size:clamp(42px,5vw,72px);font-weight:400;line-height:1.25;margin:20px 0}.long-copy p{font-size:16px;line-height:2.15;margin:0 0 26px}.portrait-break{background:#0c373b;color:#eee2c4;padding:80px 8vw;display:grid;grid-template-columns:1.15fr .85fr;gap:7vw;align-items:center}.portrait-break img{width:100%;height:560px;object-fit:cover}.people-section,.dialogue-section,.works-section{padding:120px 8vw}.people-grid{display:grid;grid-template-columns:repeat(3,1fr);margin-top:55px;border-block:1px solid #a79776}.people-grid article{padding:36px;border-right:1px solid #b7aa8a}.dialogue-section{background:#d9e0cf}.dialogue-scroll{max-width:900px;margin:60px auto 0}.dialogue-scroll blockquote{width:72%;margin:0 0 28px;padding:25px 30px;background:#f1e8d2;border-left:3px solid #9a4634}.dialogue-scroll blockquote.reply{margin-left:auto;background:#1c514b;color:#f1e7ce;border-color:#c6a55f}.dialogue-scroll p{font-size:20px;line-height:1.75;margin:12px 0 0}.primary-poem{margin-top:55px;display:grid;grid-template-columns:1fr 1fr;gap:35px 7vw;padding:45px;border-top:3px solid #917445;background:#fffaed9e}.primary-poem h3,.more-works h3{font-family:Ma Shan Zheng;font-size:38px;font-weight:400;margin:14px 0}.primary-poem>div>span{color:#9a4634;font-size:11px;letter-spacing:2px}.primary-poem blockquote{font-size:20px;line-height:2.1;margin:0}.primary-poem>p{grid-column:1/-1;border-top:1px solid #c7b99a;padding-top:24px;line-height:2}.more-works{display:grid;grid-template-columns:1fr 1fr;margin-top:35px}.more-works article{padding:36px;border:1px solid #b9aa89}.more-works em{color:#9b4635;font-style:normal}.more-works blockquote{font-size:18px;line-height:1.8;margin:22px 0}.gallery-section{height:70vh;min-height:560px;display:grid;grid-template-columns:1.3fr .7fr;grid-template-rows:1fr 1fr;gap:4px;background:#0b3034}.station-nav{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:55px 6vw;background:#092e33;color:#e9ddbd}.station-nav a:hover{color:#ddb866}@media(max-width:800px){.map-page{min-height:100svh}.map-nav{grid-template-columns:1fr auto;padding:0 20px}.map-nav>p{display:none}.map-nav>span{font-size:9px}.map-title-block{left:24px;top:13%;max-width:300px}.map-title-block h1{font-size:58px}.map-title-block>span{font-size:11px}.map-page .map-art{width:155%;left:-34%}.map-page .map-marker span{font-size:11px;min-height:48px}.map-legend{right:16px;bottom:16px}.detail-nav{padding:0 20px;grid-template-columns:1fr auto}.detail-nav>p{display:none}.detail-hero{height:72svh;min-height:550px}.detail-hero-copy{left:25px;bottom:8%}.detail-hero-copy h1{font-size:76px}.detail-hero-copy blockquote{font-size:16px}.story-intro{grid-template-columns:1fr;padding:80px 24px}.portrait-break{grid-template-columns:1fr;padding:50px 24px}.portrait-break img{height:420px}.people-section,.dialogue-section,.works-section{padding:80px 24px}.people-grid{grid-template-columns:1fr}.people-grid article{border-right:0;border-bottom:1px solid #b7aa8a;padding:28px 5px}.dialogue-scroll blockquote{width:92%}.primary-poem{grid-template-columns:1fr;padding:28px 20px}.more-works{grid-template-columns:1fr}.more-works article+article{border-left:1px solid #b9aa89;border-top:0}.gallery-section{height:auto;display:block}.gallery-section img{height:340px;display:block;margin-bottom:4px}.station-nav{grid-template-columns:1fr 1fr;padding:35px 16px}.station-nav .map-home{grid-row:2;grid-column:1/-1;text-align:center;margin-top:20px}}.map-page{position:relative;height:100vh;min-height:680px;overflow:hidden;background:#082d35;color:#f5ead0}.map-page .map-art{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;pointer-events:none}.map-page .map-wash{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,rgba(4,38,44,.7),transparent 40%,rgba(4,34,41,.15)),linear-gradient(0deg,rgba(4,28,34,.4),transparent 38%);pointer-events:none}.map-nav{position:absolute;z-index:30;inset:0 0 auto;height:76px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 4vw;border-bottom:1px solid rgba(239,223,185,.25);background:linear-gradient(#082e35e8,#082e3550)}.map-nav>p{font-size:12px;letter-spacing:5px}.map-nav>span{text-align:right;font-size:12px;letter-spacing:2px;opacity:.72}.map-title-block{position:absolute;z-index:5;left:5.5%;top:17%;max-width:410px}.map-title-block>p,.section-kicker{color:#a84933;font-size:12px;font-weight:700;letter-spacing:4px}.map-title-block h1{font-family:Ma Shan Zheng;font-size:clamp(62px,7vw,108px);font-weight:400;line-height:1.04;letter-spacing:8px;margin:22px 0;text-shadow:0 3px 20px #173e43}.map-title-block>span{font-size:14px;letter-spacing:2px;line-height:2}.map-page .map-marker{position:absolute;left:var(--x);top:var(--y);z-index:12;color:#17342f;border:0;background:transparent;padding:0;display:grid;justify-items:center;filter:drop-shadow(0 3px 4px rgba(0,0,0,.35))}.map-page .map-marker span{writing-mode:vertical-rl;background:#f3e8cc;border:1px solid #8a6e41;padding:9px 7px;min-height:58px;font-weight:700;letter-spacing:3px;transition:.25s}.map-page .map-marker b{width:14px;height:14px;border-radius:50%;background:#f5e7c3;border:4px solid #986044;box-shadow:0 0 0 3px #f8e5b6a6;margin-top:5px}.map-page .map-marker:hover span,.map-page .map-marker:focus-visible span{background:#8d3d2e;color:#fff1d1;transform:translateY(-5px)}.map-page .map-marker em{position:absolute;right:-17px;top:-10px;color:#f2d591;font-size:10px;font-style:normal;text-shadow:0 1px 5px #082e35}.map-legend{position:absolute;z-index:5;right:4vw;bottom:32px;background:#062b30d1;padding:13px 18px;font-size:11px;letter-spacing:2px}.map-legend span{display:inline-block;width:8px;height:8px;border-radius:50%;background:#aa4b34;margin-right:7px}.map-legend i{display:inline-block;width:1px;height:16px;background:#bea66e;margin:0 12px -4px}.time-intro{position:fixed;z-index:100;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 70% 25%,rgba(223,198,139,.18),transparent 22%),linear-gradient(115deg,#071f23,#103a3b 55%,#071a1d);color:#f2e6c8;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;overflow:hidden;animation:intro-in .8s ease both}.time-intro:before,.time-intro:after{content:"";position:absolute;width:55vw;height:55vw;border-radius:50%;filter:blur(40px);background:#c9b98d14;animation:ink-drift 8s ease-in-out infinite alternate}.time-intro:before{left:-18vw;top:-24vw}.time-intro:after{right:-18vw;bottom:-28vw}.intro-moon{position:absolute;right:14%;top:11%;width:110px;height:110px;border-radius:50%;background:#e4d5ad;box-shadow:0 0 80px #d9c18c55}.time-intro>p{color:#d4b469;letter-spacing:7px;font-size:12px}.time-intro h1{font-family:Ma Shan Zheng;font-weight:400;font-size:clamp(56px,7vw,100px);line-height:1.2;letter-spacing:8px;margin:25px 0}.time-intro blockquote{font-size:15px;line-height:2.1;letter-spacing:2px;opacity:.8}.time-intro button{margin-top:28px;width:230px;padding:16px 22px;border:1px solid #bd9d5d;background:transparent;color:#f2e6c8;letter-spacing:4px}.time-intro button:hover{background:#a34330}.time-intro button span{float:right}.time-intro small{margin-top:16px;opacity:.45;letter-spacing:2px}.travel-transition{position:fixed;z-index:120;top:0;right:0;bottom:0;left:0;background:#0a3235;color:#f1e5c5;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;overflow:hidden;animation:travel-fade 1.5s ease both}.travel-transition p{color:#d1af62;letter-spacing:8px}.travel-transition h2{font-family:Ma Shan Zheng;font-size:clamp(65px,9vw,125px);font-weight:400;margin:12px 0;letter-spacing:7px}.travel-transition blockquote{font-size:18px;letter-spacing:4px}.travel-transition>span{font-size:11px;opacity:.5;letter-spacing:4px;margin-top:25px}.cloud{position:absolute;width:75vw;height:24vh;border-radius:50%;background:#e4ddc38c;filter:blur(35px)}.cloud-one{left:-60vw;top:15%;animation:cloud-pass 1.4s ease-in-out}.cloud-two{right:-60vw;bottom:12%;animation:cloud-pass-reverse 1.4s ease-in-out}.cloud-three{left:-55vw;top:50%;animation:cloud-pass 1.4s .12s ease-in-out}.detail-page{background:#eee6d2;color:#233c37;min-height:100vh}.detail-nav{position:fixed;z-index:50;top:0;left:0;right:0;height:64px;padding:0 4vw;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;background:#072a2ff0;color:#efe3c5;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(222,201,151,.28)}.return-map{font-weight:700;letter-spacing:2px}.detail-nav>span{font-size:12px;color:#d1b876}.detail-nav>p{text-align:right;font-family:Ma Shan Zheng;font-size:22px;margin:0}.detail-hero{height:52vh;min-height:420px;max-height:560px;position:relative;overflow:hidden}.detail-hero>img{width:100%;height:100%;object-fit:cover}.detail-hero-shade{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,rgba(5,33,37,.78),transparent 65%),linear-gradient(0deg,rgba(5,33,37,.5),transparent 55%)}.detail-hero-copy{position:absolute;left:7%;bottom:10%;color:#f4ead0;width:min(620px,80%)}.detail-hero-copy>p{color:#e0bd72;letter-spacing:4px;font-size:12px}.detail-hero-copy h1{font-family:Ma Shan Zheng;font-size:clamp(70px,9vw,120px);font-weight:400;margin:8px 0}.detail-hero-copy strong{font-size:18px;letter-spacing:3px}.detail-hero-copy blockquote{border-left:2px solid #c9a45d;margin:24px 0 0;padding-left:22px;font-size:18px;line-height:1.8}.story-intro{padding:105px 9vw;display:grid;grid-template-columns:.8fr 1.2fr;gap:8vw}.story-intro h2,.people-section>h2,.dialogue-section>h2,.works-section>h2,.portrait-break h2{font-family:Ma Shan Zheng;font-size:clamp(40px,5vw,66px);font-weight:400;line-height:1.25;margin:20px 0}.long-copy p{font-size:16px;line-height:2.15;margin:0 0 24px}.portrait-break{background:#103a3c;color:#eee2c4;padding:65px 9vw;display:grid;grid-template-columns:.75fr 1.25fr;gap:7vw;align-items:center}.portrait-break img{width:100%;height:310px;object-fit:cover;object-position:center 25%;border:8px solid rgba(232,219,181,.14)}.portrait-break .section-kicker{color:#d2ad62}.people-section,.dialogue-section,.works-section{padding:105px 9vw}.people-grid{display:grid;grid-template-columns:repeat(3,1fr);margin-top:50px;border-block:1px solid #a79776}.people-grid article{padding:32px;border-right:1px solid #b7aa8a}.people-grid article:last-child{border:0}.people-grid span{font-size:11px;color:#9b4635;letter-spacing:3px}.people-grid h3{font-size:25px}.people-grid p{font-size:14px;line-height:2;color:#52635e}.dialogue-section{background:#d9e0cf;display:grid;grid-template-columns:1fr 1fr;gap:55px 8vw;align-items:center}.dialogue-section>.section-kicker,.dialogue-section>h2,.dialogue-section>.fiction-note{grid-column:1/-1}.fiction-note{max-width:740px;line-height:1.8;color:#66736e;font-size:13px}.shadow-theatre{position:relative;height:440px;background:radial-gradient(circle at 50% 70%,#e9dcc0,#b8b49f 65%,#82928a);overflow:hidden;border:1px solid #9b937a}.shadow-theatre:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(0deg,rgba(5,38,38,.25),transparent 35%)}.shadow-theatre img{width:100%;height:100%;object-fit:contain;filter:contrast(1.5) saturate(.25);position:relative;z-index:2}.shadow-light{position:absolute;width:220px;height:220px;border-radius:50%;background:#f1dfad99;filter:blur(15px);left:50%;top:46%;transform:translate(-50%,-50%)}.dialogue-scroll{display:flex;flex-direction:column;gap:20px}.dialogue-scroll button{width:88%;border:0;border-left:3px solid #9a4634;background:#eee4cd;text-align:left;padding:22px 26px;color:#223d38;opacity:.46;transition:.3s}.dialogue-scroll button.reply{align-self:flex-end;border-left:0;border-right:3px solid #c6a55f;background:#174b47;color:#f1e7ce}.dialogue-scroll button.active{opacity:1;transform:translate(8px);box-shadow:0 12px 30px #1b3a361f}.dialogue-scroll b{font-size:13px;letter-spacing:3px}.dialogue-scroll p{font-size:19px;line-height:1.75;margin:10px 0 0}.works-section{background:#eee5cf}.primary-poem{margin-top:50px;display:grid;grid-template-columns:1fr 1fr;gap:30px 7vw;padding:40px;border-top:3px solid #917445;background:#fffaed9e}.primary-poem h3,.more-works h3{font-family:Ma Shan Zheng;font-size:36px;font-weight:400;margin:14px 0}.primary-poem blockquote{font-size:19px;line-height:2.1;margin:0}.primary-poem blockquote span{display:block}.primary-poem>p{grid-column:1/-1;border-top:1px solid #c7b99a;padding-top:22px;line-height:2}.more-works{display:grid;grid-template-columns:1fr 1fr;margin-top:30px}.more-works article{padding:32px;border:1px solid #b9aa89}.more-works article+article{border-left:0}.more-works blockquote{font-size:17px;line-height:1.8;margin:20px 0}.more-works p{font-size:14px;line-height:2;color:#5a6863}.gallery-section{padding:80px 9vw;display:grid;grid-template-columns:1.3fr .7fr;grid-template-rows:220px 220px;gap:10px;background:#0b3034}.gallery-section img{width:100%;height:100%;object-fit:cover}.gallery-section img:first-child{grid-row:1/-1}.station-nav{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:45px 6vw;background:#092e33;color:#e9ddbd}.station-nav>a{padding:18px;line-height:1.8}.station-nav>a:last-child{text-align:right}.station-nav .map-home{border:1px solid #a98b52;padding:14px 28px;letter-spacing:3px}.story-anlu .story-intro{background:#efe2d0}.story-anlu .people-section{background:#e5eadc}.story-changan .detail-hero-shade{background:linear-gradient(90deg,rgba(57,23,15,.76),transparent 64%),linear-gradient(0deg,rgba(45,13,9,.55),transparent 55%)}.story-changan .people-section{background:#e5d8bf}.story-changan .dialogue-section{background:#4b261f;color:#eee1c2}.story-lushan .story-intro{background:#dae4d7}.story-lushan .dialogue-section{background:#c7d8d2}.story-baidicheng .detail-hero-copy blockquote{font-size:24px}.story-baidicheng .story-intro{background:#e9dcc0}.story-baidicheng .dialogue-section{background:#c7dfe0}.story-dangtu{background:#d9e0d5}.story-dangtu .story-intro{background:#172f3c;color:#e9dfc4}.story-dangtu .people-section{background:#d6ddd4}.story-dangtu .dialogue-section{background:#1b3440;color:#eee2c5}.story-dangtu .fiction-note{color:#b7c2bd}@keyframes intro-in{0%{opacity:0}to{opacity:1}}@keyframes ink-drift{to{transform:translate(12vw,8vw) scale(1.25)}}@keyframes cloud-pass{0%{transform:translate(0)}60%,to{transform:translate(170vw)}}@keyframes cloud-pass-reverse{0%{transform:translate(0)}60%,to{transform:translate(-170vw)}}@keyframes travel-fade{0%{opacity:0}18%,75%{opacity:1}to{opacity:0}}@media(max-width:800px){.map-page{min-height:100svh}.map-nav{grid-template-columns:1fr auto;padding:0 20px}.map-nav>p{display:none}.map-nav>span{font-size:9px}.map-title-block{left:24px;top:13%;max-width:300px}.map-title-block h1{font-size:58px}.map-page .map-art{width:155%;left:-34%}.map-page .map-marker span{font-size:11px;min-height:48px}.time-intro h1{font-size:54px}.intro-moon{width:70px;height:70px;right:10%}.detail-nav{padding:0 20px;grid-template-columns:1fr auto}.detail-nav>p{display:none}.detail-hero{height:52svh;min-height:420px}.detail-hero-copy{left:24px}.detail-hero-copy h1{font-size:72px}.story-intro{grid-template-columns:1fr;padding:75px 24px}.portrait-break{grid-template-columns:1fr;padding:45px 24px}.portrait-break img{height:260px}.people-section,.dialogue-section,.works-section{padding:75px 24px}.people-grid{grid-template-columns:1fr}.people-grid article{border-right:0;border-bottom:1px solid #b7aa8a;padding:25px 4px}.dialogue-section{grid-template-columns:1fr}.shadow-theatre{height:300px}.primary-poem{grid-template-columns:1fr;padding:26px 20px}.more-works{grid-template-columns:1fr}.more-works article+article{border-left:1px solid #b9aa89;border-top:0}.gallery-section{padding:40px 24px;display:block}.gallery-section img{height:260px;margin-bottom:8px}.station-nav{grid-template-columns:1fr 1fr;padding:30px 14px}.station-nav .map-home{grid-row:2;grid-column:1/-1;text-align:center;margin-top:15px}}@media(prefers-reduced-motion:reduce){.cloud,.travel-transition,.time-intro:before,.time-intro:after{animation:none!important}}.map-route-arrows{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:8;pointer-events:none;overflow:visible}.map-route-arrows line{stroke:#9c3f2e;stroke-width:2.5;stroke-dasharray:8 7;vector-effect:non-scaling-stroke;filter:drop-shadow(0 1px 1px #f1deb5)}.map-route-arrows path{fill:#9c3f2e}.layout-origin{grid-template-columns:1fr 1.4fr;background:#e9dec8}.layout-growth{grid-template-columns:1fr 1fr;background:linear-gradient(115deg,#e5eadc,#f2e5c9)}.layout-home{grid-template-columns:1.2fr 1fr}.layout-court{background:#e5d8bf}.layout-encounter{background:#102f38;color:#efe1bc;grid-template-columns:1fr 1.3fr}.layout-encounter .section-kicker{color:#d6ad5c}.layout-storm{background:#dae4d7}.layout-release{grid-template-columns:.7fr 1.3fr;background:#e9dcc0}.layout-legacy{background:#172f3c;color:#e9dfc4}.double-star-chapter{padding:95px 9vw;background:radial-gradient(circle at 50% 45%,#b08a4530,transparent 28%),#081f27;color:#f0dfb9;text-align:center}.double-star-chapter>p{letter-spacing:7px;color:#cfaa5d}.double-star-chapter h2{display:flex;align-items:center;justify-content:center;gap:5vw;font-family:Ma Shan Zheng;font-size:clamp(54px,9vw,120px);font-weight:400;margin:25px 0}.double-star-chapter h2 i{font-family:serif;font-size:26px;color:#a64332}.double-star-chapter blockquote{font-size:20px;letter-spacing:5px;color:#d6bd84;margin:35px}.double-star-chapter>div{display:grid;grid-template-columns:1fr 1fr;max-width:850px;margin:auto;border-top:1px solid #9c824f}.double-star-chapter article{padding:35px}.double-star-chapter article+article{border-left:1px solid #9c824f}.double-star-chapter b{font-size:22px;letter-spacing:5px}.double-star-chapter article p{line-height:2;color:#bfc6bd}@media(max-width:800px){.double-star-chapter{padding:70px 24px}.double-star-chapter>div{grid-template-columns:1fr}.double-star-chapter article+article{border-left:0;border-top:1px solid #9c824f}}.map-marker:hover,.map-marker:focus-visible{z-index:45!important}.place-preview{position:absolute;z-index:50;top:-28px;width:310px;padding:0;background:#efe4c7fa;color:#223c37;border:1px solid #8d7449;box-shadow:0 18px 45px #051f2261;text-align:left;filter:none;pointer-events:none;animation:preview-in .28s ease both;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.place-preview.preview-right{left:46px}.place-preview.preview-left{right:46px}.place-preview.preview-center{left:50%;top:80px;transform:translate(-50%)}.place-preview header{padding:18px 20px 15px;background:#123e3f;color:#f1e3c2;border-bottom:3px solid #a54331}.place-preview header small{display:block;color:#d4b564;font-size:9px;letter-spacing:2px;line-height:1.6}.place-preview header strong{display:block;font-family:Ma Shan Zheng;font-size:28px;font-weight:400;margin-top:5px;letter-spacing:3px}.place-preview .today-place{margin:18px 20px 0;color:#8e412f;font-size:11px;font-weight:700;letter-spacing:1px}.place-preview .today-place i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#a74432;margin-right:7px}.place-preview .preview-story{margin:12px 20px;font-size:13px;line-height:1.85;color:#4f5e58}.place-preview blockquote{margin:15px 20px;padding:12px 0;border-block:1px solid #b7a47b;font-family:Ma Shan Zheng;font-size:19px;line-height:1.65;color:#8f3f2e}.place-preview footer{display:flex;justify-content:space-between;align-items:center;padding:12px 20px;background:#ded1af;color:#53635d}.map-page .map-marker .place-preview footer span{writing-mode:horizontal-tb;min-height:0;padding:0;border:0;background:transparent;color:inherit;font-size:10px;letter-spacing:2px;transform:none}.place-preview footer b{width:auto;height:auto;margin:0;border:0;border-radius:0;background:transparent;box-shadow:none;color:#9b3f2f;font-size:18px}@keyframes preview-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.place-preview.preview-center{animation-name:preview-center-in}@keyframes preview-center-in{0%{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%)}}@media(max-width:800px){.place-preview{position:fixed;left:16px!important;right:16px!important;top:auto!important;bottom:20px;width:auto;transform:none!important}.map-marker:hover .place-preview{transform:none}.place-preview header{padding:14px 18px}.place-preview .preview-story{margin-block:9px}.place-preview blockquote{margin-block:10px}}.place-preview.preview-up{top:auto;bottom:15px}.place-preview.preview-center.preview-up{top:auto;bottom:80px}@media(max-width:800px){.place-preview.preview-up{bottom:20px}}.map-route-arrows polyline{fill:none;stroke:#9c3f2e;stroke-width:2.5;stroke-dasharray:8 7;vector-effect:non-scaling-stroke;filter:drop-shadow(0 1px 1px #f1deb5)}.map-page .map-marker .landmark{width:38px;height:38px;border-radius:4px 4px 12px 12px;background:linear-gradient(#e9d9ae,#c6a665);border:2px solid #7d5436;box-shadow:0 0 0 3px #f8e5b68c,0 5px 9px #17393688;margin-top:5px;color:#713b2c;font-family:Ma Shan Zheng;font-size:18px;display:grid;place-items:center;position:relative}.map-page .map-marker .landmark:before{content:"";position:absolute;top:-9px;left:4px;right:4px;height:9px;background:#8c3f2f;clip-path:polygon(50% 0,100% 100%,0 100%)}.map-page .map-marker .landmark-lushan{border-radius:50% 50% 10px 10px;background:linear-gradient(135deg,#9cb49b,#e2e0b9)}.map-page .map-marker .landmark-lushan:after{content:"";position:absolute;top:5px;bottom:4px;left:17px;width:3px;background:#f3f0db;box-shadow:3px 0 #b6d2cf}.map-page .map-marker .landmark-baidicheng,.map-page .map-marker .landmark-changan{border-radius:2px}.map-page .map-marker:hover .landmark{transform:translateY(-4px) scale(1.08)}.ending-page{min-height:100vh;background:#092f34;color:#eee0bd}.ending-hero{min-height:92vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:80px 24px;background:radial-gradient(circle at 50% 40%,rgba(207,174,99,.17),transparent 25%),linear-gradient(#06282cb8,#062328f0),url(https://cchr.oss-cn-beijing.aliyuncs.com/li-bai/images/map/tang-journey-map.png) center/cover}.ending-hero>p,.ending-register>div>span,.leaderboard header>span{color:#d0aa5b;letter-spacing:7px;font-size:11px}.ending-hero h1{font-family:Ma Shan Zheng;font-size:clamp(78px,11vw,150px);font-weight:400;line-height:1.05;margin:28px}.ending-hero blockquote{font-size:20px;letter-spacing:4px}.ending-hero>span{max-width:650px;line-height:2;opacity:.7}.ending-register{padding:110px 10vw;background:#e9dec3;color:#233d38;display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:center}.ending-register h2,.leaderboard h2{font-family:Ma Shan Zheng;font-size:clamp(44px,6vw,76px);font-weight:400;margin:20px 0}.ending-register p{line-height:2;color:#66716c}.ending-register form{display:grid;gap:14px;padding:40px;border:1px solid #a89062;background:#f3e8cd}.ending-register label{font-size:11px;letter-spacing:4px;color:#974431}.ending-register input{border:0;border-bottom:1px solid #8e754b;background:transparent;padding:18px 4px;font-family:Ma Shan Zheng;font-size:30px;color:#223d38;outline:none}.ending-register form button,.ending-actions button,.ending-actions a{border:1px solid #b49252;background:#133f3e;color:#f0dfb9;padding:16px 24px;letter-spacing:4px;text-align:center}.ending-seal{width:190px;height:190px;border:8px double #a33f2e;border-radius:50%;display:grid;place-content:center;text-align:center;color:#a33f2e;transform:rotate(-7deg);margin:auto}.ending-seal b{font-family:Ma Shan Zheng;font-size:38px;font-weight:400}.ending-seal span{letter-spacing:4px}.leaderboard{padding:105px 10vw;background:#0b3438}.leaderboard header{text-align:center}.leaderboard header p{opacity:.5}.leaderboard>div{max-width:900px;margin:45px auto;border-top:1px solid #816f48}.leaderboard article{display:grid;grid-template-columns:70px 1fr 1.3fr 90px;gap:20px;align-items:center;padding:20px;border-bottom:1px solid #665f45}.leaderboard article em{color:#caa85f;font-style:normal}.leaderboard article b{font-size:18px}.leaderboard article time,.leaderboard article span{font-size:12px;opacity:.65}.empty-board{text-align:center;padding:50px;opacity:.6}.ending-actions{display:flex;justify-content:center;gap:18px;padding:0 10vw 90px;background:#0b3438}.ending-actions button{background:#95412f}.ending-locked{display:grid;place-content:center;text-align:center}.ending-locked h1{font-family:Ma Shan Zheng;font-size:70px}.ending-locked a{color:#d6af62}@media(max-width:800px){.ending-register{grid-template-columns:1fr;padding:75px 24px}.leaderboard{padding:75px 24px}.leaderboard article{grid-template-columns:45px 1fr}.leaderboard article time,.leaderboard article>span{grid-column:2}.ending-actions{flex-direction:column;padding-inline:24px}.ending-hero h1{font-size:76px}}.map-page .map-marker .landmark{width:54px;height:46px;border-radius:5px;background:#d8c79e;padding:3px;overflow:hidden}.map-page .map-marker .landmark:before{display:none}.map-page .map-marker .landmark img{display:block;width:100%;height:100%;object-fit:cover;border-radius:2px;filter:saturate(.78) contrast(1.06)}.map-page .map-marker .landmark-suiye img{object-position:center 62%}.map-page .map-marker .landmark-jiangyou img{object-position:center 35%}.map-page .map-marker .landmark-anlu img{object-position:center 55%}.map-page .map-marker .landmark-changan img{object-position:center 48%}.map-page .map-marker .landmark-liangluo img{object-position:68% center}.map-page .map-marker .landmark-lushan img{object-position:58% center}.map-page .map-marker .landmark-baidicheng img{object-position:center 52%}.map-page .map-marker .landmark-dangtu img{object-position:center 62%}.map-page .map-marker .landmark-lushan:after{display:none}.map-marker .station-order{position:absolute;left:50%;bottom:-29px;transform:translate(-50%);white-space:nowrap;background:#8e3e2e;color:#fff0cf;border:1px solid #d0b77d;padding:5px 8px;font-size:10px;letter-spacing:2px}.map-marker.locked{filter:grayscale(1) brightness(.52);cursor:not-allowed}.map-marker.locked>span{background:#b7b5a8;color:#5d625e}.map-marker .locked-mark{position:absolute;left:50%;top:40%;transform:translate(-50%,-50%) rotate(-9deg);white-space:nowrap;background:#173e3e;color:#eadab5;border:1px solid #b49761;padding:5px 7px;font-size:9px;font-style:normal;z-index:4}.chapter-stepper{position:fixed;z-index:80;right:22px;bottom:22px;display:flex;align-items:center;background:#082d30f0;color:#eadcb8;border:1px solid #9a7c49;box-shadow:0 10px 30px #05232655}.chapter-stepper span{padding:12px 16px;color:#d1ad5d;letter-spacing:2px;font-size:10px}.chapter-stepper button{border:0;border-left:1px solid #806c48;background:transparent;color:#f0e2c1;padding:12px 16px;letter-spacing:2px}.ending-page:not(.ending-locked){height:100vh;overflow:hidden}.ending-page:not(.ending-locked)>section,.ending-page:not(.ending-locked)>nav{display:none;height:100vh;min-height:100vh;overflow:auto;animation:ending-scene-in .65s ease}.ending-stage-0>.ending-hero,.ending-stage-1>.ending-register,.ending-stage-2>.leaderboard,.ending-stage-3>.ending-actions{display:flex!important}.ending-stage-1>.ending-register{display:grid!important}.ending-stage-2>.leaderboard{display:block!important}.ending-stage-3>.ending-actions{align-items:center}.ending-next{position:fixed;z-index:30;right:26px;bottom:24px;border:1px solid #b39155;background:#943f2f;color:#f3e3be;padding:14px 20px;letter-spacing:3px}.ending-next span{margin-left:18px}.ending-stage-2 .leaderboard{padding-top:70px}.ending-stage-3 .ending-actions{padding:0 10vw;background:radial-gradient(circle,#17474a,#092e33)}@keyframes ending-scene-in{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@media(max-width:800px){.chapter-stepper{right:10px;bottom:10px}.chapter-stepper span{display:none}.ending-next{right:14px;bottom:14px}}.map-title-block h1>span{display:block;white-space:nowrap}.sound-toggle{position:fixed;z-index:210;right:22px;top:88px;border:1px solid #a58a55;background:#083032e6;color:#eadcb9;padding:8px 12px;font-size:10px;letter-spacing:2px;display:flex;align-items:center;gap:8px}.sound-toggle span{width:25px;height:25px;border-radius:50%;display:grid;place-items:center;background:#68736c;color:#eee0bd;font-family:Ma Shan Zheng;font-size:15px}.sound-toggle.is-on span{background:#9b4230;box-shadow:0 0 0 4px #be9b5333;animation:sound-breathe 2s ease-in-out infinite}@keyframes sound-breathe{50%{transform:scale(1.1)}}@media(max-width:800px){.sound-toggle{right:10px;top:74px}.sound-toggle{font-size:0}}.music-player{position:fixed;z-index:220;right:20px;top:86px;width:min(430px,calc(100vw - 40px));display:grid;grid-template-columns:44px 1fr 92px;gap:12px;align-items:center;padding:10px 12px;background:#072b2ef0;color:#eadcb9;border:1px solid #9f8350;box-shadow:0 12px 32px #041d1f52;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.music-play{width:40px;height:40px;border:1px solid #b39255;border-radius:50%;background:#91412f;color:#f5e4be;font-size:15px}.music-main{min-width:0;display:grid;grid-template-columns:1fr auto;gap:5px 10px}.music-main b{grid-column:1/-1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:10px;letter-spacing:1px}.music-progress{width:100%;accent-color:#b04834}.music-main small{font-size:9px;white-space:nowrap;color:#c7b98f}.music-volume{font-size:9px;letter-spacing:2px;text-align:center}.music-volume input{display:block;width:88px;margin-top:7px;accent-color:#c1a45f}@media(max-width:700px){.music-player{right:10px;top:72px;width:calc(100vw - 20px);grid-template-columns:40px 1fr}.music-volume{display:none}}.story-intro{display:block;padding:88px 9vw 108px}.story-intro>div:first-child{max-width:900px;margin:0 auto 42px;padding-bottom:30px;border-bottom:1px solid rgba(137,113,69,.38)}.story-intro>div:first-child h2{max-width:760px;margin-bottom:0}.story-intro .story-flow{max-width:900px;margin:0 auto}.story-intro .story-flow>p{max-width:760px;margin-left:auto;margin-right:auto}.story-intro .story-poem{max-width:820px;margin-left:auto;margin-right:auto}.gallery-section{grid-template-columns:minmax(0,1.35fr) minmax(260px,.65fr);grid-template-rows:260px 260px;gap:14px}.gallery-section .gallery-place{grid-column:1;grid-row:1/-1;object-fit:cover}.gallery-section .gallery-portrait{grid-column:2;grid-row:1;object-fit:contain;object-position:center top;background:#123b3f;padding:12px}.gallery-section .gallery-map{grid-column:2;grid-row:2;object-fit:cover}.music-player{width:52px;grid-template-columns:40px 0 0;gap:0;padding:5px;border-radius:999px;overflow:hidden;transition:width .32s ease,border-radius .32s ease,padding .32s ease,gap .32s ease}.music-player:hover,.music-player:focus-within{width:min(430px,calc(100vw - 40px));grid-template-columns:44px minmax(0,1fr) 92px;gap:12px;padding:10px 12px;border-radius:8px}.music-main,.music-volume{opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s ease .08s}.music-player:hover .music-main,.music-player:hover .music-volume,.music-player:focus-within .music-main,.music-player:focus-within .music-volume{opacity:1;visibility:visible;pointer-events:auto}@media(max-width:800px){.story-intro{padding:70px 24px 82px}.story-intro>div:first-child{margin-bottom:34px}.story-intro .story-poem:nth-of-type(2n){transform:none}.gallery-section{display:grid;grid-template-columns:1fr;grid-template-rows:260px 300px 210px;padding:40px 24px}.gallery-section .gallery-place,.gallery-section .gallery-portrait,.gallery-section .gallery-map{grid-column:1;grid-row:auto;height:100%;margin:0}.music-player{right:10px;top:72px;width:52px;grid-template-columns:40px 0;gap:0}.music-player:hover,.music-player:focus-within{width:calc(100vw - 20px);grid-template-columns:40px minmax(0,1fr);gap:10px}.music-volume{display:none}}body.relationship-open{overflow:hidden}.map-progress{gap:0;padding:5px 6px 5px 16px;border:1px solid rgba(203,174,108,.42);border-radius:999px;background:#05292dd1;box-shadow:0 12px 35px #031b1d4d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.map-progress>b{padding-right:15px;white-space:nowrap}.map-progress .journey-continue{border:0;border-radius:999px;background:#91402f;padding:11px 18px}.relationship-entry{position:absolute;z-index:24;right:calc(3% + 281.5px);bottom:24px;width:148px;height:58px;display:flex;align-items:center;justify-content:center;gap:10px;border:1px solid rgba(203,174,108,.55);border-radius:999px;background:#05292ddb;color:#eadcb9;padding:7px 16px;white-space:nowrap;box-shadow:0 10px 28px #031b1d4d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:background .25s ease,transform .25s ease}.relationship-entry i{flex:0 0 34px;width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:#b49251;color:#173e3e;border:1px solid #e0c982;font-family:Ma Shan Zheng;font-size:19px;font-style:normal}.relationship-entry span{font-size:12px;letter-spacing:2px}.relationship-entry:hover,.relationship-entry:focus-visible{background:#124b4af0;transform:translateY(-2px);outline:0}.relationship-overlay{position:fixed;z-index:400;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% 48%,#25534df5,#04191efc 68%),url(https://cchr.oss-cn-beijing.aliyuncs.com/li-bai/images/map/tang-journey-map.png) center/cover;color:#eadfbe;overflow:hidden;animation:relationship-in .45s ease}.relationship-overlay:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(circle,#d7bf7b 0 1px,transparent 1.5px);background-size:70px 70px;opacity:.13}.relationship-header{position:absolute;z-index:8;left:4vw;right:4vw;top:22px;display:flex;justify-content:space-between;align-items:start;border-bottom:1px solid rgba(204,174,105,.35);padding-bottom:14px}.relationship-header p{margin:0;color:#d1ae5f;font-size:10px;letter-spacing:5px}.relationship-header h2{font-family:Ma Shan Zheng;font-size:36px;font-weight:400;margin:7px 0 2px;letter-spacing:4px}.relationship-header span{font-size:10px;letter-spacing:2px;opacity:.65}.relationship-header button{border:1px solid #9f814e;background:#123e3e;color:#eee0bd;padding:10px 14px;letter-spacing:2px}.relationship-header button b{font-size:18px;margin-left:12px}.relationship-stage{position:absolute;top:115px;right:3vw;bottom:25px;left:3vw}.relationship-rings,.relationship-lines{position:absolute;left:50%;top:50%;width:min(76vw,920px);aspect-ratio:1.55;transform:translate(-50%,-50%)}.relationship-rings i{position:absolute;top:2%;right:2%;bottom:2%;left:2%;border:1px solid rgba(201,169,94,.22);border-radius:50%}.relationship-rings i:nth-child(2){top:15%;right:15%;bottom:15%;left:15%;border-style:dashed}.relationship-rings i:nth-child(3){top:30%;right:30%;bottom:30%;left:30%}.relationship-lines{overflow:visible}.relationship-lines line{stroke:#857653;stroke-width:.12;stroke-dasharray:1.2 1.5;opacity:.24;vector-effect:non-scaling-stroke}.relationship-lines line.is-lit{stroke:#c9a856;stroke-width:.22;opacity:.6}.relationship-lines line.is-featured.is-lit{stroke:#f1cb6b;stroke-width:.5;filter:drop-shadow(0 0 4px #efbd4f);animation:double-star-line 1.8s ease-out both}.li-bai-core{position:absolute;z-index:5;left:50%;top:50%;transform:translate(-50%,-50%);width:108px;height:108px;border-radius:50%;border:3px double #d3b265;background:#153f3f;box-shadow:0 0 0 9px #c39c4c21,0 0 45px #e6b85640;text-align:center}.li-bai-core img{width:100%;height:100%;object-fit:cover;object-position:center 20%;border-radius:50%;filter:saturate(.8)}.li-bai-core strong,.li-bai-core span{position:absolute;left:50%;transform:translate(-50%);white-space:nowrap}.li-bai-core strong{top:112px;font-family:Ma Shan Zheng;font-size:25px}.li-bai-core span{top:140px;font-size:9px;color:#c8a85f;letter-spacing:2px}.relationship-person{position:absolute;z-index:6;left:var(--person-x);top:var(--person-y);transform:translate(-50%,-50%);width:72px;border:0;background:transparent;color:#eadfbe;padding:0;text-align:center}.relationship-portrait,.relationship-card-portrait{display:block;background-image:url(https://cchr.oss-cn-beijing.aliyuncs.com/li-bai/images/relationships/relationship-portraits.png);background-size:400% 400%;background-repeat:no-repeat}.relationship-portrait{width:58px;height:58px;margin:auto;border-radius:50%;border:2px solid #b79b60;box-shadow:0 0 0 5px #082b2de0;transition:.25s}.relationship-person b{display:block;margin-top:8px;font-size:11px;white-space:nowrap}.relationship-person small{display:block;color:#bda565;font-size:8px;white-space:nowrap;margin-top:3px}.relationship-person.is-locked{opacity:.42}.relationship-person.is-locked .relationship-portrait{filter:grayscale(1) contrast(1.25) brightness(.55)}.relationship-person:hover,.relationship-person:focus-visible{z-index:12;outline:0}.relationship-person:hover .relationship-portrait,.relationship-person:focus-visible .relationship-portrait{transform:scale(1.18);border-color:#efd078;box-shadow:0 0 0 6px #082b2de6,0 0 25px #d8af5666}.relationship-person.is-featured.is-unlocked .relationship-portrait{border-color:#f0cb69;box-shadow:0 0 0 6px #082b2de6,0 0 32px #efc15b88;animation:double-star-person 2.2s ease-out both}.relationship-card{position:absolute;z-index:20;right:1vw;top:50%;transform:translateY(-50%);width:min(320px,26vw);display:grid;grid-template-columns:90px 1fr;gap:18px;padding:20px;background:#ecdfbefa;color:#243d38;border:1px solid #9d7c43;border-top:4px solid #974331;box-shadow:0 22px 55px #02191c99;animation:card-in .25s ease}.relationship-card-portrait{width:90px;height:112px;background-size:400% 400%;border:1px solid #97794b}.relationship-card small{color:#984231;font-size:9px;letter-spacing:2px}.relationship-card h3{font-family:Ma Shan Zheng;font-size:30px;font-weight:400;margin:6px 0}.relationship-card .person-meta{font-size:10px;margin:0 0 8px;color:#66716b}.relationship-card div>b{font-size:11px;color:#9b4332;letter-spacing:3px}.relationship-card div>p:last-child{font-size:12px;line-height:1.8;margin:8px 0 0}.relationship-card.locked-card{filter:grayscale(.75)}.relationship-card.locked-card .relationship-card-portrait{filter:grayscale(1) brightness(.55)}.relationship-legend{position:absolute;left:1vw;bottom:0;display:flex;gap:18px;align-items:center;font-size:9px;letter-spacing:2px;color:#b7ae93}.relationship-legend span{display:flex;align-items:center;gap:6px}.relationship-legend i{width:9px;height:9px;border-radius:50%;background:#536460;border:1px solid #9c8c63}.relationship-legend .legend-lit{background:#c6a052;box-shadow:0 0 8px #c6a052}.relationship-legend strong{color:#e5c36c;border-left:1px solid #846f43;padding-left:18px}@keyframes relationship-in{0%{opacity:0;transform:scale(1.02)}to{opacity:1;transform:none}}@keyframes card-in{0%{opacity:0;transform:translate(12px,-50%)}to{opacity:1;transform:translateY(-50%)}}@keyframes double-star-line{0%{stroke-dashoffset:24;opacity:0}to{stroke-dashoffset:0;opacity:1}}@keyframes double-star-person{0%{opacity:0;transform:scale(.35)}45%{opacity:1;transform:scale(1.3)}to{transform:scale(1)}}@media(max-width:800px){.map-progress{right:10px;left:58px;justify-content:flex-end}.map-progress>b{margin-right:auto}.map-progress .journey-continue{padding-inline:14px}.relationship-entry,.relationship-entry:hover,.relationship-entry:focus-visible{left:10px;right:auto;bottom:17px;width:40px;height:40px}.relationship-entry span{display:none}.relationship-entry i{width:32px;height:32px;flex-basis:32px}.relationship-overlay{overflow:auto}.relationship-header{position:sticky;top:0;padding:16px 18px;background:#052225f5}.relationship-header h2{font-size:29px}.relationship-header span{display:none}.relationship-stage{position:relative;inset:auto;min-height:1500px;padding:25px 20px 80px}.relationship-rings,.relationship-lines{display:none}.li-bai-core{position:relative;left:auto;top:auto;transform:none;margin:18px auto 85px}.relationship-person{position:relative;left:auto!important;top:auto!important;transform:none;width:calc(50% - 10px);min-height:105px;display:inline-block;vertical-align:top;margin-bottom:28px}.relationship-person b{font-size:12px}.relationship-card{position:fixed;left:12px;right:12px;top:auto;bottom:12px;transform:none;width:auto;grid-template-columns:82px 1fr;padding:16px}.relationship-card-portrait{width:82px;height:100px}.relationship-legend{left:20px;bottom:25px;flex-wrap:wrap}.relationship-legend strong{width:100%;border:0;padding:0}.relationship-person.is-featured:before{content:"双星相遇";position:absolute;top:-8px;left:50%;transform:translate(-50%);font-size:8px;color:#e6c568;white-space:nowrap;letter-spacing:2px}}@media(prefers-reduced-motion:reduce){.relationship-overlay,.relationship-card,.relationship-lines line.is-featured.is-lit,.relationship-person.is-featured.is-unlocked .relationship-portrait{animation:none}}.relationship-link{transition:opacity .25s ease}.relationship-link line{stroke:#857653;stroke-width:.12;stroke-dasharray:1.2 1.5;opacity:.24;vector-effect:non-scaling-stroke;transition:stroke .25s ease,stroke-width .25s ease,opacity .25s ease}.relationship-link text{fill:#ead8a4;stroke:#123b3b;stroke-width:.7px;paint-order:stroke fill;font-family:"Noto Serif SC",serif;font-size:2.35px;font-weight:700;letter-spacing:.12px;text-anchor:middle;dominant-baseline:middle;pointer-events:none;opacity:.86;transition:opacity .25s ease,filter .25s ease}.relationship-link.is-lit line{stroke:#c9a856;stroke-width:.22;opacity:.6}.relationship-link.is-featured.is-lit line{stroke:#f1cb6b;stroke-width:.5;filter:drop-shadow(0 0 4px #efbd4f);animation:double-star-line 1.8s ease-out both}.relationship-link.is-active line{stroke:#f3cf70;stroke-width:.48;stroke-dasharray:none;opacity:1;filter:drop-shadow(0 0 3px #e7b94f)}.relationship-link.is-active text{fill:#ffe59a;opacity:1;filter:drop-shadow(0 0 2px #d8a944)}.relationship-link.is-muted{opacity:.2}.relationship-mobile-relation{display:none}@media(max-width:800px){.relationship-mobile-relation{display:block;margin-top:5px;color:#d8bd75;font-size:9px;font-style:normal;letter-spacing:1px;white-space:nowrap}}@media(prefers-reduced-motion:reduce){.relationship-link,.relationship-link line,.relationship-link text{transition:none}.relationship-link.is-featured.is-lit line{animation:none}}.relationship-link text{stroke-width:.45px;font-size:1.35px;letter-spacing:.08px}@media(min-width:801px){.relationship-lines{right:0;bottom:0;left:0;top:0;width:100%;height:100%;aspect-ratio:auto;transform:none}.relationship-card{pointer-events:none}.relationship-card.card-left{left:1vw;right:auto}.relationship-card.card-right{left:auto;right:1vw}}.map-page>.relationship-entry{right:3%;bottom:104px}@media(max-width:800px){.map-page>.relationship-entry,.map-page>.relationship-entry:hover,.map-page>.relationship-entry:focus-visible{left:auto;right:10px;bottom:72px}}.route-timeline{position:absolute;z-index:20;left:3%;right:3%;bottom:24px;height:70px;display:grid;grid-template-columns:repeat(7,1fr);background:#05292de6;border:1px solid rgba(220,195,139,.35);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.route-timeline button{position:relative;border:0;border-right:1px solid rgba(220,195,139,.18);background:transparent;color:#e5d8b8;padding:9px 4px;font-size:11px;letter-spacing:1px}.route-timeline button b{display:block;color:#bca05f;font-size:10px;margin-bottom:6px}.route-timeline button i{position:absolute;right:-8px;top:27px;z-index:2;color:#c3a662}.route-timeline button:hover,.route-timeline button.visited{background:#9d402a42;color:#fff}.route-timeline button.visited b{color:#e3b859}.map-progress{position:absolute;z-index:22;right:3%;bottom:108px;display:flex;align-items:center;gap:18px;background:#05292de0;padding:10px 14px}.map-progress b{font-size:11px;letter-spacing:2px;color:#dbc98f}.map-progress button{border:1px solid #a98c52;background:#8e3d2d;color:#f7e9c8;padding:10px 15px;letter-spacing:2px}.visited-stamp{position:absolute;left:-22px;top:-14px;width:34px;height:34px;border:2px solid #a33d2c;border-radius:50%;display:grid;place-items:center;color:#a33d2c;background:#eddfbe;font-size:9px;font-style:normal;transform:rotate(-18deg)}.map-page .map-legend{display:none}.event-panel{align-self:stretch;display:flex;flex-direction:column;justify-content:center}.event-setup{font-size:15px;line-height:2;color:#53635e}.event-panel h3{font-family:"Noto Serif SC";font-size:20px;line-height:1.8;margin:22px 0}.choice-list{display:grid;gap:12px}.choice-list button{border:1px solid #9c8a64;background:#eee5cf;color:#283e39;text-align:left;padding:16px 18px;font-size:14px}.choice-list button span{display:inline-grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#1a4c47;color:#f3e4bd;margin-right:12px}.choice-list button:hover,.choice-list button.selected{border-color:#9c3f2e;background:#f6ead0;transform:translate(6px)}.choice-result{margin-top:20px;border-top:1px solid #ad9c78;padding-top:20px;animation:result-in .35s ease}.choice-result>p{font-size:16px;line-height:1.9}.choice-result aside{padding:16px;background:#1a4c47;color:#eee2c3;font-size:13px;line-height:1.8}.choice-result aside b{display:block;color:#dab866;letter-spacing:3px;margin-bottom:6px}.choice-result>button{margin-top:15px;border:0;background:#973f2e;color:#f4e6c7;padding:12px 18px;letter-spacing:2px}.poem-tabs{display:flex;gap:0;margin-top:45px;border-bottom:1px solid #ab9871}.poem-tabs button{border:0;background:transparent;padding:14px 25px;color:#64716b;letter-spacing:2px}.poem-tabs button.active{background:#164a45;color:#f0e3c5}.poem-reader{min-height:390px;padding:38px;background:#fffaedab;border-bottom:3px solid #917445}.poem-reader header{display:grid;grid-template-columns:1fr auto;align-items:end}.poem-reader header span{color:#9b3f2f;font-size:11px;letter-spacing:2px}.poem-reader header h3{grid-column:1;font-family:Ma Shan Zheng;font-size:42px;font-weight:400;margin:14px 0}.poem-reader header small{grid-column:2;grid-row:1/3}.full-poem{margin:28px auto 0;max-width:680px;font-size:21px;line-height:2.15;text-align:center}.full-poem span,.mini-full span{display:block}.full-poem .famous{color:#9b3f2f;font-weight:700}.poem-explain{max-width:760px;margin:35px auto;font-size:16px;line-height:2.1}.poem-explain h4{font-size:22px}.mini-full{line-height:1.9;margin:20px 0}.story-suiye .detail-hero-shade{background:linear-gradient(90deg,rgba(33,28,22,.8),transparent 65%),linear-gradient(0deg,rgba(39,28,18,.45),transparent)}.story-suiye .story-intro{background:#e9dec8}.story-suiye .dialogue-section{background:#d8cfb8}@keyframes result-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media(max-width:800px){.route-timeline{left:0;right:0;bottom:0;height:68px;overflow-x:auto;grid-template-columns:repeat(7,82px)}.route-timeline button i{display:none}.map-progress{right:10px;bottom:80px}.map-progress b{display:none}.event-panel h3{font-size:17px}.poem-tabs button{padding:12px 10px;font-size:11px}.poem-reader{padding:26px 18px}.full-poem{font-size:17px}.poem-reader header h3{font-size:34px}}.map-progress{bottom:24px}@media(max-width:800px){.map-progress{bottom:12px}}.story-flow{min-width:0}.story-flow>p{max-width:760px}.story-poem{margin:38px 0 52px;border-top:1px solid #a99160;border-bottom:1px solid #a99160;background:#faf4e180;scroll-margin-top:90px}.poem-moment{padding:24px 28px 18px}.poem-moment span{color:#9b3f2f;font-size:10px;font-weight:700;letter-spacing:4px}.poem-moment p{font-size:15px;line-height:2;margin:14px 0 0}.poem-reveal{width:100%;border:0;border-top:1px solid #c5b38d;background:#123f3e;color:#f2e5c5;padding:22px 28px;display:grid;grid-template-columns:1fr auto;gap:6px 20px;text-align:left}.poem-reveal small{grid-column:1/-1;color:#d4b667;letter-spacing:3px}.poem-reveal b{font-family:Ma Shan Zheng;font-size:30px;font-weight:400}.poem-reveal i{align-self:center;font-size:11px;font-style:normal;letter-spacing:2px}.poem-reveal:hover{background:#9a4330}.poem-scroll{padding:34px 30px;background:#f1e7cf;animation:result-in .4s ease;color:#263e39}.poem-scroll blockquote{margin:0 auto 28px;text-align:center;font-size:18px;line-height:2.15}.poem-scroll blockquote span{display:block;animation:poem-line .45s ease both;animation-delay:calc(var(--line) * 55ms)}.poem-scroll aside{display:grid;grid-template-columns:1fr 1fr;gap:22px;border-top:1px solid #b9a67d;padding-top:20px}.poem-scroll aside p{font-size:12px;line-height:1.9;margin:0}.poem-scroll aside b{display:block;color:#9b3f2f;letter-spacing:3px;margin-bottom:6px}.poem-index{padding:85px 9vw;background:#e5dbc3}.poem-index h2{font-family:Ma Shan Zheng;font-size:clamp(38px,5vw,62px);font-weight:400}.poem-index>div{display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid #a9956e}.poem-index a{display:grid;grid-template-columns:auto 1fr;gap:6px 18px;padding:25px;border-bottom:1px solid #bbaa86;color:#263e39}.poem-index a:nth-child(odd){border-right:1px solid #bbaa86}.poem-index em{grid-row:1/3;color:#9b3f2f;font-style:normal}.poem-index b{font-size:18px}.poem-index a>span{font-size:12px;color:#68736d}@keyframes poem-line{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media(max-width:800px){.story-poem{margin:28px 0 40px}.poem-moment,.poem-reveal{padding:20px}.poem-scroll{padding:28px 16px}.poem-scroll blockquote{font-size:16px;text-align:left}.poem-scroll aside,.poem-index>div{grid-template-columns:1fr}.poem-index{padding:70px 24px}.poem-index a:nth-child(odd){border-right:0}}.poem-index button{display:grid;grid-template-columns:auto 1fr;gap:6px 18px;padding:25px;border:0;border-bottom:1px solid #bbaa86;background:transparent;color:#263e39;text-align:left}.poem-index button:nth-child(odd){border-right:1px solid #bbaa86}.poem-index button:hover{background:#efe4ca}.poem-index button>span{font-size:12px;color:#68736d}.poem-index a{display:none}@media(max-width:800px){.poem-index button:nth-child(odd){border-right:0}}body.scroll-open{overflow:hidden}.scroll-backdrop{position:fixed;z-index:300;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 70% 40%,rgba(222,198,139,.13),transparent 30%),#041618e0;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);display:grid;place-items:center;padding:6vh 5vw;animation:scroll-backdrop-in .4s ease}.poem-handscroll{position:relative;width:min(1240px,90vw);height:min(680px,86vh);display:flex;align-items:stretch;padding:24px 22px;filter:drop-shadow(0 30px 50px rgba(0,0,0,.48))}.scroll-paper{position:relative;min-width:0;flex:1;display:grid;grid-template-columns:220px minmax(0,1fr) 150px;grid-template-areas:"notes poem title";gap:28px;align-items:stretch;padding:48px 45px;background-color:#e9d8ad;background-image:linear-gradient(90deg,rgba(110,77,37,.08) 1px,transparent 1px),linear-gradient(#ffffff47,#7c562a14),radial-gradient(circle at 20% 15%,rgba(119,83,42,.1),transparent 24%);background-size:44px 100%,100% 100%,100% 100%;border-block:13px solid #294b46;box-shadow:inset 0 0 42px #5b381938;overflow:hidden;clip-path:inset(0 0 0 100%);transform-origin:right;animation:unroll-paper 1.35s cubic-bezier(.22,.72,.2,1) .12s forwards}.scroll-paper:after{content:"";position:absolute;top:12px;right:12px;bottom:12px;left:12px;border:1px solid rgba(118,79,39,.25);pointer-events:none}.scroll-title{grid-area:title;writing-mode:vertical-rl;text-orientation:upright;border-left:1px solid rgba(115,76,37,.35);padding-left:25px;display:flex;align-items:center;gap:18px}.scroll-title small{letter-spacing:5px;color:#7d5c3d}.scroll-title h2{font-family:Ma Shan Zheng;font-size:42px;font-weight:400;letter-spacing:5px;margin:0}.scroll-title i{display:grid;place-items:center;width:38px;height:38px;border:2px solid #a13f2f;color:#a13f2f;font-style:normal;font-size:11px;letter-spacing:2px}.scroll-poem-text{grid-area:poem;margin:0;max-height:100%;overflow-x:auto;overflow-y:hidden;padding:8px 15px;font-family:"Noto Serif SC",serif;font-size:20px;line-height:2.05;letter-spacing:3px;text-orientation:upright;scrollbar-color:#9c7747 transparent}.scroll-poem-text span{display:block;margin-left:13px;animation:scroll-ink-in .55s ease both;animation-delay:calc(1.05s + var(--line) * 70ms)}.scroll-notes{grid-area:notes;align-self:end;border-right:1px solid rgba(115,76,37,.35);padding-right:25px;color:#5d5547}.scroll-notes p{font-size:12px;line-height:1.9;margin:20px 0}.scroll-notes b{display:block;color:#934331;letter-spacing:3px;margin-bottom:7px}.scroll-rod{position:relative;z-index:3;width:24px;background:linear-gradient(90deg,#26150d,#71452b 42%,#2b180e 75%,#100a07);border-radius:11px;box-shadow:inset 3px 0 #a8794d55,0 5px 15px #0008;transform:scaleY(0);animation:rod-drop .55s ease forwards}.scroll-rod i:before,.scroll-rod i:after{content:"";position:absolute;left:50%;width:42px;height:20px;transform:translate(-50%);background:linear-gradient(#8b623b,#2a180d);border-radius:50%;box-shadow:0 2px 5px #0006}.scroll-rod i:before{top:-13px}.scroll-rod i:after{bottom:-13px}.rod-left{animation-delay:1.08s}.rod-right{animation-delay:0s}.scroll-close{position:absolute;z-index:8;right:32px;top:-24px;border:1px solid #b6985d;background:#0c3838;color:#f1e1bd;padding:11px 16px;letter-spacing:3px}.scroll-close span{font-size:19px;margin-left:8px}.scroll-close:hover{background:#96402f}@keyframes scroll-backdrop-in{0%{opacity:0}to{opacity:1}}@keyframes unroll-paper{0%{clip-path:inset(0 0 0 100%)}to{clip-path:inset(0)}}@keyframes rod-drop{0%{transform:scaleY(0)}to{transform:scaleY(1)}}@keyframes scroll-ink-in{0%{opacity:0;filter:blur(3px)}to{opacity:1;filter:none}}@media(max-width:800px){.scroll-backdrop{padding:4vh 12px}.poem-handscroll{width:94vw;height:90vh;padding:16px 12px}.scroll-paper{grid-template-columns:1fr;grid-template-rows:auto 1fr auto;grid-template-areas:"title" "poem" "notes";gap:15px;padding:28px 22px;border-block-width:9px;overflow-y:auto}.scroll-title{writing-mode:horizontal-tb;border-left:0;border-bottom:1px solid rgba(115,76,37,.35);padding:0 0 16px;display:grid;grid-template-columns:1fr auto}.scroll-title small{grid-column:1/-1}.scroll-title h2{font-size:34px}.scroll-title i{grid-column:2;grid-row:2}.scroll-poem-text{writing-mode:horizontal-tb!important;overflow:visible;text-align:center;font-size:17px;line-height:2;padding:5px}.scroll-poem-text span{margin:0}.scroll-notes{border-right:0;border-top:1px solid rgba(115,76,37,.35);padding:12px 0 0}.scroll-notes p{margin:8px 0}.scroll-rod{width:16px}.scroll-rod i:before,.scroll-rod i:after{width:30px;height:15px}.scroll-close{right:18px;top:-22px}}@media(prefers-reduced-motion:reduce){.scroll-backdrop,.scroll-paper,.scroll-rod,.scroll-poem-text span{animation:none}.scroll-paper{clip-path:none}.scroll-rod{transform:scaleY(1)}}.scroll-paper{color:#302a22}.choice-result>button.stamp-collected{background:#53675f;color:#e8dfc7;cursor:default;opacity:.78}.stamp-celebration{position:fixed;z-index:260;left:50%;top:50%;width:min(360px,86vw);transform:translate(-50%,-50%);padding:34px 28px 28px;background:#eee2c3f7;color:#203c37;border:1px solid #9a7b48;box-shadow:0 25px 80px #03191b80;text-align:center;animation:stamp-card-in 2.2s ease both}.stamp-celebration:before{content:"";position:absolute;top:9px;right:9px;bottom:9px;left:9px;border:1px solid rgba(137,58,42,.22);pointer-events:none}.stamp-drop{width:116px;height:116px;margin:-78px auto 22px;border:5px double #a04432;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#a04432;background:#eadbb7;transform:rotate(-9deg);box-shadow:0 0 0 7px #eadbb7,0 12px 25px #42201438;animation:stamp-drop-in .55s cubic-bezier(.2,1.4,.4,1) both}.stamp-drop b{font-family:Ma Shan Zheng;font-size:25px;font-weight:400}.stamp-drop span{font-size:10px;letter-spacing:4px;border-top:1px solid #a04432;margin-top:6px;padding-top:5px}.stamp-celebration p{font-family:Ma Shan Zheng;font-size:28px;margin:10px 0}.stamp-celebration p strong{color:#9b3f2f;font-weight:400}.stamp-celebration small{letter-spacing:2px;color:#64726c}@keyframes stamp-drop-in{0%{opacity:0;transform:translateY(-120px) rotate(-22deg) scale(1.7)}70%{opacity:1;transform:translateY(5px) rotate(-7deg) scale(.94)}to{transform:rotate(-9deg) scale(1)}}@keyframes stamp-card-in{0%{opacity:0;transform:translate(-50%,-45%) scale(.92)}18%,78%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-55%) scale(.98)}}@media(prefers-reduced-motion:reduce){.stamp-celebration,.stamp-drop{animation-duration:.01ms}}