:root{--green:#183f3b;--ink:#243932;--gold:#aa8550;--paper:#faf8f2;--line:rgba(35,58,50,.16);font-family:"Microsoft YaHei","PingFang SC",sans-serif;font-size:16px;color:var(--ink);background:#dedbd2}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible,#viewport:focus-visible{outline:3px solid #c79947;outline-offset:4px}button{border:0}button:disabled{opacity:.35;cursor:default}#museum{height:100dvh;min-height:420px;position:relative;overflow:hidden}#viewport{position:absolute;inset:0;cursor:grab;touch-action:none;outline:0}#viewport.dragging{cursor:grabbing}#viewport canvas{width:100%;height:100%;display:block}.vignette{position:absolute;inset:0;pointer-events:none;background:linear-gradient(#15352c0d,transparent 22%,transparent 64%,#11291f26)}.topbar{position:absolute;top:0;left:0;right:0;padding:24px 30px;display:flex;align-items:center;justify-content:space-between;pointer-events:none;background:linear-gradient(#f6f4edee,#f6f4ed99 65%,transparent);gap:20px}.brand,.top-actions{pointer-events:auto;display:flex;align-items:center}.brand{gap:14px}.seal{display:grid;place-items:center;background:var(--green);color:#e1c894;width:46px;height:50px;border-radius:2px;font-family:"STKaiti","KaiTi",serif;font-size:31px;box-shadow:inset 0 0 0 4px var(--green),inset 0 0 0 5px #c9b47b}.brand h1{font-size:20px;letter-spacing:3px;margin:0 0 7px;font-family:"Noto Serif SC","Songti SC","SimSun",serif;font-weight:600}.brand p{font-size:12px;margin:0;letter-spacing:2px;color:#6c776a}.brand p span{font-size:10px;letter-spacing:1.5px;margin-left:14px}.top-actions{gap:10px}.mode-label{font-size:12px;letter-spacing:1px;border-right:1px solid var(--line);padding:0 20px 0 0;margin-right:8px}.text-button,.icon-button{background:#fff9;border:1px solid #ffffffb8;border-radius:50px;min-height:40px}.text-button{padding:0 18px;font-size:14px}.icon-button{width:40px;font-size:21px}.text-button:hover,.icon-button:hover{background:#fff}.orientation{position:absolute;top:104px;left:50%;transform:translateX(-50%);display:flex;gap:12px;align-items:center;font-size:12px;letter-spacing:3px;color:#56655b;pointer-events:none;white-space:nowrap}.orientation-line{width:22px;height:1px;background:#8b968b88}.bottom-bar{position:absolute;bottom:max(24px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);display:flex;gap:14px;align-items:center;width:max-content;max-width:calc(100% - 40px)}.wall-nav{display:flex;padding:7px;background:#faf9f0ed;backdrop-filter:blur(15px);border:1px solid #ffffffc9;border-radius:13px;box-shadow:0 10px 36px #12271e26;gap:3px}.wall-tab{display:flex;gap:8px;align-items:center;padding:14px 16px;border-radius:8px;background:transparent;white-space:nowrap;font-size:14px;transition:background .2s}.wall-tab span{font-size:11px;color:#9a976f;font-family:Georgia,serif}.wall-tab.active{background:var(--green);color:#fff6df}.wall-tab.active span{color:#d5bc85}.wall-tab:hover:not(.active){background:#e6eadf}.view-controls{display:flex;align-items:center;padding:8px;background:#faf9f0ed;backdrop-filter:blur(15px);border:1px solid #ffffffc9;border-radius:12px;box-shadow:0 10px 36px #12271e20}.view-controls button{width:36px;height:38px;background:transparent;font-size:22px;border-radius:6px}.view-controls button:hover{background:#e6eadf}.view-controls button[aria-pressed=true]{background:var(--green);color:white}#zoomValue{font-size:12px;min-width:38px;text-align:center}.divider{height:20px;border-left:1px solid var(--line);margin:0 5px}.control-hint{position:absolute;bottom:105px;left:50%;transform:translateX(-50%);font-size:12px;color:#f7f5ed;letter-spacing:1px;white-space:nowrap;background:#243a3075;padding:8px 15px;border-radius:20px;pointer-events:none;transition:opacity .5s}.control-hint span{padding:0 8px}.guide{position:absolute;bottom:125px;left:28px;display:flex;align-items:flex-end;gap:10px;pointer-events:none;max-width:380px}.portrait{pointer-events:auto;position:relative;flex-shrink:0;width:112px;height:180px;padding:0;background:#e8e5da;border:3px solid #fff9;box-shadow:0 8px 24px #1c332320;border-radius:65px 65px 13px 13px;overflow:hidden;transition:transform .2s}.portrait:hover{transform:translateY(-4px)}.portrait img{width:100%;height:100%;object-fit:cover;object-position:center top}.portrait span{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#163c35e8);padding:22px 0 9px;color:#fff6de;letter-spacing:3px;font-family:"SimSun",serif;font-size:17px}.guide-speech{pointer-events:auto;background:#fffcf3f0;backdrop-filter:blur(12px);width:239px;padding:17px 18px;border-radius:12px 12px 12px 2px;box-shadow:0 8px 24px #20372a20;border:1px solid #ffffffbb;position:relative;margin-bottom:12px}.guide-heading{display:flex;justify-content:space-between;align-items:center;font-size:11px;letter-spacing:1px;color:#7b816d}.guide-heading button{background:none;font-size:18px;padding:0 1px}.guide-speech p{font-size:14px;line-height:1.85;margin:10px 0 12px}.guide-next{border-top:1px solid var(--line);padding:12px 0 0;display:flex;justify-content:space-between;width:100%;font-size:12px;background:none;color:var(--green)}.guide.collapsed .guide-speech{display:none}.guide.collapsed .portrait{width:75px;height:108px}.hotspot{position:absolute;width:32px;height:32px;border:1px solid #fff9;background:#254c3bd9;border-radius:50%;display:grid;place-items:center;box-shadow:0 0 0 6px #fffb;transform:translate(-50%,-50%);color:#fff8e3;font-size:16px;transition:background .2s;pointer-events:auto}.hotspot:hover,.hotspot:focus-visible{background:#977637}.hotspot span{position:absolute;left:45px;white-space:nowrap;background:#fffcf3f2;padding:8px 13px;border-radius:5px;font-size:13px;color:var(--ink);opacity:0;transform:translateX(-5px);transition:.2s;pointer-events:none}.hotspot:hover span,.hotspot:focus-visible span{opacity:1;transform:translateX(0)}#hotspots{position:absolute;inset:0;pointer-events:none}.loading{position:absolute;inset:0;background:var(--paper);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:16px;z-index:10;transition:opacity .5s}.loading p{font-family:"SimSun",serif;font-size:19px;letter-spacing:4px}.loading-ring{height:42px;width:42px;border:1px solid #c5b382;border-top:2px solid var(--green);border-radius:50%;animation:spin 1.2s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.fallback{position:absolute;inset:30% 20%;background:#faf8f4f2;border-radius:16px;padding:32px;text-align:center}.fallback button,.primary-button{padding:13px 24px;color:#fff7e3;background:var(--green);border-radius:6px}.toast{position:absolute;bottom:116px;left:50%;transform:translateX(-50%);background:#1b3b34ee;color:white;padding:13px 20px;border-radius:8px;font-size:14px;z-index:20;max-width:80vw}.toast[hidden],.fallback[hidden]{display:none}dialog{border:1px solid #ece6d7;background:var(--paper);color:var(--ink);padding:0;border-radius:14px;box-shadow:0 30px 100px #001b1580;max-height:88dvh}dialog::backdrop{background:#09241ddb;backdrop-filter:blur(5px)}.dialog-close{position:absolute;right:16px;top:16px;width:40px;height:40px;border-radius:50%;background:#f7f6eeeb;font-size:28px;z-index:5;line-height:1}.dialog-close:hover{background:#e5e6d9}.art-dialog[open]{display:grid;grid-template-columns:58% 42%;width:min(1160px,94vw);height:min(740px,88dvh)}.art-view{background:#e9e5da;position:relative;display:flex;align-items:center;justify-content:center;min-width:0;overflow:hidden}.image-scroll{height:100%;width:100%;overflow:auto;display:flex;align-items:center;justify-content:center;padding:40px}.image-scroll img{max-width:100%;max-height:100%;object-fit:contain;box-shadow:0 8px 25px #433c331c}.image-scroll.zoomed{display:block;padding:28px;cursor:grab}.image-scroll.zoomed img{max-width:none;max-height:none;width:180%;height:auto}.art-image-controls{position:absolute;bottom:20px;display:flex;gap:12px;align-items:center;left:20px;font-size:12px;color:#717460}.art-image-controls button{padding:10px 14px;border-radius:30px;background:#faf8f2ed;font-size:12px}.art-info{padding:52px 38px 28px;display:flex;flex-direction:column;overflow:auto}.eyebrow{font-size:12px;color:#8c7a50;letter-spacing:2.5px;font-weight:500}.art-info h2,dialog h2{font-family:"Noto Serif SC","Songti SC","SimSun",serif;font-weight:500;font-size:30px;line-height:1.5;margin:8px 0 20px}.art-description{font-size:16px;line-height:1.9;margin:0 0 22px}.observation{border-left:2px solid #b49a65;padding:0 0 0 17px;margin:0 0 24px}.observation span{font-size:12px;color:#7b855b}.observation p{font-size:15px;line-height:1.9;margin:8px 0 0}.credit{font-size:12px;line-height:1.8;color:#818577;margin-top:auto;padding-top:20px;border-top:1px solid var(--line)}.credit p{margin:0 0 6px}.credit a{color:#315c4a;overflow-wrap:anywhere}.art-pagination{display:flex;justify-content:space-between;gap:8px;align-items:center;margin-top:26px;font-size:12px;color:#8c907e}.art-pagination button{padding:9px 0;background:none;color:var(--green);font-size:14px}.collection-dialog{width:min(1090px,94vw);padding:35px 40px;overflow:auto}.collection-dialog h2{margin:6px 0 10px}.collection-intro{color:#717a66;font-size:14px;line-height:1.8}.collection-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:26px}.collection-item{text-align:left;background:transparent;padding:0;min-width:0}.collection-item img{display:block;width:100%;height:175px;object-fit:contain;background:#e7e3d7;padding:10px;border-radius:5px}.collection-item:hover img{background:#d8ddcd}.collection-item h3{font-family:"SimSun",serif;font-size:18px;font-weight:500;margin:12px 0 6px;line-height:1.5}.collection-item p{font-size:12px;color:#7b826a;margin:0}.collection-note{font-size:12px;color:#7b826a;line-height:1.8;margin:28px 0 0}.help-dialog{padding:40px;width:min(560px,92vw);overflow:auto}.help-dialog h2{font-size:27px}.help-dialog ul{list-style:none;padding:0;margin:22px 0}.help-dialog li{padding:14px 0;border-top:1px solid var(--line);display:flex;flex-direction:column;gap:7px;font-size:14px;line-height:1.8}.help-dialog li strong{font-weight:500}.help-dialog li span{color:#71806e}.help-dialog .primary-button{width:100%}@media(min-width:1600px){.guide{left:40px;bottom:135px}.portrait{width:145px;height:226px}.guide-speech{width:255px}.guide-speech p{font-size:15px}}@media(max-width:1100px){.wall-tab{padding:13px 12px;gap:5px}.bottom-bar{gap:8px}.view-controls{padding:7px 4px}.view-controls button{width:30px}.brand p span{display:none}.guide{max-width:330px;left:20px}.guide-speech{width:210px;padding:13px}.portrait{width:88px;height:145px}}@media(max-width:800px){.topbar{padding:18px 16px;align-items:flex-start}.brand{gap:9px}.seal{width:35px;height:42px;font-size:27px}.brand h1{font-size:17px;letter-spacing:1.5px;margin-top:2px}.brand p{font-size:10px;letter-spacing:1px}.top-actions{gap:6px}.mode-label{display:none}.icon-button{width:34px;min-height:34px;font-size:20px}.text-button{padding:0 11px;min-height:34px;font-size:12px}#fullscreenBtn{display:none}.orientation{top:90px}.bottom-bar{bottom:max(15px,env(safe-area-inset-bottom));width:calc(100% - 24px);max-width:none;display:block}.wall-nav{justify-content:space-around;padding:5px;gap:0;border-radius:10px}.wall-tab{flex-direction:column;font-size:12px;gap:4px;padding:9px 8px;flex:1}.wall-tab span{font-size:10px}.view-controls{position:absolute;right:0;bottom:77px}.control-hint{bottom:159px;font-size:11px;background:#233e306b}.guide{bottom:91px;left:13px;gap:8px;max-width:calc(100vw - 155px)}.portrait{width:65px;height:104px;border-width:2px;border-radius:36px 36px 9px 9px}.portrait span{font-size:14px;padding-bottom:7px}.guide-speech{position:absolute;bottom:118px;left:0;width:min(280px,80vw);margin:0;padding:15px;border-radius:10px}.guide-speech p{font-size:14px}.guide.collapsed .portrait{width:65px;height:104px}.art-dialog[open]{grid-template-columns:1fr;grid-template-rows:minmax(230px,40dvh) auto;height:90dvh;max-height:90dvh;overflow:auto}.art-info{padding:23px 24px 28px;overflow:visible}.art-info h2{font-size:25px;margin-bottom:14px}.art-description{font-size:15px}.image-scroll{padding:25px}.art-image-controls{bottom:12px;left:12px}.art-image-controls span{display:none}.collection-dialog{padding:25px 20px}.collection-grid{grid-template-columns:repeat(2,1fr);gap:20px 14px}.collection-item img{height:135px}.collection-item h3{font-size:16px}.help-dialog{padding:32px 25px}.fallback{inset:25% 7%;padding:20px}.fallback h2{font-size:22px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}@media(max-height:550px){.guide{bottom:100px}.guide-speech{display:none}.portrait{height:110px;width:70px}.topbar{padding-top:12px}.orientation{top:75px}.bottom-bar{bottom:12px}.control-hint{display:none}}


/* 参考展陈色调：亮象牙白、浅木、深绿与柔金 */
.vignette{background:linear-gradient(rgba(255,253,246,.12),transparent 30%,transparent 72%,rgba(105,82,56,.08))}
.topbar{color:#24483e;background:linear-gradient(180deg,rgba(252,249,240,.97),rgba(252,249,240,.74) 64%,transparent)}
.brand p,.orientation{color:#6f7569}.mode-label{color:#6f6b5d;border-color:rgba(92,102,88,.22)}
.text-button,.icon-button{color:#24483e;background:rgba(255,252,244,.88);border-color:rgba(139,111,73,.22);box-shadow:0 5px 16px rgba(83,65,43,.09)}
.text-button:hover,.icon-button:hover{color:#fff8e8;background:#28594b}.wall-nav,.view-controls{background:rgba(28,75,63,.91);border-color:rgba(222,198,142,.34);box-shadow:0 15px 40px rgba(45,37,25,.22)}
.wall-tab,.view-controls button,#zoomValue{color:#f4ecd8}.wall-tab:hover:not(.active),.view-controls button:hover{background:rgba(213,188,129,.17)}
.wall-tab.active,.view-controls button[aria-pressed=true]{background:#b28a45;color:#102b24}.wall-tab.active span{color:#153a31}
.collection-item{padding:10px 10px 13px;border:1px solid #d6c59e;border-radius:8px;background:#f1ecdf;transition:transform .2s,box-shadow .2s}.collection-item:hover{transform:translateY(-3px);box-shadow:0 12px 24px rgba(23,48,40,.12)}.collection-item img{height:185px;background:#17352e;border-radius:4px}.collection-item:hover img{background:#23463c}.collection-item h3{margin:12px 2px 6px}.collection-item p{margin:0 2px}
.portrait,.guide.collapsed .portrait{width:58px;height:58px;padding:0;border:1px solid rgba(226,199,139,.7);border-radius:50%;background:#173d34;box-shadow:0 8px 22px rgba(0,18,14,.3);overflow:hidden;color:#f2deb2}.portrait img,.portrait span{display:none}.portrait::before{content:'绣';font-family:'STKaiti','KaiTi','SimSun',serif;font-size:28px}.portrait:hover{transform:translateY(-3px);background:#225348}.guide{bottom:110px}.guide-speech{margin-left:0;width:252px;background:rgba(249,245,234,.94);border-color:rgba(222,205,166,.78);box-shadow:0 12px 34px rgba(0,18,14,.22)}
@media(max-width:1100px){.portrait,.guide.collapsed .portrait{width:54px;height:54px}}
@media(max-width:800px){.portrait,.guide.collapsed .portrait{width:48px;height:48px}.portrait::before{font-size:23px}.guide{bottom:88px}.guide-speech{margin-left:0}}

.video-hotspot{background:#a37b4c;font-size:12px}.video-hotspot:hover,.video-hotspot:focus-visible{background:#28594b}
.video-dialog{width:min(920px,94vw);overflow:auto;background:#f8f3e8}.video-dialog[open]{display:grid;grid-template-columns:minmax(0,1fr);padding:0}.video-stage{padding:20px;background:#203b34;display:grid;place-items:center}.video-stage video{display:block;width:min(100%,820px);height:auto;max-height:58dvh;background:#111;box-shadow:0 16px 50px rgba(0,20,14,.32)}.video-copy{padding:18px 28px 24px}.video-copy h2{margin:5px 0 8px}.video-copy p{margin:0;color:#465b52;line-height:1.7}.video-copy span{display:block;margin-top:9px;color:#8b795b;font-size:12px}.video-close{color:#24483e}

/* Warm wood, ivory and cinnabar palette adapted to the supplied circular-hall reference. */
:root{--green:#8f332e;--ink:#4b3328;--gold:#c49a55;--paper:#fffaf0;--line:rgba(100,64,41,.18);background:#eee4d4}
.vignette{background:linear-gradient(rgba(79,42,24,.08),transparent 24%,transparent 74%,rgba(72,42,25,.13))}
.topbar{color:#503528;background:linear-gradient(180deg,rgba(255,250,239,.96),rgba(255,250,239,.68) 64%,transparent)}
.seal{background:#91352f;color:#f3d995;box-shadow:inset 0 0 0 4px #91352f,inset 0 0 0 5px #d2ad65}
.brand p,.orientation{color:#765f4d}.mode-label{color:#765f4d;border-color:rgba(107,71,45,.22)}
.text-button,.icon-button{color:#5a3828;background:rgba(255,250,238,.9);border-color:rgba(149,98,58,.25);box-shadow:0 5px 18px rgba(74,42,24,.12)}
.text-button:hover,.icon-button:hover{color:#fff4d7;background:#943833}
.wall-nav,.view-controls{background:rgba(104,57,38,.92);border-color:rgba(230,196,126,.42);box-shadow:0 15px 40px rgba(50,28,17,.25)}
.wall-tab,.view-controls button,#zoomValue{color:#fff0d0}.wall-tab:hover:not(.active),.view-controls button:hover{background:rgba(224,181,96,.18)}
.wall-tab.active,.view-controls button[aria-pressed=true]{background:#aa3933;color:#fff8e7}.wall-tab.active span{color:#f0d38f}
.hotspot{background:#9a3b34;box-shadow:0 0 0 6px rgba(255,250,235,.84)}.hotspot:hover,.hotspot:focus-visible{background:#c08f43}
.guide-speech{background:rgba(255,250,238,.95);border-color:rgba(210,173,104,.75);box-shadow:0 12px 34px rgba(63,34,20,.24)}
.portrait,.guide.collapsed .portrait{background:#8f332e;border-color:rgba(234,199,126,.82);color:#f7deb0;box-shadow:0 8px 22px rgba(55,28,15,.32)}
.portrait:hover{background:#a74239}.video-hotspot{background:#b18443}.video-hotspot:hover,.video-hotspot:focus-visible{background:#973832}
.video-stage{background:#4b2e21}.video-close{color:#5a3828}

/* Contemporary silk-museum interface for the modeled gallery. */
:root{--green:#21483f;--ink:#2e403b;--gold:#b89457;--paper:#fbf8f0;--line:rgba(45,70,61,.17);background:#e9e4da}
.vignette{background:linear-gradient(rgba(25,53,47,.05),transparent 25%,transparent 73%,rgba(26,42,37,.13))}
.topbar{color:#29443d;background:linear-gradient(180deg,rgba(250,248,241,.94),rgba(250,248,241,.58) 66%,transparent);backdrop-filter:blur(3px)}
.seal{background:#21483f;color:#dfc48c;box-shadow:inset 0 0 0 4px #21483f,inset 0 0 0 5px #c7a663}
.brand p,.orientation{color:#68766f}.mode-label{color:#68766f;border-color:rgba(57,79,70,.2)}
.text-button,.icon-button{color:#29453e;background:rgba(255,253,247,.86);border-color:rgba(122,106,76,.2);box-shadow:0 5px 18px rgba(28,47,41,.1)}
.text-button:hover,.icon-button:hover{color:#fff8e5;background:#21483f}
.wall-nav,.view-controls{background:rgba(26,61,53,.91);border-color:rgba(220,193,132,.38);box-shadow:0 16px 42px rgba(16,39,33,.24)}
.wall-tab,.view-controls button,#zoomValue{color:#f3ebd5}.wall-tab.active,.view-controls button[aria-pressed=true]{background:#b18b4c;color:#16342e}.wall-tab.active span{color:#173d35}
.hotspot{background:#2a5a50;box-shadow:0 0 0 6px rgba(255,251,238,.82)}.hotspot:hover,.hotspot:focus-visible{background:#b18b4c}
.guide-speech{background:rgba(251,248,239,.94);border-color:rgba(198,171,111,.65);box-shadow:0 13px 36px rgba(18,43,36,.22)}
.portrait,.guide.collapsed .portrait{background:#21483f;border-color:rgba(218,188,124,.76);color:#f0d69e;box-shadow:0 9px 25px rgba(11,34,28,.28)}.portrait:hover{background:#2b5b50}
.video-hotspot{background:#b18b4c}.video-hotspot:hover,.video-hotspot:focus-visible{background:#21483f}.video-stage{background:#193c34}.video-close{color:#29453e}
@media(max-width:800px){#videoBtn{display:none}.video-stage{padding:12px}.video-copy{padding:20px 22px 24px}.video-copy h2{font-size:24px}}

/* Final reference direction: warm-white curved exhibition hall and soft gold light. */
.art-dialog[open]{width:min(1480px,96vw);height:92dvh;max-height:92dvh;grid-template-columns:70% 30%}
.art-info{padding:48px 24px 24px}.image-scroll{padding:24px 24px 68px}.image-scroll.zoomed img{width:auto;height:auto;max-width:none;max-height:none}
.art-dialog.picture-expanded[open]{grid-template-columns:1fr;width:96vw;height:94dvh;max-height:94dvh}.art-dialog.picture-expanded .art-info{display:none}
.art-dialog.picture-expanded .art-view{background:radial-gradient(circle at center,#f5f0e6 0%,#e7dfd2 100%)}
.art-dialog.picture-expanded .image-scroll{padding:24px 24px 78px}
.art-dialog.picture-expanded .image-scroll img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}
.art-dialog.picture-expanded .image-scroll.zoomed img{max-width:none;max-height:none;width:auto;height:auto}
.picture-enter{animation:picture-arrive .55s cubic-bezier(.2,.7,.2,1) both}
@keyframes picture-arrive{from{opacity:.3;transform:scale(.88)}to{opacity:1;transform:scale(1)}}
@media(prefers-reduced-motion:reduce){.picture-enter{animation:none}}
@media(max-width:800px){.art-dialog[open]{grid-template-columns:1fr;grid-template-rows:minmax(330px,58dvh) auto}.art-dialog.picture-expanded[open]{grid-template-rows:1fr}.art-info{padding:24px}.image-scroll{padding:16px 16px 64px}}
.exhibit-title{position:absolute;transform:translate(-50%,-50%);pointer-events:auto;max-width:190px;padding:10px 15px;background:rgba(255,249,234,.96);color:#5c3824;border:1px solid #c8995b;border-radius:5px;box-shadow:0 3px 14px #35211130;font-size:14px;line-height:1.35;font-family:'Microsoft YaHei',sans-serif;font-weight:600;white-space:normal;text-align:center}
.exhibit-title:hover,.exhibit-title:focus-visible{background:#835337;color:#fff7e6}
.guide{bottom:125px}.control-hint{bottom:105px}
.tour-focus{position:absolute;z-index:5;left:50%;top:50%;width:min(54vw,680px);height:min(70dvh,680px);padding:12px 12px 0;border:1px solid #e2c897;border-radius:12px;background:#fffaf1f5;box-shadow:0 22px 75px #2c170b88;display:flex;flex-direction:column;gap:0;overflow:hidden;opacity:0;visibility:hidden;pointer-events:none;transform:translate(-50%,-47%) scale(.78);transition:opacity .65s ease,transform .75s cubic-bezier(.2,.7,.2,1),visibility .65s}
.tour-focus.active{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%,-50%) scale(1)}
.tour-focus img{display:block;width:100%;height:calc(100% - 42px);object-fit:contain;background:#efe9dd;border-radius:6px}
.tour-focus.active img{animation:tour-detail 4.8s ease-out both}
@keyframes tour-detail{0%{transform:scale(.96)}70%{transform:scale(1.1)}100%{transform:scale(1.1)}}
.tour-focus span{display:block;flex:1;padding:10px 4px;color:#664932;font-size:14px;letter-spacing:.5px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tour-focus:hover{box-shadow:0 25px 84px #2c170baa}
@media(max-width:800px){.exhibit-title{font-size:11px;padding:7px 9px;max-width:132px}.guide{bottom:91px}.control-hint{display:none}.tour-focus{width:min(82vw,390px);height:min(55dvh,480px);top:47%}}
@media(prefers-reduced-motion:reduce){.tour-focus{transition:none}}
.auto-tour-entry{background:#8b4c39;color:#fff8e9;border-color:#d7ad72;white-space:nowrap;font-weight:600}
.auto-tour-entry:hover{background:#a86648;color:#fff}
.auto-tour-entry[aria-pressed=false]{background:#fffaf1;color:#7b4a34}
@media(max-width:800px){.auto-tour-entry{position:absolute;right:16px;top:66px;z-index:8;box-shadow:0 5px 18px #57331f33}.orientation{top:113px}}
@media(prefers-reduced-motion:reduce){.tour-focus.active img{animation:none}}
:root{--green:#7b4a34;--ink:#4b382e;--gold:#c99f61;--paper:#fffaf1;--line:rgba(103,73,53,.16);background:#eee3d5}
.vignette{background:linear-gradient(rgba(111,72,45,.035),transparent 28%,transparent 74%,rgba(91,61,42,.1))}
.topbar{color:#553b2e;background:linear-gradient(180deg,rgba(255,251,243,.95),rgba(255,251,243,.55) 67%,transparent)}
.seal{background:#8b4c39;color:#f4d9a4;box-shadow:inset 0 0 0 4px #8b4c39,inset 0 0 0 5px #d4ac68}
.brand p,.orientation,.mode-label{color:#806b5b}.text-button,.icon-button{color:#614332;background:rgba(255,251,243,.9);border-color:rgba(182,139,84,.25)}
.text-button:hover,.icon-button:hover{background:#8b4c39;color:#fff7e8}.wall-nav,.view-controls{background:rgba(111,71,50,.9);border-color:rgba(235,201,139,.42)}
.wall-tab,.view-controls button,#zoomValue{color:#fff2d9}.wall-tab.active,.view-controls button[aria-pressed=true]{background:#c69a56;color:#4a2e21}.wall-tab.active span{color:#603c2b}
.hotspot{background:#a36643}.hotspot:hover,.hotspot:focus-visible{background:#c69a56}.guide-speech{background:rgba(255,250,240,.95);border-color:rgba(213,175,111,.7)}
.portrait,.guide.collapsed .portrait{background:#8b4c39}.portrait:hover{background:#a36247}.video-hotspot{background:#c09352}.video-hotspot:hover,.video-hotspot:focus-visible{background:#8b4c39}.video-stage{background:#5a3c2e}