:root{--bg: #faf7f2;--fg: #2b2620;--fg-soft: #6b6154;--accent: #8c3f2c;--rule: #e2dbd0;--card: #ffffff;--badge: #b08d57;--serif-en: "Charter", "Iowan Old Style", Georgia, "Times New Roman", serif;--serif-zh: "Songti SC", "Noto Serif SC", "Source Han Serif SC", "SimSun", serif;--fs: 1.05rem}:root[data-theme=dark]{--bg: #1d1a17;--fg: #ddd5c9;--fg-soft: #968b7c;--accent: #d98a6a;--rule: #3a352f;--card: #26221e}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg: #1d1a17;--fg: #ddd5c9;--fg-soft: #968b7c;--accent: #d98a6a;--rule: #3a352f;--card: #26221e}}*{box-sizing:border-box}html{background:var(--bg);color:var(--fg);-webkit-text-size-adjust:100%}body{margin:0;font-family:var(--serif-en);font-size:var(--fs);line-height:1.72}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.skip{position:absolute;left:-999px;top:0;z-index:100;background:var(--card);padding:.5rem 1rem;border-radius:0 0 8px}.skip:focus{left:0}.site-header{position:sticky;top:0;z-index:10;display:flex;align-items:center;gap:.8rem;padding:calc(.45rem + env(safe-area-inset-top)) max(1rem,env(safe-area-inset-right)) .45rem max(1rem,env(safe-area-inset-left));background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:blur(6px);border-bottom:1px solid var(--rule);font-size:.85rem;font-family:system-ui,sans-serif}.site-header .home{font-weight:600;color:var(--fg);white-space:nowrap}.site-header .crumbs{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--fg-soft)}.controls,.controls-inner{display:flex;gap:.35rem;align-items:center}.controls button{border:1px solid var(--rule);background:var(--card);color:var(--fg);border-radius:6px;padding:.2rem .55rem;cursor:pointer;font-size:.8rem}.controls button[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:#fff}.controls .menu-toggle{display:none}@media(max-width:700px){.controls .menu-toggle{display:block}.controls-inner{display:none;position:absolute;top:calc(100% + 4px);right:.6rem;flex-wrap:wrap;justify-content:flex-end;max-width:16rem;padding:.5rem;background:var(--card);border:1px solid var(--rule);border-radius:10px;box-shadow:0 8px 28px #0003}.controls.open .controls-inner{display:flex}.controls-inner button{padding:.5rem .75rem;font-size:.9rem}}.read-progress{position:absolute;left:0;right:0;bottom:-1px;height:2px;pointer-events:none}.read-progress>div{height:100%;width:0;background:var(--accent)}main{max-width:76rem;margin:0 auto;padding:1.5rem 1.2rem 4rem}.pair,.note{scroll-margin-top:3.4rem}.pair{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:0 2.2rem;padding:.55rem 0}.pair+.pair{border-top:1px dotted var(--rule)}.pair .en{hyphens:auto}.pair,.note,#fn-popover{overflow-wrap:break-word}.pair .zh{font-family:var(--serif-zh)}.pair .zh:lang(zh){line-height:1.9}.pair.heading{border:none}.pair:target{background:color-mix(in srgb,var(--accent) 9%,transparent)}.para-anchor{position:absolute;left:-1.4rem;top:.6rem;opacity:0;font-size:.8rem;font-family:system-ui,sans-serif;color:var(--fg-soft);transition:opacity .15s}.pair:hover .para-anchor,.para-anchor:focus-visible{opacity:.75}@media(max-width:900px){.para-anchor{display:none}}@media(hover:hover){:root[data-mode=both] .pair:not(.heading):hover{background:color-mix(in srgb,var(--accent) 4%,transparent)}}.pair .pending{color:var(--fg-soft);font-size:.8rem;font-family:system-ui,sans-serif;border:1px dashed var(--rule);border-radius:6px;padding:.15rem .5rem;align-self:start;justify-self:start}:root[data-mode=en] .pair{grid-template-columns:1fr;max-width:44rem;margin-inline:auto}:root[data-mode=en] .pair .zh,:root[data-mode=en] .pair .pending{display:none}:root[data-mode=zh] .pair{grid-template-columns:1fr;max-width:44rem;margin-inline:auto}:root[data-mode=zh] .pair .en{display:none}:root[data-mode=zh] .pair:has(.pending) .en{display:block}:root[data-mode=en] .pair+.pair,:root[data-mode=zh] .pair+.pair{border-top:none}@media(hover:hover){:root[data-mode=en] .pair:not(.heading):hover,:root[data-mode=zh] .pair:not(.heading):hover{background:color-mix(in srgb,var(--accent) 3%,transparent)}}:root[data-mode=en] .pair.peek .zh{display:block}:root[data-mode=zh] .pair.peek .en{display:block}:root[data-mode=en] .pair.peek .zh,:root[data-mode=zh] .pair.peek .en{margin-top:.5rem;padding:.45rem .8rem;border-left:3px solid var(--badge);border-radius:4px;background:color-mix(in srgb,var(--card) 65%,transparent);color:var(--fg-soft);font-size:.95em}:root[data-zh-first="1"] .pair .en{order:2}:root[data-zh-first="1"] .pair .zh,:root[data-zh-first="1"] .pair .pending{order:1}:root[data-zh-first="1"] .note .body,:root[data-zh-first="1"] #fn-popover{display:flex;flex-direction:column}:root[data-zh-first="1"] #fn-popover[hidden]{display:none}:root[data-zh-first="1"] .note .body .en,:root[data-zh-first="1"] #fn-popover .en{order:2}:root[data-zh-first="1"] .note .body .zh,:root[data-zh-first="1"] #fn-popover .zh{order:1;margin-top:0}:root[data-zh-first="1"] #fn-popover .zh{color:var(--fg)}:root[data-zh-first="1"] #fn-popover .en{color:var(--fg-soft);margin-top:.4rem}@media(max-width:820px){.pair{grid-template-columns:1fr;gap:.4rem 0}.pair .zh{padding-bottom:.35rem}}h1.part-title,.pair h2,.pair h3{font-weight:600;line-height:1.35;margin:.4rem 0}h1.part-title{font-size:1.45rem;margin:1rem 0 .2rem}h1 .zh-sub{display:block;font-size:1.15rem;font-family:var(--serif-zh);color:var(--fg-soft);margin-top:.3rem}.pair h2{font-size:1.25rem}.pair h3{font-size:1.1rem}.pair.kind-letter{font-style:italic;color:var(--fg-soft)}.pair.kind-poem .en,.pair.kind-poem .zh{padding-left:1.5rem}.pair img{max-width:100%;height:auto}sup.fnref{line-height:0}sup.fnref a{font-size:.72em;font-family:system-ui,sans-serif;padding:0 .1em}@media(pointer:coarse){sup.fnref a{padding:.55em .4em;margin:-.55em -.25em}}.notes{margin-top:3rem;border-top:2px solid var(--rule);padding-top:1rem}.notes h2{font-size:1.1rem}.note{display:grid;grid-template-columns:3.2rem 1fr;gap:0 .6rem;padding:.45rem 0;border-top:1px dotted var(--rule);font-size:.92rem;color:var(--fg-soft)}.note:target{background:color-mix(in srgb,var(--accent) 12%,transparent)}.note .num{color:var(--accent);font-family:system-ui,sans-serif}.note .num .back{display:block;font-size:.85em;opacity:.7;margin-top:.1rem}.note .zh{font-family:var(--serif-zh);margin-top:.25rem}#fn-popover{position:absolute;z-index:50;max-width:26rem;max-height:min(22rem,65vh);overflow-y:auto;overscroll-behavior:contain;background:var(--card);border:1px solid var(--rule);border-radius:8px;box-shadow:0 6px 24px #0000002e;padding:.7rem .9rem;font-size:.88rem;line-height:1.55}#fn-popover .zh{font-family:var(--serif-zh);margin-top:.4rem;color:var(--fg-soft)}#fn-popover[hidden]{display:none}#fn-popover.sheet:before{content:"";display:block;width:2.4rem;height:4px;margin:0 auto .7rem;border-radius:2px;background:var(--rule)}#fn-popover.sheet{position:fixed;inset:auto 0 0;max-width:none;max-height:55vh;border-radius:14px 14px 0 0;border-left:none;border-right:none;border-bottom:none;padding:.9rem 1.2rem calc(.9rem + env(safe-area-inset-bottom));box-shadow:0 -8px 30px #00000040}:root[data-mode=en] #fn-popover .zh{display:none}:root[data-mode=zh] #fn-popover:has(.zh) .en{display:none}:root[data-mode=zh] #fn-popover .zh{color:var(--fg);margin-top:0}.illustration{position:relative;margin:1.7rem auto;padding:1.1rem 1.1rem .8rem;border:1px solid var(--rule);border-radius:8px;background:var(--card);max-width:54rem}.illustration .art svg{display:block;width:100%;height:auto}.illustration svg text{font-family:var(--serif-en);fill:var(--fg)}.illustration svg text.zh,.illustration svg tspan.zh{font-family:var(--serif-zh)}.illustration svg .ink{fill:var(--fg)}.illustration svg .soft{fill:var(--fg-soft)}.illustration svg .accent{fill:var(--accent)}.illustration svg .paper{fill:var(--card)}.illustration svg .line{stroke:var(--fg-soft);fill:none}.illustration svg .line-ink{stroke:var(--fg);fill:none}.illustration svg .line-accent{stroke:var(--accent);fill:none}.illustration svg .line-faint{stroke:var(--rule);fill:none}.illustration svg .land{fill:color-mix(in srgb,var(--fg-soft) 13%,transparent)}.illustration svg .zone-ink{fill:color-mix(in srgb,var(--fg) 10%,transparent)}.illustration svg .zone-accent{fill:color-mix(in srgb,var(--accent) 16%,transparent)}.illustration svg .box{fill:color-mix(in srgb,var(--fg-soft) 9%,transparent);stroke:var(--fg-soft)}.illustration svg .box-accent{fill:color-mix(in srgb,var(--accent) 16%,transparent);stroke:var(--accent)}.illustration figcaption{margin-top:.75rem;padding-top:.55rem;border-top:1px solid var(--rule);text-align:center;font-size:.85rem;color:var(--fg-soft);line-height:1.6}.illustration .cap-en{display:block}.illustration .cap-zh{display:block;font-family:var(--serif-zh)}:root[data-mode=en] .illustration .cap-zh,:root[data-mode=en] .illustration svg .zh{display:none}:root[data-mode=zh] .illustration .cap-en,:root[data-mode=zh] .illustration svg .en{display:none}@media(max-width:768px){.illustration{padding:.7rem .6rem .6rem}.illustration figcaption{font-size:.8rem}}.illustration .art{cursor:zoom-in}.fig-zoom{position:absolute;top:.45rem;right:.45rem;width:2rem;height:2rem;display:grid;place-items:center;border:1px solid var(--rule);border-radius:7px;background:color-mix(in srgb,var(--card) 85%,transparent);color:var(--fg-soft);font-size:.95rem;line-height:1;cursor:zoom-in;opacity:.5;transition:opacity .15s}.illustration:hover .fig-zoom,.fig-zoom:focus-visible{opacity:1}@media(hover:none){.fig-zoom{opacity:.85;width:2.75rem;height:2.75rem}}:root.figbox-open{overflow:hidden}#fig-lightbox{position:fixed;inset:0;z-index:200;background:var(--bg);touch-action:none;overscroll-behavior:contain;cursor:grab}#fig-lightbox:active{cursor:grabbing}#fig-lightbox[hidden]{display:none}#fig-lightbox .fig-canvas{position:absolute;left:0;top:0;transform-origin:0 0;margin:0;padding:0;border:0;border-radius:0;max-width:none;will-change:transform;box-shadow:0 2px 26px color-mix(in srgb,var(--fg) 14%,transparent)}#fig-lightbox .fig-canvas svg{display:block;width:100%;height:100%}.fig-close{position:fixed;top:calc(.7rem + env(safe-area-inset-top));right:calc(.7rem + env(safe-area-inset-right));width:2.75rem;height:2.75rem;border-radius:50%;border:1px solid var(--rule);background:var(--card);color:var(--fg);font-size:1.2rem;line-height:1;cursor:pointer;z-index:2}.fig-hint{position:fixed;left:50%;bottom:calc(1rem + env(safe-area-inset-bottom));transform:translate(-50%);max-width:92vw;padding:.45rem .95rem;border-radius:999px;background:color-mix(in srgb,var(--fg) 80%,transparent);color:var(--bg);font-size:.78rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;pointer-events:none;opacity:0;transition:opacity .3s;z-index:2}.fig-hint.show{opacity:1}.hero{text-align:center;margin:2.2rem 0 2.6rem}.hero h1{font-size:1.9rem;line-height:1.3;margin-bottom:.2rem}.hero h1 .zh{display:block;margin-top:.25rem}.hero .zh{font-family:var(--serif-zh);font-size:1.3rem;color:var(--fg-soft)}.hero .byline{color:var(--fg-soft);font-size:.95rem}.progress{font-family:system-ui,sans-serif;font-size:.8rem;color:var(--fg-soft);margin-top:.7rem}.progress .bar{width:240px;height:6px;border-radius:3px;background:var(--rule);margin:.3rem auto 0;overflow:hidden}.progress .bar>div{height:100%;background:var(--badge)}.volume{margin:2rem 0}.volume>h2,.volume>summary{font-size:1.05rem;letter-spacing:.12em;text-transform:uppercase;color:var(--fg-soft);border-bottom:1px solid var(--rule);padding-bottom:.3rem;font-family:var(--serif-en);font-weight:600}.volume>summary{cursor:pointer;list-style:none}.volume>summary::-webkit-details-marker{display:none}.volume>summary:before{content:"▾";display:inline-block;margin-right:.5rem;transition:transform .15s}.volume:not([open])>summary:before{transform:rotate(-90deg)}.volume>summary .chap-count{float:right;font-family:system-ui,sans-serif;font-size:.75rem;letter-spacing:normal;text-transform:none;padding-top:.25rem}.chap{display:grid;grid-template-columns:3rem 1fr auto auto;gap:.6rem;padding:.4rem 0;border-bottom:1px dotted var(--rule)}.chap .num{color:var(--accent);font-family:system-ui,sans-serif;font-size:.85rem;padding-top:.15rem}.chap .t .zh{display:block;font-family:var(--serif-zh);color:var(--fg-soft);font-size:.92rem}.chap .time{font-family:system-ui,sans-serif;font-size:.75rem;color:var(--fg-soft);white-space:nowrap;padding-top:.25rem}@media(max-width:700px){.chap{grid-template-columns:3rem 1fr auto}.chap .time{display:none}}.chap .parts{font-family:system-ui,sans-serif;font-size:.82rem;white-space:nowrap;padding-top:.2rem}.chap .parts a{padding:0 .25rem}.chap .parts a.done:after{content:"✓";font-size:.7em;vertical-align:super;color:var(--badge)}@media(max-width:700px){.chap{grid-template-columns:2.2rem 1fr}.chap .parts{grid-column:2;white-space:normal;padding-top:.1rem}.chap .parts a{display:inline-block;min-width:2rem;text-align:center;padding:.15rem .5rem;margin:.15rem .35rem .15rem 0;border:1px solid var(--rule);border-radius:999px}}.front-list{margin:1rem 0 0;padding:0;list-style:none}.front-list li{padding:.25rem 0}.pager{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:1rem;margin-top:3rem;padding-top:1rem;border-top:1px solid var(--rule);font-family:system-ui,sans-serif;font-size:.9rem}.pager a[rel]{display:block;min-width:0}.pager a[rel=next]{text-align:right;justify-self:end}.pager .dir{display:block;font-size:.76rem;color:var(--fg-soft);margin-bottom:.15rem}.pager .lbl{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pager .mid{display:flex;flex-direction:column;gap:.2rem;text-align:center}.pager .toc-link{color:var(--fg-soft)}.glossary{max-width:64rem;margin:0 auto}#gloss-filter{width:100%;max-width:28rem;margin:1rem 0 .3rem;padding:.55rem .9rem;font-size:1rem;font-family:system-ui,sans-serif;color:var(--fg);background:var(--card);border:1px solid var(--rule);border-radius:8px}.gloss-count{min-height:1.2em;margin:.3rem 0 0;font-family:system-ui,sans-serif;font-size:.82rem;color:var(--fg-soft)}.gloss-group>h2{position:sticky;top:2.7rem;z-index:5;margin:1.6rem 0 .4rem;padding:.15rem 0;font-size:1rem;letter-spacing:.12em;color:var(--accent);background:var(--bg);border-bottom:1px solid var(--rule)}.gloss-rows{font-size:.95rem}@media(min-width:1000px){.gloss-rows{columns:2;column-gap:3.5rem}}.gloss-row{display:grid;grid-template-columns:minmax(9rem,16rem) 1fr;gap:0 1rem;padding:.22rem 0;border-bottom:1px dotted var(--rule);break-inside:avoid}.gloss-row .g-zh{font-family:var(--serif-zh)}.gloss-row[hidden],.gloss-group[hidden]{display:none}#search{margin:1.5rem auto;max-width:34rem}#search,#search-modal .panel{--pagefind-ui-primary: var(--accent);--pagefind-ui-text: var(--fg);--pagefind-ui-background: var(--card);--pagefind-ui-border: var(--rule);--pagefind-ui-tag: var(--rule);--pagefind-ui-font: system-ui, sans-serif}#search-modal .panel mark,#search mark{background:color-mix(in srgb,var(--badge) 35%,transparent);color:var(--fg)}.pagefind-ui__search-input{font-size:1rem!important}#search-modal{position:fixed;inset:0;z-index:60}#search-modal[hidden]{display:none}#search-modal .backdrop{position:absolute;inset:0;background:#00000073}#search-modal .panel{position:relative;margin:9vh auto 0;max-width:38rem;max-height:78vh;overflow-y:auto;overscroll-behavior:contain;background:var(--bg);border:1px solid var(--rule);border-radius:12px;padding:1rem 1.2rem;box-shadow:0 12px 48px #0000004d}#search-modal .nosearch{color:var(--fg-soft);font-family:system-ui,sans-serif;font-size:.9rem}@media(max-width:640px){#search-modal .panel{margin:0;max-width:none;height:100%;max-height:none;border-radius:0}}.complete-badge{font-family:system-ui,sans-serif;font-size:.85rem;color:var(--badge);letter-spacing:.06em;margin-top:.7rem}@media print{.site-header,.pager,#fn-popover,#search-modal,.para-anchor,.note .back,.skip,.fig-zoom,#fig-lightbox{display:none!important}main{max-width:none;padding:0}.pair{break-inside:avoid}.pair:hover,.pair:target{background:none}body{font-size:10.5pt}}