:root{--paper:#f8f6f0;--white:#fdfcf8;--ink:#282923;--muted:#66665d;--line:#dcd9ce;--accent:#955b45;--serif:"Songti SC","STSong","Noto Serif CJK SC","Source Han Serif SC",SimSun,serif;--sans:-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",sans-serif;color-scheme:light;font-family:var(--sans);color:var(--ink);background:var(--paper);font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:2rem}body{margin:0;font-size:1rem;line-height:1.9}img{display:block;max-width:100%;height:auto}a{color:inherit;text-decoration:none}button{font:inherit}a,button{touch-action:manipulation}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:5px}a:hover{color:var(--accent)}h1,h2,h3,p,figure{margin:0}h1,h2,.closing{font-family:var(--serif)}h2{font-size:clamp(2rem,3.2vw,2.8rem);line-height:1.6;font-weight:600;letter-spacing:.04em}h3{font-size:1.13rem;font-weight:600;line-height:1.8}p+p{margin-top:1.2rem}.wrap{width:min(1200px,calc(100% - 96px));margin-inline:auto}.section{padding-block:100px}.eyebrow{font-size:.78rem;letter-spacing:.16em;color:var(--accent);margin-bottom:22px}.muted,.section-intro,.footnote{color:var(--muted)}.skip-link{position:absolute;left:16px;top:-100px;background:var(--white);padding:10px 20px;z-index:10}.skip-link:focus{top:12px}.site-header{border-bottom:1px solid var(--line)}.header-inner{min-height:98px;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{display:flex;align-items:center;gap:12px;flex-shrink:0}.brand small{display:block;color:var(--muted);font-size:.65rem;letter-spacing:.12em;line-height:1.6}.wordmark{width:83px;height:30px;object-fit:contain}.brand>img{width:30px;height:36px}.site-header nav{display:flex;gap:26px;font-size:.86rem}.site-header nav a{padding-block:12px}.menu-toggle{border:1px solid var(--line);background:transparent;padding:6px 13px;min-height:44px;cursor:pointer}.menu-toggle span{margin-left:10px}.hero{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:center;min-height:760px;padding-block:64px 80px}.hero h1{font-size:clamp(3.3rem,5.4vw,4.9rem);font-weight:700;line-height:1.45;letter-spacing:.035em;margin-bottom:26px}.period{color:var(--accent)}.hero-lead{font-family:var(--serif);font-size:1.4rem;line-height:1.85;margin-bottom:18px}.hero-copy>.muted{font-size:.95rem;line-height:1.9}.actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:34px}.button{display:inline-flex;align-items:center;justify-content:center;gap:22px;padding:11px 21px;min-height:48px;border:1px solid var(--ink);font-size:.9rem}.button.primary{background:var(--ink);color:var(--white)}.button.primary:hover{background:#414238}.button.secondary{border-color:var(--line)}.book-scene{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:610px;background:radial-gradient(ellipse at 75% 35%,#fffefa 0,transparent 68%)}.book{width:360px;max-width:86%;padding:8px 10px 13px 5px;transform:rotate(7deg);border-radius:2px 7px 8px 2px;background:repeating-linear-gradient(0deg,#e0dace 0,#e0dace 1px,#f5f1e7 1px,#f5f1e7 3px);box-shadow:18px 25px 35px #524a3620,2px 2px 0 #bbb3a0,-7px 3px 0 #dad2bd}.book-page{display:flex;align-items:center;flex-direction:column;padding:26px 20px 25px 27px;background:linear-gradient(90deg,#ddd7c9 0,#eee9dc 2%,#fffdf5 9%,#f7f3e8 100%);border:1px solid #ddd6c6;min-height:475px}.book-top,.book-bottom{font-size:.66rem;letter-spacing:.27em;color:#777163}.hero-mark{width:174px;height:204px;margin:35px 0 18px}.book-wordmark{width:100px;height:37px;object-fit:contain}.book-page p{font-family:var(--serif);font-size:.92rem;margin:21px 0 28px;letter-spacing:.1em}.book-bottom{font-size:.58rem}.scene-caption{margin-top:44px;font-size:.74rem;letter-spacing:.17em;color:var(--muted)}.story{background:#eeece4;border-block:1px solid #e5e1d6}.story-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:90px}.story-copy{max-width:580px;color:#525349}.story-copy p{line-height:2.15}.story-sign{font-family:var(--serif);color:var(--ink);font-size:1.3rem;padding-top:12px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:35px;margin-bottom:56px}.section-intro{font-size:.95rem;line-height:1.9;max-width:320px}.meaning-grid{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:38px}.meaning-grid article{border-left:1px solid var(--line);padding-left:28px}.meaning-grid article>img{height:77px;width:66px;object-fit:contain;object-position:left center;margin-bottom:28px}.meaning-grid p{font-size:.9rem;color:var(--muted);margin-top:12px}.complete-mark{display:flex;align-items:center;flex-direction:column;justify-content:center;gap:15px}.complete-mark>img{width:114px}.complete-mark span{font-family:var(--serif);letter-spacing:.4em;padding-left:.4em}.ways{background:var(--white);border-block:1px solid var(--line)}.ways-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:38px}.index{display:block;color:var(--accent);font-family:var(--serif);font-size:1.7rem;border-top:1px solid var(--line);padding:20px 0}.ways-grid p{font-size:.92rem;color:var(--muted);margin-top:12px}.footnote{font-size:.75rem;margin-top:36px}.scenes-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.scenes-grid figure:nth-child(even){padding-top:38px}.scenes-grid img{width:100%;aspect-ratio:4/5;object-fit:cover;filter:saturate(.63);border-radius:2px}.scenes-grid figcaption{padding-top:22px}.scenes-grid .eyebrow{font-size:.68rem;margin-bottom:9px;display:block}.scenes-grid h3{font-size:1.05rem}.scenes-grid p{font-size:.83rem;color:var(--muted);margin-top:8px}.experience{background:#ece9df;border-top:1px solid var(--line)}.experience-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:85px}.experience h2{font-size:clamp(1.8rem,2.8vw,2.5rem)}.closing{font-size:1.3rem;color:var(--muted);margin-top:30px}.status{display:inline-block;color:var(--accent);font-size:.78rem;border:1px solid #b7a18c;padding:3px 12px;margin-bottom:17px}.experience-copy h3{margin-bottom:16px}.experience-copy p{font-size:.92rem;color:var(--muted)}.text-link{display:inline-block;border-bottom:1px solid #9d9686;margin-top:28px;font-size:.88rem}.text-link span{padding-left:25px}.footer{padding-block:40px 28px}.footer-top,.footer-bottom{display:flex;align-items:center;gap:26px;flex-wrap:wrap}.footer-brand{font-family:var(--serif);font-weight:600;letter-spacing:.15em}.footer-top p{font-size:.84rem;color:var(--muted);margin-left:auto}.footer-bottom{border-top:1px solid var(--line);margin-top:27px;padding-top:20px;font-size:.73rem;color:var(--muted)}.footer-bottom a{text-decoration:underline;text-underline-offset:4px}.icp-pending{margin-left:auto}.legal{max-width:760px;padding-block:70px 100px;min-height:65vh}.legal h1{font-size:2.4rem;line-height:1.5;margin-bottom:25px}.legal h2{font-family:var(--sans);font-size:1.2rem;margin:30px 0 10px}.legal p{color:var(--muted)}
@media(max-width:1050px){.wrap{width:calc(100% - 64px)}.site-header nav{gap:16px;font-size:.78rem}.hero{min-height:690px}.hero h1{font-size:3.5rem}.book{width:305px}.book-page{min-height:435px}.hero-mark{width:145px;height:170px}.story-grid,.experience-grid{gap:45px}.meaning-grid,.ways-grid{gap:25px}.scenes-grid{grid-template-columns:repeat(2,1fr);gap:36px}.scenes-grid figure:nth-child(even){padding-top:0}.scenes-grid img{aspect-ratio:5/4}.section{padding-block:76px}}
@media(max-width:800px){.header-inner{flex-wrap:wrap;gap:0;min-height:84px;padding-block:18px}.site-header nav{flex-basis:100%;flex-wrap:wrap;margin-top:18px;gap:8px 20px;font-size:.9rem}.menu-toggle:not([hidden]){display:block;margin-left:auto}.js #navigation{display:none}.js #navigation.is-open{display:flex}.hero{grid-template-columns:1fr 1fr;padding-top:50px;min-height:640px;gap:0}.hero h1{font-size:2.8rem}.hero-lead{font-size:1.15rem}.hero-copy>.muted{font-size:.87rem}.actions{gap:10px}.button{font-size:.85rem;padding:10px 14px;gap:12px}.book-scene{min-height:450px}.book{width:255px}.book-page{min-height:375px;padding:22px 12px}.hero-mark{width:120px;height:142px;margin:25px 0 14px}.book-page p{font-size:.74rem;letter-spacing:0;margin:20px 0}.book-top{font-size:.55rem}.book-bottom{font-size:.5rem}.scene-caption{font-size:.62rem;letter-spacing:.06em}.story-grid{grid-template-columns:1fr;gap:30px}.story-copy{max-width:none}.meaning-grid{grid-template-columns:1fr 1fr;gap:38px}.meaning-grid article{padding-left:25px}.ways-grid{grid-template-columns:1fr 1fr;gap:28px}.experience-grid{grid-template-columns:1fr;gap:40px}.section-intro{max-width:210px}.footer-top p{margin-left:0}.icp-pending{margin-left:0}}
@media(max-width:560px){.wrap{width:calc(100% - 44px)}.header-inner{min-height:78px;padding-block:15px}.hero{display:flex;flex-direction:column;align-items:stretch;padding-block:44px 37px}.hero-copy{position:relative;z-index:1}.hero h1{font-size:clamp(2.8rem,11vw,3.7rem);line-height:1.45;margin-bottom:21px}.eyebrow{font-size:.71rem;margin-bottom:18px}.hero-lead{font-size:1.17rem}.hero-copy>.muted{font-size:.9rem}.actions{margin-top:26px;gap:12px}.button{padding:10px 14px;font-size:.83rem;gap:12px}.book-scene{min-height:390px;margin-top:24px;padding:24px 0 0 30px}.book{width:242px;max-width:80%;transform:rotate(7deg)}.book-page{min-height:316px;padding:18px 12px}.hero-mark{width:99px;height:116px;margin:22px 0 10px}.book-wordmark{width:80px;height:30px}.book-page p{font-size:.72rem;margin:16px 0}.book-top{font-size:.5rem}.scene-caption{margin-top:30px;font-size:.62rem}.section{padding-block:58px}h2{font-size:1.9rem;line-height:1.6}.section-heading{display:block;margin-bottom:34px}.section-intro{margin-top:20px;max-width:none;font-size:.9rem}.story-copy p{font-size:.94rem;line-height:2}.story-copy .story-sign{font-size:1.17rem}.meaning-grid{gap:30px 20px}.meaning-grid article{padding-left:17px}.meaning-grid h3{font-size:.98rem}.meaning-grid p{font-size:.83rem}.meaning-grid article>img{height:64px;margin-bottom:20px}.complete-mark>img{width:95px}.ways-grid{gap:25px 22px}.ways-grid h3{font-size:1rem}.ways-grid p{font-size:.85rem}.index{font-size:1.3rem;padding:14px 0}.footnote{font-size:.72rem}.scenes-grid{gap:32px 16px}.scenes-grid img{aspect-ratio:3/4}.scenes-grid h3{font-size:.95rem}.scenes-grid p{font-size:.8rem}.scenes-grid .eyebrow{font-size:.62rem;letter-spacing:.05em}.scenes-grid figcaption{padding-top:15px}.experience h2{font-size:1.75rem}.closing{font-size:1.15rem;margin-top:22px}.footer-top{gap:16px}.footer-top p{font-size:.8rem}.footer-bottom{gap:12px 22px;font-size:.7rem}.legal h1{font-size:2rem}.desktop-break{display:none}}
/* Native CJK families keep headings substantial without a runtime font request. */
body{font-family:"Microsoft YaHei","Noto Sans SC",var(--sans)}
h1,h2,.closing{font-family:"Noto Serif SC",var(--serif);font-synthesis:weight;text-wrap:balance}
.hero h1{font-weight:700}
@media(max-width:560px){h2{font-size:clamp(1.65rem,6.5vw,1.9rem)}.scenes-grid,.ways-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,9rem),1fr))}.meaning-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,8rem),1fr))}.book-scene{padding-left:12px}.book{max-width:82%}}
@media(min-width:801px){.menu-toggle{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}