/* Museum picture hotspot and a quiet, dark exhibition surface. */
.museum .scan-panel{pointer-events:none}
.necklace-hotspot{position:absolute;z-index:4;padding:0;border:1px solid #d8be823d;border-radius:2px;background:transparent;cursor:zoom-in;transition:border-color .25s,background .25s;touch-action:manipulation}
.necklace-hotspot:before,.necklace-hotspot:after{content:'';position:absolute;width:14px;height:14px;border-color:#dac493a3;border-style:solid;pointer-events:none}
.necklace-hotspot:before{left:-1px;top:-1px;border-width:1px 0 0 1px}.necklace-hotspot:after{right:-1px;bottom:-1px;border-width:0 1px 1px 0}
.necklace-hotspot>span{position:absolute;bottom:7px;right:7px;white-space:nowrap;display:flex;align-items:center;gap:7px;padding:7px 11px;border:1px solid #c7a36b7d;border-radius:2px;color:#f5e5c6;background:#182b2be8;font-size:11px;letter-spacing:1px;box-shadow:0 3px 10px #07101450}
.necklace-hotspot b{display:none;font-weight:400}.necklace-hotspot:is(:hover,:focus-visible) b{display:inline}
.necklace-hotspot i{font-style:normal;color:#ddbc83;font-size:17px}.necklace-hotspot small{font:9px var(--sans);border-left:1px solid #d6ba8266;padding-left:7px;color:#d6ba82}
.necklace-hotspot:hover,.necklace-hotspot:focus-visible{border-color:#ead3a3;background:#d4b5760b;outline-color:#eedcbb}
.necklace-hotspot:hover>span{background:#364440;color:#fff5df}
.necklace-modal{width:min(1120px,94vw);height:min(810px,90svh);max-height:94svh;padding:0;overflow:hidden;border:1px solid #ba9f6c99;border-radius:4px;background:#18282b;color:#e9dfcb;box-shadow:0 24px 100px #071012b8,inset 0 0 0 5px #d0af7210}
.necklace-modal::backdrop{background:#0a1517c9;backdrop-filter:blur(10px)}
.necklace-modal .modal-head{height:100px;padding:20px 28px;border-bottom:1px solid #b99b6d40;background:linear-gradient(100deg,#2d3837,#1a292c);position:relative;z-index:2}
.necklace-modal .modal-head small{color:#b9a27b;font-size:9px;letter-spacing:4px}
.necklace-modal .modal-head h2{color:#f1e3c5;font-size:29px;letter-spacing:5px;margin-top:7px}
.necklace-modal .close-button{color:#e1c99f;border-color:#c7a36b70;width:42px;height:42px;background:#c7a36b08;flex-shrink:0}
.necklace-modal .close-button:hover{background:#c7a36b22}
.necklace-modal .modal-content{padding:0;height:calc(100% - 100px);line-height:1.8}
.necklace-modal .modal-foot{display:none}
.necklace-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;height:100%}
.necklace-stage{min-width:0;min-height:0;position:relative;display:flex;flex-direction:column;background:radial-gradient(ellipse at 48% 43%,#45514e 0%,#263839 43%,#15262a 85%)}
.necklace-stage-label{position:absolute;z-index:1;inset:20px 24px auto;display:flex;justify-content:space-between;color:#c2b393;font-size:10px;letter-spacing:2px;pointer-events:none}
.necklace-stage-label>span:first-child{border-left:2px solid #b89e6f;padding-left:10px}
.necklace-viewport{flex:1;min-height:0;position:relative;margin-top:40px;touch-action:none}
.necklace-viewport canvas{width:100%;height:100%;display:block;touch-action:none;outline-offset:-6px}
.necklace-viewport[data-status=loading]:after{content:'正在展开藏品…';position:absolute;inset:45% 0 auto;text-align:center;font-size:13px;letter-spacing:3px;color:#e2d1b2;pointer-events:none}
.necklace-toolbar{padding:8px 16px 18px;text-align:center;flex:none}
.necklace-toolbar .model-controls{position:static;transform:none;display:inline-flex;border-color:#c6ac7866;background:#142326b8;padding:4px;gap:9px}
.necklace-toolbar .model-controls button{width:44px;height:40px;color:#ecdbb8}
.necklace-toolbar p{font-size:10px;letter-spacing:1.5px;color:#c5c3b6;margin:9px 0 0}
.necklace-notes{overflow-y:auto;overscroll-behavior:contain;border-left:1px solid #b99b6d40;padding:26px 27px 25px;background:linear-gradient(150deg,#263432,#1c2b2b);scrollbar-width:thin;scrollbar-color:#887d62 #1c2b2b}
.necklace-era{color:#c2a77a;font-size:10px;letter-spacing:3px}
.necklace-notes h3{font-family:var(--serif);font-size:30px;font-weight:400;line-height:1.45;letter-spacing:3px;color:#f1e1c0;margin:12px 0 14px}
.necklace-intro{font-size:12px;line-height:2.1;color:#d3d2c4;margin:0 0 20px}
.necklace-facts{padding:14px 0;margin:0 0 20px;border-top:1px solid #c1a9773d;border-bottom:1px solid #c1a9773d;font-size:11px}
.necklace-facts>div{display:flex;gap:17px;margin:7px 0}.necklace-facts dt{flex-shrink:0;color:#b4a17e;letter-spacing:2px}.necklace-facts dd{margin:0;color:#ece1ca}
.necklace-detail{margin-bottom:22px}.necklace-detail>span{font-size:9px;letter-spacing:2px;color:#b8a078}.necklace-detail h4{font-family:var(--serif);font-size:18px;letter-spacing:1px;color:#e8d6b3;font-weight:400;margin:6px 0}
.necklace-detail p{font-size:12px;color:#d0d0c1;line-height:2;margin:0}
.necklace-model-note{font-size:10px;color:#b8bbae;margin:22px 0 12px}
.necklace-sources{font-size:10px;color:#adb4a9;border-top:1px solid #b99b6d30;padding-top:11px}.necklace-sources summary{cursor:pointer;color:#c6b28b;padding:4px 0}.necklace-sources p{line-height:1.9}
@media(min-width:800px) and (max-width:1100px){
  .museum .scan-panel{right:3%;padding:12px;max-width:150px}.museum .scan-panel>span{font-size:8px;letter-spacing:1px}.museum .scan-panel .bird-mark{padding:8px 0}.museum .scan-panel .bird-mark img{width:78px!important;height:46px!important}.museum .scan-panel p{display:none}
}
@media(max-width:799px){
  .is-playing.museum .scenery{background-position:64% center}
  .museum .scan-panel,.museum.has-hand .scan-panel{right:5%;top:12%;padding:8px 10px;max-width:142px;pointer-events:none}
  .museum .scan-panel>span{font-size:8px;letter-spacing:0}.museum .scan-panel .bird-mark{padding:5px 0}.museum .scan-panel .bird-mark img{width:72px!important;height:42px!important}.museum .scan-panel p{display:none}
  .necklace-hotspot>span{font-size:10px;gap:5px;padding:6px 8px}
  .necklace-modal{width:94vw;height:92svh;max-height:94svh;padding:0}
  .necklace-modal .modal-head{height:79px;padding:14px 18px}.necklace-modal .modal-head h2{font-size:23px;margin-top:3px;letter-spacing:3px}.necklace-modal .modal-head small{font-size:8px;letter-spacing:2px}
  .necklace-modal .modal-content{height:calc(100% - 79px);overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#887d62 #1c2b2b}
  .necklace-layout{display:flex;flex-direction:column;height:auto;min-height:100%}
  .necklace-stage{height:clamp(300px,48svh,490px);flex-shrink:0}
  .necklace-stage-label{inset:14px 16px auto;font-size:9px;letter-spacing:1px}
  .necklace-viewport{margin-top:30px}.necklace-toolbar{padding:3px 12px 12px}.necklace-toolbar p{font-size:9px;margin-top:6px;letter-spacing:1px}.necklace-toolbar .model-controls button{height:36px}
  .necklace-notes{overflow:visible;border-left:0;border-top:1px solid #b99b6d40;padding:22px 24px}
  .necklace-notes h3{font-size:26px;line-height:1.5;margin:8px 0 10px}.necklace-notes h3 br{display:none}
}
@media(max-height:520px) and (min-width:800px){.necklace-modal{height:94svh}.necklace-modal .modal-head{height:76px;padding:12px 22px}.necklace-modal .modal-head h2{font-size:24px;margin-top:3px}.necklace-modal .modal-content{height:calc(100% - 76px)}.necklace-toolbar{padding-bottom:8px}.necklace-viewport{margin-top:30px}}