:root{color-scheme:dark;--gold:#e6bf80;--muted:#94a8b8;--ink:#070e18}*{box-sizing:border-box}body{margin:0;background:var(--ink);color:#edf1ed;font:15px/1.8 "Microsoft YaHei",sans-serif;height:100svh;min-height:680px;overflow:hidden}button,a,input{-webkit-tap-highlight-color:transparent}button,a{color:inherit}a{text-decoration:none}button{font:inherit;cursor:pointer;background:none;border:0}button:hover,a:hover{color:var(--gold)}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--gold);outline-offset:5px}#universe,.grain{position:fixed;inset:0;width:100%;height:100%;pointer-events:none}.grain{opacity:.13;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' opacity='.4' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}header{position:relative;z-index:2;margin:0 4.5%;height:90px;border-bottom:1px solid #ffffff18;display:flex;align-items:center;justify-content:space-between;font-size:12px;letter-spacing:2px}header a{font-size:15px}.edition{color:var(--muted);font-size:10px}main{position:relative;height:calc(100% - 240px)}#cover{position:absolute;top:12%;left:9%;max-width:600px}.eyebrow{font-size:11px;letter-spacing:4px;color:var(--gold)}h1{font-family:"Songti SC","SimSun",serif;font-size:clamp(66px,7.4vw,112px);font-weight:400;letter-spacing:.09em;line-height:1.2;margin:22px 0}h1 span{display:block;margin-left:.7em}.tagline{font-size:18px;color:#bfcbd2;letter-spacing:3px;line-height:2}.cover-rule{width:50px;height:1px;background:var(--gold);margin:23px 0}.byline{font-size:12px;letter-spacing:3px;color:var(--muted)}.primary{background:var(--gold);color:#15202a!important;padding:13px 25px;min-width:190px;text-align:left;margin-top:13px;letter-spacing:3px}.primary span{float:right;margin-left:30px}.primary:hover{background:#ffdaa2}.fine{font-size:10px;letter-spacing:1px;color:var(--muted)}.scene-mark{position:absolute;right:4.5%;bottom:36px;display:flex;flex-direction:column;text-align:right;font-size:9px;letter-spacing:2px;color:#8298ac}.scene-mark i{width:30px;height:1px;background:var(--gold);align-self:flex-end;margin:12px 0}#story{position:absolute;left:8%;bottom:9%;max-width:620px;text-shadow:0 3px 25px #000}h2{font:400 clamp(32px,4vw,62px)/1.45 "Songti SC","SimSun",serif;letter-spacing:4px;margin:12px 0}#subtitle{font-size:17px;color:#d0dbe0;max-width:550px;line-height:2;letter-spacing:1px;min-height:68px}#ending{position:absolute;left:9%;top:17%}#ending p:not(.eyebrow){color:#b6c7cf}#controls{position:relative;margin:0 4.5%;z-index:2;height:150px}.transport{display:flex;align-items:center;gap:16px;height:38px;font-size:12px}#play{font-size:19px;width:38px}#clock{font-size:11px;font-variant-numeric:tabular-nums;letter-spacing:2px;color:#a8b6c1}.spacer{flex:1}input[type=range]{width:100%;height:3px;accent-color:var(--gold);cursor:pointer;display:block;margin:15px 0 18px}#chapters{display:grid;grid-template-columns:repeat(8,1fr);gap:8px}#chapters button{text-align:left;color:#8595a4;font-size:11px;padding:3px 0;border-top:1px solid #ffffff10}#chapters b{display:block;font-weight:400;letter-spacing:2px;font-size:9px;margin-bottom:3px}#chapters button[aria-current=true]{color:var(--gold);border-color:var(--gold)}dialog{background:#101e2b;color:#c7d2d8;border:1px solid #506474;padding:40px;max-width:660px;width:90%;max-height:85svh}dialog::backdrop{background:#000b;backdrop-filter:blur(8px)}dialog h2{font-size:30px}dialog p{font-size:14px}dialog a{color:var(--gold);text-decoration:underline}#close{float:right}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}[hidden]{display:none!important}@media(max-width:700px){body{min-height:600px}header{height:65px}.edition{display:none}main{height:calc(100% - 255px)}#cover{top:7%;left:7%}h1{font-size:66px;margin:15px 0}.tagline{font-size:15px}.eyebrow{font-size:9px;letter-spacing:2px}.cover-rule{margin:16px 0}.scene-mark{display:none}#controls{height:190px}#chapters{grid-template-columns:repeat(4,1fr);row-gap:9px}#chapters b{display:inline;margin-right:6px}#story{left:7%;right:7%;bottom:3%}#subtitle{font-size:15px}#ending{left:7%;top:15%}h2{font-size:34px}dialog{padding:24px}}@media(max-height:740px) and (min-width:701px){#cover{top:3%}h1{font-size:68px;margin:8px 0}.tagline{font-size:15px}.cover-rule{margin:12px 0}.primary{margin-top:4px}}
#title{text-wrap:balance;max-width:650px}@media(max-height:900px) and (min-width:701px){#cover{top:4%}h1{font-size:72px;margin:10px 0}.tagline{font-size:16px}.cover-rule{margin:15px 0}.byline{margin:10px 0}.primary{margin-top:5px}}
@media(max-height:740px) and (max-width:700px){#cover{top:3%}h1{font-size:48px;margin:8px 0}.tagline{font-size:13px;line-height:1.8;margin:10px 0}.cover-rule{margin:10px 0}.byline{font-size:10px;margin:6px 0}.primary{padding:9px 20px;margin-top:5px}.fine{font-size:9px}#cover .eyebrow{margin:8px 0}#story h2{font-size:28px}#subtitle{font-size:13px}}