:root{color-scheme:light;--paper:#f5f0e5;--ink:#292a22;--green:#36452f;--soft:#66685b;--line:#d5cdbb;--card:#fcf8ef}
*{box-sizing:border-box} [hidden]{display:none!important}
body{margin:0;font-family:"PingFang SC","Microsoft YaHei",sans-serif;color:var(--ink);background:var(--paper);line-height:1.55}
button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:disabled{opacity:.55;cursor:default}
a{color:inherit} button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #be8032;outline-offset:3px}
.exhibit{width:min(100% - 32px,870px);margin:0 auto;padding-bottom:48px}
.brand{display:flex;align-items:center;gap:10px;margin:0 0 18px;padding-top:16px;font-weight:700}
.seal{display:grid;place-items:center;width:31px;height:31px;border-radius:5px;color:#fff8e8;background:#874e3e;font-family:serif}
.edition{margin-left:auto;font-size:.78rem;color:var(--soft);font-weight:500}
.target-photo{margin:0;padding:16px 16px 9px;background:#22291e;color:#f7efde;border-radius:14px;text-align:center}
.target-photo img{display:block;width:auto;height:auto;max-width:100%;max-height:min(72vh,760px);margin:0 auto}
.target-photo figcaption{font-size:.8rem;margin-top:9px;letter-spacing:.08em}
.intro{margin:21px 0 0;max-width:680px}.intro p,.sheet p{margin:.55em 0}
h1{font-family:"Songti SC","SimSun",serif;line-height:1.15;font-size:clamp(1.55rem,4vw,2.4rem);margin:.25em 0}
.kicker{color:#815345;font-weight:700;font-size:.76rem;letter-spacing:.09em}
.primary{display:inline-flex;align-items:center;justify-content:center;border:0;color:#fff;background:var(--green);padding:.7em 1em;min-height:44px;text-decoration:none;border-radius:9px;font-weight:700}
.controls{margin-top:14px}.small{font-size:.79rem;color:var(--soft)}
.scan-page{background:#171c16}.scan-page #experience{position:relative;min-height:100vh;min-height:100dvh;overflow:hidden;display:flex;flex-direction:column;isolation:isolate}
#camera-view{position:absolute;inset:0;overflow:hidden;z-index:-1}
#camera-view video,#camera-view canvas{position:absolute;display:block;inset:0;width:100%;height:100%;object-fit:cover}
.scan-header{display:flex;align-items:center;justify-content:space-between;gap:8px;color:#fff;font-size:.88rem;font-weight:700;padding:calc(12px + env(safe-area-inset-top)) 12px 32px;background:linear-gradient(#152014df,transparent)}
.scan-header a,.scan-header button{background:#182216dc;border:1px solid #e7e8dc6e;border-radius:7px;color:inherit;text-decoration:none;padding:8px 10px;min-height:42px}
.scan-header span{margin-right:auto}
.sheet{margin:0 auto max(12px,env(safe-area-inset-bottom));width:min(100% - 24px,500px);padding:12px 14px;color:var(--ink);background:var(--card);border-radius:13px;box-shadow:0 8px 25px #0a120960}
.status{margin:auto auto 10px;width:fit-content;max-width:calc(100% - 24px);color:white;background:#172017db;border-radius:8px;padding:7px 10px;font-size:.86rem;text-align:center}
.status:empty{background:transparent;padding:0}
#welcome{margin-top:auto;order:2}
#frame{pointer-events:none;position:absolute;inset:14% max(7%,calc((100% - 570px) / 2)) 28%;z-index:-1}
#frame i{display:block;position:absolute;width:26px;height:26px;border-color:#ffefc3;border-style:solid;border-width:0}
#frame i:nth-child(1){top:0;left:0;border-top-width:3px;border-left-width:3px}
#frame i:nth-child(2){top:0;right:0;border-top-width:3px;border-right-width:3px}
#frame i:nth-child(3){bottom:0;left:0;border-bottom-width:3px;border-left-width:3px}
#frame i:nth-child(4){bottom:0;right:0;border-bottom-width:3px;border-right-width:3px}
.tour-head{display:flex;gap:12px;align-items:center;justify-content:space-between}
.tour-head .primary{font-size:.88rem}
.chapters{display:flex;gap:6px;flex-wrap:wrap;margin:.55em 0}.chapters button{font-size:.81rem;min-height:36px;padding:4px 8px;border:1px solid var(--line);background:transparent;border-radius:7px;color:var(--ink)}
.chapters button[aria-pressed="true"]{background:#e3e9d8;border-color:#a3ac95;color:#273822;font-weight:700}
details{border-top:1px solid var(--line);padding-top:5px;font-size:.82rem;max-height:31vh;overflow:auto}summary{cursor:pointer;font-weight:700;min-height:28px}
#graph,#references{padding-left:1.25em;margin:.45em 0}#graph li{margin:4px 0}
.placement{display:inline-flex;align-items:center;gap:5px;margin-top:6px}
.placement img{width:24px;height:24px;object-fit:cover;border-radius:4px}.placement::after{content:"在平面上摆放石像"}
@media print{.target-photo{background:none;color:#222;padding:0}.target-photo img{max-height:230mm}.intro,.brand{display:none}}
