:root{--paper:#faf3e6eb;--ink:#3b2f25;--soft:#7a6857;--accent:#b5532e;--line:#3b2f2529;color:var(--ink);font-family:PingFang SC,Microsoft YaHei,Noto Sans SC,system-ui,sans-serif}*{box-sizing:border-box}html,body{background:#2b211b;height:100%;margin:0;overflow:hidden}#scene{touch-action:none;width:100%;height:100%;display:block;position:fixed;inset:0}.panel{background:var(--paper);border:1px solid var(--line);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:10px;position:fixed;box-shadow:0 8px 24px #1e120a47}h1,h2,h3,p{margin:0}h1,h2,#year{font-family:Songti SC,Noto Serif SC,SimSun,serif}#chapter{width:340px;padding:14px 18px 16px;top:20px;left:20px}#chapter h1{letter-spacing:.3em;color:var(--soft);font-size:13px;font-weight:400}#chapter h2{margin:6px 0 8px;font-size:24px}#chapter p{color:#55463a;font-size:13.5px;line-height:1.7}#side{width:208px;padding:12px;top:20px;right:20px}#side h3{color:var(--soft);margin:12px 2px 6px;font-size:12px;font-weight:400}.row{gap:6px;display:flex}.row button{flex:1}#keepsakes{flex-wrap:wrap;gap:6px;display:flex}button{font:inherit;color:var(--ink);border:1px solid var(--line);cursor:pointer;background:#fffaf0;border-radius:7px;padding:6px 9px;font-size:13px;transition:background .15s,color .15s}button:hover{background:#f3e2c7}button:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}button.on{background:var(--accent);color:#fff7ea;border-color:var(--accent)}#card{width:300px;padding:16px 18px 18px;top:268px;right:20px}#card[hidden],#tip[hidden]{display:none}#card-close{background:0 0;border:0;padding:0 8px;font-size:18px;position:absolute;top:8px;right:8px}#card-tag{color:var(--accent);font-size:12px}#card h3{margin:4px 0 8px;font-size:18px}#card p{font-size:14px;line-height:1.75}#tip{pointer-events:none;color:#fbf1df;white-space:nowrap;background:#2b211be0;border-radius:6px;padding:4px 9px;font-size:12.5px;position:fixed;transform:translate(14px,14px)}#timeline{grid-template-columns:auto auto 1fr;align-items:center;column-gap:16px;width:min(920px,100vw - 40px);padding:12px 20px 10px;display:grid;bottom:20px;left:50%;transform:translate(-50%)}#play{border-radius:50%;width:44px;height:44px;padding:0;font-size:16px}#year{font-variant-numeric:tabular-nums;min-width:92px;font-size:38px;font-weight:700}#track{padding-bottom:20px;position:relative}#slider{width:100%;accent-color:var(--accent);cursor:grab;margin:0}#ticks{height:18px;position:absolute;top:22px;left:8px;right:8px}#ticks span{color:var(--soft);cursor:pointer;padding:0 4px;font-size:12px;position:absolute;transform:translate(-50%)}#ticks span:before{content:"";background:var(--soft);width:1px;height:5px;position:absolute;top:-5px;left:50%}#ticks span.on{color:var(--accent);font-weight:700}#hint{color:var(--soft);text-align:center;grid-column:1/-1;margin-top:4px;font-size:12px}@media (width<=900px){#chapter{width:250px}#chapter p,#side h3,#keepsakes{display:none}#side{width:170px}#card{top:auto;bottom:150px}}