.site-modal{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:24px}.site-modal[hidden]{display:none}.site-modal-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.78);backdrop-filter:blur(4px)}.site-modal-panel{position:relative;width:min(760px,100%);max-height:min(86vh,760px);overflow:auto;background:#211816;border:1px solid rgba(201,155,84,.8);box-shadow:0 18px 70px #000;color:#e8ddce;padding:28px;border-radius:8px}.site-modal-panel h2{margin:0 42px 18px 0;color:#e1b66d;font-size:21px}.site-modal-close{position:absolute;right:14px;top:10px;border:0;background:transparent;color:#e8c98e;font-size:30px;line-height:1;cursor:pointer}.site-modal-panel pre{margin:0;white-space:pre-wrap;word-break:break-word;font:400 14px/1.8 'Noto Sans TC',sans-serif;color:#d9cbbb}.site-modal-image-wrap{position:relative;max-height:70vh;overflow:auto;background:#0c0a09;cursor:grab;text-align:center}.site-modal-image-wrap:active{cursor:grabbing}.site-modal-image{display:block;margin:0 auto;max-height:none;object-fit:contain;user-select:none;touch-action:none}.site-modal-image.dragging{cursor:grabbing}.site-modal-hint{position:sticky;display:block;bottom:8px;width:max-content;max-width:calc(100% - 16px);margin:-28px auto 8px;padding:4px 9px;background:rgba(0,0,0,.7);color:#e8c98e;font-size:11px;pointer-events:none}.modal-open{overflow:hidden}