/* Exhibition-specific compositions. Shared material palette, different reading hierarchies. */
.ie-btn{background:#eee1c2;border:3px double #a68d55;color:#2c4c39;font:18px 'Kaiti SC';padding:7px 12px;min-height:39px;cursor:pointer;white-space:nowrap}.ie-btn.selected{background:#355843;color:#f0ddb0}.ie-btn:disabled{opacity:.4;cursor:default}.ie-btn:focus-visible,[data-ie-page]:focus-visible{outline:3px solid #a75531;outline-offset:3px}.ie-modes{display:flex;gap:6px;flex-wrap:wrap}.cm-gallery>.cm-section-head{flex-wrap:wrap;min-height:44px}.ie-context{font:22px MuseumBrush}.ie-book{flex:1;min-height:0;display:flex;flex-direction:column;gap:10px}.ie-book-caption{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:15px}.ie-spread{flex:1;min-height:0;display:grid;grid-template-columns:1fr 1fr;perspective:1400px;touch-action:pan-y;box-shadow:0 15px 25px #2c352b30;border:1px solid #baa06a}.ie-leaf{padding:22px;min-width:0;min-height:0;background:#f1e4c4;position:relative;display:flex;flex-direction:column}.ie-left{border-right:1px solid #a38c5a;background:linear-gradient(90deg,#e9d9b3 0,#f0e2c1 88%,#c7b185)}.ie-right{background:linear-gradient(90deg,#c7b185,#f4e9ce 8%,#ece0c0);overflow:auto}.ie-leaf-label,.ie-running-head{font-size:15px;color:#877047;border-bottom:1px solid #baa472;padding-bottom:10px}.ie-leaf-art{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;margin:15px 0}.ie-leaf-art img{width:100%;height:100%;object-fit:contain;max-height:100%}.ie-image-caption{font-size:15px;line-height:1.5;margin:0}.ie-page-title{font:29px MuseumBrush;margin:20px 0 12px}.ie-page-text{font:23px/1.9 'Songti SC';text-align:justify;margin:0 0 35px}.ie-page-number{font-size:14px;line-height:1.5;margin-top:auto;color:#846e47}.ie-book-controls{display:flex;justify-content:center;gap:9px;align-items:center;flex-wrap:wrap;font-size:17px}.ie-book-controls select{font:18px Georgia;background:#f0e2bd;border:1px solid #ad9560;padding:7px;color:#365039}.ie-letter-mark{font:76px MuseumBrush;color:#806b3d;writing-mode:vertical-rl}.ie-turn .ie-right{animation:ieFlip .28s ease-out;transform-origin:left}@keyframes ieFlip{from{transform:rotateY(-32deg);filter:brightness(.8)}to{transform:none;filter:none}}.ie-highlight{outline:3px solid #c2a060;outline-offset:3px}.ie-map{flex:1;min-height:180px;position:relative;overflow:hidden;background:#2e4e3e}.ie-map-canvas{position:absolute;inset:0 0 55px}.ie-map-note{position:absolute;left:12px;top:12px;font-size:15px;color:#f0e0b9;pointer-events:none}.ie-map-tools{position:absolute;bottom:10px;left:12px;display:flex;gap:7px}.ie-map-tools .ie-btn{font-size:17px;padding:6px 10px}
.cm-page[data-layout] .cm-heading{border-bottom:0}.cm-page[data-layout] .cm-body{gap:20px}.cm-page[data-layout] .cm-gallery{background:#ece0c4ee}.cm-page[data-layout] .cm-story h3{font-size:28px}.cm-page[data-layout] .cm-story p{font-size:22px}.cm-page[data-layout] .cm-story .cm-source{display:block}.cm-page[data-layout] .cm-story{padding:20px;overflow:auto}.cm-page[data-layout] .cm-story .cm-seal{float:none}.cm-page[data-layout] .cm-film .ms-main{display:flex;flex-direction:column;gap:0}.cm-page[data-layout] .cm-film .ms-kicker{font-size:14px}.cm-page[data-layout] .cm-film .ms-screen{width:min(100%,calc((100cqh - 178px)*1.77778));margin:auto 0;min-width:0}.cm-page[data-layout] .cm-film .ms-transport{display:block;min-height:135px;border:0;padding:10px 0 0}.cm-page[data-layout] .cm-film .ms-progress{flex-direction:row;font-size:16px}.cm-page[data-layout] .cm-film .ms-progress input{width:auto;flex:1}.cm-page[data-layout] .cm-film .ms-status{font-size:15px;line-height:1.4;height:40px}.cm-page[data-layout] .cm-film .ms-buttons{gap:5px}.cm-page[data-layout] .cm-film .ms-buttons .ms-btn{font-size:17px;padding:5px 8px;min-height:36px}.cm-page[data-layout] .cm-film .ms-empty h2{font-size:26px}.cm-page[data-layout] .cm-film .ms-empty p{font-size:19px}.cm-page[data-layout] .cm-film .ms-aperture,.cm-page[data-layout] .cm-film .ms-empty small{display:none}
/* Book and letter: an open spread anchors the page; commentary and film share the margin. */
.cm-page:is([data-layout=folio],[data-layout=letter],[data-layout=ledger],[data-layout=literature],[data-layout=academy],[data-layout=biography],[data-layout=marketbook],[data-layout=poetry],[data-layout=dossier],[data-layout=debate]) .cm-body{grid-template-columns:minmax(0,1fr) 600px;grid-template-rows:140px minmax(0,1fr);grid-template-areas:'gallery text' 'gallery film'}
.cm-page:is([data-layout=folio],[data-layout=letter],[data-layout=ledger],[data-layout=literature],[data-layout=academy],[data-layout=biography],[data-layout=marketbook],[data-layout=poetry],[data-layout=dossier],[data-layout=debate]) .cm-story{padding:12px 18px}.cm-page:is([data-layout=folio],[data-layout=letter],[data-layout=ledger],[data-layout=literature],[data-layout=academy],[data-layout=biography],[data-layout=marketbook],[data-layout=poetry],[data-layout=dossier],[data-layout=debate]) .cm-story h3{display:none}.cm-page:is([data-layout=folio],[data-layout=letter],[data-layout=ledger],[data-layout=literature],[data-layout=academy],[data-layout=biography],[data-layout=marketbook],[data-layout=poetry],[data-layout=dossier],[data-layout=debate]) .cm-story p{margin:4px 0;font-size:19px}.cm-page:is([data-layout=folio],[data-layout=letter],[data-layout=ledger],[data-layout=literature],[data-layout=academy],[data-layout=biography],[data-layout=marketbook],[data-layout=poetry],[data-layout=dossier],[data-layout=debate]) .cm-seal{display:none}
.cm-page[data-layout=letter] .ie-spread{grid-template-columns:.85fr 1.15fr}.cm-page[data-layout=letter] .ie-right{background:repeating-linear-gradient(#f0e0bc 0 39px,#a4854955 40px 41px);border-top:8px solid #8b543c}.cm-page[data-layout=letter] .cm-topics{justify-content:flex-end}.cm-page[data-layout=folio] .cm-heading h2{letter-spacing:10px}.cm-page[data-layout=folio] .ie-gallery{border-right:12px double #917b4e}.cm-page[data-layout=ledger] .ie-left,.cm-page[data-layout=marketbook] .ie-left{background:repeating-linear-gradient(90deg,#ebd5ae 0 49px,#9c7c4730 50px 51px)}.cm-page[data-layout=marketbook] .cm-body{grid-template-columns:580px minmax(0,1fr);grid-template-areas:'text gallery' 'film gallery'}.cm-page[data-layout=biography] .ie-spread{grid-template-columns:.7fr 1.3fr}.cm-page[data-layout=biography] .ie-left{background:#d7c598}.cm-page[data-layout=biography] .cm-heading h2{border-left:6px solid #856442;padding-left:18px}.cm-page[data-layout=dossier] .cm-gallery{border-top:10px solid #714d39}.cm-page[data-layout=dossier] .ie-left{background:#d4c3a1}.cm-page[data-layout=dossier] .cm-body{grid-template-columns:580px minmax(0,1fr);grid-template-areas:'text gallery' 'film gallery'}.cm-page[data-layout=poetry] .ie-running-head{letter-spacing:8px}.cm-page[data-layout=poetry] .ie-page-title{writing-mode:vertical-rl;position:absolute;right:20px;top:30px;font-size:33px}.cm-page[data-layout=poetry] .ie-page-text{padding-right:55px;font-size:24px;line-height:2.05}.cm-page[data-layout=academy] .ie-book{border-top:7px double #a38c57;padding-top:12px}.cm-page[data-layout=debate] .ie-leaf{border-top:5px solid #566949}
/* Time and registers: a narrow vertical chapter rail and large document desk. */
.cm-page:is([data-layout=chronicle],[data-layout=register]){display:grid;grid-template-columns:170px 1fr;grid-template-rows:83px 1fr}.cm-page:is([data-layout=chronicle],[data-layout=register]) .cm-heading{grid-column:1/3}.cm-page:is([data-layout=chronicle],[data-layout=register]) .cm-topics{flex-direction:column;overflow:auto}.cm-page:is([data-layout=chronicle],[data-layout=register]) .cm-body{grid-template-columns:1fr 490px;grid-template-rows:125px 1fr;grid-template-areas:'gallery text' 'gallery film'}.cm-page:is([data-layout=chronicle],[data-layout=register]) .cm-story h3,.cm-page:is([data-layout=chronicle],[data-layout=register]) .cm-seal{display:none}.cm-page[data-layout=register] .cm-topics .cm-btn{border-left:8px solid #75553a}.cm-page[data-layout=chronicle] .cm-topics .cm-btn{border-radius:30px 0 0 30px}.cm-page:is([data-layout=chronicle],[data-layout=register]) .ie-page-text{font-size:21px}
/* Cartography: large manipulable terrain, narrow narrative and video strip. */
.cm-page:is([data-layout=landscape],[data-layout=harbour],[data-layout=street],[data-layout=route],[data-layout=kiln]) .cm-body{grid-template-columns:minmax(0,1fr) 570px;grid-template-rows:155px 1fr;grid-template-areas:'gallery text' 'gallery film'}.cm-page:is([data-layout=landscape],[data-layout=harbour],[data-layout=street],[data-layout=route],[data-layout=kiln]) .cm-gallery{padding:10px}.cm-page:is([data-layout=landscape],[data-layout=harbour],[data-layout=street],[data-layout=route],[data-layout=kiln]) .cm-story h3{display:none}.cm-page[data-layout=harbour] .cm-body{grid-template-columns:570px minmax(0,1fr);grid-template-areas:'text gallery' 'film gallery'}.cm-page[data-layout=street] .cm-topics{gap:0}.cm-page[data-layout=street] .cm-topics .cm-btn{border-bottom-width:6px;min-width:210px}.cm-page[data-layout=route] .cm-topics .cm-btn{border-radius:28px}.cm-page[data-layout=kiln] .cm-gallery{border-top:12px solid #69583e}.cm-page[data-layout=landscape] .cm-heading h2{letter-spacing:12px}
/* Stone, collections and practical work: the material image occupies the main field. */
.cm-page:is([data-layout=stele],[data-layout=rubbing],[data-layout=excavation],[data-layout=vessel],[data-layout=workshop]) .cm-body{grid-template-columns:minmax(0,1fr) 660px;grid-template-rows:130px minmax(0,1fr);grid-template-areas:'gallery text' 'gallery film'}.cm-page:is([data-layout=stele],[data-layout=rubbing]) .cm-gallery{background:#384536;color:#ebd9ac}.cm-page:is([data-layout=stele],[data-layout=rubbing]) .ie-context{color:#ebd9ac}.cm-page[data-layout=stele] .cm-image-stage{background:#314536}.cm-page[data-layout=rubbing] .cm-body{grid-template-columns:650px 1fr;grid-template-areas:'text gallery' 'film gallery'}.cm-page[data-layout=rubbing] .cm-image-stage{background:#33362b}.cm-page[data-layout=excavation] .cm-image-stage{background:radial-gradient(#ddc9a0,#b39870)}.cm-page[data-layout=vessel] .cm-model-stage{background:radial-gradient(#47624a,#1f3e30)}.cm-page[data-layout=workshop] .cm-body{grid-template-columns:1fr 1fr;grid-template-rows:130px 1fr;grid-template-areas:'text text' 'film gallery'}.cm-page[data-layout=workshop] .cm-story{display:flex;gap:22px;align-items:center}.cm-page[data-layout=workshop] .cm-story h3,.cm-page[data-layout=workshop] .cm-source{display:none}.cm-page[data-layout=workshop] .cm-story p{flex:1}.cm-page[data-layout=workshop] .cm-model-stage{min-height:170px}
/* Panorama and cinema use horizontal bands instead of book-like columns. */
.cm-page:is([data-layout=plaque],[data-layout=festival],[data-layout=guide]) .cm-body{grid-template-columns:1fr 1fr;grid-template-rows:310px minmax(0,1fr);grid-template-areas:'gallery gallery' 'text film'}.cm-page:is([data-layout=plaque],[data-layout=festival],[data-layout=guide]) .cm-gallery{display:grid;grid-template-columns:1fr 200px;grid-template-rows:42px 1fr 42px;gap:9px 16px}.cm-page:is([data-layout=plaque],[data-layout=festival],[data-layout=guide]) .cm-gallery>.cm-section-head{grid-row:1;grid-column:1/3}.cm-page:is([data-layout=plaque],[data-layout=festival],[data-layout=guide]) .cm-image-stage{grid-row:2/4;grid-column:1}.cm-page:is([data-layout=plaque],[data-layout=festival],[data-layout=guide]) .cm-thumbs{grid-row:2;grid-column:2;flex-wrap:wrap;overflow:auto}.cm-page:is([data-layout=plaque],[data-layout=festival],[data-layout=guide]) .cm-photo-tools{grid-row:3;grid-column:2;flex-wrap:wrap}.cm-page:is([data-layout=plaque],[data-layout=festival],[data-layout=guide]) .cm-caption{display:none}.cm-page[data-layout=festival] .cm-body{grid-template-rows:300px 1fr}.cm-page[data-layout=festival] .cm-gallery[data-mode=book]{display:flex}.cm-page[data-layout=festival] .ie-book-caption{display:none}.cm-page[data-layout=festival] .ie-spread{min-height:125px}.cm-page[data-layout=festival] .ie-page-text{font-size:18px}.cm-page[data-layout=festival] .ie-leaf{padding:9px}.cm-page[data-layout=festival] .ie-page-title{margin:5px 0;font-size:22px}
.cm-page:is([data-layout=cinema],[data-layout=song]) .cm-body{grid-template-columns:1fr 460px;grid-template-rows:1fr 200px;grid-template-areas:'film gallery' 'film text'}.cm-page[data-layout=song] .cm-gallery{border-top:8px solid #86684a}.cm-page:is([data-layout=tutorial],[data-layout=workbench]) .cm-body{grid-template-columns:620px 1fr;grid-template-rows:1fr 135px;grid-template-areas:'gallery film' 'text text'}.cm-page:is([data-layout=tutorial],[data-layout=workbench]) .cm-story{display:flex;gap:20px;align-items:center}.cm-page:is([data-layout=tutorial],[data-layout=workbench]) .cm-story h3,.cm-page:is([data-layout=tutorial],[data-layout=workbench]) .cm-story .cm-source{display:none}
/* Shallow film strips put transport beside a 16:9 image. */
.cm-page:is([data-layout=plaque],[data-layout=festival],[data-layout=guide]) .cm-film .ms-main{display:grid;grid-template-columns:minmax(0,1fr) 270px;grid-template-rows:22px 1fr;gap:5px}.cm-page:is([data-layout=plaque],[data-layout=festival],[data-layout=guide]) .cm-film .ms-kicker{grid-column:1;font-size:11px}.cm-page:is([data-layout=plaque],[data-layout=festival],[data-layout=guide]) .cm-film .ms-screen{grid-column:1;grid-row:2;width:min(100%,calc((100cqh - 28px)*1.77778));justify-self:center}.cm-page:is([data-layout=plaque],[data-layout=festival],[data-layout=guide]) .cm-film .ms-transport{grid-column:2;grid-row:1/3;min-height:0;padding:0}.cm-page:is([data-layout=plaque],[data-layout=festival],[data-layout=guide]) .cm-film .ms-status{height:36px;font-size:13px}.cm-page:is([data-layout=plaque],[data-layout=festival],[data-layout=guide]) .cm-film .ms-empty h2{font-size:22px}.cm-page:is([data-layout=plaque],[data-layout=festival],[data-layout=guide]) .cm-film .ms-empty p{font-size:15px}
@media(prefers-reduced-motion:reduce){.ie-turn .ie-right{animation:none}}
.cm-page[data-layout] .cm-gallery{padding:16px;position:relative}.cm-page[data-layout] .cm-thumbs{position:static;flex-direction:row}.cm-page[data-layout] .cm-film .ms-empty h2{display:none}.cm-page[data-layout] .cm-film .ms-empty p{font-size:19px}.cm-page[data-layout=festival]:has(.cm-gallery[data-mode=book]) .cm-body{grid-template-columns:1fr 600px;grid-template-rows:140px 1fr;grid-template-areas:'gallery text' 'gallery film'}.cm-page[data-layout=festival]:has(.cm-gallery[data-mode=book]) .cm-film .ms-main{display:flex}.cm-page[data-layout=festival]:has(.cm-gallery[data-mode=book]) .cm-film .ms-screen{width:min(100%,calc((100cqh - 178px)*1.77778))}.cm-page[data-layout=festival]:has(.cm-gallery[data-mode=book]) .cm-film .ms-transport{min-height:135px}.cm-page[data-layout=festival] .cm-photo-tools{gap:3px}.cm-page[data-layout=festival] .cm-photo-tools .cm-btn,.cm-page[data-layout=plaque] .cm-photo-tools .cm-btn,.cm-page[data-layout=guide] .cm-photo-tools .cm-btn{font-size:15px;min-height:28px;padding:4px 6px}.cm-page[data-layout=festival] .cm-count,.cm-page[data-layout=plaque] .cm-count,.cm-page[data-layout=guide] .cm-count{min-width:65px;font-size:13px}
.cm-page:is([data-layout=literature],[data-layout=academy],[data-layout=debate]) .cm-body{grid-template-columns:285px minmax(0,1fr) 500px;grid-template-rows:1fr;grid-template-areas:'text gallery film'}.cm-page[data-layout=debate] .cm-body{grid-template-columns:500px minmax(0,1fr) 285px;grid-template-areas:'film gallery text'}.cm-page:is([data-layout=literature],[data-layout=academy],[data-layout=debate]) .cm-story{padding:18px}.cm-page:is([data-layout=literature],[data-layout=academy],[data-layout=debate]) .cm-story p{font-size:21px;line-height:1.8}.cm-page:is([data-layout=literature],[data-layout=academy],[data-layout=debate]) .ie-page-text{font-size:21px}.cm-page[data-layout=letter] .cm-body{grid-template-columns:600px minmax(0,1fr);grid-template-areas:'text gallery' 'film gallery'}.cm-page[data-layout=ledger]{display:grid;grid-template-columns:195px 1fr;grid-template-rows:83px 1fr}.cm-page[data-layout=ledger] .cm-heading{grid-column:1/3}.cm-page[data-layout=ledger] .cm-topics{flex-direction:column}.cm-page[data-layout=ledger] .cm-body{grid-template-columns:1fr 510px;grid-template-rows:140px 1fr}.cm-page[data-layout=ledger] .ie-leaf{padding:17px}.cm-page[data-layout=ledger] .ie-page-text{font-size:21px}.cm-story{scrollbar-width:thin;scrollbar-color:#ac925b #e9ddbd}.cm-story.is-scrollable:after{content:'向下滑动，继续阅读 ↓';display:block;position:sticky;bottom:-20px;text-align:center;background:#e7d8b5ed;border-top:1px solid #ac9565;font:15px/1.6 'Kaiti SC';padding:3px;pointer-events:none}.ie-right{scrollbar-width:thin;scrollbar-color:#ac925b #efe1bf}
.canvas.depth-3:is(.stele,.imprint,.red) .focus-layout{grid-template-columns:440px 1fr}.canvas.depth-3:is(.stele,.imprint,.red) .focus-controls{grid-column:1;grid-row:1;border-right:5px double #a68c52;padding-right:22px}.canvas.depth-3:is(.stele,.imprint,.red) .focus-art{grid-column:2;grid-row:1;background:#334435}.canvas.depth-3:is(.folio,.letter,.cabinet) .focus-layout{grid-template-columns:1fr 360px}.canvas.depth-3:is(.folio,.letter,.cabinet) .focus-art{border:10px double #b59960;background:linear-gradient(90deg,#ccb98c,#f1e3c3 12%,#f1e3c3 88%,#bca776)}.canvas.depth-3:is(.folio,.letter,.cabinet) .focus-controls h2{font:40px MuseumBrush}.canvas.depth-3:is(.atlas,.street,.tea,.kiln) .focus-layout{grid-template-columns:1fr 380px}.canvas.depth-3:is(.atlas,.street,.tea,.kiln) .focus-art{border:6px double #b1965e}.canvas.depth-3.vessel .focus-art{background:radial-gradient(#ddcdab,#a48e65)}.canvas.depth-3.festival .focus-controls{border-top:8px solid #8f603e;padding-top:18px}.focus-controls{min-height:0;overflow:auto;scrollbar-width:thin}
.cm-page[data-layout=festival]:has(.cm-gallery[data-mode=book]) .ie-book-caption{display:flex}.cm-page[data-layout=festival]:has(.cm-gallery[data-mode=book]) .ie-leaf{padding:22px}.cm-page[data-layout=festival]:has(.cm-gallery[data-mode=book]) .ie-page-text{font-size:22px}
/* Third-level reading gives the evidence more room, and moves interpretation below its film. */
.canvas.depth-2 .cm-page:is([data-layout=folio],[data-layout=letter],[data-layout=ledger],[data-layout=literature],[data-layout=biography],[data-layout=marketbook],[data-layout=poetry],[data-layout=dossier]) .cm-body{grid-template-columns:minmax(0,1fr) 560px;grid-template-rows:minmax(0,1fr) 160px;grid-template-areas:'gallery film' 'gallery text'}.canvas.depth-2 .cm-page:is([data-layout=chronicle],[data-layout=register]) .cm-body{grid-template-rows:minmax(0,1fr) 160px;grid-template-areas:'gallery film' 'gallery text'}.canvas.depth-2 .cm-page:is([data-layout=stele],[data-layout=rubbing],[data-layout=excavation],[data-layout=vessel]) .cm-body{grid-template-columns:600px 1fr;grid-template-rows:minmax(0,1fr) 150px;grid-template-areas:'film gallery' 'text gallery'}.canvas.depth-2 .cm-page:is([data-layout=landscape],[data-layout=harbour],[data-layout=street],[data-layout=route],[data-layout=kiln]) .cm-body{grid-template-columns:560px 1fr;grid-template-rows:minmax(0,1fr) 150px;grid-template-areas:'film gallery' 'text gallery'}
.cm-page:is([data-layout=plaque],[data-layout=festival],[data-layout=guide]) .cm-gallery{grid-template-columns:1fr 300px}.cm-page:is([data-layout=plaque],[data-layout=festival],[data-layout=guide]) .cm-photo-tools{flex-wrap:nowrap}