:root{--wine:#722c29;--ink:#392d24;--gold:#b69760;--paper:#fcf7ec;--ui:"Microsoft YaHei","PingFang SC",sans-serif;--serif:"STKaiti","KaiTi","SimSun",serif}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;color:var(--ink);font-family:var(--ui);background:#251a14}button{font:inherit;color:inherit;cursor:pointer;touch-action:manipulation;border:0}button:focus-visible{outline:3px solid #349bcc;outline-offset:4px}button:disabled{cursor:default;opacity:.35}button:active:not(:disabled){filter:brightness(.9)}[hidden]{display:none!important}.eyebrow{font-size:13px;letter-spacing:4px;color:#9b7b48;margin:0 0 9px}.seal{display:grid;place-items:center;background:var(--wine);color:#ffebc7;border-radius:3px;width:36px;height:42px;font-family:var(--serif);font-size:14px;letter-spacing:2px;border:3px double #e9cca4}.entrance-art,.entrance-shade{position:absolute;inset:0}.entrance-art{background:url('assets/hall-title.webp') center/cover}.entrance-shade{background:linear-gradient(90deg,#281711df 0%,#281711a6 40%,#28171115 100%)}#entrance{height:100dvh;position:relative;color:#fff0d0;display:flex;flex-direction:column;justify-content:space-between;padding:35px 5.5%;isolation:isolate}.entrance-brand{position:relative;display:flex;align-items:center;gap:12px;font-family:var(--serif);font-size:22px;letter-spacing:3px}.entrance-copy{position:relative;margin-left:5%;margin-top:15px}.entrance-copy .eyebrow{color:#d4b582;letter-spacing:7px}.entrance-copy h1{font-family:var(--serif);font-weight:500;font-size:clamp(55px,6.6vw,105px);letter-spacing:9px;margin:18px 0 22px}.entrance-subtitle{font-size:19px;letter-spacing:4px;color:#e8d3b5;margin:0 0 39px}#enter-museum{background:#8c3330;color:#ffefcf;border:1px solid #c9a468;padding:19px 32px;font-size:19px;letter-spacing:3px;min-width:225px;box-shadow:0 6px 30px #160e0e55}#enter-museum:hover{background:#a23d37}#enter-museum span{margin-left:28px}.entrance-help{font-size:14px;color:#ceb899;letter-spacing:2px;margin-top:24px}.entrance-bottom{position:relative;display:flex;justify-content:space-between;border-top:1px solid #f3d09b55;padding-top:20px;font-size:14px;color:#d6c1a0;letter-spacing:2px}#museum{position:fixed;inset:0}#panorama{position:absolute;inset:0;z-index:0;background:#b8a281;outline:none}.pnlm-panorama-info,.pnlm-load-box{display:none!important}.pnlm-container{font-family:var(--ui)}.topbar{height:72px;background:#fcf8eff0;display:flex;align-items:center;justify-content:space-between;padding:0 30px;border-bottom:1px solid #c7b897;position:absolute;inset:0 0 auto;z-index:8;gap:20px}.brand{display:flex;align-items:center;gap:11px;background:none;font-family:var(--serif);font-size:22px;letter-spacing:2px;padding:0}.location{display:flex;align-items:center;gap:16px;font-size:16px}.degree-badge{font-size:12px;border-left:1px solid #b8a784;padding-left:16px;color:#907c59;letter-spacing:1px}.tools{display:flex;gap:8px}.tools button{background:transparent;padding:11px 12px;font-size:18px;border-radius:3px}.tools button span{font-size:14px}.tools button:hover{background:#ebdfcb}.tools button[aria-pressed=true]{background:#ede1d0;color:var(--wine)}.scene-caption{position:absolute;left:34px;top:105px;z-index:2;pointer-events:none;padding:20px 24px;background:#fffaecd9;border-left:3px solid var(--wine);box-shadow:0 4px 20px #3c2b2020}.scene-caption h1{font-family:var(--serif);font-size:31px;letter-spacing:5px;font-weight:500;color:var(--wine);margin:0}.scene-caption p:last-child{font-size:14px;letter-spacing:1px;margin:12px 0 0;color:#786549}.scene-nav{position:absolute;right:28px;top:93px;display:flex;gap:4px;z-index:7;background:#fbf3e8ed;padding:5px;border:1px solid #b79a64;box-shadow:0 4px 18px #32221120;align-items:center}.scene-nav button,.letter-label{padding:10px 14px;font-size:14px;white-space:nowrap;background:none}.scene-nav button[aria-current=page]{background:var(--wine);color:#ffefd6}.letter-label{font-size:12px;color:#968360}.pano-controls{position:absolute;bottom:23px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:5px;z-index:7;background:#fbf4e8ef;border:1px solid #b19567;padding:6px 11px;box-shadow:0 4px 20px #35231444;border-radius:3px}.pano-controls button{background:none;min-width:38px;height:39px;padding:0 9px;font-size:18px}.pano-controls #auto-rotate,.pano-controls #reset-view{font-size:14px}.pano-controls #auto-rotate[aria-pressed=true]{background:var(--wine);color:#fce7c7}.pano-controls button:hover{background:#e9ddc9}.control-separator{height:20px;width:1px;background:#cdbb99;margin:0 5px}#view-angle{font-size:13px;min-width:46px;text-align:center;color:#8b704a;font-variant-numeric:tabular-nums}.museum-hotspot{width:auto;height:auto;cursor:default}.hotspot-button,.hotspot-label{display:flex;flex-direction:column;align-items:center;gap:9px;border:1px solid #bda16d;background:#fff6e9f2;padding:16px 23px;color:#6d2925;box-shadow:0 7px 25px #20120d59;min-width:144px;white-space:nowrap;font-size:23px;font-family:var(--serif);border-radius:3px}.hotspot-button:before,.hotspot-label:before{content:"";position:absolute;top:-24px;width:13px;height:13px;border:3px solid #f6e2b7;border-radius:50%;box-shadow:0 0 0 6px #77342cbb;background:#fff5db}.hotspot-button:hover{background:#fff7e5;box-shadow:0 8px 30px #20120d80}.hotspot-button small,.hotspot-label small{font-size:12px;letter-spacing:2px;font-family:var(--ui);color:#9c7747}.hotspot-label{background:#e6d8c0eb;color:#7d6849}.hotspot-lesson .hotspot-button{font-size:18px;max-width:230px;white-space:normal;text-align:center;line-height:1.6;padding:17px 20px}.hotspot-word .hotspot-button{font-size:34px;letter-spacing:4px;border:5px double #aa854e;min-width:180px;padding:25px 18px}.hotspot-word .hotspot-button:before{display:none}.exhibit-panel{position:absolute;top:151px;bottom:100px;left:50%;transform:translateX(-50%);width:min(990px,83vw);z-index:5;background:#fbf4e8f5;border:1px solid #b1925d;box-shadow:0 18px 60px #21110d55;display:flex;flex-direction:column;padding:15px 23px 12px}.panel-top{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:30px}.panel-top .eyebrow{margin:0;font-size:12px}.collapse-panel{background:none;color:#8c7755;font-size:13px;padding:5px 0}.lesson-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:9px 0 14px}.lesson-tabs button{background:#ebe0cc;border:1px solid #c4ac7c;min-height:47px;padding:9px;font-size:14px;line-height:1.6}.lesson-tabs button[aria-current=true]{background:var(--wine);color:#fff2d8;border-color:var(--wine)}#lesson-pairs{flex:1;min-height:0;position:relative}.lesson-pair{height:100%;display:grid;grid-template-columns:1.12fr 1fr;gap:30px}.exhibit-item{margin:0;display:flex;flex-direction:column;align-items:center;min-height:0;min-width:0;gap:10px}.exhibit-item figcaption{font-family:var(--serif);font-size:21px;letter-spacing:1px;text-align:center;line-height:1.4;flex-shrink:0}.exhibit-item figcaption small{display:block;font-family:var(--ui);font-size:12px;color:#967b51;margin-bottom:4px;letter-spacing:3px}.paired-art{min-height:0;max-height:100%;flex:1;width:100%;position:relative;background:transparent;padding:0;display:flex;align-items:center;justify-content:center}.paired-art img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;background:#fff;border:6px double #ab8a53;box-shadow:0 5px 17px #3f2b1925;padding:5px;display:block}.paired-art .magnify{position:absolute;bottom:9px;left:50%;transform:translateX(-50%);background:#332219d9;color:#fff1d3;padding:6px 12px;font-size:12px;white-space:nowrap;border-radius:2px}.lesson-controls{display:flex;align-items:center;justify-content:center;gap:36px;margin-top:14px;flex-shrink:0}.lesson-controls button{background:#eee2cb;border:1px solid #b89c6a;padding:9px 20px;font-size:14px}.lesson-controls #next-lesson{background:var(--wine);color:#ffebc9;border-color:var(--wine)}#lesson-count{font-family:Georgia,serif;font-size:18px;letter-spacing:3px;color:#896a3d}.reopen-panel{position:absolute;bottom:95px;left:50%;transform:translateX(-50%);z-index:5;background:var(--wine);color:#ffeac6;padding:15px 25px;font-size:16px;border:1px solid #cfb17c;box-shadow:0 5px 20px #20120d55}body[data-scene=people] .scene-caption{display:none}#words-dock{position:absolute;bottom:92px;left:50%;transform:translateX(-50%);z-index:5;background:#fff7eae8;border:1px solid #b0925e;padding:14px 18px;width:min(880px,88vw);box-shadow:0 8px 28px #2a1a1250}#words-dock p{display:flex;justify-content:space-between;margin:0 0 12px;font-size:13px;color:#8a7048;letter-spacing:2px}#words-dock p button{font-size:13px;background:none;color:#876a3f}.word-list{display:grid;grid-template-columns:repeat(8,1fr);gap:8px}.word-list button{font-family:var(--serif);font-size:21px;padding:10px 5px;background:#f1e4cc;border:1px solid #c4a774;color:#6c3028;white-space:nowrap}.word-list button:hover{background:var(--wine);color:#fff0cc}#loading{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:#fff3dfe8;color:#75512e;padding:20px 35px;border:1px solid #c1a06a;z-index:9;letter-spacing:2px}#pano-error{position:absolute;inset:40% 15% auto;z-index:10;text-align:center;padding:25px;background:#fff1dc}#pano-error button{padding:10px 20px;background:var(--wine);color:#fff2d7}
dialog{padding:0;width:min(1400px,95vw);height:94dvh;max-width:none;max-height:94dvh;border:1px solid #c4a572;background:#f8f3e8;color:var(--ink);box-shadow:0 20px 100px #0008;border-radius:5px}dialog::backdrop{background:#1d1614e8}.viewer-shell{height:100%;display:flex;flex-direction:column}.viewer-toolbar{display:flex;align-items:center;justify-content:space-between;padding:18px 25px;border-bottom:1px solid #caba99;gap:18px;flex-shrink:0}.viewer-toolbar .eyebrow{font-size:12px}.viewer-toolbar h2{font-family:var(--serif);font-size:24px;font-weight:500;margin:5px 0 0}.zoom-tools{display:flex;gap:8px;align-items:center}.zoom-tools button{min-width:38px;min-height:38px;background:#eee4d2;border:1px solid #d7c7a6;font-size:16px}.zoom-tools #zoom-reset{font-size:14px;padding:0 12px}.zoom-tools #close-viewer{margin-left:15px;color:var(--wine);background:#ead9cc}.zoom-tools #zoom-level{font-size:14px;min-width:45px;text-align:center}.viewer-canvas{flex:1;overflow:auto;min-height:0;padding:20px;text-align:center;touch-action:pan-x pan-y;overscroll-behavior:contain;background:#d9d1c3;position:relative}.viewer-canvas img{display:block;object-fit:contain;margin:0 auto;max-width:none;user-select:none;-webkit-user-drag:none;box-shadow:0 5px 25px #3a302b33}.viewer-canvas.zoomed{cursor:grab}.viewer-canvas.dragging{cursor:grabbing}.viewer-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:12px 24px;font-size:13px;flex-shrink:0;border-top:1px solid #caba99}.viewer-bottom button{padding:10px 20px;background:#eee4d2;font-size:14px}.large-word{font-family:var(--serif);color:#6c3028;font-size:clamp(60px,12vw,170px);letter-spacing:.15em;background:#fbf1dc;border:10px double #b08c51;padding:70px 28px;margin:5vh auto;max-width:1000px;box-shadow:0 12px 35px #57412b30;white-space:nowrap}#notice{position:fixed;left:50%;bottom:20px;transform:translateX(-50%);background:#2e241de8;color:#fff6df;padding:13px 22px;z-index:50;border-radius:4px;opacity:0;pointer-events:none;font-size:14px}#notice.show{opacity:1}
@media(min-width:1600px){.exhibit-panel{width:min(1200px,80vw);top:155px;bottom:105px}.lesson-tabs button{font-size:16px;min-height:56px}.exhibit-item figcaption{font-size:25px}}@media(max-width:1000px){.scene-caption{left:20px;top:150px;padding:15px}.scene-caption h1{font-size:25px}.scene-nav{right:20px}.exhibit-panel{width:92vw;top:151px;padding:12px 16px}.lesson-tabs button{font-size:13px}.word-list{grid-template-columns:repeat(4,1fr)}.word-list button{font-size:22px}.topbar{padding:0 20px}.location{font-size:14px}.degree-badge{display:none}.lesson-pair{gap:20px}.exhibit-item figcaption{font-size:19px}}
@media(max-width:600px){#entrance{padding:24px 7%}.entrance-art{background-position:57% center}.entrance-shade{background:linear-gradient(90deg,#281711df,#28171170)}.entrance-brand{font-size:19px}.entrance-copy{margin-left:0}.entrance-copy h1{font-size:48px;letter-spacing:5px;white-space:nowrap}.entrance-subtitle{font-size:16px;letter-spacing:2px}.entrance-help{font-size:12px;letter-spacing:1px}.entrance-bottom{flex-direction:column;gap:12px;font-size:12px;letter-spacing:1px}#enter-museum{font-size:17px;padding:17px 25px}.topbar{height:63px;padding:0 12px;gap:5px}.brand{font-size:17px;gap:7px;letter-spacing:0}.seal{width:29px;height:34px;font-size:12px}.location{display:none}.tools{gap:3px}.tools button{padding:7px 10px;font-size:22px}.tools button span{display:none}.scene-nav{left:12px;right:12px;top:75px;justify-content:center;gap:0;padding:4px}.scene-nav button{font-size:13px;padding:9px 10px}.letter-label{font-size:11px;padding:9px 6px}.scene-caption{left:16px;top:140px;padding:12px 16px}.scene-caption h1{font-size:25px}.scene-caption .eyebrow{font-size:11px}.scene-caption p:last-child{font-size:12px}.pano-controls{bottom:16px;padding:5px;gap:2px;white-space:nowrap}.pano-controls button{min-width:32px;padding:0 7px;height:36px;font-size:17px}.pano-controls #auto-rotate,.pano-controls #reset-view{font-size:12px}#view-angle{font-size:12px;min-width:35px}.control-separator{margin:0 1px}.exhibit-panel{top:132px;bottom:82px;width:94vw;padding:10px}.panel-top .eyebrow{font-size:11px;letter-spacing:2px}.collapse-panel{font-size:11px}.lesson-tabs{gap:5px;margin:8px 0 12px}.lesson-tabs button{font-size:12px;padding:7px 4px;min-height:59px;line-height:1.5}.lesson-pair{grid-template-columns:1.05fr 1fr;gap:10px;align-items:center}.exhibit-item{height:100%;gap:8px;justify-content:center}.exhibit-item figcaption{font-size:16px;min-height:64px;display:flex;flex-direction:column;justify-content:center;line-height:1.5;letter-spacing:0}.exhibit-item figcaption small{font-size:11px;letter-spacing:2px}.paired-art{flex:0 1 auto;max-height:calc(100% - 74px);align-items:center}.paired-art img{border-width:4px;padding:3px;max-height:100%;width:100%;height:auto}.paired-art .magnify{font-size:10px;padding:4px 6px;bottom:5px}.lesson-controls{gap:21px;margin-top:13px}.lesson-controls button{font-size:12px;padding:9px 13px}#lesson-count{font-size:15px;letter-spacing:2px}.reopen-panel{bottom:82px;font-size:14px;padding:12px 17px}#words-dock{bottom:81px;width:94vw;padding:11px}.word-list{gap:6px}.word-list button{font-size:18px;padding:9px 4px}#words-dock p{font-size:12px;margin-bottom:9px}.hotspot-button,.hotspot-label{font-size:21px;min-width:125px;padding:13px 18px}.hotspot-word .hotspot-button{font-size:27px;min-width:150px;padding:18px 13px}.viewer-toolbar{padding:12px;align-items:flex-start;flex-wrap:wrap;gap:12px}.viewer-toolbar h2{font-size:20px}.zoom-tools{margin-left:auto;gap:5px}.zoom-tools button{min-width:34px;min-height:34px}.zoom-tools #zoom-reset{font-size:12px}.zoom-tools #close-viewer{margin-left:6px}.viewer-canvas{padding:12px}.viewer-bottom{padding:10px;gap:10px}.viewer-bottom button{padding:9px 10px;font-size:13px}#viewer-tip{font-size:12px;max-width:125px;text-align:center}.large-word{padding:45px 15px;font-size:clamp(40px,11vw,75px);letter-spacing:.05em;border-width:7px}dialog{width:96vw;height:96dvh;max-height:96dvh}}@media(max-height:550px) and (min-width:600px){.topbar{height:55px}.scene-nav{top:64px}.exhibit-panel{top:115px;bottom:72px;padding:6px 16px}.panel-top{min-height:20px}.lesson-tabs{margin:5px 0}.lesson-tabs button{min-height:34px;padding:4px}.exhibit-item figcaption{font-size:15px}.exhibit-item figcaption small{display:none}.lesson-controls{margin-top:5px}.lesson-controls button{padding:5px 14px}.pano-controls{bottom:10px}.scene-caption{top:125px}}@media(prefers-reduced-motion:reduce){*,*:before{scroll-behavior:auto!important}}
@media(max-width:600px){.hotspot-word .hotspot-button{min-width:88px;font-size:18px;letter-spacing:1px;padding:12px 7px;border-width:3px}.hotspot-word .hotspot-button small{font-size:10px;letter-spacing:0}}
@media(max-width:600px){.hotspot-word .hotspot-button{min-width:80px;font-size:16px;letter-spacing:0;padding:12px 5px}}
/* One unified vocabulary artwork, anchored inside the rotating panorama. */
body[data-scene=words] .scene-caption{display:none}.vocabulary-board{width:auto;height:auto}.board-art{display:block;position:relative;padding:0;background:transparent;box-shadow:0 16px 40px #20120d55;line-height:0}.board-art img{display:block;width:min(78vw,1120px);max-height:calc(100dvh - 300px);height:auto;object-fit:contain;-webkit-user-drag:none}.board-art span{position:absolute;bottom:12px;left:50%;transform:translateX(-50%);padding:8px 14px;background:#39291ee8;color:#fff0d2;font:12px var(--ui);line-height:1.2;white-space:nowrap}.board-art:hover span{background:var(--wine)}#words-dock{width:max-content;max-width:94vw;padding:12px 18px}#words-dock p{margin:0;align-items:center;gap:30px}#words-dock p button{border:1px solid #b3986e;background:#efe1c9;padding:9px 15px;white-space:nowrap}@media(max-width:600px){.board-art img{width:94vw;max-height:calc(100dvh - 285px)}.board-art span{bottom:5px;font-size:10px;padding:5px 8px}#words-dock{padding:9px 10px}#words-dock p{gap:10px;font-size:11px;letter-spacing:0}#words-dock p button{padding:8px;font-size:12px}}