:root{color-scheme:dark;font-family:"Microsoft YaHei","PingFang SC",sans-serif;color:#f5f2ec;background:#292725;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,a{font:inherit;color:inherit;-webkit-tap-highlight-color:transparent}button{cursor:pointer;border:1px solid #eee6dc40;background:#302d295c;border-radius:4px;padding:9px 16px}button:hover,a:hover{color:#fff;background:#ded5c627}button:focus-visible,a:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid #e4dacf;outline-offset:4px}button:disabled{cursor:wait;opacity:.45}[hidden]{display:none!important}#chapter{position:relative;width:100vw;height:100dvh;overflow:hidden;isolation:isolate}#scene{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;user-select:none;pointer-events:none;z-index:-3}.edge-shade{position:absolute;inset:0;z-index:-2;pointer-events:none;background:linear-gradient(#19171570,transparent 24%,transparent 66%,#17151285 100%)}#fade{position:absolute;inset:0;background:#292725;z-index:4;opacity:0;pointer-events:none;transition:opacity 140ms}#fade.visible{opacity:1}header{position:absolute;top:26px;left:36px;right:36px;display:flex;align-items:start;justify-content:space-between;gap:30px;text-shadow:0 1px 6px #17151299}.chapter-title>span{font-size:10px;letter-spacing:3px;color:#e1dcd5}h1{font-family:Georgia,"SimSun",serif;font-size:28px;font-weight:400;margin:8px 0}nav{display:flex;gap:10px;align-items:center}nav button,nav a{font-size:11px;padding:9px 13px;background:#2b282550;text-decoration:none;border:1px solid #eee6dc30;border-radius:4px}#viewpoints{position:absolute;left:38px;top:116px;display:grid;gap:7px;width:132px}#viewpoints button{padding:8px 12px;font-size:10px;text-align:left;letter-spacing:1px;background:#2d29254d}#viewpoints button[aria-pressed="true"]{border-color:#e2d9cf88;background:#6e62564d}#viewpoints small{font-size:9px;color:#e1dcd5;line-height:1.8;text-shadow:0 1px 4px #171512}#reading{position:absolute;bottom:4.5vh;left:50%;transform:translateX(-50%);width:min(880px,70vw);padding:10px 16px 0;text-shadow:0 2px 5px #15120fe6,0 0 18px #15120f80}#reading::before{content:"";position:absolute;z-index:-1;inset:-26px -50px -20px;background:radial-gradient(ellipse at 50% 65%,#201b163d,transparent 72%);pointer-events:none}.line-heading{display:flex;align-items:center;justify-content:center;gap:12px;line-height:1.5}#speaker{font-size:12px;color:#e1d7c9;letter-spacing:2px}#line-state{font-size:10px;color:#d4c9bb}#line{font-size:clamp(18px,1.45vw,22px);line-height:1.8;letter-spacing:.6px;text-align:center;white-space:pre-line;margin:10px 0 12px;overflow-wrap:break-word}#reading[data-pending=true] #line{color:#fff6e9}.reading-bottom{display:flex;align-items:center;justify-content:center;gap:12px;min-height:30px}.reading-bottom>span{font-size:10px;color:#d6cec3;line-height:1.6}.reading-bottom>span:empty{display:none}.reading-bottom button{font-size:11px;padding:6px 13px;background:transparent;border-color:transparent;text-shadow:0 1px 3px #15120f}#next{border-color:transparent;background:transparent;color:#eee7dd}kbd{font:inherit;font-size:9px;margin-left:8px;color:#c6bfb5;border:1px solid #e0d7ca47;border-radius:3px;padding:1px 5px}#say,#act,#recap-end{background:transparent;color:#eee7dd;border-color:transparent;text-shadow:0 1px 3px #15120f}#next:hover,#say:hover,#act:hover,#recap-end:hover{background:transparent;color:#fff6e9;text-decoration:underline;text-underline-offset:4px}#storage-status{position:absolute;bottom:5px;left:38px;font-size:10px;margin:0;line-height:20px;color:#eee2d1;text-shadow:0 1px 4px #171512}.resume{position:absolute;bottom:6vh;left:50%;transform:translateX(-50%);background:#39322bc9;padding:13px 22px;white-space:nowrap}.muted{color:#bfb5aa;font-size:12px;line-height:1.9}dialog{color:#eee8de;width:min(640px,90vw);max-height:85dvh;background:#302c28;border:1px solid #d8cbb94d;border-radius:8px;padding:27px 30px;box-shadow:0 25px 90px #0008}dialog::backdrop{background:#211b1670;backdrop-filter:blur(5px)}.journal-header{display:flex;justify-content:space-between;align-items:center;position:sticky;top:-27px;z-index:1;background:#302c28;padding-top:12px}.journal-header span{font-size:11px;color:#c9bfb1;letter-spacing:2px}h2{font-size:25px;letter-spacing:3px;font-weight:400;margin:8px 0 12px}h3{font-size:13px;color:#dfceba;margin-top:26px}#facts,#checklist-items{padding-left:19px;font-size:12px;line-height:2}#history p{padding:10px 0;border-bottom:1px solid #eee5d318;margin:0;font-size:13px;line-height:1.9}#history b,#review-body b{display:block;font-weight:400;color:#d6c6b1;font-size:11px}.journal-footer{display:flex;flex-wrap:wrap;gap:24px;align-items:center;margin-top:24px;font-size:12px}#load-error{position:absolute;top:40%;left:50%;transform:translateX(-50%);background:#39322bf2;padding:22px;text-align:center}#load-error button{margin-left:15px}#export-status{font-size:12px;color:#dfceba}#review,#heard-history{margin-top:24px;border-top:1px solid #ddd0bb30;padding-top:16px}summary{cursor:pointer;font-size:13px;color:#dfceba}#review label{display:block;font-size:11px;color:#bfb5aa;margin:18px 0 8px}#review-section{background:#28231f;color:#eee7dc;border:1px solid #c6b8a54f;padding:8px 12px;width:100%;font:inherit;font-size:12px;border-radius:4px}#review-body{max-height:36vh;overflow:auto;margin-top:12px;padding-right:10px}#review-body p{font-size:13px;line-height:1.9;padding:10px 0;margin:0;border-bottom:1px solid #ddd0bb18}.review-narration{color:#bfb5aa}#chapter[data-scene^="list"] #reading{left:auto;right:3%;transform:none;width:min(540px,35vw)}@media(max-height:760px){header{top:18px;left:28px;right:28px}#viewpoints{top:100px;left:28px}#reading{bottom:4vh;width:72vw}#line{font-size:18px;line-height:1.75;margin:8px 0}.reading-bottom{min-height:26px}#storage-status{left:28px;font-size:9px}}@media(prefers-reduced-motion:reduce){#fade{transition:none}}
/* 交互工具与存档面板；场景、字幕的位置和图片呈现沿用原样。 */
header>nav{flex-wrap:wrap;justify-content:flex-end}
#reading kbd{color:#c6bfb5;border:0;padding:0;margin-left:10px}
#reading .reading-bottom button:focus-visible{outline:none;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:5px}
#chapter:focus{outline:none}
#chapter[data-interface-hidden="true"]>header,#chapter[data-interface-hidden="true"]>#viewpoints,#chapter[data-interface-hidden="true"]>#reading,#chapter[data-interface-hidden="true"]>#resume,#chapter[data-interface-hidden="true"]>#storage-status{visibility:hidden;pointer-events:none}
#chapter[data-interface-hidden="true"]>.edge-shade{opacity:0}
#show-interface{position:absolute;right:28px;bottom:24px;font-size:11px;padding:8px 12px;background:#292725a6;color:#eee7dd}
#save-slots{display:grid;gap:10px}
.save-card{border:1px solid #ddd0bb30;border-radius:5px;padding:12px 15px;background:#27231f66}
.save-card h3{margin:0 0 5px;font-size:13px}
.save-detail{font-size:11px;line-height:1.7;color:#bfb5aa;margin:0}
.save-preview{font-size:12px;line-height:1.7;margin:7px 0;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.save-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:9px}
.save-actions button{font-size:12px;padding:7px 12px}
.save-actions button:disabled{cursor:not-allowed}
#save-status{font-size:12px;line-height:1.8;color:#dfceba;margin:12px 0 0}
#save-confirm{width:min(460px,90vw)}
#save-confirm h2{font-size:21px;letter-spacing:1px}
#save-confirm-text{font-size:13px;line-height:1.9;color:#dcd2c6}
/* 阅读与声音偏好集中在设置内，默认字幕外观保持原样。 */
#chapter[data-reading-size="large"] #line{font-size:clamp(20px,1.65vw,25px)}
#chapter[data-reading-size="largest"] #line{font-size:clamp(22px,1.85vw,28px)}
#chapter[data-reading-spacing="roomy"] #line{line-height:2}
#chapter[data-reading-spacing="wide"] #line{line-height:2.2}
#line-en{font-size:clamp(13px,1.1vw,17px);line-height:1.45;text-align:center;color:#eee5d8;margin:-4px 0 10px;overflow-wrap:anywhere}
#chapter[data-reading-size="large"] #line-en{font-size:clamp(15px,1.25vw,19px)}
#chapter[data-reading-size="largest"] #line-en{font-size:clamp(17px,1.4vw,21px)}
#chapter[data-reading-spacing="roomy"] #line-en{line-height:1.6}
#chapter[data-reading-spacing="wide"] #line-en{line-height:1.75}
#chapter[data-reading-shadow="soft"] :is(#line,#line-en){text-shadow:0 1px 3px #15120fa6}
#chapter[data-reading-shadow="none"] :is(#line,#line-en){text-shadow:none}
#chapter[data-reading-backdrop="true"] #reading::before{inset:-12px -12px -10px;background:#201b1666;border-radius:6px}
#chapter[data-reading-size="large"] #line,#chapter[data-reading-size="largest"] #line,#chapter[data-reading-spacing="roomy"] #line,#chapter[data-reading-spacing="wide"] #line{max-height:45dvh;overflow-y:auto;scrollbar-width:thin}
#settings-panel .journal-header{padding-top:0}
.settings-tabs{display:flex;gap:24px;border-bottom:1px solid #ddd0bb30;margin:4px 0 16px}
.settings-tabs button{font-size:13px;border:0;border-bottom:2px solid transparent;border-radius:0;background:transparent;padding:10px 3px;color:#bfb5aa}
.settings-tabs button[aria-selected="true"]{border-bottom-color:#d9c8af;color:#fff0dc}
.setting-row{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:11px 0;font-size:13px}
.setting-row select{font:inherit;color:#eee8de;background:#28231f;border:1px solid #c6b8a54f;border-radius:4px;padding:7px 12px;width:150px}
.setting-check{display:flex;align-items:center;gap:9px;font-size:13px;line-height:1.8;cursor:pointer}
.setting-check input{accent-color:#d4bfa1;width:15px;height:15px;margin:0}
.setting-check input:focus-visible,.sound-channel input:focus-visible{outline:2px solid #e4dacf;outline-offset:4px}
#reading-preview{border-top:1px solid #ddd0bb30;margin-top:20px;padding:15px 14px 4px;border-radius:5px}
#reading-preview>span{font-size:10px;color:#bfb5aa;letter-spacing:1px}
#reading-preview-text{color:#fff6e9;margin:10px 0;max-height:140px;overflow-y:auto;scrollbar-width:thin;letter-spacing:.6px;white-space:pre-line}
#reading-preview[data-backdrop="true"]{background:#201b1666}
.sound-channel{display:grid;grid-template-columns:120px 1fr 42px;align-items:center;gap:15px;margin:24px 0}
.sound-channel input[type="range"]{width:100%;margin:0;accent-color:#d4bfa1;cursor:pointer}
.sound-channel output{font-size:11px;text-align:right;color:#d8c9b5;font-variant-numeric:tabular-nums}
.away-setting{border-top:1px solid #ddd0bb30;padding-top:20px;margin-top:26px}
.settings-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid #ddd0bb30;padding-top:12px;margin-top:16px}
.settings-footer span{font-size:11px;color:#bfb5aa}.settings-footer button{font-size:11px;padding:7px 12px}
#preferences-status{font-size:12px;line-height:1.8;color:#dfceba;margin:12px 0 0}#preferences-status:empty{display:none}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}