:root{--bg:#0b0e12;--panel:#131920;--ink:#ebe7dd;--dim:#a9b0b6;--gold:#d9a441;--line:#394049}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.55 'Noto Sans CJK SC','Microsoft YaHei',sans-serif}body.light{--bg:#e8e2d7;--panel:#f7f3e9;--ink:#203149;--dim:#65717e;--line:#bcb8ad}a{color:var(--gold);text-decoration:none}button,select,input{font:inherit}button,select{background:var(--panel);color:var(--ink);border:1px solid var(--line);padding:7px 12px;border-radius:6px;cursor:pointer}button:hover{border-color:var(--gold)}button:disabled{opacity:.3;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--gold);outline-offset:3px}[hidden]{display:none!important}.top{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:12px 24px;background:var(--panel);border-bottom:1px solid var(--line)}.booktitle{font-size:20px;font-family:'Noto Serif CJK SC',serif;color:var(--ink);letter-spacing:.05em}.booktitle small{display:block;font:12px/1.6 sans-serif;letter-spacing:0;color:var(--dim)}.top nav{display:flex;align-items:center;gap:16px}#viewer{padding:24px 22px 90px;min-height:85vh;overflow:auto}#status{min-height:23px;text-align:center;color:var(--dim);font-size:13px;margin-bottom:12px}#pages{display:flex;justify-content:center;align-items:start;gap:4px;width:max-content;min-width:100%;margin:0 auto}figure{margin:0;box-shadow:0 10px 35px #0005;flex:none}canvas{display:block;background:#fff}figcaption{text-align:center;font-size:12px;color:var(--dim);padding:4px;background:var(--panel)}.controls{position:fixed;bottom:0;z-index:12;width:100%;display:flex;justify-content:center;align-items:center;gap:10px;padding:12px;background:var(--panel);border-top:1px solid var(--line);flex-wrap:wrap}#jump{display:flex;align-items:center;gap:8px}#pi{width:64px;padding:6px;border:1px solid var(--line);border-radius:5px;color:var(--ink);background:var(--bg)}#toc{position:fixed;top:80px;bottom:77px;left:0;width:350px;max-width:90vw;background:var(--panel);border:1px solid var(--line);padding:20px;z-index:20;overflow:auto;box-shadow:8px 0 30px #0008}#toc p{font-size:12px;color:var(--dim)}.toc-head{display:flex;align-items:center;justify-content:space-between}.toc-head strong{color:var(--gold)}#toc-list{list-style:none;padding:0;margin:10px 0}#toc-list li{margin:4px 0}#toc-list button{text-align:left;width:100%;font-size:13px;border:0;border-bottom:1px solid var(--line);padding:9px 4px;border-radius:0}#toc-list .part button{font-weight:700;color:var(--gold);margin-top:12px}#error{padding:30px;text-align:center}.zoom-label{font-size:12px;color:var(--dim)}.zoom-label select{padding:6px;font-size:12px}@media(max-width:760px){.top{padding:10px 12px;align-items:start}.booktitle{font-size:17px}.booktitle small{font-size:10px;max-width:220px}.top nav{gap:10px;font-size:12px}.top nav button{padding:4px 7px}.top nav a:nth-of-type(2){display:none}#viewer{padding:12px 8px 126px}.controls{padding:8px 5px;gap:6px}.controls button{padding:6px 8px;font-size:12px}#first,#last{display:none}#jump{gap:4px;font-size:12px}#pi{width:52px}.zoom-label{width:100%;text-align:center}#toc{top:74px;bottom:98px}}