:root{--rice:#f8f6f2;--moon:#fbfaf8;--accent:#88abda;--accent-hover:#6d94c8;--ink-green:#2b2b2b;--night:#4a6f9a;--gold:#b89b5e;--ink-gray:#2b2b2b;--mist:#ddd9d1;--vermilion:var(--accent-hover);--paper:#fbfaf8b8;--font-zh:"Noto Serif SC", "Songti SC", serif;--font-en:"Cormorant Garamond", Georgia, serif;--font-ui:"Source Sans 3", "Noto Serif SC", sans-serif;--max:1080px;--header-h:4.5rem;--ease:cubic-bezier(.22, 1, .36, 1);--duration:.9s;--duration-slow:1.2s}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{min-height:100vh;color:var(--ink-gray);background:var(--rice);font-family:var(--font-ui);-webkit-font-smoothing:antialiased;cursor:none;margin:0;font-size:1rem;line-height:1.75}body.is-loading{overflow:hidden}a,button{cursor:none}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;background:0 0;border:none}h1,h2,h3,h4{margin:0;font-weight:500;line-height:1.3}p{margin:0}ul{margin:0;padding:0;list-style:none}#root{min-height:100vh}.site{isolation:isolate;flex-direction:column;min-height:100vh;display:flex;position:relative}.site-main{z-index:1;flex:1;position:relative}.container{width:min(100% - 2.5rem, var(--max));margin-inline:auto}.atmosphere{z-index:0;pointer-events:none;background:radial-gradient(ellipse 55% 45% at 78% 18%, #fbfaf8a6, transparent 60%), radial-gradient(ellipse 70% 55% at 20% 90%, #88abda1f, transparent 55%), linear-gradient(180deg, var(--moon) 0%, var(--rice) 52%, #efebe4 100%);position:fixed;inset:0;overflow:hidden}.atmosphere__moon{opacity:.55;width:clamp(7rem,16vw,12rem);height:clamp(7rem,16vw,12rem);transition:transform var(--duration-slow) var(--ease);background:radial-gradient(circle at 35% 35%,#fff 0%,#f3f0ea 42%,#88abda38 70%,#0000 78%);border-radius:50%;position:absolute;top:8%;right:14%;box-shadow:0 0 80px #88abda38}.atmosphere__mountains{opacity:.18;height:42%;transition:transform var(--duration-slow) var(--ease);background:linear-gradient(#0000,#6d94c814),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 420' preserveAspectRatio='none'%3E%3Cpath fill='%236D94C8' d='M0 420V250c80-40 160-110 260-100 90 8 140 70 230 66 110-5 160-95 270-110 130-18 210 70 310 80 95 10 170-45 250-30 70 12 90 50 120 70v104H0z'/%3E%3Cpath fill='%2388ABDA' opacity='.55' d='M0 420V300c90-30 170-80 270-70 120 12 170 80 290 70 140-12 200-90 320-85 110 4 170 55 250 60 80 5 140-20 180-10v65H0z'/%3E%3C/svg%3E") bottom/100% 100% no-repeat;position:absolute;inset:auto 0 0}.atmosphere__clouds{opacity:.7;transition:transform var(--duration-slow) var(--ease);background:radial-gradient(28% 12% at 18% 28%,#fbfaf780,#0000 70%),radial-gradient(34% 14% at 72% 36%,#ffffff47,#0000 70%),radial-gradient(22% 10% at 48% 18%,#f6f2ea73,#0000 70%);animation:48s linear infinite alternate cloud-drift;position:absolute;inset:0}.atmosphere__dust{opacity:.35;background-image:radial-gradient(circle at 20% 30%,#b89b5e59 0 1px,#0000 1.5px),radial-gradient(circle at 70% 45%,#88abda4d 0 1px,#0000 1.5px),radial-gradient(circle at 40% 70%,#2b2b2b2e 0 1px,#0000 1.5px),radial-gradient(circle at 85% 20%,#b89b5e47 0 1px,#0000 1.5px);background-size:180px 180px,240px 240px,160px 160px,200px 200px;animation:36s linear infinite dust-float;position:absolute;inset:0}.atmosphere__grain{opacity:.04;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;inset:0}.ink-cursor{background:var(--accent);pointer-events:none;z-index:9999;width:8px;height:8px;transition:width .45s var(--ease), height .45s var(--ease), background .45s var(--ease), opacity .45s var(--ease);mix-blend-mode:multiply;border-radius:50%;position:fixed;top:0;left:0;transform:translate(-50%,-50%)}.ink-cursor.is-hover{border:1px solid var(--accent);background:0 0;width:28px;height:28px}.ink-cursor.is-hidden{opacity:0}@media (pointer:coarse){body,a,button{cursor:auto}.ink-cursor{display:none}}.loading-screen{z-index:10000;background:var(--night);color:var(--moon);transition:opacity var(--duration-slow) var(--ease), visibility var(--duration-slow) var(--ease);place-items:center;display:grid;position:fixed;inset:0}.loading-screen.is-done{opacity:0;visibility:hidden;pointer-events:none}.loading-screen__poem{font-family:var(--font-zh);letter-spacing:.22em;text-align:center;max-width:28rem;font-size:clamp(1.15rem,3vw,1.55rem);line-height:2.2}.loading-screen__char{opacity:0;animation:char-write .55s var(--ease) forwards;display:inline-block}.site-header{z-index:50;height:var(--header-h);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);transition:border-color var(--duration) var(--ease), background var(--duration) var(--ease);background:#f8f6f2b8;border-bottom:1px solid #0000;position:sticky;top:0}.site-header.is-scrolled{background:#fbfaf7e0;border-bottom-color:#dad5ccd9}.site-header__inner{justify-content:space-between;align-items:center;gap:1rem;height:100%;display:flex}.brand{z-index:60;align-items:baseline;gap:.7rem;display:flex}.brand__mark{font-family:var(--font-zh);letter-spacing:.22em;color:var(--accent);font-size:1.55rem}.brand__en{font-family:var(--font-en);color:#2b2b2b9e;letter-spacing:.04em;font-size:1rem;font-style:italic}.nav{align-items:flex-end;gap:1.6rem;display:flex}.nav-link{color:#2b2b2bad;transition:color var(--duration) var(--ease);flex-direction:column;align-items:center;gap:.15rem;padding-bottom:.35rem;display:flex;position:relative}.nav-link__en{font-family:var(--font-en);letter-spacing:.04em;font-size:.95rem;font-style:italic}.nav-link__zh{font-family:var(--font-zh);letter-spacing:.18em;color:#88abdad9;font-size:.72rem}.nav-link:after{content:"";background:linear-gradient(90deg, transparent, var(--gold) 18%, var(--gold) 82%, transparent);opacity:0;filter:blur(.2px);height:2px;transition:transform var(--duration) var(--ease), opacity var(--duration) var(--ease);border-radius:999px;position:absolute;bottom:0;left:10%;right:10%;transform:scaleX(.15)}.nav-link:hover,.nav-link.is-active{color:var(--ink-gray)}.nav-link:hover .nav-link__zh,.nav-link.is-active .nav-link__zh{color:var(--accent-hover)}.nav-link:hover:after,.nav-link.is-active:after{opacity:1;transform:scaleX(1)}.nav-toggle{z-index:60;place-items:center;width:2.5rem;height:2.5rem;display:none}.nav-toggle span,.nav-toggle span:before,.nav-toggle span:after{background:var(--ink-gray);width:1.15rem;height:1.5px;transition:transform .55s var(--ease), opacity .55s var(--ease);display:block}.nav-toggle span{position:relative}.nav-toggle span:before,.nav-toggle span:after{content:"";position:absolute;left:0}.nav-toggle span:before{top:-6px}.nav-toggle span:after{top:6px}.nav-toggle.is-open span{background:0 0}.nav-toggle.is-open span:before{top:0;transform:rotate(45deg)}.nav-toggle.is-open span:after{top:0;transform:rotate(-45deg)}.site-footer{z-index:1;margin-top:6rem;padding:3rem 0 2.5rem;position:relative}.site-footer__rule{background:linear-gradient(90deg, transparent, var(--mist), transparent);transform-origin:50%;width:min(100%,28rem);height:1px;animation:stroke-draw 1.4s var(--ease) both;margin:0 auto 1.75rem}.site-footer__poem{font-family:var(--font-zh);text-align:center;letter-spacing:.28em;color:#2b2b2bb8;margin-bottom:1.5rem;line-height:2.1}.site-footer__meta{font-family:var(--font-en);color:#2b2b2b8c;flex-wrap:wrap;justify-content:center;gap:.75rem 1.5rem;font-size:.95rem;font-style:italic;display:flex}.btn{border:1px solid var(--accent);min-height:2.85rem;font-family:var(--font-en);letter-spacing:.04em;color:var(--accent-hover);isolation:isolate;transition:color var(--duration) var(--ease), border-color var(--duration) var(--ease);justify-content:center;align-items:center;padding:.7rem 1.45rem;font-size:1.05rem;font-style:italic;display:inline-flex;position:relative;overflow:hidden}.btn:before{content:"";z-index:-1;background:var(--accent-hover);transform-origin:0;transition:transform var(--duration) var(--ease);position:absolute;inset:0;transform:scaleX(0)}.btn:hover{color:var(--moon);border-color:var(--accent-hover)}.btn:hover:before{transform:scaleX(1)}.btn--ghost{color:var(--moon);border-color:#fbfaf773}.btn--ghost:before{background:#fbfaf729}.btn--ghost:hover{color:var(--moon);border-color:var(--moon)}.btn--gold{border-color:var(--gold);color:var(--ink-gray)}.btn--gold:before{background:var(--gold)}.btn--gold:hover{color:#fff}.mist-reveal{opacity:0;filter:blur(10px);transition:opacity var(--duration-slow) var(--ease), filter var(--duration-slow) var(--ease), transform var(--duration-slow) var(--ease);transform:scale(.98)translateY(.75rem)}.mist-reveal.is-in{opacity:1;filter:blur();transform:scale(1)translateY(0)}.hero{min-height:calc(100svh - var(--header-h));align-items:center;padding:4rem 0 5rem;display:grid;position:relative}.hero__content{max-width:38rem}.hero__poem{font-family:var(--font-zh);letter-spacing:.28em;color:var(--ink-green);margin-bottom:1.25rem;font-size:clamp(2.4rem,7vw,4.2rem);line-height:1.35}.hero__line{font-family:var(--font-en);color:#2b2b2bc7;margin-bottom:1.25rem;font-size:clamp(1.25rem,2.5vw,1.7rem);font-style:italic}.hero__lead{font-family:var(--font-zh);white-space:pre-line;color:#2b2b2bb8;max-width:28rem;margin-bottom:2rem;line-height:2}.hero__actions{flex-wrap:wrap;gap:.9rem;display:flex}.hero__door{font-family:var(--font-en);color:#2b2b2b73;letter-spacing:.08em;margin-top:3rem;font-size:.95rem;font-style:italic}.section{z-index:1;padding:5.5rem 0;position:relative}.section__head{max-width:34rem;margin-bottom:2.5rem}.section__en{font-family:var(--font-en);color:var(--accent);letter-spacing:.06em;margin-bottom:.55rem;font-size:1.05rem;font-style:italic}.section__title{font-family:var(--font-zh);letter-spacing:.22em;color:var(--ink-green);margin-bottom:1rem;font-size:clamp(2rem,4vw,2.75rem)}.section__rule{background:linear-gradient(90deg, var(--gold), transparent);width:5.5rem;height:1px;margin:0 0 1.25rem}.section__verse{font-family:var(--font-zh);white-space:pre-line;letter-spacing:.12em;color:#2b2b2bc7;margin-bottom:.75rem;line-height:2}.section__desc{font-family:var(--font-en);color:#2b2b2b9e;font-style:italic}.shelf-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem;display:grid}.shelf-item{transition:transform var(--duration) var(--ease), box-shadow var(--duration) var(--ease), border-color var(--duration) var(--ease), background var(--duration) var(--ease);background:#fbfaf78c;border:1px solid #0000;padding:1.75rem 1.5rem;display:block}.shelf-item:hover{border-color:#dad5cce6;border-left-color:var(--gold);background:#fbfaf7eb;transform:translateY(-3px);box-shadow:0 18px 40px #6d94c814}.shelf-item__poetic{font-family:var(--font-zh);letter-spacing:.2em;color:var(--ink-green);margin-bottom:.35rem;font-size:1.35rem}.shelf-item__label{font-family:var(--font-en);color:#2b2b2b9e;margin-bottom:.85rem;font-style:italic}.shelf-item__desc{color:#2b2b2bb3;font-size:.95rem;line-height:1.7}.note-list{gap:1.75rem;display:grid}.note-card{border-bottom:1px solid #dad5cccc;max-width:36rem;padding:1.5rem 0}.note-card__title{font-family:var(--font-zh);letter-spacing:.12em;margin-bottom:.35rem;font-size:1.35rem}.note-card__en{font-family:var(--font-en);color:var(--gold);margin-bottom:.85rem;font-style:italic}.note-card__body{color:#2b2b2bb8;white-space:pre-line;line-height:1.9}.scroll-list{gap:1.5rem;display:grid}.scroll-item{clip-path:inset(8% 0);transition:clip-path var(--duration-slow) var(--ease), transform var(--duration) var(--ease), box-shadow var(--duration) var(--ease);background:linear-gradient(#fbfaf759,#fbfaf7d1);border:1px solid #dad5ccb3;gap:.65rem;padding:1.75rem 1.5rem 1.9rem;display:grid;position:relative}.scroll-item:before,.scroll-item:after{content:"";background:linear-gradient(90deg, transparent, var(--accent), transparent);opacity:.35;height:3px;position:absolute;left:8%;right:8%}.scroll-item:before{top:.55rem}.scroll-item:after{bottom:.55rem}.scroll-item:hover{clip-path:inset(0);transform:translateY(-2px);box-shadow:0 16px 36px #6d94c814}.scroll-item__poetic{font-family:var(--font-zh);letter-spacing:.2em;color:var(--ink-green)}.scroll-item__title{font-family:var(--font-en);font-size:1.35rem;font-style:italic}.scroll-item__desc{color:#2b2b2bb3}.page-hero{padding:4rem 0 2.5rem}.page-hero__crumb{font-family:var(--font-en);color:#2b2b2b80;margin-bottom:1rem;font-size:.95rem;font-style:italic}.page-hero__crumb a:hover{color:var(--gold)}.page-hero__en{font-family:var(--font-en);color:var(--accent);margin-bottom:.45rem;font-style:italic}.page-hero__title{font-family:var(--font-zh);letter-spacing:.22em;color:var(--ink-green);margin-bottom:1rem;font-size:clamp(2.1rem,5vw,3rem)}.page-hero__lead{max-width:34rem;font-family:var(--font-en);color:#2b2b2bb3;font-style:italic;line-height:1.9}.page-panel{padding:1rem 0 4rem}.book-list{gap:3rem;display:grid}.book-label{max-width:40rem;padding:.5rem 0 2rem}.book-label__zh{font-family:var(--font-zh);letter-spacing:.14em;color:var(--ink-green);margin-bottom:.55rem;font-size:clamp(1.5rem,3vw,2rem)}.book-label__title{font-family:var(--font-en);margin-bottom:.45rem;font-size:1.35rem;font-style:italic}.book-label__author{font-family:var(--font-zh);letter-spacing:.12em;color:#2b2b2ba6;margin-bottom:1.25rem}.book-label__rule{background:linear-gradient(90deg, var(--mist), transparent);width:100%;max-width:18rem;height:1px;margin-bottom:1.25rem}.book-label__quote{font-family:var(--font-en);color:#2b2b2bd9;margin-bottom:1rem;font-size:1.2rem;font-style:italic;line-height:1.7}.book-label__note{font-family:var(--font-zh);letter-spacing:.18em;color:var(--gold);margin-bottom:.65rem}.book-label__intro{color:#2b2b2bbf;margin-bottom:1.5rem;line-height:1.9}.poem-list{gap:4rem;max-width:36rem;display:grid}.poem-card{padding-bottom:.5rem}.poem-card__poet{font-family:var(--font-en);letter-spacing:.06em;color:var(--gold);margin-bottom:.65rem;font-size:.95rem;font-style:italic}.poem-card__title-zh{font-family:var(--font-zh);letter-spacing:.28em;color:#1f3b35;margin-bottom:.35rem;font-size:clamp(1.55rem,3vw,2rem)}.poem-card__title-en{font-family:var(--font-en);color:#2b2b2b94;margin-bottom:1.15rem;font-size:1.15rem;font-style:italic}.poem-card__rule{background:linear-gradient(90deg, var(--gold), transparent);width:100%;max-width:14rem;height:1px;margin-bottom:1.35rem}.poem-card__rule--short{max-width:5.5rem;margin-top:1.5rem;margin-bottom:1rem}.poem-card__verse{margin-bottom:1rem}.poem-card__verse p{margin:0;line-height:2.05}.poem-card__verse--zh{font-family:var(--font-zh);letter-spacing:.16em;color:#1f3b35;font-size:1.12rem}.poem-card__verse--en{font-family:var(--font-en);color:#2b2b2bad;font-size:1.08rem;font-style:italic}.poem-card__label{font-family:var(--font-zh);letter-spacing:.2em;color:var(--gold);margin-bottom:.65rem;font-size:.88rem}.poem-card__note-zh{font-family:var(--font-zh);letter-spacing:.06em;color:#1f3b35e0;margin-bottom:.55rem;line-height:1.95}.poem-card__note-en{font-family:var(--font-en);color:#2b2b2b9e;font-style:italic;line-height:1.85}.about-grid{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);align-items:start;gap:2.5rem;display:grid}.about-poem{font-family:var(--font-zh);white-space:pre-line;letter-spacing:.14em;color:#2b2b2be0;font-size:1.08rem;line-height:2.15}.about-portrait{aspect-ratio:3/4;filter:grayscale()contrast(1.05);background:linear-gradient(#dad5cc59,#6d94c82e),radial-gradient(circle at 50% 35%,#fbfaf780,#0000 55%);border:1px solid #dad5cce6;place-items:end start;padding:1.25rem;display:grid}.about-portrait span{font-family:var(--font-en);color:#2b2b2b8c;font-style:italic}.contact-lead{font-family:var(--font-zh);letter-spacing:.22em;color:var(--ink-green);margin-bottom:2rem;font-size:1.35rem}.seal-list{flex-wrap:wrap;gap:1.25rem;display:flex}.seal{text-align:center;border:2px solid var(--accent);width:7.5rem;height:7.5rem;color:var(--accent-hover);transition:color var(--duration) var(--ease), border-color var(--duration) var(--ease), background var(--duration) var(--ease), transform var(--duration) var(--ease);background:#fbfaf880;border-radius:.35rem;place-items:center;display:grid;transform:rotate(-2deg)}.seal:nth-child(2n){transform:rotate(2deg)}.seal:hover{color:var(--accent-hover);border-color:var(--accent-hover);background:#6d94c81a;transform:rotate(0)translateY(-2px)}.seal__label{font-family:var(--font-zh);letter-spacing:.18em;font-size:1.05rem}.seal__note{font-family:var(--font-en);opacity:.7;margin-top:.35rem;font-size:.85rem;font-style:italic}.placeholder{max-width:34rem;padding:2rem 0}.placeholder__title{font-family:var(--font-zh);letter-spacing:.18em;color:var(--ink-green);margin-bottom:.75rem}.placeholder__text{font-family:var(--font-en);color:#2b2b2bad;font-style:italic;line-height:1.9}.not-found{min-height:calc(100svh - var(--header-h) - 10rem);text-align:center;place-items:center;padding:4rem 1.25rem;display:grid}.not-found__title{font-family:var(--font-zh);letter-spacing:.28em;color:var(--ink-green);margin-bottom:1.25rem;font-size:clamp(1.8rem,4vw,2.6rem)}.not-found__body{font-family:var(--font-zh);letter-spacing:.12em;color:#2b2b2bb8;white-space:pre-line;margin-bottom:2rem;line-height:2.1}@keyframes cloud-drift{0%{transform:translate(-1.5%)}to{transform:translate(1.5%)}}@keyframes dust-float{0%{background-position:0 0,40px 20px,10px 60px,80px 10px}to{background-position:40px 30px,0 60px,50px 0,20px 70px}}@keyframes char-write{0%{opacity:0;filter:blur(4px);transform:translateY(.35em)}to{opacity:1;filter:blur();transform:translateY(0)}}@keyframes stroke-draw{0%{opacity:0;transform:scaleX(.15)}to{opacity:1;transform:scaleX(1)}}@media (width<=900px){.shelf-grid,.about-grid{grid-template-columns:1fr}}@media (width<=760px){.nav-toggle{display:grid}.nav{opacity:0;pointer-events:none;transition:opacity .7s var(--ease);background:#f8f6f2f7;flex-direction:column;justify-content:center;align-items:center;gap:1.75rem;position:fixed;inset:0}.nav.is-open{opacity:1;pointer-events:auto}.nav-link__en{font-size:1.45rem}.nav-link__zh{font-size:.9rem}.brand__en{display:none}.hero{padding-top:3rem}}