:root{--wine:#802f30;--wine-dark:#652123;--ink:#2e2925;--muted:#837569;--cream:#fcf8f0;--line:#dfd5c8}*{box-sizing:border-box}body{margin:0;background:#b5a491;color:var(--ink);font:16px/1.65 'Microsoft YaHei','PingFang SC',sans-serif;overflow:hidden}button,a,input,textarea{touch-action:manipulation}button{font:inherit;cursor:pointer;border:0}button:focus-visible,a:focus-visible,textarea:focus-visible{outline:3px solid #e5a35c;outline-offset:3px}button:disabled{opacity:.5;cursor:not-allowed}#panorama{position:fixed;inset:0}.veil{position:fixed;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(36,23,15,.29),transparent 56%),linear-gradient(0deg,rgba(31,23,16,.47),transparent 35%)}header{position:fixed;z-index:5;top:0;left:0;right:0;height:100px;display:flex;align-items:center;justify-content:space-between;padding:20px 42px;background:linear-gradient(#faf6ecee,#faf6ecd9);border-bottom:1px solid #f9f3e377;box-shadow:0 3px 20px #25160915}.brand{display:flex;gap:14px;align-items:center;text-decoration:none;color:var(--ink);font-family:SimSun,serif;font-size:22px;font-weight:bold;letter-spacing:1px}.brand-mark{border:1px solid var(--wine);padding:7px 5px;color:var(--wine);font-size:21px;line-height:1.1;writing-mode:vertical-rl}.brand small{display:block;font:11px/1.8 'Microsoft YaHei',sans-serif;letter-spacing:5px;color:var(--muted);margin-top:3px}.tag{font-size:13px;letter-spacing:3px;color:#77594c;border:1px solid #bcaa94;border-radius:20px;padding:5px 18px}.head-actions{display:flex;gap:12px}.head-actions button{background:transparent;color:#5b5147;font-size:14px;padding:10px 12px}.head-actions button:last-child{border-left:1px solid #cbb9a4;padding-left:23px}.welcome{position:fixed;top:clamp(134px,20vh,220px);left:5.3vw;width:460px;max-width:40vw;color:#fff8eb;z-index:3;text-shadow:0 2px 10px #301a0c70}.eyebrow{font-size:12px;font-weight:bold;letter-spacing:4px;color:#c9a273;margin:0 0 20px}.welcome .eyebrow{color:#ecd7b8}.welcome h1{font-family:SimSun,'Songti SC',serif;font-size:43px;line-height:1.45;letter-spacing:2px;margin:0 0 27px;font-weight:bold}.lead{max-width:370px;font-size:16px;color:#fff9ec;line-height:1.95;margin:0 0 30px}.primary{background:var(--wine);color:#fff9ef;padding:13px 24px;border-radius:3px;min-height:48px;box-shadow:0 4px 12px #56241c21}.primary:hover{background:var(--wine-dark)}.welcome .primary{background:#fbf3e4;color:var(--wine);width:222px;font-weight:bold;text-shadow:none;display:flex;justify-content:space-between;align-items:center}.welcome-hint{font-size:12px;margin-top:20px;color:#f5eadb;letter-spacing:.4px}.view-controls{position:fixed;z-index:6;right:31px;bottom:156px;display:flex;gap:1px;border-radius:3px;background:#fdf7ecf2;box-shadow:0 8px 24px #21120522;padding:3px}.view-controls button{padding:8px 12px;background:transparent;color:#594338;font-size:14px;min-width:41px}.view-controls button:hover,.view-controls button[aria-pressed=true]{background:#e8d7bf}.view-controls span{border-right:1px solid var(--line);margin:8px 2px}.scene-note{position:fixed;bottom:123px;left:32px;color:#fff3df;font-size:11px;letter-spacing:.4px;text-shadow:0 1px 4px #000;pointer-events:none}.zone-nav{position:fixed;bottom:26px;left:50%;transform:translateX(-50%);width:min(940px,92vw);height:82px;background:#fcf9f2ed;display:grid;grid-template-columns:repeat(4,1fr);border-radius:5px;overflow:hidden;z-index:6;box-shadow:0 9px 32px #2c180e40;backdrop-filter:blur(12px)}.zone-nav button{position:relative;display:flex;align-items:center;gap:15px;padding:12px 24px;text-align:left;background:transparent;color:var(--ink);border-right:1px solid #cdbda733}.zone-nav button:last-child{border:0}.zone-nav b{font:30px/1 SimSun,serif;color:#ab8b6e}.zone-nav span{font-size:17px;white-space:nowrap}.zone-nav small{display:block;font-size:10px;letter-spacing:.5px;color:#8d7c6d;margin-top:4px}.zone-nav button.active{background:var(--wine);color:white}.zone-nav button.active b,.zone-nav button.active small{color:#e0c6ad}.zone-nav button.done i{width:6px;height:6px;border-radius:50%;background:#ab8455;position:absolute;right:12px;top:12px}.zone-nav button.active i{background:#f7dab5}.panel{position:fixed;z-index:7;top:119px;right:28px;bottom:204px;width:440px;background:#fffbf2f5;box-shadow:0 12px 50px #271a143b;border:1px solid #e8d7bb;border-radius:5px;overflow:auto;overscroll-behavior:contain;backdrop-filter:blur(14px);padding:21px 28px 30px}.panel-top{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #ddcfbc;padding-bottom:12px;margin-bottom:20px}.panel-top span{font-size:12px;letter-spacing:2px;color:var(--muted)}.panel-top button{background:transparent;font-size:26px;line-height:1;color:#69564b;width:32px;height:28px}.panel h2{font-family:SimSun,serif;font-size:31px;line-height:1.4;margin:0 0 17px}.panel h3{font-size:17px;margin:17px 0 8px;color:var(--wine)}.panel p{font-size:14px;line-height:1.9;margin:10px 0}.panel .subtitle{color:var(--muted);font-size:12px}.panel .notice{background:#f0e6d6;padding:12px 15px;border-left:3px solid #b78b58;font-size:12px;line-height:1.85;margin:17px 0}.panel .primary{font-size:14px;margin-top:14px}.panel a{color:var(--wine);text-underline-offset:3px}.source-card{margin:17px 0;padding:17px;background:#fffdf8;border:1px solid #e4d6c0;border-radius:3px}.source-tag{font-size:11px;letter-spacing:2px;color:#a0805d}.source-card h3{margin-top:9px;font-family:SimSun,serif;font-size:22px}.source-card small{display:block;color:var(--muted);font-size:11px;line-height:1.8}.source-card .read-btn{font-size:12px;padding:8px 11px;background:#eee2d0;color:#6d4334;border-radius:2px;margin-top:10px}.source-card .read-btn.read{background:#dfe6d8;color:#536241}.source-card .source-link{font-size:12px;display:inline-block;margin:9px 0}.learning-steps{counter-reset:step;list-style:none;padding:0;margin:20px 0}.learning-steps li{counter-increment:step;display:flex;gap:15px;align-items:baseline;border-bottom:1px solid #e6d8c5;padding:12px 0;font-size:14px}.learning-steps li:before{content:'0' counter(step);font:25px SimSun;color:#ad8965}.quiz{margin-top:22px;padding-top:15px;border-top:1px solid #dfd1bd}.quiz h3{font-size:15px;color:var(--ink);line-height:1.8}.option{width:100%;display:block;text-align:left;margin:8px 0;background:#fffdf9;padding:12px 13px;border:1px solid #dacbb4;border-radius:3px;font-size:13px;color:#4f463c;line-height:1.65}.option.selected{border-color:var(--wine);background:#f2e2d8}.option.correct{border-color:#67845c;background:#e9efdf}.option.incorrect{border-color:#ab5b45;background:#f4dfd5}.quiz-feedback{font-size:12px!important;padding:10px 12px;background:#eee7da;border-radius:2px;color:#71513d}.summary-form label{font-size:14px;font-weight:bold;color:#694735;display:block;margin:17px 0 8px}.summary-form textarea{width:100%;padding:12px;border:1px solid #d6c5ad;background:#fffdf8;font:14px/1.8 'Microsoft YaHei',sans-serif;resize:vertical;min-height:86px;color:var(--ink);border-radius:3px}.summary-form .actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.secondary{border:1px solid #c4ad90;color:#765238;padding:11px 18px;background:transparent;border-radius:3px;font-size:14px}.save-status{font-size:11px!important;color:var(--muted)}.clear-record{font-size:11px;margin-top:25px;color:#937457;text-decoration:underline;background:transparent;padding:0}.spot{height:auto!important;width:auto!important;background:none!important;white-space:nowrap;cursor:pointer}.spot button{display:flex;align-items:center;gap:9px;padding:10px 17px 10px 9px;color:#5e3527;background:#fffaefeb;border:1px solid #ffefd0cc;border-radius:28px;box-shadow:0 4px 22px #311e1259;font-size:14px}.spot b{background:var(--wine);color:#fff8eb;border-radius:50%;width:27px;height:27px;display:grid;place-items:center;font:16px SimSun}.spot button:hover{background:#fff4dd;transform:translateY(-2px)}.spot:after{content:'';position:absolute;left:23px;top:100%;height:25px;border-left:1px solid #fff7e6}.pnlm-about-msg{display:none!important}.pnlm-load-box{background:#fdf7e9;color:#6c382b}.pnlm-container{background:#bbab95}.pnlm-controls-container{display:none}dialog{border:1px solid #d6c2a2;border-radius:6px;padding:38px;width:min(570px,92vw);max-height:85dvh;overflow:auto;background:#fffbf1;color:var(--ink);box-shadow:0 20px 80px #2612074d}dialog::backdrop{background:#25190e8f;backdrop-filter:blur(4px)}dialog h2{font-family:SimSun,serif;font-size:28px;line-height:1.5}dialog p{font-size:14px;line-height:1.9}dialog .eyebrow{margin-top:8px;color:var(--wine)}.dialog-close:not(.primary){position:absolute;top:12px;right:16px;background:transparent;font-size:28px;color:#806b55}.muted{color:#8a7864}#toast{position:fixed;z-index:40;bottom:127px;left:50%;transform:translate(-50%,14px);background:#472f25ee;color:#fff5e3;padding:12px 22px;border-radius:4px;opacity:0;pointer-events:none;transition:.2s;font-size:14px;max-width:90vw}#toast.show{opacity:1;transform:translate(-50%,0)}#fallback{position:fixed;left:30px;top:130px;max-width:440px;background:#fff9edee;padding:25px;z-index:4}.panel[hidden],.welcome[hidden],#fallback[hidden]{display:none!important}
@media(max-width:1000px){header{padding:18px 25px}.tag{display:none}.welcome h1{font-size:34px}.welcome{max-width:43vw;left:5vw}.panel{width:410px}.zone-nav button{padding:12px 17px;gap:10px}.zone-nav span{font-size:15px}.zone-nav b{font-size:25px}}
@media(max-height:760px) and (min-width:701px){.panel{top:112px;bottom:174px}.welcome{top:142px}.welcome h1{font-size:35px;margin-bottom:15px}.welcome .lead{font-size:14px;margin-bottom:19px}.view-controls{bottom:132px}.scene-note{bottom:111px}.zone-nav{height:73px;bottom:20px}.welcome-hint{margin-top:12px}.panel h2{font-size:26px}}
@media(max-width:700px){header{height:77px;padding:11px 15px}.brand{font-size:17px;gap:9px}.brand-mark{font-size:16px;padding:5px 4px}.brand small{font-size:9px;letter-spacing:3px}.head-actions{gap:0}.head-actions button{font-size:11px;padding:8px}.head-actions button:last-child{padding-left:10px}.welcome{top:18vh;left:25px;max-width:calc(100vw - 50px);width:350px}.welcome h1{font-size:32px;line-height:1.5;margin-bottom:18px}.lead{font-size:14px;max-width:305px}.welcome .primary{width:196px}.welcome-hint{font-size:11px}.zone-nav{bottom:max(15px,env(safe-area-inset-bottom));height:77px;width:calc(100vw - 24px)}.zone-nav button{padding:11px 3px;display:block;text-align:center}.zone-nav b{display:none}.zone-nav span{font-size:13px}.zone-nav small{font-size:8px;letter-spacing:0;margin-top:6px}.zone-nav button.done i{right:5px;top:6px;width:4px;height:4px}.view-controls{bottom:137px;right:12px}.view-controls button{font-size:12px;padding:8px 10px;min-width:34px}.scene-note{bottom:106px;left:14px;font-size:9px;max-width:95vw}.panel{top:94px;right:12px;left:12px;width:auto;bottom:188px;padding:16px 21px 24px;max-width:none}.panel-top{margin-bottom:15px}.panel h2{font-size:27px}.spot button{font-size:12px;padding:8px 11px 8px 7px;gap:6px}.spot b{width:22px;height:22px;font-size:14px}.spot:after{height:16px;left:17px}.panel p{font-size:13px}.panel h3{font-size:16px}#toast{font-size:12px;bottom:109px;width:max-content;max-width:94vw}dialog{padding:28px}dialog h2{font-size:23px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
#exhibitLayer{position:fixed;inset:0;z-index:2;pointer-events:none;perspective-origin:50% 50%;overflow:hidden}#exhibitWorld{position:absolute;left:50%;top:50%;width:0;height:0;transform-style:preserve-3d}.wall-anchor{position:absolute;width:0;height:0;transform-style:preserve-3d}.wall-sheet{position:absolute;left:0;top:0;height:640px;transform:translate(-50%,-50%);backface-visibility:hidden;pointer-events:auto;background-color:transparent;background-size:100% 100%;background-repeat:no-repeat;padding:43px 45px 36px;display:flex;align-items:center;flex-direction:column;color:#332a22;text-align:center;cursor:zoom-in;filter:drop-shadow(0 7px 9px #21140880);font-family:'Microsoft YaHei',sans-serif}.wall-category{font-size:22px;letter-spacing:3px;color:#926b48;display:block;margin-bottom:10px}.wall-sheet h3{font-family:SimSun,serif;color:#7f2c2b;font-size:37px;line-height:1.4;margin:0 0 18px;font-weight:bold}.wall-sheet img{width:100%;height:354px;object-fit:contain;flex-shrink:0}.wall-caption{display:block;font-size:24px;line-height:1.5;margin-top:15px;color:#4f4032}.wall-open{font-size:19px;color:#947253;margin-top:auto;padding-top:8px;display:block}.wall-year{font:68px/1.4 SimSun,serif;color:#913e33;letter-spacing:3px;margin:8px 0 15px}.wall-document{font-size:28px;line-height:1.75;text-align:left;margin:0 0 8px}.wall-sheet.document h3{font-size:36px}.wall-sheet.document .wall-caption{font-size:23px}.wall-sheet:hover .wall-open{color:#8c2d27;text-decoration:underline}#exhibitDialog{width:min(860px,94vw);padding:32px 40px 23px;max-height:90dvh}#exhibitDialog .eyebrow{margin-bottom:10px}#exhibitDialog h2{margin:5px 0 18px;font-size:29px}#exhibitDialog figure{margin:0;text-align:center}#exhibitDialog figure img{max-width:100%;max-height:49vh;width:auto;height:auto;object-fit:contain}#exhibitDialog figcaption{font-size:13px;color:#7d6c59;padding:9px 0}#exhibitDialog .detail-year{font:74px/1.4 SimSun,serif;color:#8c3530;margin:20px 0}.exhibit-credit{border-top:1px solid #dccbb3;padding-top:13px;margin-top:18px;font-size:12px;color:#816b54}.exhibit-credit p{font-size:12px;line-height:1.9;margin:5px 0}.exhibit-credit a{color:var(--wine);font-size:13px;text-underline-offset:3px}.exhibit-pager{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #decdb6;margin-top:22px;padding-top:18px}.exhibit-pager button{background:#eee2d0;color:#73482f;font-size:13px;padding:10px 17px;border-radius:3px}.exhibit-pager span{font-size:12px;color:#937654}.source-photo-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.source-photo-grid button{background:#f5ebdb;padding:6px 6px 8px;color:#6b4b37;text-align:left}.source-photo-grid img{width:100%;height:108px;object-fit:cover;display:block}.source-photo-grid span{font-size:11px;display:block;padding:5px 4px 0}.source-photos{padding-top:9px;padding-bottom:8px;border-bottom:1px solid #ddcdb5}@media(max-width:700px){.head-actions{gap:0}.head-actions button{padding:6px;font-size:10px}.head-actions button:last-child{padding-left:7px}#exhibitDialog{padding:30px 21px 20px}#exhibitDialog h2{font-size:23px}#exhibitDialog figure img{max-height:43vh}.exhibit-pager button{padding:8px 12px;font-size:12px}.source-photo-grid img{height:94px}}

/* Keep the learning entry below the exhibits. */
.welcome{top:auto;bottom:161px;left:32px;width:360px;max-width:40vw;padding:17px 22px;background:#38251cdb;border:1px solid #ddc9a94a;border-radius:3px}.welcome .eyebrow{font-size:10px;margin:0 0 6px}.welcome h1{font-size:22px;line-height:1.45;margin:0 0 12px}.welcome h1 br{display:none}.welcome .lead{display:none}.welcome .primary{font-size:12px;padding:7px 14px;min-height:34px;width:180px}.welcome-hint{font-size:10px;margin:10px 0 0}.wall-sheet.document{height:570px;padding:38px 38px 30px}.wall-sheet.document h3{font-size:30px}.wall-document{font-size:24px;line-height:1.6}.wall-year{font-size:60px;margin:5px 0 12px}.wall-sheet.document .wall-caption{font-size:20px}.wall-sheet.document .wall-category{font-size:20px}.wall-sheet.document .wall-open{font-size:17px}@media(max-width:700px){.welcome{bottom:196px;left:14px;width:246px;max-width:calc(100vw - 28px);padding:11px 15px}.welcome h1{font-size:17px;margin-bottom:8px;letter-spacing:0}.welcome .eyebrow{font-size:9px;letter-spacing:2px}.welcome .primary{font-size:11px;min-height:29px;width:146px}.welcome-hint{display:none}.brand{font-size:15px}.brand small{font-size:8px;letter-spacing:2px}.head-actions button{font-size:10px;padding:5px}.head-actions button:last-child{padding-left:5px}}
.wall-sheet{touch-action:none}.welcome h1 br{display:block}@media(max-width:700px){body:has(#welcome:not([hidden])) .spot{visibility:hidden}}