@font-face{font-family:"Source Han Serif";src:url(/fonts/source-han-serif.woff2) format("woff2");font-style:normal;font-weight:200 900;font-display:swap}@font-face{font-family:Source Han Display;src:url(/fonts/source-han-display.woff2) format("woff2");font-style:normal;font-weight:250;font-display:swap}@font-face{font-family:Literata;src:url(/fonts/literata.woff2) format("woff2");font-style:normal;font-weight:200 900;font-display:swap}@font-face{font-family:Cormorant Garamond;src:url(/fonts/cormorant-garamond.woff2) format("woff2");font-style:normal;font-weight:400;font-display:swap}:root{--paper:#f7f5f0;--ink:#222222;--muted:#66645f;--line:#d6d2ca;--sidebar:#f0eee9;--zh:"Source Han Serif",serif;--en:"Literata","Source Han Serif",serif;font-family:var(--zh);color:var(--ink);background:var(--paper);font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html{scroll-padding-top:110px}body{margin:0;min-width:320px;-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}a{color:inherit;text-decoration:none;text-underline-offset:6px}a:hover{text-decoration:underline;text-decoration-thickness:1px}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--ink);outline-offset:6px}main:focus{outline:none}::selection{background:#ded9ce;color:var(--ink)}.lang-en{font-family:var(--en)}.site-header{height:88px;display:flex;align-items:center;justify-content:space-between;padding:0 4.3vw;position:relative;z-index:20;background:var(--paper)}.site-title{font-size:18px;line-height:1.5;max-width:48%;font-weight:400}.top-nav{display:flex;align-items:center;gap:42px;margin-left:auto;font-size:17px;line-height:1.5;white-space:nowrap}.language-switch{display:flex;gap:10px;align-items:center;font-family:var(--en);font-size:16px}.language-switch a[lang=zh-CN]{font-family:var(--zh)}.language-switch span{color:#88847e}.language-switch a[aria-current],.top-nav>a[aria-current]{text-decoration:underline;text-decoration-thickness:1px}.skip-link{position:fixed;left:24px;top:-80px;z-index:100;background:var(--ink);color:var(--paper);padding:12px 20px;font-size:16px}.skip-link:focus{top:12px}.page{opacity:1;transition:opacity .19s ease,transform .19s ease}.page.leaving{opacity:0;transform:translateY(-5px);pointer-events:none}.cover{min-height:calc(100svh - 88px);padding:clamp(80px,13vh,145px) 4vw 11vh;display:flex;align-items:center;flex-direction:column}.cover-titles{width:100%;text-align:center}.cover h1{font-family:"Source Han Display",var(--zh);font-weight:250;font-size:clamp(3.25rem,13.4vw,13rem);line-height:1.22;letter-spacing:.035em;margin:0;white-space:nowrap}.english-title{font-family:Cormorant Garamond,serif;font-size:clamp(1.6rem,6.25vw,6.15rem);font-weight:400;line-height:1.25;letter-spacing:-.025em;margin:26px 0 0;white-space:nowrap}.cover-choices{display:flex;align-items:baseline;justify-content:center;gap:clamp(56px,8vw,130px);margin-top:clamp(90px,16vh,180px)}.cover-choices a{font-size:clamp(20px,2.1vw,29px);line-height:1.6;min-width:145px;text-align:center;padding:8px 14px 12px;border-bottom:1px solid #8f8c86;text-decoration:none;transition:border-color .16s ease,background-color .16s ease}.cover-choices a[lang=en]{font-family:var(--en);font-size:clamp(20px,1.85vw,26px)}.cover-choices a:hover{border-color:var(--ink);background:#f0ede6}.cover:not(.ready) .cover-titles,.cover:not(.ready) .cover-choices{opacity:0}.cover.ready h1{animation:arrive .8s cubic-bezier(.18,.65,.3,1) both}.cover.ready .english-title{animation:arrive .8s .12s cubic-bezier(.18,.65,.3,1) both}.cover.ready .cover-choices{animation:arrive .6s .3s ease both}@keyframes arrive{0%{opacity:0;transform:translateY(13px)}to{opacity:1;transform:translateY(0)}}.prose{font-size:22px;line-height:1.9;overflow-wrap:break-word}.lang-en .prose{font-size:21px;line-height:1.78;font-optical-sizing:auto}.prose h1{font-size:clamp(32px,3.2vw,46px);font-weight:400;line-height:1.45;letter-spacing:-.02em;margin:0 0 40px}.lang-en .prose h1{line-height:1.25;letter-spacing:-.025em}.prose p{margin:0 0 1.5em}.about-page{width:min(100% - 64px,740px);margin:clamp(65px,12vh,140px) auto 100px;animation:arrive .4s ease both}.about-page h1{margin-bottom:42px}.lesson-contact{margin-top:38px}.lesson-contact p{margin-bottom:0}.about-page .email{display:inline-block;font-family:var(--en);font-size:19px;margin-top:8px;text-decoration:underline;text-decoration-thickness:1px}.view-read .site-header{position:sticky;top:0;border-bottom:1px solid transparent}.reading-layout{display:grid;grid-template-columns:300px minmax(0,1fr);max-width:1600px;margin:0 auto;align-items:start}.contents{position:sticky;top:88px;height:calc(100svh - 88px);overflow-y:auto;overscroll-behavior:contain;padding:36px 28px 52px 40px;border-right:1px solid var(--line);font-size:15px;line-height:1.65;scrollbar-width:thin;scrollbar-color:#c7c2b9 transparent}.lang-en .contents{background:var(--sidebar);border-right:0;font-size:14px;line-height:1.65;padding-left:32px}.contents-heading{font-size:21px;margin:0 0 24px;display:flex;justify-content:space-between;align-items:center}.lang-en .contents-heading{font-size:18px}.contents details,.chapter-single{margin:0 0 16px}.contents summary{cursor:pointer;list-style:none;padding:2px 0;position:relative}.contents summary::-webkit-details-marker{display:none}.contents summary:after{content:"+";font-family:var(--en);font-size:14px;position:absolute;right:-16px;top:2px;color:#817e77}.contents details[open]>summary:after{content:"−"}.contents .active>summary,.chapter-single.active{font-weight:600}.section-list{list-style:none;padding:1px 0 0 16px;margin:10px 0 0;border-left:1px solid var(--line)}.section-list>li{margin:0 0 10px}.section-list a{display:block;padding:2px 0}.contents a[aria-current=page]{font-weight:600;text-decoration:none}.section-list a[aria-current=page]{position:relative}.section-list a[aria-current=page]:before{content:"";position:absolute;left:-17px;top:9px;width:2px;height:16px;background:var(--ink)}.in-section{list-style:none;font-size:13px;line-height:1.7;font-weight:400;padding:4px 0 3px 10px;margin:0}.in-section li{margin-bottom:6px}.in-section:empty{display:none}.reading-main{width:min(calc(100% - 120px),740px);margin:40px auto 0;padding-bottom:85px}.article-header{margin-bottom:46px}.article-header .chapter-label{font-size:16px;line-height:1.8;margin:0 0 22px}.lang-en .chapter-label{text-transform:uppercase;font-size:13px;letter-spacing:.09em}.article-header h1{margin-bottom:22px}.article-text .subheading{font-size:28px;line-height:1.5;font-weight:500;margin:2.2em 0 1em;scroll-margin-top:110px}.lang-en .article-text .subheading{font-size:26px;font-weight:500}.examples{padding-left:1.7em;margin:0 0 1.5em}.examples li{padding-left:.25em;margin-bottom:.5em}.article-text .dialogue{margin-bottom:.3em;padding-left:1em}.article-text .dialogue+p:not(.dialogue){margin-top:1.5em}.section-pagination{display:grid;grid-template-columns:1fr 1fr;gap:40px;border-top:1px solid var(--line);margin-top:68px;padding-top:28px;font-size:16px;line-height:1.7}.section-pagination a{display:flex;flex-direction:column;gap:9px;align-items:flex-start}.section-pagination span{font-size:14px;color:var(--muted)}.section-pagination strong{font-weight:400}.section-pagination .next{text-align:right;align-items:flex-end}.end-note{text-align:right;color:var(--muted)}.close-contents,.mobile-contents-button,.contents-backdrop{display:none}@media(min-width:1600px){.reading-layout{grid-template-columns:320px minmax(0,1fr)}.reading-main{width:760px}.contents{padding-left:44px}}@media(max-width:1100px){.reading-layout{grid-template-columns:265px minmax(0,1fr)}.contents{padding:30px 27px 50px 24px}.reading-main{width:calc(100% - 72px)}.top-nav{gap:26px}.prose{font-size:21px}.lang-en .prose{font-size:20px}}@media(max-width:760px){html{scroll-padding-top:132px}.site-header{height:76px;padding:0 22px}.top-nav{gap:22px;font-size:15px}.language-switch{font-size:14px;gap:7px}.site-title{font-size:15px;max-width:40%}.view-read .site-header{height:80px;align-items:center}.view-read .top-nav{gap:17px;font-size:14px}.cover{min-height:calc(100svh - 76px);padding-top:clamp(90px,17vh,170px);padding-left:20px;padding-right:20px}.cover h1{font-size:clamp(2.8rem,12.9vw,6.1rem);letter-spacing:.02em}.english-title{font-size:clamp(1.45rem,6.1vw,3rem);margin-top:25px;letter-spacing:-.02em}.cover-choices{margin-top:clamp(90px,16vh,150px);gap:32px}.cover-choices a{min-width:112px;padding:10px 5px;font-size:20px}.cover-choices a[lang=en]{font-size:18px}.reading-layout{display:block}.reading-main{width:min(calc(100% - 44px),680px);margin-top:36px;padding-bottom:65px}.prose{font-size:20px;line-height:1.92}.lang-en .prose{font-size:19px;line-height:1.78}.article-header{margin-bottom:36px}.article-header .chapter-label{font-size:14px;margin-bottom:17px}.article-header h1{font-size:32px}.article-text .subheading,.lang-en .article-text .subheading{font-size:25px}.mobile-contents-button{display:flex;justify-content:space-between;align-items:center;width:100%;padding:12px 22px;position:sticky;top:80px;z-index:20;border:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--paper);font-size:15px;text-align:left}.mobile-contents-button span{font-family:var(--en);font-size:18px}.contents{display:none}.contents.is-open{display:block;position:fixed;top:0;bottom:0;left:0;height:100dvh;width:min(86vw,360px);z-index:50;background:var(--paper);border-right:1px solid var(--line);padding:30px 32px 45px 24px;box-shadow:15px 0 50px #22222210;font-size:16px}.lang-en .contents.is-open{font-size:14px}.close-contents{display:block;background:none;border:0;text-decoration:underline;font-size:13px;padding:6px 0}.contents-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;border:0;background:#2223}.contents-heading{margin-bottom:28px}.about-page{width:calc(100% - 48px);margin-top:70px}.about-page h1{font-size:34px;margin-bottom:34px}.about-page .email{font-size:18px;margin-top:24px}.section-pagination{gap:25px;font-size:15px;margin-top:48px}.section-pagination span{font-size:13px}}@media(max-width:390px){.site-title{font-size:13px}.view-read .top-nav{gap:12px}.top-nav{gap:23px}.cover-choices{gap:24px}.english-title{font-size:6.15vw}.cover h1{font-size:12.8vw}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.cover:not(.ready) .cover-titles,.cover:not(.ready) .cover-choices{opacity:1}}@media print{.site-header,.contents,.mobile-contents-button,.section-pagination,.skip-link{display:none!important}.reading-layout{display:block}.reading-main{width:100%;margin:0}.prose{font-size:12pt}body{background:#fff}.page{opacity:1!important;transform:none!important}}