@font-face{font-family:Noto Serif TC;src:url(/fonts/subset-NotoSerifTC-Variable.woff2)format("woff2");font-weight:500 900;font-display:swap}@font-face{font-family:Cardo;src:url(/fonts/subset-Cardo-Regular.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Cardo;src:url(/fonts/subset-Cardo-Italic.woff2)format("woff2");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:Cardo;src:url(/fonts/subset-Cardo-Bold.woff2)format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Cormorant SC;src:url(/fonts/subset-CormorantSC-Regular.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}:root{color-scheme:light dark;--paper:light-dark(#efe5cf,#15110d);--paper-deep:light-dark(#e4d6b8,#1f1913);--ink:light-dark(#1c1814,#ece2cc);--ink-soft:light-dark(#5b5145,#a89b84);--ink-faint:light-dark(#1c181424,#ece2cc24);--cinnabar:light-dark(#ad2a1b,#d4503a);--seal-ink:light-dark(#f6ecd8,#15110d);--bronze:light-dark(#7d6a48,#8d7a56);--han:"Noto Serif TC", "Songti TC", "PMingLiU", serif;--serif:"Cardo", "Iowan Old Style", Georgia, serif;--caps:"Cormorant SC", "Cardo", serif;--measure:34rem;--gutter:clamp(1rem, 4vw, 3rem);--fret:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M2 22V2h20v16H6V6h12v8h-8v-4' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='square'/%3E%3C/svg%3E")}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:2rem}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{background-color:var(--paper);color:var(--ink);font-family:var(--serif);font-kerning:normal;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background-image:radial-gradient(at 20% 10%,#ffffff40,#0000 60%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0.4 0 0 0 0 0.3 0 0 0 0 0.2 0 0 0 0.07 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");margin:0;font-size:clamp(1.0625rem,.95rem + .4vw,1.25rem);line-height:1.6;overflow-x:hidden}::-moz-selection{background:var(--cinnabar);color:var(--seal-ink)}::selection{background:var(--cinnabar);color:var(--seal-ink)}a{color:inherit}em{font-style:italic}.fret{background:var(--bronze);height:14px;-webkit-mask:var(--fret) repeat-x left center / 14px 14px;mask:var(--fret) repeat-x left center / 14px 14px;opacity:.7}.seal{background:var(--cinnabar);color:var(--seal-ink);font-family:var(--han);box-shadow:inset 0 0 0 .12em var(--cinnabar), inset 0 0 0 .2em var(--seal-ink);border-radius:6%;grid-template-rows:1fr 1fr;grid-template-columns:1fr;place-items:center;padding:.3em .35em;font-weight:900;line-height:1;display:inline-grid;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='s'%3E%3CfeTurbulence baseFrequency='0.7' numOctaves='3' seed='4'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 -2.2 1.9'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23s)'/%3E%3C/svg%3E") 50%/100% 100%;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='s'%3E%3CfeTurbulence baseFrequency='0.7' numOctaves='3' seed='4'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 -2.2 1.9'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23s)'/%3E%3C/svg%3E") 50%/100% 100%}.seal span{padding:.08em}.title-page{gap:2rem var(--gutter);min-height:100svh;padding:var(--gutter);grid-template-rows:auto 1fr auto;grid-template-columns:1fr auto;display:grid;position:relative}.title-page>.fret{grid-column:1/-1}.title-page__han{writing-mode:vertical-rl;font-family:var(--han);letter-spacing:.08em;grid-area:2/2;align-self:center;margin:0;font-size:clamp(6rem,22vh,15rem);font-weight:900;line-height:1}.title-page__text{grid-area:2/1;align-self:end;max-width:30rem}.kicker{font-family:var(--caps);letter-spacing:.18em;color:var(--ink-soft);margin:0 0 1rem;font-size:.9rem}.title-page h1{font-family:var(--caps);letter-spacing:.04em;margin:0 0 1.5rem;font-size:clamp(2.6rem,6vw,4.5rem);font-weight:400;line-height:.95}.title-page h1 small{letter-spacing:.2em;color:var(--cinnabar);margin-top:.75rem;font-size:.42em;display:block}.title-page__credit{color:var(--ink-soft);margin:0;font-size:.95rem;line-height:1.5}.title-page__credit em{color:var(--ink)}.title-page__seal{margin-top:2rem;font-size:clamp(1.6rem,4vw,2.4rem)}@media (width<=40rem){.title-page{grid-template-rows:auto auto 1fr auto;grid-template-columns:1fr}.title-page__han{grid-area:2/1;justify-self:end;font-size:clamp(5rem,30vw,9rem)}.title-page__text{grid-row:3}}.contents{padding:4rem var(--gutter) 5rem}.contents h2{font-family:var(--caps);letter-spacing:.2em;text-align:center;color:var(--ink-soft);margin:0 0 2rem;font-size:1rem;font-weight:400}.slips{scrollbar-width:thin;flex-direction:row-reverse;justify-content:center;gap:.35rem;max-width:64rem;margin:0 auto;padding:0 0 1rem;list-style:none;display:flex;overflow-x:auto}.slip a{background:linear-gradient(90deg, #00000014, transparent 18%, transparent 82%, #0000001a), var(--paper-deep);border-radius:3px;flex-direction:column;align-items:center;gap:.75rem;width:2.6rem;min-height:15rem;padding:.9rem 0 .8rem;text-decoration:none;transition:transform .25s,background-color .25s;display:flex;position:relative}.slip a:before,.slip a:after{content:"";background:var(--bronze);opacity:.55;height:2px;position:absolute;left:-.2rem;right:-.2rem}.slip a:before{top:.45rem}.slip a:after{bottom:2.3rem}.slip__han{writing-mode:vertical-rl;font-family:var(--han);letter-spacing:.15em;flex:1;font-size:1.15rem;font-weight:500;line-height:1}.slip__num{font-family:var(--caps);color:var(--cinnabar);font-size:.8rem}.slip a:hover,.slip a:focus-visible{outline:none;transform:translateY(-.4rem)}.slip a:focus-visible .slip__han{color:var(--cinnabar)}@media (width<=40rem){.slips{justify-content:flex-start}}.book{grid-template-columns:1fr minmax(0, var(--measure)) 1fr;-moz-column-gap:var(--gutter);column-gap:var(--gutter);padding:5rem var(--gutter) 3rem;display:grid}.book>*{grid-column:2}.book>.fret{grid-column:1/-1;margin-bottom:4rem}.book__head{flex-direction:row-reverse;justify-content:space-between;align-items:flex-start;gap:1.5rem;margin-bottom:3rem;display:flex}.book__title{writing-mode:vertical-rl;font-family:var(--han);letter-spacing:.12em;margin:0;font-size:clamp(2.75rem,8vw,4.5rem);font-weight:900;line-height:1}.book__title .ord{color:var(--cinnabar)}.book__meta{padding-top:.5rem}.book__meta p{margin:0}.book__num{font-family:var(--caps);letter-spacing:.2em;color:var(--cinnabar);font-size:.95rem}.book__name{font-family:var(--caps);letter-spacing:.04em;font-size:clamp(1.8rem,4vw,2.4rem);line-height:1.1;margin:.25rem 0 .5rem!important}.book__count{color:var(--ink-soft);font-size:.95rem;font-style:italic}.chapter{margin:0 0 1.75rem;padding-top:.15rem;position:relative}.chapter__mark{flex-direction:column;align-items:flex-end;gap:.3rem;width:4rem;display:flex;position:absolute;top:.15rem;right:calc(100% + 1rem)}.chapter__han{writing-mode:vertical-rl;font-family:var(--han);color:var(--cinnabar);letter-spacing:.05em;font-size:.95rem;font-weight:500;line-height:1}.chapter__ref{font-family:var(--caps);color:var(--ink-soft);letter-spacing:.05em;font-size:.75rem;text-decoration:none}.chapter__ref:hover{color:var(--cinnabar)}.chapter p{hanging-punctuation:first;margin:0}.chapter p+p{text-indent:1.5em}.chapter:target{background:linear-gradient(90deg, transparent, color-mix(in srgb, var(--cinnabar) 9%, transparent) 10%, transparent)}.master{font-family:var(--caps);letter-spacing:.03em;font-size:1.08em}.chapter--first p:first-of-type:first-letter{float:left;color:var(--cinnabar);font-size:3.4em;line-height:.82;font-family:var(--caps);padding:.05em .1em 0 0}@media (width<=52rem){.chapter{padding-left:2.25rem}.chapter__mark{align-items:flex-start;width:auto;left:0;right:auto}.chapter__ref{display:none}}.book__end{justify-content:center;margin:2.5rem 0 0;display:flex}.book__end .seal{font-size:1.1rem}.rail{font-family:var(--han);opacity:0;pointer-events:none;z-index:5;flex-direction:column;gap:.1rem;margin:0;padding:0;font-size:.95rem;font-weight:500;list-style:none;transition:opacity .4s;display:flex;position:fixed;top:50%;right:1rem;transform:translateY(-50%)}.rail.is-visible{opacity:1;pointer-events:auto}.rail a{text-align:center;color:var(--ink-soft);border-radius:2px;padding:.15rem .3rem;line-height:1.2;text-decoration:none;transition:color .2s,background-color .2s;display:block}.rail a:hover{color:var(--ink)}.rail a[aria-current=true]{color:var(--seal-ink);background:var(--cinnabar)}@media (width<=64rem){.rail{display:none}}.colophon{padding:5rem var(--gutter) 6rem;text-align:center;justify-items:center;gap:1.5rem;display:grid}.colophon>.fret{width:100%;margin-bottom:3rem}.colophon__end{font-family:var(--han);letter-spacing:.3em;writing-mode:vertical-rl;margin:0;font-size:3rem;font-weight:900}.colophon__notes{max-width:32rem;color:var(--ink-soft);font-size:.9rem;line-height:1.6}.colophon__notes p{margin:0 0 .75rem}.colophon__notes h2{font-family:var(--caps);letter-spacing:.2em;color:var(--ink);margin:0 0 1rem;font-size:.9rem;font-weight:400}