@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Noto+Serif+SC:wght@400;500;600;700;900&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{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}.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}.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;line-height:1.9}.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)}}@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}}