:root{color-scheme:dark;--paper:#eee5d0;--gold:#c5a66b;--muted:#b6af9c}
*{box-sizing:border-box}body{margin:0;background:#171b18 radial-gradient(ellipse at 50% 0,#38332788,transparent 65%);color:var(--paper);font-family:"Microsoft YaHei",sans-serif;min-height:100svh}
button,a{touch-action:manipulation}button{font:inherit;color:inherit;background:transparent;border:1px solid #c5a66b55;padding:12px 18px;border-radius:4px;cursor:pointer}button:hover,a.primary:hover{background:#c5a66b18}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible{outline:2px solid var(--gold);outline-offset:4px}button:disabled{opacity:.6;cursor:default}
header{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:20px max(18px,calc((100vw - 1060px)/2));border-bottom:1px solid #c5a66b22}header button{font-size:12px;padding:9px 12px}.brand{border:0;padding:0;font-family:KaiTi,serif;font-size:18px;font-weight:bold;white-space:nowrap;flex-shrink:0}nav{display:flex;gap:8px}
main{max-width:1040px;margin:auto;padding:36px 22px 54px}.screen{animation:appear .4s ease}.hidden{display:none!important}.intro{text-align:center}h1,h2{font-family:KaiTi,"STKaiti",serif;font-weight:500;line-height:1.4}h1{font-size:clamp(32px,5vw,52px);margin:14px 0}h2{font-size:30px;margin:12px 0 20px}p{line-height:1.9}.eyebrow{font-size:12px;letter-spacing:4px;color:var(--gold);margin:0}.muted{color:var(--muted)}.small{font-size:12px}
.book{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px;width:190px;height:252px;margin:26px auto;background:linear-gradient(90deg,#111b18 0 7%,#304336 8%,#17271f 13% 100%);border:1px solid var(--gold);box-shadow:8px 8px 0 #0c120f,11px 10px 0 #76684655,0 20px 60px #0007;transform:rotate(-3deg);transition:transform .2s}.book:hover{transform:rotate(0) translateY(-3px);background:#233529}.book .book-title{display:flex;flex-direction:column;align-items:center;font:28px/1.6 KaiTi,serif;letter-spacing:2px;white-space:nowrap}.book .book-title>span{display:block;font:inherit;letter-spacing:inherit;white-space:nowrap}.book small{font-size:11px;color:var(--gold);letter-spacing:2px}
.primary{display:inline-block;background:var(--gold);color:#171b18;border:0;padding:14px 22px;border-radius:4px;font-size:14px;text-decoration:none;font-weight:bold}.primary:hover{color:var(--paper)}.secondary{display:inline-block;border:1px solid #c5a66b55;padding:13px 20px;border-radius:4px;text-decoration:none;font-size:14px}
.narrative{max-width:580px;margin:36px auto}.narrative .primary{margin-top:20px}.choices{display:grid;gap:12px;margin:24px 0}.choice{display:flex;align-items:center;gap:16px;min-height:64px;text-align:left;line-height:1.7;padding:14px 18px}.choice-letter{color:var(--gold);font:21px serif;flex-shrink:0}.answer-comparison{border-top:1px solid #c5a66b33;border-bottom:1px solid #c5a66b33;padding:8px 0}.answer-comparison p{margin:8px 0}.answer-comparison #actual{color:var(--gold)}
.result-grid{display:grid;grid-template-columns:minmax(0,350px) minmax(0,1fr);gap:44px;align-items:center;max-width:900px;margin:auto}.art-card{width:100%;max-width:350px;overflow:hidden;border:1px solid #c5a66b55;box-shadow:0 12px 40px #0007;background:#1b211c}.artwork{position:relative;aspect-ratio:7/9;background:#111713;overflow:hidden}.artwork img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.card-info{padding:18px 20px 20px;border-top:1px solid #c5a66b33}.art-card .person{font:30px/1.2 KaiTi,serif;letter-spacing:2px;margin:0 0 8px}.event{display:block;color:var(--gold);font:14px/1.6 KaiTi,serif;letter-spacing:1px}.card-note{display:block;color:var(--muted);font-size:11px;margin-top:8px}.art-card blockquote{font:13px/1.8 KaiTi,serif;color:var(--muted);margin:12px 0 8px;padding:0;border:0}.card-source{font-size:10px;color:var(--muted)}
.paper-card .artwork{background:repeating-linear-gradient(0deg,#c5a66b06 0 1px,transparent 1px 3px),linear-gradient(140deg,#18221e,var(--accent),#111b19)}.paper-card .artwork::before{content:'';position:absolute;inset:11px;border:1px solid #c5a66b66}.paper-motif{position:absolute;inset:0;display:grid;place-items:center;font:145px KaiTi,serif;color:#c5a66b20}
.story{min-width:0}.story h2{font-size:28px}.story>p{font-size:14px}#aftermath{font-size:12px}.actions{display:flex;gap:10px;flex-wrap:wrap;margin:22px 0}details{border-top:1px solid #c5a66b33;padding:16px 0}summary{cursor:pointer;color:var(--gold);font-size:13px}blockquote{margin:18px 0;padding-left:14px;border-left:2px solid var(--gold);font-family:KaiTi,serif;line-height:1.9}a{color:var(--gold);font-size:13px;overflow-wrap:anywhere}.author{display:inline-block;margin-top:16px}#relatedSources a{display:block;margin:8px 0}
.mini-card{display:flex;gap:18px;align-items:center;width:100%;text-align:left;margin:12px 0}.mini-card img{width:80px;height:103px;object-fit:contain}.mini-card strong{font:26px KaiTi,serif}.mini-card small{display:block;margin-top:8px;color:var(--gold)}.mini-visual{width:80px;height:103px;display:grid;place-items:center;flex-shrink:0;font:42px KaiTi,serif;color:#c5a66b66}.mini-card:disabled{opacity:.65}
dialog{border:1px solid #c5a66b66;background:#171b18;color:var(--paper);width:min(440px,94vw);max-height:92svh;padding:24px 20px 20px;text-align:center;border-radius:6px}dialog::backdrop{background:#000b}dialog img{display:block;width:100%;height:auto;margin:16px 0}.close{position:absolute;right:5px;top:3px;border:0;padding:2px 10px;font-size:25px}.share-heading{font-size:20px;margin:15px 0}.share-actions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.notice{position:fixed;bottom:16px;left:50%;transform:translateX(-50%);background:#344234;color:var(--paper);padding:12px 18px;font-size:13px;border-radius:4px;max-width:90vw;z-index:10}
@keyframes appear{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media(max-width:650px){header{padding:16px 14px}.brand{font-size:15px}header button{padding:9px;font-size:11px}main{padding:28px 18px 42px}.result-grid{grid-template-columns:1fr;gap:26px}.art-card{margin:auto}.story{width:100%;max-width:420px;margin:auto}.narrative{margin:22px auto}.story h2{font-size:26px}.book{height:236px;width:180px}}@media(max-width:360px){header{flex-wrap:wrap;justify-content:center}.book .book-title{font-size:27px;letter-spacing:1px}.card-info{padding:16px}}@media(prefers-reduced-motion:reduce){.screen{animation:none}.book{transition:none}}


/* 实验版：把故事背景留给正文，收卡页集中展示原画与后续。 */
#sceneTitle{font-size:clamp(26px,4vw,34px)}.completion{border:1px solid #c5a66b66;padding:16px;margin:20px 0;background:#c5a66b0b}.completion strong{color:var(--gold);font-family:KaiTi,serif;font-size:20px}.completion p{font-size:13px;margin:8px 0}.completion button{padding:10px 16px}#aftermath{font-size:15px}.story h2{font-size:26px}h1:focus,h2:focus{outline:none}

#premise,#revealExplanation,#aftermath{white-space:pre-line}