:root{--paper:#faf9f6;--ink:#272341;--muted:#77727b;--line:#29234424;--accent:#c46049;--gutter:clamp(22px,4vw,72px);font-family:"Microsoft YaHei","PingFang SC",sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}
*{box-sizing:border-box}body{margin:0}body[data-mode=film]{overflow:hidden;background:#131121}body[data-mode=film] .scrubber{color:#f1e6d7}button,a,input{ -webkit-tap-highlight-color:transparent}button,input{font:inherit}button{border:0;background:none;color:inherit;cursor:pointer}a{color:inherit;text-decoration:none}a:hover,button:hover{color:var(--accent)}button:disabled{cursor:default;color:var(--muted)}:focus-visible{outline:2px solid var(--accent);outline-offset:5px}button{min-height:44px}img,video{display:block;max-width:100%}figure{margin:0}p{line-height:1.95;margin:0 0 1.3em}h1,h2,h3{font-family:"Songti SC","Noto Serif SC","SimSun",serif;font-weight:400;margin:0}h1{font-size:clamp(34px,3.4vw,60px);line-height:1.3;letter-spacing:.07em;margin-bottom:28px}h2{font-size:clamp(25px,2.3vw,37px);line-height:1.5;margin-bottom:20px}h3{font-size:25px;margin-bottom:14px}small,figcaption{font-size:12px;color:var(--muted);line-height:1.8}figcaption{margin-top:12px}summary{cursor:pointer;line-height:1.7}details>summary::marker{color:var(--muted)}[hidden]{display:none!important}
#film-host{position:fixed;inset:0 0 26px;display:grid;place-items:center;pointer-events:none}#stage{width:auto;height:auto;aspect-ratio:3/4;position:relative;pointer-events:auto;flex:none;transform-origin:0 0;z-index:4}#film-host #stage{width:min(100vw,calc((100svh - 26px)*.75));height:auto}#film{width:100%;height:100%;display:block;outline-offset:-5px}.scrubber{position:fixed;bottom:0;left:0;right:0;height:26px;padding:0 12px;display:flex;align-items:center;background:var(--paper);z-index:30;color:var(--accent)}body[data-mode=film] .scrubber{background:#131121}#seek{appearance:none;width:100%;height:3px;margin:0;cursor:pointer;background:linear-gradient(to right,currentColor var(--progress,0%),#928b9b50 var(--progress,0%));color:inherit}#seek::-webkit-slider-thumb{appearance:none;width:10px;height:10px;background:currentColor;border-radius:50%}#seek::-moz-range-thumb{width:10px;height:10px;background:currentColor;border:0;border-radius:50%}#seek:focus-visible{outline-offset:7px}
.page-nav{height:76px;padding:0 var(--gutter);display:flex;justify-content:space-between;align-items:center;font-size:13px;gap:25px}.page-nav a,.page-nav button{padding:10px 0;min-width:44px}.page-nav .nav-right{display:flex;gap:26px;align-items:center}.chapter{padding:0 var(--gutter) 100px;max-width:1920px;margin:auto}.page-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(35px,7vw,120px);align-items:start}.art-slot{position:sticky;top:32px;display:grid;place-items:center;min-width:0}.art-slot #stage{width:min(100%,calc((100svh - 112px)*.75));max-width:100%}.chapter-body{min-width:0;padding:clamp(20px,5vh,65px) 0 40px;max-width:100%}.lead{font-size:clamp(17px,1.4vw,21px);line-height:1.95;max-width:30em;color:#555166}.text{max-width:38em;font-size:16px}.text p:last-child{margin-bottom:0}.quiet{font-size:13px;color:var(--muted)}.chapter-footer{padding-top:70px;display:flex;align-items:center;justify-content:space-between;gap:24px;font-size:13px}.continue{white-space:nowrap;padding:14px 0;font-size:15px;letter-spacing:.08em}.continue span{display:inline-block;margin-left:20px}.source-note{margin-top:40px;font-size:12px;color:var(--muted)}.source-note a{text-decoration:underline;text-underline-offset:4px}.lake .chapter-body{min-height:calc(100svh - 180px);display:flex;flex-direction:column;justify-content:center}.lake h1{font-size:clamp(44px,5vw,80px);margin-bottom:44px}.lake .chapter-footer{padding-top:46px}.lake .poem{font-family:"Songti SC","SimSun",serif;font-size:clamp(23px,2.5vw,37px);line-height:1.9;margin:0 0 36px}.history .page-grid{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}.timeline{margin-top:55px}.timeline section{padding:0 0 48px 27px;border-left:1px solid var(--line);position:relative;max-width:37em}.timeline section:before{content:"";position:absolute;left:-3px;top:12px;background:var(--accent);width:5px;height:5px;border-radius:50%}.timeline h2{font-size:28px}.timeline p{font-size:16px;color:#575263}.history-photo{margin:24px 0 30px;max-width:390px}.history-photo img{width:100%}.manuscript{margin:35px 0}.manuscript summary{font-size:13px;color:var(--muted)}.manuscript .text{margin-top:22px;font-size:14px;color:#625b65}
.feature-list{margin-top:48px}.feature-list details{border-top:1px solid var(--line);padding:20px 0}.feature-list summary{font-family:"Songti SC","SimSun",serif;font-size:27px;list-style:none;display:flex;align-items:center;justify-content:space-between}.feature-list summary:after{content:"+";font:22px sans-serif;color:var(--muted)}.feature-list details[open] summary:after{content:"−"}.feature-list .text{margin-top:23px;color:#595365}.feature-list .text p{font-size:15px}.feature-list img{max-height:360px;object-fit:contain;object-position:left;margin:26px 0 8px}
.music .page-grid,.works .page-grid,.dictionary .page-grid,.dialogue .page-grid{grid-template-columns:minmax(240px,.65fr) minmax(0,1.35fr);gap:clamp(30px,5vw,90px)}.music .chapter-body,.works .chapter-body,.dictionary .chapter-body,.dialogue .chapter-body{padding-top:18px}.instrument-nav{display:flex;gap:14px 25px;flex-wrap:wrap;margin:10px 0 24px;border-bottom:1px solid var(--line)}.instrument-nav button{padding:9px 0 12px;font-size:14px;position:relative}.instrument-nav button[aria-pressed=true]{color:var(--accent)}.instrument-nav button[aria-pressed=true]:after{content:"";position:absolute;height:2px;background:var(--accent);bottom:-1px;left:0;right:0}.instrument-photos{display:flex;align-items:center;justify-content:center;gap:16px;width:100%;min-height:260px;padding:20px 0;margin-bottom:18px}.instrument-photos figure{min-width:0;flex:1;text-align:center}.instrument-photos img{height:clamp(230px,32vh,360px);width:100%;object-fit:contain}.instrument-photos.many{flex-wrap:wrap}.instrument-photos.many figure{flex:1 1 40%}.instrument-photos.many img{height:170px}.instrument-copy{max-width:37em}.instrument-copy h2{font-size:30px;margin-bottom:15px}.instrument-copy p{font-size:15px}.instrument-copy .manuscript{margin:20px 0}.instrument-copy .quiet{font-size:12px;margin:25px 0}.works-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:40px 28px;margin-top:36px}.play-card{padding:0;display:block;width:100%;text-align:left}.play-card figure{aspect-ratio:3/4;background:#f0ede8;display:flex;align-items:center;justify-content:center}.play-card img{width:100%;height:100%;object-fit:contain}.play-card h2{font-size:22px;margin:16px 0 4px}.play-card small{display:block;font-size:11px}.play-card:hover img{opacity:.88}.play-card .illustrated{padding:0;background:transparent}.play-card .illustrated img{object-fit:contain}
.dictionary-search{display:flex;border-bottom:1px solid var(--ink);margin:38px 0 30px;align-items:center;gap:15px}.dictionary-search input{width:100%;min-width:0;border:0;background:none;font-size:17px;padding:16px 0;color:inherit;outline-offset:2px}.dictionary-search button{font-size:13px;white-space:nowrap}.dictionary-layout{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(170px,.75fr);gap:28px}.character-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;align-content:start}.character-grid button,.character-grid .empty-cell{aspect-ratio:1;min-height:0;border:1px solid #ded9d1;display:grid;place-items:center;font:clamp(19px,3vw,30px) "SimSun",serif}.empty-cell:after{content:"";height:3px;width:3px;border-radius:50%;background:#c7c0b5}.dictionary-detail{padding:20px 0 10px 24px;border-left:1px solid var(--line)}.dictionary-detail .empty-character{font:72px "SimSun",serif;color:#c9c1b6;margin-bottom:25px}.dictionary-detail h2{font-size:24px}.dictionary-detail p{font-size:13px;color:var(--muted)}.dictionary-detail audio{width:100%;margin-top:18px}.search-message{font-size:13px;color:var(--muted);margin-bottom:20px}.video-shell{background:#14121b;margin:30px 0 26px}.video-shell video{width:100%;aspect-ratio:16/9;object-fit:contain}.dialogue .text{font-size:16px}.visit-poster{margin-top:40px}.visit-poster img{width:100%}.dialogue .manuscript{margin-top:25px}
.gallery{padding:20px var(--gutter) 110px;max-width:1720px;margin:auto}.gallery-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:65px 30px}.gallery-card img{width:100%;height:auto;aspect-ratio:3/4;object-fit:contain}.gallery-card h2{font-family:inherit;font-size:14px;letter-spacing:.04em;margin:17px 0 0}.gallery-footer{display:flex;justify-content:space-between;gap:25px;padding-top:70px;font-size:13px}.references{max-width:820px;padding:45px var(--gutter) 130px;margin:auto}.references h2{font-size:24px;margin-top:40px}.references p{font-size:15px;color:#5d5668}.references a{text-decoration:underline;text-underline-offset:4px}.references ul{padding-left:20px;line-height:2;font-size:14px}.references li{margin:10px 0;overflow-wrap:anywhere}dialog{background:var(--paper);color:var(--ink);border:0;padding:56px clamp(22px,4vw,70px);width:min(920px,calc(100vw - 28px));max-height:calc(100svh - 50px);overscroll-behavior:contain}dialog::backdrop{background:#171223a8}.close{position:absolute;right:16px;top:8px;font-size:30px;width:44px}.detail-layout{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:38px}.detail-layout img{width:100%;max-height:560px;object-fit:contain}.detail-layout p{font-size:15px}.detail-layout h2{font-size:31px}.detail-layout small{display:block;margin-top:16px}
h1[tabindex="-1"]:focus{outline:none}
body[data-mode=film]{min-height:100svh}
body:not([data-mode=film]) .scrubber{display:none}
.feature-list .manuscript{border:0;padding:0;margin:24px 0 0}
.feature-list .manuscript summary{font-family:inherit;font-size:13px;display:list-item;list-style:revert;color:var(--muted)}
.feature-list .manuscript summary:after{content:none}
@media(min-width:1800px){.gallery-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:1050px){.page-grid{gap:35px}.music .page-grid,.works .page-grid,.dictionary .page-grid,.dialogue .page-grid{grid-template-columns:minmax(210px,.7fr) minmax(0,1.3fr);gap:30px}.dictionary-layout{grid-template-columns:1fr}.dictionary-detail{border-left:0;border-top:1px solid var(--line);padding:24px 0 0}.dictionary-detail .empty-character{display:none}.instrument-nav{gap:8px 18px}}
@media(max-width:740px){:root{--gutter:22px}.page-nav{height:64px}.page-nav .nav-right{gap:20px}.chapter{padding-bottom:85px}.page-grid,.history .page-grid,.music .page-grid,.works .page-grid,.dictionary .page-grid,.dialogue .page-grid{display:flex;flex-direction:column;gap:0}.art-slot{position:relative;top:0;width:100%}.art-slot #stage{width:min(100%,calc((100svh - 144px)*.75));max-height:none}.chapter-body,.music .chapter-body,.works .chapter-body,.dictionary .chapter-body,.dialogue .chapter-body{width:100%;padding:42px 0 0}.lake .chapter-body{min-height:0}.lake h1{font-size:44px;margin-bottom:24px}.lake .poem{font-size:25px}.chapter-footer{padding-top:45px}.timeline{margin-top:38px}.timeline section{padding-left:21px;padding-bottom:32px}.feature-list{margin-top:25px}.gallery{padding-top:5px}.gallery-grid{grid-template-columns:1fr;gap:42px}.gallery-card h2{margin-top:14px}.gallery-footer{padding-top:42px}.works-grid{gap:30px 17px}.play-card h2{font-size:21px}.instrument-photos img{height:260px}.instrument-photos{min-height:220px}.instrument-nav button{font-size:13px}.dictionary-layout{grid-template-columns:1fr}.character-grid{gap:9px}.character-grid button{font-size:28px}.detail-layout{grid-template-columns:1fr;gap:28px}.detail-layout img{max-height:330px}.references{padding-top:25px}.video-shell{margin-top:24px}.lead{font-size:18px}h1{font-size:36px}.dialogue .chapter-body h1{font-size:34px}}
@media(max-height:550px) and (orientation:landscape){.art-slot #stage{width:min(100%,calc((100svh - 100px)*.75))}.page-nav{height:58px}.chapter-body{padding-top:8px}.lake h1{font-size:38px}.lake .poem{font-size:23px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.001ms!important;transition-duration:.001ms!important}}

/* Illustrated editorial plates, original evidence kept in quiet disclosures. */
.instrument-illustration{margin:14px 0 30px;background:#faf5e9}
.instrument-illustration img{width:100%;height:auto;aspect-ratio:4/3;object-fit:contain}
.instrument-illustration.ensemble{background:transparent}
.instrument-illustration.ensemble img{aspect-ratio:3/4;max-height:600px}
.original-material{margin:24px 0;font-size:13px;color:var(--muted)}
.original-material>summary{font:13px/1.8 "Microsoft YaHei",sans-serif;display:list-item;list-style:revert}
.original-images{display:flex;gap:20px;flex-wrap:wrap;margin-top:22px}
.original-images figure{flex:1 1 160px;max-width:360px}
.original-images img{max-height:300px;width:100%;object-fit:contain;object-position:left}
.feature-list .original-material{border:0;padding:0}
.feature-list .original-material>summary{font-size:13px;display:list-item}
.feature-list .original-material>summary:after{content:none}
.feature-list .original-images img{margin:0}
.play-card{align-self:start}
.play-card .illustrated{background:none}
.play-card .illustrated img{aspect-ratio:3/4;width:100%;height:auto}
.detail-layout .original-images img{max-height:280px}
.dialogue .video-shell{margin-top:30px}
@media(max-width:740px){.instrument-illustration{margin-bottom:25px}.original-images{gap:18px}.original-images figure{flex-basis:100%}}