/* 把线索呈现为可以收进相册的物件，保留影片的观看空间。 */
body.exploration-scene{background:radial-gradient(ellipse at 0 15%,#e6ebda55,transparent 48%),radial-gradient(ellipse at 100% 90%,#efe8d955,transparent 40%),#faf9f5}
.exploration-scene .stage{box-shadow:0 14px 44px -22px #56674d55}
.exploration-scene .clue-toggle{position:relative;border:1px solid #c7cfba;border-radius:20px;padding:8px 16px;margin-top:-7px;background:#f5f3e9;color:#56674d;font-size:12px;transition:background .25s,box-shadow .25s}
.exploration-scene .clue-toggle:before{content:'▧';font:15px Georgia;margin-right:7px;color:#87966d}
.exploration-scene .clue-toggle:hover{background:#eaf0df;box-shadow:0 3px 12px #61754f12}
.clue-toggle.new-clue{animation:bookSaved 1s ease}
#clueDialog{max-width:980px;width:calc(100% - 48px);padding:42px 38px;border:1px solid #d6d9c8;border-radius:5px;background:linear-gradient(90deg,#f1eee4 49%,#fcfaf2 49.2%);box-shadow:0 30px 100px #23332044;overflow-x:hidden}
#clueDialog[open]{animation:openAlbum .45s ease both}
#clueDialog::backdrop,#clueBookDialog::backdrop{background:#293d305c;backdrop-filter:blur(7px)}
.scrapbook-layout{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(230px,.9fr);gap:42px;align-items:center}
.photo-paper{position:relative;margin:10px 0 15px;padding:12px 12px 20px;background:#fffef8;box-shadow:0 9px 22px #43503a25,0 1px 2px #43503a19;transform:rotate(-2deg);transition:transform .45s;isolation:isolate}
.photo-paper:before{content:'';position:absolute;z-index:2;width:72px;height:24px;left:calc(50% - 36px);top:-12px;background:#c7d3b678;transform:rotate(4deg);border-left:1px solid #bdc8ad55;border-right:1px solid #bdc8ad55;pointer-events:none}
.photo-paper:hover{transform:rotate(0deg)}
.photo-paper:has(#clueVideo:not([hidden])){transform:none}
.photo-paper #clueImage,.photo-paper #clueVideo{margin:0;width:100%;height:auto;max-height:42svh;aspect-ratio:16/9;object-fit:contain;background:#e9e8dd;border-radius:0}
.photo-paper figcaption{font:22px "STKaiti","KaiTi",serif;text-align:center;color:#647054;letter-spacing:3px;padding-top:18px}
.photo-number{position:absolute;right:14px;bottom:18px;color:#a0a88c;font:italic 12px Georgia}
.clue-note-page{padding:8px 4px;min-width:0}
.clue-note-page .eyebrow{font-size:9px;line-height:1.9;letter-spacing:2px;color:#7e8b66;margin-bottom:17px}
.clue-note-page #clueTitle{font:32px "STKaiti","KaiTi",serif;color:#46593d;letter-spacing:3px;margin:0 0 19px}
.clue-note-page #clueBody{font-size:13px;color:#67705d;line-height:2;margin:0 0 10px}
.saved-note{font:12px "STKaiti","KaiTi",serif;color:#7d886b;line-height:1.9;margin:0 0 30px}
.memory-label{font-size:10px;letter-spacing:2px;color:#899577;padding-top:19px;border-top:1px dashed #cad2b9;margin:0 0 12px}
#clueDialog #playClueVideo{display:block;min-height:48px;background:#eef1e4;border:1px solid #cad3b9;color:#60704c;border-radius:3px;font-size:12px;letter-spacing:2px;margin:0 0 9px}
#clueDialog #playClueVideo:not(:disabled):before{content:'▷';margin-right:9px}
#clueDialog #playClueVideo:not(:disabled):hover{background:#e4ead7}
#clueDialog .clue-video-notice{font-size:10px;line-height:1.8;color:#7c856d;margin:0 0 28px}
#clueDialog #closeClue{display:inline-block;width:auto;border:0;border-bottom:1px solid #a5b18f;border-radius:0;background:transparent;box-shadow:none;color:#536547;font:15px "STKaiti","KaiTi",serif;padding:6px 0;letter-spacing:2px;text-align:left;margin:0}
#clueDialog #closeClue:after{content:' →';font-family:serif;transition:margin .25s}
#clueDialog #closeClue:hover:after{margin-left:6px}
.close-page{position:absolute;right:15px;top:12px;border:0;background:transparent;color:#7f8a71;font:24px Georgia;padding:4px 9px;line-height:1;border-radius:50%}
.close-page:hover{background:#e9eddf;color:#526348}
#clueBookDialog{max-width:780px;width:calc(100% - 48px);padding:35px 36px;border-radius:5px;background:repeating-linear-gradient(0deg,transparent,transparent 29px,#bac7a21a 29px,#bac7a21a 30px),#f8f6eb;border-color:#d4dac5;box-shadow:0 25px 80px #24372140}
#clueBookDialog[open]{animation:openAlbum .4s ease}
#clueBookDialog h2{font:30px "STKaiti","KaiTi",serif;color:#4e6243;letter-spacing:2px}
#collectedClues{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:24px;padding:8px 6px 15px;margin:25px 0;align-items:start}
#collectedClues li{margin:0}
#collectedClues .evidence-card{padding:9px 9px 15px;background:#fffef8;border:0;border-radius:0;box-shadow:0 5px 15px #4e603a22;transform:rotate(-1.4deg);transition:transform .3s,box-shadow .3s}
#collectedClues li:nth-child(even) .evidence-card{transform:rotate(1.5deg)}
#collectedClues .evidence-card:hover{transform:rotate(0) translateY(-4px);box-shadow:0 10px 20px #4e603a2a;background:#fffef8}
.evidence-card img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;object-position:52% 40%;margin-bottom:13px}
.evidence-card strong{display:block;font:21px "STKaiti","KaiTi",serif;color:#536448;text-align:center;letter-spacing:2px}
.evidence-card small{display:block;font-size:9px;color:#8a937b;text-align:center;margin-top:10px;letter-spacing:1px}
#clueBookDialog #closeClueBook{width:auto;background:transparent;color:#5a6e4e;box-shadow:none;border:0;border-bottom:1px solid #b1bda0;border-radius:0;padding:8px 0;font:15px "STKaiti","KaiTi",serif;letter-spacing:2px}
#bookEmpty{min-height:100px;display:grid;place-items:center;font:16px "STKaiti","KaiTi",serif;color:#7e896d}
@keyframes openAlbum{from{opacity:0;scale:.97;translate:0 12px}to{opacity:1;scale:1;translate:0 0}}
@keyframes bookSaved{0%,100%{box-shadow:0 0 0 0 #9baa7322}45%{box-shadow:0 0 0 9px #9baa7333}}
@media(max-width:760px){#clueDialog{padding:32px 25px 27px;max-width:600px;background:linear-gradient(160deg,#f1eee4,#fcfaf2 65%)}.scrapbook-layout{grid-template-columns:1fr;gap:16px}.photo-paper{width:92%;margin:12px auto 6px;padding:9px 9px 15px}.photo-paper #clueImage,.photo-paper #clueVideo{max-height:29svh}.photo-paper figcaption{font-size:20px;padding-top:12px}.photo-number{bottom:16px}.clue-note-page{padding:0 4px}.clue-note-page .eyebrow{font-size:8px;margin-bottom:9px}.clue-note-page #clueTitle{font-size:27px;margin-bottom:12px}.clue-note-page #clueBody{font-size:12px;margin-bottom:5px}.saved-note{margin-bottom:16px;font-size:11px}.memory-label{padding-top:13px;margin-bottom:9px}#clueDialog .clue-video-notice{margin-bottom:15px}#clueDialog #playClueVideo{min-height:42px}.close-page{top:10px;right:10px}#clueBookDialog{padding:30px 25px}#collectedClues{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:18px}}
@media(prefers-reduced-motion:reduce){#clueDialog[open],#clueBookDialog[open],.clue-toggle.new-clue{animation:none}.photo-paper,#collectedClues .evidence-card,#clueDialog #closeClue:after{transition:none}}
