@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Noto+Serif+SC:wght@400;500;600;700;900&family=ZCOOL+XiaoWei&display=swap";:root{color:#f3eee1;background:#10162f;font-family:"Noto Serif SC",Songti SC,serif;font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;overflow-x:hidden;background:#10162f}button,a{font:inherit}a{color:inherit;text-decoration:none}.page-noise{position:fixed;inset:0;z-index:12;pointer-events:none;opacity:.1;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.42'/%3E%3C/svg%3E")}.site-header{height:76px;position:fixed;z-index:10;inset:0 0 auto;display:flex;align-items:center;justify-content:space-between;padding:0 5vw;border-bottom:1px solid rgba(237,218,173,.18);background:#10162fbd;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.wordmark{color:#f1cf78;font-size:18px;font-weight:900;line-height:1}.wordmark span{display:block;margin-top:6px;color:#aeb7d2;font:500 9px/1 DM Mono,monospace;letter-spacing:.12em}nav{display:flex;gap:28px;color:#d6d9e5;font-size:13px}nav a:hover,nav a:focus-visible{color:#f1cf78}.sound-toggle{position:relative;display:inline-grid;place-items:center;width:34px;height:34px;padding:0;border:1px solid rgba(205,168,92,.7);border-radius:50%;color:#e2b862;background:transparent;cursor:pointer}.sound-mark{display:inline-block;font:400 20px/1 sans-serif;transform-origin:55% 90%}.sound-on .sound-mark{animation:music-note .85s ease-in-out infinite alternate}.sound-toggle[aria-pressed=false] .sound-mark:after{content:"";position:absolute;top:15px;left:3px;width:29px;height:2px;border-radius:2px;background:currentColor;box-shadow:0 1px 4px #10162f;transform:rotate(-45deg)}.hero{min-height:100svh;position:relative;overflow:hidden;isolation:isolate;background:radial-gradient(circle at 76% 31%,#38426b 0,#171c3e 23%,#10162f 56%,#090d20)}.hero:after{content:"";position:absolute;z-index:1;inset:auto 0 0;height:37%;background:linear-gradient(transparent,#090d20c2);pointer-events:none}#figure-scene{position:absolute;z-index:3;inset:0;width:100%;height:100%;cursor:grab;touch-action:pan-y}#figure-scene:active{cursor:grabbing}.model-loading{position:absolute;z-index:7;top:50%;left:50%;display:inline-flex;align-items:center;gap:9px;padding:9px 12px;color:#f1cf78;border:1px solid rgba(229,189,101,.38);background:#10162f8a;box-shadow:0 6px 24px #00000029;font:500 10px/1 DM Mono,monospace;letter-spacing:.12em;transform:translate(-50%,-50%);transition:opacity .38s ease,visibility .38s ease;white-space:nowrap}.model-loading i{width:8px;height:8px;border:1px solid currentColor;border-radius:50%;border-top-color:transparent;animation:model-spin .8s linear infinite}.model-ready .model-loading{opacity:0;visibility:hidden;pointer-events:none}.model-fallback .model-loading{color:#f3eee1;border-color:#f3eee161}.model-fallback .model-loading i{display:none}.moon{position:absolute;z-index:1;top:12%;right:15%;width:min(24vw,300px);aspect-ratio:1;border-radius:50%;background:#f8edc7;box-shadow:0 0 0 28px #f8edc709,0 0 90px #f0cc7a30}.moon span,.moon i{position:absolute;display:block;border-radius:50%;background:#ded0ad;opacity:.47}.moon span{width:19%;height:19%;top:28%;left:20%}.moon i{width:12%;height:12%;right:24%;bottom:25%}.mist{position:absolute;z-index:2;width:58vw;height:12vh;border-top:1px solid rgba(201,211,245,.31);border-radius:50%;opacity:.58;animation:drift 16s ease-in-out infinite alternate}.mist-a{left:-15vw;bottom:17vh}.mist-b{right:-28vw;bottom:30vh;animation-delay:-5s}#poem-dust{position:absolute;z-index:4;inset:0;pointer-events:none}#poem-dust span{position:absolute;left:var(--x);top:var(--y);color:#f6da8dbd;font-size:clamp(13px,1.1vw,18px);animation:float-word var(--duration) ease-in-out var(--delay) infinite}.hero-copy{position:absolute;z-index:5;left:8.5vw;top:50%;transform:translateY(-43%);max-width:520px}.kicker,.eyebrow{margin:0 0 19px;color:#e5bd65;font:500 11px/1.2 DM Mono,monospace;letter-spacing:.16em}h1,h2,p{margin-top:0}h1{margin-bottom:24px;font-size:clamp(48px,6.2vw,104px);font-weight:900;line-height:1.08}h1 em{color:#f1cf78;font-style:normal}.hero-summary{max-width:270px;color:#d9dcec;font-size:15px;font-weight:500;line-height:1.9;text-shadow:0 1px 5px rgba(4,7,20,.76),0 0 1px rgba(4,7,20,.64)}.scroll-cue{display:inline-flex;align-items:center;gap:13px;margin-top:27px;color:#f2efe7;font-size:13px}.scroll-cue b{width:46px;height:1px;position:relative;background:#d3ac5a}.scroll-cue b:after{content:"";position:absolute;right:0;top:-3px;border:4px solid transparent;border-left-color:#d3ac5a}.scene-note{position:absolute;z-index:5;right:6vw;bottom:10vh;writing-mode:vertical-rl;color:#d7d8e8;font-size:12px}.scene-note p{margin:0 0 12px;color:#e6be66}.scene-note strong{font-weight:500}.reset-view{position:absolute;z-index:6;right:5vw;top:50%;width:38px;height:38px;border:1px solid rgba(230,190,102,.85);border-radius:50%;color:#f1cf78;background:#10162f59;cursor:pointer;font:400 24px/1 sans-serif;transition:transform .24s ease,background .24s ease}.reset-view:hover{transform:rotate(-90deg);background:#303966}.waterline{position:absolute;z-index:2;left:0;right:0;bottom:4%;height:110px;overflow:hidden;opacity:.55}.waterline span{position:absolute;width:145%;height:105px;border:1px solid rgba(205,197,236,.55);border-radius:50%;left:-22%;animation:wave 9s linear infinite}.waterline span:nth-child(2){top:26px;left:-10%;animation-delay:-3s}.waterline span:nth-child(3){top:53px;left:-33%;animation-delay:-6s}.section-band{position:relative;padding:144px 8.5vw}.section-index{position:absolute;top:38px;left:8.5vw;color:#9b8c72;font:500 10px/1 DM Mono,monospace;letter-spacing:.13em}.prologue{background:#ece6d8;color:#272442}.prologue-layout{display:grid;grid-template-columns:.5fr 2.4fr .45fr;gap:clamp(30px,8vw,150px);align-items:start;max-width:1200px;margin:auto}.vertical-quote{margin:0;writing-mode:vertical-rl;color:#8f3945;font-size:17px}.prologue h2,.poetry h2,.journey h2{margin-bottom:24px;font-size:clamp(38px,5vw,72px);line-height:1.2;font-weight:900}.body-copy{max-width:470px;color:#59556e;font-size:16px;line-height:2}.seal{display:grid;place-items:center;width:68px;aspect-ratio:1;border:2px solid #ae3342;color:#ae3342;font-size:21px;line-height:1.2}.poetry{background:#171c3b;color:#f4efe3}.poetry .section-index{color:#a29a87}.poetry-head{max-width:1200px;margin:auto auto 55px}.poetry-head>p:last-child{max-width:540px;color:#b9bfd5;font-size:15px;line-height:1.9}.verse-grid{display:grid;grid-template-columns:repeat(3,1fr);max-width:1200px;margin:auto;border-top:1px solid rgba(242,225,184,.26)}.verse-card{min-height:340px;padding:26px;border-right:1px solid rgba(242,225,184,.22);border-bottom:1px solid rgba(242,225,184,.22);position:relative;transition:color .3s ease,background .3s ease,transform .3s ease}.verse-card:nth-child(3n+1){border-left:1px solid rgba(242,225,184,.22)}.verse-card:hover{color:#272442;background:#f1d78e;transform:translateY(-9px)}.verse-card span{color:#e5bd65;font:400 11px/1 DM Mono,monospace}.verse-card p{margin:45px 0 20px;font-size:clamp(20px,2.05vw,30px);line-height:1.55;font-weight:600}.verse-card small{display:block;color:#b7bed5;font-size:11px;line-height:1.6}.verse-card em{display:block;margin-top:24px;color:#d8d6dd;font-size:13px;font-style:normal;line-height:1.75}.verse-card:hover small,.verse-card:hover em{color:#5a5160}.active-verse{color:#272442;background:#c9504d}.active-verse span,.active-verse small,.active-verse em{color:#fff0cf}.journey{overflow:hidden;background:#d5c7b7;color:#2c2949}.journey:before{content:"东坡";position:absolute;right:-2vw;bottom:-8vw;color:#7137401a;font-size:clamp(180px,30vw,500px);font-weight:900;line-height:1}.journey-layout{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:80px;max-width:1200px;margin:auto}.route-list{position:relative;margin:0;padding:0;list-style:none}.route-list:before{content:"";position:absolute;top:18px;bottom:18px;left:19px;border-left:1px solid #92535e}.route-list li{position:relative;display:flex;align-items:center;gap:21px;min-height:92px}.route-list b{position:relative;z-index:1;display:grid;place-items:center;width:39px;aspect-ratio:1;border-radius:50%;color:#f8ede0;background:#893e4c;font-weight:500}.route-list strong,.route-list span{display:block}.route-list strong{font-size:21px}.route-list span{margin-top:5px;color:#67586a;font-size:13px}.closing-line{position:relative;max-width:1200px;margin:75px auto 0;color:#77394b;font-size:clamp(19px,2.1vw,28px)}footer{display:flex;justify-content:space-between;gap:20px;padding:25px 5vw;color:#b9bfd5;background:#090d20;font:500 10px/1 DM Mono,monospace;letter-spacing:.12em}@keyframes drift{0%{transform:translate(-4vw) scaleX(.96)}to{transform:translate(8vw) scaleX(1.05)}}@keyframes float-word{0%,to{transform:translateZ(0);opacity:0}15%,75%{opacity:.75}50%{transform:translate3d(16px,-32px,0) rotate(8deg)}}@keyframes wave{0%{transform:translate(-6%) scaleY(.62)}to{transform:translate(8%) scaleY(1.04)}}@keyframes music-note{0%{transform:translateY(1px) rotate(-8deg)}to{transform:translateY(-3px) rotate(8deg)}}@keyframes model-spin{to{transform:rotate(360deg)}}@media(max-width:760px){.site-header{height:65px;padding:0 22px}.wordmark{font-size:15px}.wordmark span{font-size:7px}nav{display:none}.sound-text{display:none}.moon{top:15%;right:10%;width:44vw}.hero-copy{left:7vw;top:52%;max-width:300px}.hero-summary{font-size:14px}.scene-note{right:8vw;bottom:12vh}.reset-view{top:auto;right:7vw;bottom:14vh}.section-band{padding:108px 7vw}.section-index{top:28px;left:7vw}.prologue-layout{grid-template-columns:30px 1fr;gap:24px}.prologue-layout>div:last-child{grid-column:2}.seal{margin-top:5px}.poetry-head{margin-bottom:35px}.verse-grid{grid-template-columns:1fr}.verse-card,.verse-card:nth-child(3n+1){min-height:250px;border-left:1px solid rgba(242,225,184,.22)}.verse-card p{margin:34px 0 18px}.verse-card em{margin-top:14px}.journey-layout{grid-template-columns:1fr;gap:30px}.closing-line{margin-top:46px}.journey:before{bottom:-10vw;font-size:55vw}footer{padding:21px 7vw;font-size:8px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}}.shooting-star{position:absolute;z-index:2;top:19%;right:calc(17% + min(24vw,300px));width:20px;height:20px;opacity:0;pointer-events:none;filter:drop-shadow(0 0 7px rgba(255,250,220,.92))}.shooting-star:before{content:"";position:absolute;top:50%;left:0;width:160px;height:1px;transform:rotate(-18deg);transform-origin:left center;background:linear-gradient(90deg,#fff9dd,rgba(244,238,202,.28),transparent)}.shooting-star:after{content:"";position:absolute;top:calc(50% - 3px);left:-1px;width:7px;height:7px;border-radius:50%;background:#fffdf1;box-shadow:0 0 11px 2px #fff5c4b8}.shooting-star.meteor-active{animation:shooting-star-left 1.2s linear}@keyframes shooting-star-left{0%{opacity:0;transform:translateZ(0)}8%,72%{opacity:.96}to{opacity:0;transform:translate3d(-270px,110px,0)}}.reset-view{top:61%}.footprint-link{position:relative;display:grid;grid-template-columns:1fr auto;gap:6px 16px;align-items:center;max-width:620px;margin:58px auto 0;padding:19px 22px;color:inherit;text-decoration:none;border-top:1px solid rgba(137,62,76,.48);border-bottom:1px solid rgba(137,62,76,.22);background:#ffffff14;transition:transform .22s ease,border-color .22s ease,background .22s ease}.footprint-link:hover,.footprint-link:focus-visible{transform:translateY(-3px);border-color:#893e4ccc;background:#ffffff2e;outline:none}.footprint-link span{color:#893e4c;font:500 11px/1.2 DM Mono,monospace;letter-spacing:.16em}.footprint-link strong{grid-column:1;font-size:clamp(16px,1.8vw,20px);font-weight:500;line-height:1.75}.footprint-link b{grid-column:2;grid-row:1 / span 2;color:#893e4c;font-size:25px;font-weight:400}footer{flex-wrap:wrap;align-items:center;gap:10px 20px}.footer-left{display:inline-flex;align-items:center;gap:20px}.feedback-toggle{display:inline-flex;align-items:center;gap:6px;padding:0;border:0;color:inherit;background:transparent;cursor:pointer;font:inherit;letter-spacing:inherit;white-space:nowrap}.feedback-toggle:hover,.feedback-toggle:focus-visible{color:#f1cf78;outline:none}.wechat-icon{width:12px;height:12px;opacity:.82}.feedback-backdrop{position:fixed;z-index:30;inset:0;background:#040714ad;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.feedback-dialog{position:fixed;z-index:31;top:50%;left:50%;width:min(320px,calc(100% - 40px));padding:32px 30px 28px;overflow:visible;color:#f3eee1;border:1px solid rgba(229,189,101,.62);background:#171c3b;box-shadow:0 20px 70px #00000075;text-align:center;transform:translate(-50%,-50%)}.feedback-dialog p{margin:12px 0 7px;color:#e5bd65;font:500 11px/1.2 DM Mono,monospace;letter-spacing:.16em}.feedback-dialog strong{display:block;color:#f3eee1;font-size:18px;font-weight:500}.feedback-wechat-icon{width:25px;height:25px}.feedback-close{position:absolute;top:9px;right:11px;width:28px;height:28px;padding:0;border:0;color:#b9bfd5;background:transparent;cursor:pointer;font-size:24px;line-height:1}.copy-wechat{margin-top:22px;padding:9px 14px;border:1px solid rgba(229,189,101,.62);color:#f1cf78;background:transparent;cursor:pointer;font:500 11px/1 DM Mono,monospace;letter-spacing:.12em}.copy-wechat:hover,.copy-wechat:focus-visible{color:#171c3b;background:#f1cf78;outline:none}@media(max-width:760px){.shooting-star{top:16%;right:28%;transform:scale(.72);transform-origin:right center}.reset-view{top:auto;bottom:9vh}.footprint-link{margin-top:42px;padding:16px 2px}footer{justify-content:center}.footer-left{gap:12px}}