@charset "UTF-8";
:root{--paper:#f3efe6;--ink:#262824;--muted:#6b6b61;--line:#d3cfc4;--red:#af332a;--serif:"Noto Serif CJK SC","Source Han Serif SC","Songti SC","SimSun",serif;--sans:"Microsoft YaHei","PingFang SC",sans-serif;--gutter:clamp(22px,5vw,88px)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.7 var(--sans);-webkit-font-smoothing:antialiased}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-underline-offset:4px}button{color:inherit;cursor:pointer}button:disabled{cursor:default;opacity:.5}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--red);outline-offset:5px}button{border:0}img{display:block;width:100%;height:100%;object-fit:cover}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-family:var(--serif);font-weight:500}h2{font-size:clamp(28px,3vw,44px);line-height:1.4;letter-spacing:-.02em}.wrap{width:min(1440px,100% - var(--gutter)*2);margin-inline:auto}.eyebrow{font:11px/1.6 var(--sans);letter-spacing:.17em;text-transform:uppercase}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.skip-link{position:fixed;top:0;left:20px;transform:translateY(-160%);z-index:100;background:var(--ink);color:white;padding:12px}.skip-link:focus{transform:translateY(0)}
.masthead{min-height:100px;margin-inline:var(--gutter);display:flex;align-items:center;gap:35px;border-bottom:1px solid var(--ink)}.brand{display:flex;gap:13px;align-items:center;text-decoration:none;white-space:nowrap;font:26px/1.2 var(--serif);letter-spacing:.15em}.brand small{display:block;font:9px/2.3 var(--sans);letter-spacing:.15em}.brand-seal{background:var(--red);color:var(--paper);font:15px/1.05 var(--serif);padding:7px 8px;letter-spacing:0}.masthead nav{display:flex;gap:28px;flex:1;justify-content:center}.masthead nav a{font-size:13px;text-decoration:none}.masthead nav a:hover{text-decoration:underline}.saved-link{background:none;white-space:nowrap;font-size:13px}.saved-link span{display:inline-flex;border:1px solid var(--line);border-radius:50%;align-items:center;justify-content:center;width:29px;height:29px;margin-left:8px}.saved-link[aria-pressed=true]{color:var(--red)}
.hero{display:grid;grid-template-columns:.85fr 1.15fr;padding-block:54px 60px;gap:clamp(30px,5vw,100px);min-height:690px}.hero-copy{display:flex;flex-direction:column;align-items:flex-start;padding-top:20px}.hero h1{font-size:clamp(55px,6.2vw,100px);letter-spacing:-.055em;line-height:1.18;margin-block:32px 28px}.hero h1 span{color:var(--red)}.hero-description{color:var(--muted);font-size:15px;line-height:2.05}.primary-link{display:inline-flex;gap:40px;align-items:center;padding:13px 0;border:0;border-bottom:1px solid var(--ink);font-size:14px;text-decoration:none;background:none;transition:color .2s}.primary-link:hover{color:var(--red)}.hero .primary-link{margin-top:23px}.hero-bottom{font-size:9px;letter-spacing:.1em;display:flex;gap:35px;flex-wrap:wrap;margin-top:auto;padding-top:25px;color:var(--muted)}.hero-art{position:relative;margin:0;min-height:540px;overflow:hidden;background:#cbcfc8}.hero-art img{object-position:45% center;filter:saturate(.8);transition:transform 1.2s}.hero-art:hover img{transform:scale(1.025)}.hero-art-label{position:absolute;bottom:65px;left:30px;right:25px;display:flex;align-items:flex-end;justify-content:space-between;gap:15px;color:#182c3c;text-shadow:0 1px 16px #fff8}.hero-art-label>span{writing-mode:vertical-rl;font:15px var(--serif);letter-spacing:.25em}.hero-art-label strong{font:34px/1.55 var(--serif);text-align:right}.hero-art figcaption{position:absolute;bottom:0;left:0;right:0;background:#e8e1cddd;font-size:9px;padding:11px 16px;letter-spacing:.05em}.index-strip{border-block:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;padding:15px var(--gutter);font-size:10px;letter-spacing:.08em}.index-strip p{display:flex;gap:20px}.index-strip i{font-style:normal;color:var(--red)}.index-strip>span:last-child{color:var(--muted);font-size:9px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:35px}.section-heading .eyebrow{margin-bottom:14px;color:var(--red)}.section-heading>p{font-size:13px;color:var(--muted);line-height:1.9}.editors{padding-block:82px}.editor-layout{display:grid;grid-template-columns:1.55fr 1fr;gap:24px}.feature{position:relative;text-align:left;padding:0;overflow:hidden;background:var(--ink);color:white;min-height:555px}.feature img{position:absolute;inset:0;transition:transform .7s;filter:brightness(.66)}.feature:hover img{transform:scale(1.03)}.feature-overlay{position:relative;padding:40px;display:flex;align-items:flex-start;flex-direction:column;height:100%;min-height:555px;background:linear-gradient(0deg,#101d18a3,transparent 80%)}.feature-overlay strong{font:clamp(30px,3vw,46px)/1.6 var(--serif);margin-top:auto;margin-bottom:20px}.feature-overlay>span:nth-last-child(2){font-size:13px;color:#fffddd}.feature-action{font-size:12px;letter-spacing:.07em;margin-top:22px}.image-note{position:absolute;top:21px;right:18px;font-size:9px;writing-mode:vertical-rl;letter-spacing:.08em;opacity:.8}.editor-small{display:grid;grid-template-rows:1.6fr 1fr;gap:24px}.record-feature{position:relative;overflow:hidden;background:#c4bfae;text-align:left;padding:28px 30px;display:flex;flex-direction:column;align-items:flex-start;color:#273132}.record-feature strong{font-size:30px;line-height:1.4;z-index:1;margin-top:24px;font-weight:500}.record-feature strong em{font:19px var(--serif);font-style:normal}.record-feature>span:not(.record){position:relative;z-index:1}.record-feature>span:nth-last-child(2){font-size:12px;margin-top:15px}.record{position:absolute;right:-62px;top:70px;width:255px;height:255px;border-radius:50%;background:repeating-radial-gradient(circle at center,#252a27 0,#252a27 2px,#333a34 3px,#252a27 4px);box-shadow:-10px 10px 22px #19231a22}.record i{position:absolute;inset:35%;border-radius:50%;background:#ad3c2d;border:26px solid #aa3e2e}.record i:after{content:"";position:absolute;inset:4px;background:var(--paper);border-radius:50%}.record-feature:hover .record{transform:rotate(30deg);transition:transform 1.5s}.text-feature{padding:25px 30px;text-align:left;background:#e8ddc8;display:grid;grid-template-columns:1fr auto}.text-feature .eyebrow{grid-column:1/-1}.text-feature strong{font:28px/1.5 var(--serif);margin-top:13px}.text-feature>span:nth-last-child(2){font-size:12px;color:var(--muted);grid-column:1}.text-feature>span:last-child{grid-column:2;grid-row:2;font-size:24px;align-self:end}
.chapters{padding-block:55px 70px;border-block:1px solid var(--line)}.era-spreads{display:grid;grid-template-columns:repeat(3,1fr)}.era-panel{text-align:left;position:relative;padding:34px;min-height:390px;display:flex;align-items:flex-start;flex-direction:column;overflow:hidden}.era-number{position:absolute;right:22px;top:13px;font:75px/1 var(--serif);opacity:.12}.era-kicker{font-size:11px;letter-spacing:.1em;position:relative}.era-panel strong{font:34px/1.5 var(--serif);margin-top:32px;position:relative}.era-panel p{font-size:12px;line-height:2;margin-top:23px;position:relative}.era-link{font-size:12px;margin-top:auto;padding-top:25px;border-bottom:1px solid currentColor;position:relative}.era-traditional{background:#e5e0d3;color:#37443c;background-image:repeating-linear-gradient(90deg,transparent 0,transparent 64px,#4b584708 65px)}.era-traditional:after{content:"";width:100px;height:100px;position:absolute;bottom:25px;right:20px;border-radius:50%;border:1px solid #5b67502e}.era-showa{background:#ca5b36;color:#f9efcf}.era-showa strong{font-family:var(--sans);font-weight:800;letter-spacing:-.06em}.era-showa:after{content:"";position:absolute;width:250px;height:30px;background:#233f49;transform:rotate(-35deg);bottom:62px;right:-135px;box-shadow:0 38px 0 #e8ac46}.era-now{background:#243036;color:#e9eee9}.era-now:after{content:"";position:absolute;right:0;top:0;width:35%;height:100%;opacity:.2;background:repeating-linear-gradient(0deg,transparent 0,transparent 47px,#a4bbb5 48px);border-left:1px solid #a4bbb5}.era-now .era-number{font:48px var(--sans);letter-spacing:-.08em;color:#abd4c0}.era-panel:hover .era-link{transform:translateX(5px);transition:transform .2s}.library{padding-block:85px}.library-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-bottom:16px;border-bottom:1px solid var(--ink)}.category-tabs{display:flex;gap:6px;flex-wrap:wrap}.category-tabs button{background:transparent;padding:9px 16px;border-radius:0;font-size:14px}.category-tabs button[aria-pressed=true]{background:var(--ink);color:var(--paper)}.search-label{display:flex;gap:10px;align-items:center;border-bottom:1px solid var(--line);min-width:250px}.search-label>span:not(.sr-only){font-size:26px;line-height:1}.search-label input{width:100%;background:transparent;border:0;font-size:13px;padding:9px 3px;min-width:0}.more-filters{border-bottom:1px solid var(--line)}.more-filters summary{list-style:none;font-size:12px;cursor:pointer;padding-block:15px;display:flex;justify-content:space-between}.more-filters summary::-webkit-details-marker{display:none}.filter-controls{display:flex;gap:25px;align-items:center;flex-wrap:wrap;padding-block:7px 16px}.filter-controls label{font-size:12px;display:flex;gap:10px;align-items:center}.filter-controls select{background:var(--paper);border:1px solid var(--line);padding:6px;font-size:12px;max-width:210px}.checkbox input{accent-color:var(--red);width:17px;height:17px}.text-button{font-size:12px;background:none;padding:6px 0;border-bottom:1px solid var(--line)}.text-button:hover{color:var(--red)}.filter-note{color:var(--muted);font-size:11px;padding-bottom:15px}.result-line{display:flex;justify-content:space-between;align-items:center;margin-block:20px 28px;font-size:12px;color:var(--muted)}.works-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:30px;row-gap:40px}.work-card{border-bottom:1px solid var(--line);padding-bottom:22px;min-width:0;position:relative}.work-cover{height:215px;position:relative;overflow:hidden;background:#d9d5c8;display:flex;align-items:center;justify-content:center;width:100%;padding:0;text-align:center}.work-cover img{transition:transform .5s;filter:saturate(.7)}.work-cover:hover img{transform:scale(1.04)}.work-cover .cover-note{position:absolute;bottom:7px;left:10px;color:white;background:#252824a6;padding:2px 6px;font-size:9px;letter-spacing:.03em}.work-cover .cover-title{font:32px/1.55 var(--serif);padding:20px;position:relative;z-index:1;white-space:pre-line}.cover-music{color:#e4d9bd;background:#3b4b47}.cover-music:before{content:"";width:150px;height:150px;position:absolute;right:-35px;top:35px;border-radius:50%;border:35px solid #18282333;box-shadow:0 0 0 1px #d3c7ab33}.cover-literature{background:#e9e2d1;color:#41473c;background-image:linear-gradient(90deg,#86794a09 1px,transparent 1px);background-size:28px 100%}.cover-literature:before{content:"文";position:absolute;right:20px;bottom:5px;font:130px var(--serif);opacity:.07}.cover-screen{background:#4a4143;color:#efe9de}.cover-screen:before,.cover-screen:after{content:"";position:absolute;left:0;right:0;height:16px;border-block:1px dashed #e9ddc84a}.cover-screen:before{top:12px}.cover-screen:after{bottom:12px}.work-card[data-era=modern] .cover-music{background:#b65835}.work-card[data-era=contemporary] .cover-music{background:#2c3b42}.cover-art{background:#d7d0c1}.card-meta{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-top:18px;font-size:10px;color:var(--muted);letter-spacing:.05em}.card-kind{color:var(--red)}.bookmark{background:none;font-size:21px;line-height:1;padding:6px;min-width:32px;margin-right:-6px}.bookmark[aria-pressed=true]{color:var(--red)}.title-button{padding:0;background:transparent;display:block;text-align:left;width:100%;margin-block:7px 8px}.title-button h3{font-size:23px;line-height:1.5}.title-button:hover h3{color:var(--red)}.card-subtitle{font-size:11px;color:var(--muted);margin-bottom:12px;min-height:19px}.card-intro{font-size:13px;line-height:1.9;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;min-height:74px}.card-tags{font-size:10px;color:var(--muted);margin-top:15px;display:flex;gap:8px;flex-wrap:wrap}.card-tags span{border:1px solid var(--line);padding:2px 7px}.empty-state{padding:80px 20px;text-align:center}.empty-state>span{font:30px var(--serif)}.empty-state p{font-size:13px;color:var(--muted);margin-top:20px}.empty-state button{margin-top:15px}.quote-spread{background:#dedfce;padding-block:65px;text-align:center}.quote-spread .eyebrow{color:#69705a}.quote-text{font:clamp(25px,3.3vw,42px)/1.9 var(--serif);margin-block:22px}.quote-credit{font-size:10px;letter-spacing:.1em;color:var(--muted)}.places{padding-block:80px}.place-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.place-grid button{position:relative;overflow:hidden;height:330px;background:var(--ink);padding:0;text-align:left;color:white}.place-grid img{filter:brightness(.8);transition:transform .6s}.place-grid button:hover img{transform:scale(1.05)}.place-grid button>span{position:absolute;inset:auto 0 0;padding:42px 20px 22px;font:26px var(--serif);background:linear-gradient(0deg,#15231bce,transparent)}.place-grid small{display:block;font:10px var(--sans);margin-top:13px;letter-spacing:.05em}.about{display:grid;grid-template-columns:1fr 1.4fr;gap:55px;padding-block:45px 70px;border-top:1px solid var(--ink)}.about h2{margin-top:15px}.about>div:nth-child(2)>p{font-size:13px;color:var(--muted);line-height:2;margin-bottom:15px}.edition-date{display:block;font-size:10px;color:var(--muted);margin-top:18px}footer{border-top:1px solid var(--line);padding-block:25px 40px;display:flex;justify-content:space-between;align-items:center;gap:25px;font-size:11px;color:var(--muted)}footer a{font:18px var(--serif);text-decoration:none;color:var(--ink)}footer a span{display:block;font:10px var(--sans);margin-top:10px}
dialog{border:0;padding:0;width:min(880px,calc(100% - 36px));max-height:88dvh;background:var(--paper);color:var(--ink);box-shadow:0 20px 100px #101b1d66;overscroll-behavior:contain}dialog::backdrop{background:#152224ba;backdrop-filter:blur(5px)}body:has(dialog[open]){overflow:hidden}.dialog-close{position:sticky;float:right;top:14px;right:14px;margin:14px 14px -55px 0;border-radius:50%;width:38px;height:38px;background:var(--paper);border:1px solid var(--line);font-size:26px;z-index:4;line-height:1}.detail-cover{height:285px;background:#ddd9cc;position:relative;overflow:hidden}.detail-cover img{object-fit:cover}.detail-cover .detail-cover-note{position:absolute;bottom:10px;left:20px;font-size:10px;padding:3px 8px;color:white;background:#232822a6}.detail-cover.typographic{background:#303c3c;display:flex;align-items:center;justify-content:center;color:#f5efdf}.detail-cover.typographic span{font:40px/1.5 var(--serif);text-align:center;max-width:75%}.detail-cover.full-art{height:auto;max-height:440px}.detail-cover.full-art img{height:auto;max-height:440px;object-fit:contain}.detail-body{padding:32px 42px 45px}.detail-body h2{font-size:35px;padding-right:15px;margin-block:8px 10px}.detail-subtitle{font-size:12px;color:var(--muted)}.detail-intro{font:20px/1.9 var(--serif);margin-block:25px}.detail-section{margin-top:25px;padding-top:20px;border-top:1px solid var(--line)}.detail-section h3{font:12px var(--sans);color:var(--red);letter-spacing:.1em;margin-bottom:10px}.detail-section p{font-size:14px;line-height:1.95}.relation-label{display:inline-block;font-size:10px;padding:2px 7px;border:1px solid var(--line);margin-bottom:8px;color:var(--muted)}.detail-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.detail-actions a,.detail-actions button{display:inline-block;background:var(--ink);color:var(--paper);padding:10px 17px;text-decoration:none;font-size:12px;border:1px solid var(--ink)}.detail-actions .secondary{background:transparent;color:var(--ink)}.availability{font-size:10px!important;color:var(--muted);margin-top:12px}.source-list{list-style:none;padding:0;margin:0}.source-list li{margin-block:7px}.source-list a{font-size:12px;overflow-wrap:anywhere}.detail-footer{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:28px}.detail-footer .text-button{white-space:nowrap}.score{display:inline-block;border:1px solid var(--line);font-size:11px;padding:4px 9px;margin-top:15px}.credits-list{display:grid;gap:16px}.credits-list p{font-size:12px}.credits-list a{font-size:11px}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,20px);padding:12px 22px;background:var(--ink);color:var(--paper);font-size:12px;max-width:90%;text-align:center;opacity:0;pointer-events:none;z-index:20;transition:opacity .2s,transform .2s}.toast.show{opacity:1;transform:translate(-50%,0)}
@media(min-width:1600px){.hero{min-height:750px}.hero-art{min-height:600px}.works-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.work-cover{height:200px}}
@media(max-width:1000px){.masthead nav{gap:16px}.hero{grid-template-columns:1fr 1fr;gap:30px;min-height:610px}.hero-art{min-height:490px}.hero-art-label strong{font-size:26px}.hero h1{font-size:66px}.hero-description{font-size:13px}.hero-bottom{gap:15px}.index-strip>span:last-child{display:none}.editor-layout{grid-template-columns:1.2fr 1fr}.feature,.feature-overlay{min-height:530px}.feature-overlay{padding:28px}.era-panel{padding:25px;min-height:370px}.era-panel strong{font-size:29px}.works-grid{column-gap:22px}.work-cover{height:175px}.work-cover .cover-title{font-size:27px}.place-grid button{height:275px}.place-grid button>span{font-size:23px;padding-inline:15px}.place-grid small{font-size:9px}}
@media(max-width:760px){html{scroll-padding-top:20px}.masthead{min-height:85px;gap:15px;flex-wrap:wrap;padding-block:15px}.brand{font-size:22px}.brand small{font-size:8px}.masthead nav{display:none}.saved-link{margin-left:auto}.hero{grid-template-columns:1fr;gap:30px;padding-block:30px;min-height:0}.hero-copy{padding:0}.hero-copy>.eyebrow{font-size:10px}.hero h1{font-size:clamp(58px,14vw,85px);margin-block:22px}.hero-description{font-size:14px;line-height:1.9}.hero-description br:first-child{display:none}.hero .primary-link{margin-top:16px}.hero-bottom{margin-top:22px;padding-top:0;justify-content:space-between;width:100%}.hero-art{min-height:0;height:380px}.hero-art-label strong{font-size:31px}.hero-art figcaption{font-size:8px}.index-strip{font-size:9px;gap:12px;padding-block:12px;flex-wrap:wrap}.index-strip p{gap:12px}.section-heading{align-items:start;flex-direction:column;gap:16px;margin-bottom:25px}.section-heading>p br{display:none}.section-heading .eyebrow{margin-bottom:10px}.editors{padding-block:48px}.editor-layout{grid-template-columns:1fr}.feature,.feature-overlay{min-height:440px}.feature-overlay strong{font-size:35px}.editor-small{grid-template-columns:1fr 1fr;grid-template-rows:1fr;gap:15px}.record-feature{padding:23px 20px;min-height:310px}.record-feature strong{font-size:25px;margin-top:25px}.record-feature strong em{font-size:16px}.record-feature>span:nth-last-child(2){font-size:11px}.record{width:205px;height:205px;right:-100px;top:100px;opacity:.8}.text-feature{padding:23px 20px;align-content:start}.text-feature strong{font-size:26px;margin-block:28px 20px}.text-feature>span:last-child{grid-row:4;grid-column:1;margin-top:20px}.chapters{padding-block:38px}.era-spreads{grid-template-columns:1fr}.era-panel{min-height:300px;padding:28px 30px}.era-panel strong{font-size:31px;margin-top:22px}.era-panel p{margin-top:15px}.era-panel p br{display:none}.era-link{padding-top:25px}.library{padding-block:48px}.library-toolbar{flex-direction:column;align-items:stretch;gap:18px}.category-tabs{gap:0;justify-content:space-between}.category-tabs button{padding:9px 12px;font-size:13px}.search-label input{font-size:14px}.filter-controls{gap:15px}.filter-controls label{font-size:12px}.filter-controls select{max-width:180px}.filter-note{font-size:11px}.works-grid{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:18px;row-gap:28px}.work-cover{height:160px}.work-cover .cover-title{font-size:23px;padding:13px}.title-button h3{font-size:20px}.card-meta{font-size:9px;margin-top:12px}.card-subtitle{font-size:10px;min-height:32px}.card-intro{font-size:12px;line-height:1.8;min-height:86px;-webkit-line-clamp:4}.card-tags{font-size:9px;gap:5px}.card-tags span{padding:1px 4px}.work-card{padding-bottom:16px}.quote-spread{padding-block:45px}.quote-text{font-size:25px}.places{padding-block:45px}.place-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.place-grid button{height:270px}.about{grid-template-columns:1fr;gap:25px;padding-block:35px}.about h2 br{display:none}footer{flex-direction:column;align-items:flex-start;padding-bottom:30px}.detail-body{padding:27px 24px 30px}.detail-body h2{font-size:28px}.detail-intro{font-size:18px}.detail-cover{height:230px}.detail-cover.typographic span{font-size:32px}.detail-actions{gap:8px}.detail-actions a,.detail-actions button{font-size:11px;padding:9px 11px}.detail-footer{align-items:flex-start;flex-direction:column;gap:10px}}
@media(max-width:370px){:root{--gutter:18px}.hero-art{height:320px}.editor-small{grid-template-columns:1fr}.text-feature{min-height:230px}.text-feature strong{margin-block:20px 10px}.record-feature{min-height:300px}.record{right:5px}.category-tabs button{padding:9px;font-size:12px}.works-grid{column-gap:14px}.work-cover{height:145px}.work-cover .cover-title{font-size:20px}.title-button h3{font-size:18px}.place-grid button{height:240px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}