@import url('https://fonts.googleapis.com/css2?family=Newsreader:opsz,wght@6..72,400;6..72,500;6..72,650&family=Noto+Serif+SC:wght@400;600;700&display=swap');
:root{--paper:#f4efe3;--paper-2:#ece2ce;--ink:#241e18;--muted:#665d50;--line:#cdbd9e;--brown:#6b4a2f;--brown-deep:#3f281a;--gold:#b98525;--wash:#fbf1c8;--navy:#17222b;--snow:#dce5e7;--shadow:rgba(45,32,18,.16);--white:#fffdf6;--danger:#943e2f;color-scheme:light dark}
@media(prefers-color-scheme:dark){:root{--paper:#171b1d;--paper-2:#20272a;--ink:#efe7d6;--muted:#c8bcaa;--line:#554c3e;--brown:#d0a274;--brown-deep:#f2d2ae;--gold:#d8aa4d;--wash:#3b3522;--navy:#0c1217;--snow:#b8c9cc;--shadow:rgba(0,0,0,.35);--white:#20262a;--danger:#f09b86}}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:19px/1.65 Newsreader,Georgia,serif}img{max-width:100%}a{color:inherit}button,input{font:inherit}::selection{background:var(--gold);color:#17120c}
.reading-line{position:fixed;z-index:30;left:0;top:0;height:3px;width:0;background:var(--gold)}
.site-nav{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:8px;padding:10px max(18px,calc((100vw - 1220px)/2));background:color-mix(in srgb,var(--paper) 91%,transparent);border-bottom:1px solid var(--line);backdrop-filter:blur(14px)}.site-nav a{text-decoration:none;padding:7px 10px;font-size:.82rem;color:var(--muted)}.site-nav a:hover,.site-nav a:focus-visible{color:var(--ink);text-decoration:underline;text-underline-offset:4px}.site-nav .spacer{flex:1}.index-btn{border:1px solid var(--line);background:transparent;color:var(--ink);padding:7px 11px;cursor:pointer}
.hero{min-height:calc(100vh - 50px);display:grid;grid-template-columns:minmax(320px,47%) 1fr;background:var(--navy);color:#f5efe2}.hero-art{position:relative;min-height:620px;overflow:hidden}.hero-art img{width:100%;height:100%;object-fit:cover;object-position:center 43%;display:block}.hero-art:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 70%,var(--navy))}.hero-copy{align-self:center;padding:clamp(38px,7vw,100px)}.hero-copy .zh-title{font:700 clamp(4.5rem,10vw,9rem)/.95 'Noto Serif SC',serif;letter-spacing:.08em;margin:0;color:#f5e6b3}.hero h1{font-size:clamp(2.4rem,4.6vw,5.2rem);line-height:.96;font-weight:500;margin:24px 0;max-width:10ch}.deck{font-size:clamp(1.05rem,1.7vw,1.35rem);max-width:30rem;color:#cfdae0}.date{margin-top:42px;color:#b8a985;font-size:.88rem;letter-spacing:.12em}.title-reading{margin:10px 0 24px;color:#cbbd9d;font-size:1rem}.nameplate{margin:30px 0 0;padding:18px 0;border-top:1px solid rgba(245,239,226,.28);border-bottom:1px solid rgba(245,239,226,.28);max-width:34rem}.nameplate p{margin:7px 0;color:#e5dcc9}.nameplate span:first-child{display:inline-block;min-width:9.5rem;color:#b8a985;font-size:.74rem;letter-spacing:.1em;text-transform:uppercase}.nameplate [lang="zh-Hant"]{font-family:'Noto Serif SC',serif;color:#fff0bf}
main{overflow:hidden}.section{padding:clamp(68px,9vw,130px) max(20px,calc((100vw - 1120px)/2))}.section-head{display:grid;grid-template-columns:140px 1fr;gap:36px;margin-bottom:55px}.section-no{font-size:.78rem;letter-spacing:.16em;text-transform:uppercase;color:var(--brown);padding-top:8px}.section-head h2{font-size:clamp(2.5rem,6vw,5.7rem);font-weight:500;line-height:.96;margin:0}.section-head p{max-width:680px;margin:22px 0 0;color:var(--muted)}
.preface{background:var(--white)}.preface-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:80px;align-items:start}.preface-grid>div>p:first-child:first-letter{float:left;font-size:5.2rem;line-height:.72;padding:.12em .1em 0 0;color:var(--brown)}.preface-note{border-top:2px solid var(--brown);padding-top:18px;color:var(--muted)}.legend-swatch{display:inline-block;width:36px;height:17px;background:var(--wash);border-bottom:3px solid var(--gold);vertical-align:-3px;margin-right:8px}.reader-key{grid-column:1/-1;margin-top:10px;padding-top:28px;border-top:1px solid var(--line)}.reader-key h3{margin:0 0 18px;font-size:1.35rem}.term-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}.term-grid p{margin:0;color:var(--muted);font-size:.93rem}.term-grid strong{display:block;margin-bottom:6px;color:var(--brown-deep);font:600 1.18rem/1.35 'Noto Serif SC',serif}.reader-note{margin:24px 0 0;color:var(--muted);font-size:.88rem}.title-gloss{display:block;color:var(--brown-deep);font-style:normal;font-size:.86rem;margin:4px 0}.poem:not(.pidgey) .title-gloss{color:var(--muted)}
.poetry{background:var(--paper)}.poem-chain{display:grid;grid-template-columns:1fr 1fr;gap:26px;align-items:start}.poem{position:relative;padding:36px 40px 40px;border-top:1px solid var(--line);break-inside:avoid}.poem:nth-child(even){margin-top:90px}.poem header>p{font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin:0}.poem h3{font:600 2.35rem/1.2 'Noto Serif SC',serif;margin:9px 0 4px}.poem header em{font-size:.9rem;color:var(--muted)}.couplet{display:grid;grid-template-columns:.86fr 1.14fr;gap:28px;margin-top:26px}.zh{font:400 1.32rem/2 'Noto Serif SC',serif;margin:0;white-space:nowrap}.translation{margin:0;font-style:italic;font-size:.98rem;color:var(--muted)}.pidgey{background:var(--wash);border-top:0;box-shadow:inset 5px 0 0 var(--gold)}.voice-stamp{position:absolute;right:18px;top:18px;font:700 .65rem/1 system-ui,sans-serif;text-transform:uppercase;letter-spacing:.14em;color:var(--brown)}
.appendix{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:60px}.appendix .poem{background:var(--white);margin:0}.appendix .postscript{grid-column:1/-1;background:var(--wash);box-shadow:inset 5px 0 0 var(--gold)}.colophon{max-width:760px;margin:65px auto 0;text-align:center;font-style:italic;color:var(--muted)}
.gazetteer{background:var(--white)}.gaz-disclaimer{max-width:85%;margin:4mm auto;padding:20px 24px;background:var(--wash);border-top:2px solid var(--brown);color:var(--ink)}.gaz-disclaimer strong{display:block;margin-bottom:6px;color:var(--brown-deep);font-size:1.08rem}.gaz-disclaimer p{margin:0}.gaz-meta{display:flex;gap:24px;flex-wrap:wrap;margin:0 0 42px;color:var(--muted);font-size:.86rem}.gaz-meta b{font-size:2rem;color:var(--brown);display:block;font-weight:500}.filter-wrap{position:relative;margin:0 0 44px}.filter-wrap input{width:100%;padding:16px 52px 16px 18px;border:0;border-bottom:2px solid var(--brown);background:var(--paper);color:var(--ink);outline:none}.filter-wrap span{position:absolute;right:16px;top:16px;color:var(--muted)}.no-results{display:none;padding:36px;text-align:center;color:var(--muted)}
.places{display:block}.region-group{margin:0 0 58px}.region-title{display:flex;align-items:baseline;gap:14px;margin:0 0 22px;padding-bottom:11px;border-bottom:1px solid var(--line);font-size:1.85rem;font-weight:500;color:var(--brown-deep)}.region-title span{font:700 .66rem/1 system-ui,sans-serif;letter-spacing:.14em;color:var(--brown)}.region-places{column-count:2;column-gap:30px}.region-group[hidden]{display:none}.stoa-plate{width:92.5926%;margin-inline:auto!important}.place{display:inline-block;width:100%;vertical-align:top;background:var(--paper);margin:0 0 30px;break-inside:avoid;box-shadow:0 10px 32px var(--shadow)}.place figure{margin:0}.place figure img{width:100%;display:block;aspect-ratio:3/2;object-fit:cover}.place figure.nest-plate{width:92.5926%;margin-inline:auto}.place figure.nest-plate img{height:auto;aspect-ratio:auto;object-fit:contain}.place figcaption{padding:10px 18px 0;font-size:.72rem;color:var(--muted)}.entry-copy{padding:26px 28px 28px}.entry-copy h3{font-size:1.48rem;line-height:1.15;color:var(--brown-deep);margin:0 0 12px}.place-meta{display:grid;gap:5px;margin:0 0 20px;padding:11px 0 13px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.place-meta div{display:grid;grid-template-columns:5.4rem 1fr;gap:10px}.place-meta dt{font:700 .65rem/1.45 system-ui,sans-serif;letter-spacing:.11em;text-transform:uppercase;color:var(--brown)}.place-meta dd{margin:0;font-size:.86rem;line-height:1.45;color:var(--muted)}.entry-copy p{font-size:.96rem;margin:0 0 14px}.memo{display:block;background:var(--white);padding:17px 18px;margin:18px -4px;font-size:.88rem;color:var(--muted);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.memo span{display:block;font:700 .68rem/1.2 system-ui,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--brown);margin-bottom:8px}.pigeon-line{background:var(--wash);border-bottom:3px solid var(--gold);padding:14px 16px;margin:18px -4px 0!important}.pigeon-line span{display:block;font:700 .65rem/1 system-ui,sans-serif;letter-spacing:.13em;text-transform:uppercase;color:var(--brown);margin-bottom:8px}.verify{display:inline-block;padding:3px 7px;background:color-mix(in srgb,var(--danger) 14%,transparent);color:var(--danger);font:bold .68rem/1 system-ui,sans-serif;text-transform:uppercase;letter-spacing:.08em}
.interplate{float:none;display:block;width:100%;max-width:110mm;break-inside:avoid;margin:0 auto 30px;background:var(--paper-2);padding:10px}.interplate img{display:block;width:auto;max-width:100%;height:auto;margin-inline:auto}.interplate figcaption{font-size:.76rem;color:var(--muted);padding:10px 4px 2px}
.afterword{background:var(--paper)}.after-grid{display:grid;grid-template-columns:1fr 1fr;gap:34px}.after-card{border-top:2px solid var(--brown);padding-top:20px}.after-card h3{font-size:1.5rem;margin:0 0 16px}.after-card ul{padding-left:20px}.after-card li{margin-bottom:12px}.invites{grid-column:1/-1;display:grid;grid-template-columns:1.1fr .9fr;background:var(--navy);color:#f3ebdd;margin-top:18px}.invites img{width:100%;height:100%;min-height:360px;object-fit:cover}.invite-copy{padding:38px}.invite-copy h3{font-size:2rem;margin-top:0}.invite-copy p,.invite-copy li{color:#d0c7b8}.invite-copy strong{color:#fff0bf}
.index-panel{position:fixed;z-index:40;inset:0 0 0 auto;width:min(420px,92vw);background:var(--paper);border-left:1px solid var(--line);padding:28px;transform:translateX(105%);transition:transform .25s ease;overflow:auto;box-shadow:-16px 0 40px var(--shadow)}.index-panel.open{transform:none}.index-top{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:15px}.index-top h2{font-size:1.5rem;margin:0}.index-top button{background:none;border:0;font-size:1.8rem;color:var(--ink);cursor:pointer}.index-panel ol{padding-left:22px}.index-panel li{margin:10px 0}.index-panel a{text-decoration:none}.index-panel a:hover{text-decoration:underline}.index-panel .tiny{color:var(--muted);font-size:.82rem}
footer{padding:40px max(20px,calc((100vw - 1120px)/2));background:var(--navy);color:#c8bca8;display:flex;justify-content:space-between;gap:25px;font-size:.82rem}footer p{margin:0}
@media(max-width:800px){body{font-size:17px}.site-nav a:nth-of-type(2){display:none}.hero{grid-template-columns:1fr;min-height:0}.hero-art{min-height:56vh}.hero-art:after{background:linear-gradient(0deg,var(--navy),transparent 45%)}.hero-copy{padding:32px 22px 54px;margin-top:-45px;position:relative}.hero-copy .zh-title{font-size:4.2rem}.hero h1{font-size:2.85rem;max-width:none}.section{padding:68px 20px}.section-head{grid-template-columns:1fr;gap:8px;margin-bottom:38px}.section-head h2{font-size:2.75rem}.preface-grid,.poem-chain,.appendix,.after-grid,.invites,.term-grid{grid-template-columns:1fr}.nameplate span:first-child{display:block;min-width:0;margin-bottom:2px}.poem:nth-child(even){margin-top:0}.poem{padding:28px 20px}.couplet{grid-template-columns:1fr}.zh{font-size:1.23rem}.voice-stamp{position:static;margin-bottom:15px}.region-places{column-count:1}.region-group{margin-bottom:46px}.region-title{font-size:1.55rem}.entry-copy{padding:22px 20px}.place-meta div{grid-template-columns:4.8rem 1fr}.invites{grid-column:auto}.invite-copy{padding:28px 22px}footer{display:block}footer p+ p{margin-top:8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.index-panel{transition:none}}
@media print{.site-nav,.reading-line,.filter-wrap,.index-panel{display:none!important}.hero{min-height:100vh}.section{padding:18mm}.place{box-shadow:none;border:1px solid var(--line)}.region-places{column-count:2}.stoa-plate{width:50mm}}
/*map:start*/.map-note{max-width:1000px;margin:34px auto 26px;padding-top:18px;border-top:2px solid var(--brown)}.map-note h3{margin:0 0 14px;font-size:1.5rem;font-weight:500;color:var(--brown-deep)}.map-note p{margin:0 0 14px}.map-plate{margin:0 auto 46px;max-width:1000px;background:var(--paper-2);padding:10px;box-shadow:0 10px 32px var(--shadow);break-inside:avoid}.map-plate img{display:block;width:100%;height:auto}.map-plate figcaption{font-size:.76rem;color:var(--muted);padding:10px 4px 2px}@media print{.map-note{max-width:none}.map-plate{max-width:170mm;box-shadow:none;border:1px solid var(--line)}}/*map:end*/
/*travel:start*/.travel-pointer{margin:-14px 0 36px;padding:14px 18px;background:var(--paper-2);border-left:4px solid var(--brown);font-size:.98rem}.travel-pointer a{color:var(--brown-deep);font-weight:600;text-underline-offset:4px}.travel-note .travel-sub{margin:-8px 0 18px;font-style:italic;color:var(--muted)}.travel-note h4{margin:26px 0 10px;font-size:1.16rem;font-weight:600;color:var(--brown-deep)}.travel-note h4:first-child{margin-top:0}.travel-note .step{margin:22px 0 8px;font-weight:600;color:var(--brown-deep)}.travel-note .step:first-child{margin-top:0}.travel-note code{font:500 .84em/1.5 ui-monospace,SFMono-Regular,Consolas,monospace;background:var(--paper-2);padding:1px 5px;overflow-wrap:anywhere}.travel-note pre{margin:0 0 14px;padding:12px 14px;background:var(--paper-2);overflow-x:auto;font:500 .8rem/1.55 ui-monospace,SFMono-Regular,Consolas,monospace}.travel-sources .travel-sub{margin:-8px 0 14px;font-style:italic;color:var(--muted)}.travel-sources .src-head{margin:16px 0 8px;font:700 .68rem/1.2 system-ui,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--brown)}.travel-sources li{margin:0 0 8px;font-size:.93rem}.travel-sources a{overflow-wrap:anywhere;text-underline-offset:3px}.travel-sources code{font:500 .84em/1.5 ui-monospace,SFMono-Regular,Consolas,monospace;overflow-wrap:anywhere}.travel-note .page-no{margin:22px 0 0;padding-top:10px;border-top:1px solid var(--line);text-align:right;font:700 .66rem/1 system-ui,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}/*travel:end*/
/*notices:start*/.notices{background:var(--paper-2)}.psa-wall{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:44px 30px;align-items:start}.psa{position:relative;transform:rotate(-1.2deg);transition:transform .2s ease}.psa:nth-child(2n){transform:rotate(.9deg)}.psa:nth-child(3n){transform:rotate(-.4deg)}.psa:hover,.psa:focus-within{transform:rotate(0) translateY(-3px)}.psa::before{content:"";position:absolute;z-index:1;top:-11px;left:50%;width:86px;height:22px;margin-left:-43px;background:color-mix(in srgb,var(--gold) 42%,transparent);box-shadow:0 1px 2px var(--shadow);transform:rotate(-3deg)}.psa:nth-child(2n)::before{transform:rotate(2.5deg)}.psa-open{display:block;width:100%;padding:8px 8px 12px;border:0;background:var(--white);color:inherit;font:inherit;text-align:left;cursor:pointer;box-shadow:0 12px 24px var(--shadow),0 2px 4px var(--shadow)}.psa-open:focus-visible{outline:3px solid var(--gold);outline-offset:3px}.psa-art{display:block;aspect-ratio:2/3;overflow:hidden;background:var(--navy)}.psa-art img{display:block;width:100%;height:100%;object-fit:cover}.psa-waiting{display:flex;box-sizing:border-box;height:100%;align-items:center;justify-content:center;padding:14px;border:1px dashed rgba(245,239,226,.35);text-align:center;color:#cbbd9d;font:700 .66rem/1.5 system-ui,sans-serif;letter-spacing:.14em;text-transform:uppercase}.psa-title{display:block;margin-top:10px;font-weight:600;font-size:1rem;line-height:1.25;color:var(--brown-deep)}.psa-body{display:none}.psa-kind{margin:0;font:700 .68rem/1 system-ui,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--brown)}.psa-dialog{width:min(1060px,94vw);max-height:92vh;padding:0;border:0;background:var(--paper);color:var(--ink);box-shadow:0 30px 80px rgba(0,0,0,.45)}.psa-dialog::backdrop{background:rgba(12,18,23,.74)}.psa-sheet{position:relative;padding:30px}.psa-view{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:32px;align-items:start}.psa-view-art{background:var(--navy)}.psa-view-art img{display:block;width:100%;height:auto}.psa-view-art .psa-waiting{min-height:340px}.psa-view-text h3{margin:8px 0 18px;font-size:1.9rem;line-height:1.1;font-weight:500}.psa-view-text ul{margin:0 0 16px;padding-left:20px}.psa-view-text li{margin:0 0 9px}.psa-foot{margin:0 0 16px;padding-top:12px;border-top:1px solid var(--line);font-style:italic;color:var(--brown-deep)}.psa-explain{margin:0 0 14px}.psa-source{margin:0;font-size:.82rem;color:var(--muted)}.psa-check{margin:16px 0 6px;font:700 .68rem/1.2 system-ui,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--brown)}.psa-view-text .psa-links{margin:0;padding-left:18px;font-size:.82rem;color:var(--muted)}.psa-view-text .psa-links li{margin:0 0 6px}.psa-links a{overflow-wrap:anywhere;text-underline-offset:3px}.section-head .wall-note{margin-top:10px;max-width:680px}.section-head .wall-note p{margin:14px 0 0;color:var(--ink)}.psa-hint{margin:-22px 0 34px;font:700 .68rem/1.2 system-ui,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--brown)}.psa-view-text code{font:500 .84em/1.5 ui-monospace,SFMono-Regular,Consolas,monospace;background:var(--paper-2);padding:1px 5px}.psa-close{position:absolute;right:12px;top:6px;border:0;background:none;color:var(--ink);font-size:2rem;line-height:1;cursor:pointer}.psa-nav{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:24px;padding-top:14px;border-top:1px solid var(--line)}.psa-nav button{border:1px solid var(--line);background:transparent;color:var(--ink);padding:7px 14px;font:inherit;font-size:.9rem;cursor:pointer}.psa-count{font-size:.8rem;color:var(--muted)}@media(max-width:800px){.psa-view{grid-template-columns:1fr}.psa-sheet{padding:22px 18px}}@media(prefers-reduced-motion:reduce){.psa{transition:none}}@media print{.psa{transform:none}.psa::before{display:none}.psa-body{display:block;padding:8px 0}.psa-dialog{display:none}}/*notices:end*/
/*window:start*/.window-link{display:flex;flex-wrap:wrap;gap:6px 12px;align-items:baseline;margin:18px -4px 0!important;padding:12px 16px;border:1px solid var(--line);background:var(--white)}.window-link a{font-weight:600;color:var(--brown-deep);text-underline-offset:4px}.window-link a::after{content:" \2197"}.window-link span{font-size:.78rem;color:var(--muted);overflow-wrap:anywhere}.window-link b{margin-left:auto;font:700 .68rem/1.4 system-ui,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--brown)}/*window:end*/
/*pages:start*/.afterword .after-grid{gap:46px 40px;align-items:start}.afterword .after-card{position:relative;border-top:0;padding:36px 30px 28px;background:var(--wash);box-shadow:0 14px 28px var(--shadow),0 2px 5px var(--shadow);transform:rotate(-.8deg);transition:transform .2s ease}.afterword .after-card:nth-child(2n){transform:rotate(.7deg)}.afterword .after-card::before{content:"";position:absolute;top:-12px;left:50%;width:104px;height:24px;margin-left:-52px;background:color-mix(in srgb,var(--gold) 40%,transparent);box-shadow:0 1px 2px var(--shadow);transform:rotate(-2.5deg)}.afterword .after-card:nth-child(2n)::before{transform:rotate(2deg)}.afterword .travel-note{background:var(--white);padding:40px 36px 26px;transform:rotate(.4deg)}.afterword .travel-note:nth-child(2n){transform:rotate(-.45deg)}.afterword .travel-appendix{grid-row:span 2}@media(min-width:801px){.afterword .after-grid{grid-template-rows:auto auto auto 1fr}}.afterword .after-grid .after-card:hover{transform:rotate(0)}@media(prefers-reduced-motion:reduce){.afterword .after-card{transition:none}}@media print{.afterword .after-grid .after-card{transform:none;box-shadow:none;border:1px solid var(--line)}.afterword .after-card::before{display:none}}/*pages:end*/
/*preface:start*/.preface-first{background:var(--paper)}.preface-first .section-head h2{font-size:clamp(2rem,4.2vw,3.5rem);line-height:1.04}.preface-text p{margin:0 0 18px}/*preface:end*/
/*credits:start*/footer{flex-wrap:wrap}footer .credits{flex-basis:100%;padding-top:16px;border-top:1px solid rgba(200,188,168,.28)}/*credits:end*/