:root{color-scheme:light;--ink:#292929;--muted:#888;--line:#e9e9e9;--soft:#f5f3ef;--paper:#fff}
    *{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Microsoft YaHei",system-ui,-apple-system,sans-serif}button,input{font:inherit}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #777;outline-offset:2px}
    header{padding:24px 7%;border-bottom:1px solid #eee}.logo{font-size:25px;font-weight:bold;letter-spacing:2px}.subtitle{color:#999;font-size:13px;margin-top:7px}main{max-width:1050px;margin:45px auto;padding:0 22px}.welcome{margin-bottom:24px}.welcome h1{font-size:26px;margin:0 0 8px}.welcome p{color:var(--muted);font-size:14px;margin:0}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}.section-title{font-size:19px;margin:0}.books{display:grid;grid-template-columns:repeat(auto-fill,minmax(145px,1fr));gap:24px}.book{min-width:0;cursor:pointer}.cover{aspect-ratio:3/4;background:var(--soft);border-radius:7px;display:flex;align-items:center;justify-content:center;color:#aaa;font-size:14px;overflow:hidden;white-space:pre-wrap;text-align:center;padding:12px;background-size:cover;background-position:center}.book h3{font-size:15px;margin:12px 0 5px;overflow-wrap:anywhere}.book p{color:#999;font-size:12px;margin:0}.book .book-description{color:#666;font-size:12px;line-height:1.55;margin:8px 0 0;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3;overflow:hidden;overflow-wrap:anywhere;white-space:normal}.book-progress{height:3px;background:#eee;margin-top:10px;border-radius:4px;overflow:hidden}.book-progress span{display:block;height:100%;background:#81786b}.empty{color:#999;font-size:14px;margin:25px 0}.button{border:1px solid #dedede;background:#fff;color:#333;border-radius:7px;padding:9px 13px;font-size:13px}.quiet{color:#888;font-size:13px}footer{text-align:center;color:#aaa;font-size:12px;padding:45px 10px}
    .view[hidden]{display:none}.reader,.detail,.directory{max-width:760px;margin:0 auto;padding:0 22px}.reader-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:35px}.reader-tools{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.reader-tools label{color:#777;font-size:12px;display:flex;gap:6px;align-items:center}.reader-tools input{width:75px}.chapter-meta{text-align:center;color:#999;font-size:13px;margin:15px 0}.reader h1{text-align:center;font-size:25px;margin:0 0 36px}.reader-content{white-space:pre-wrap;overflow-wrap:anywhere;min-height:40vh}.chapter-nav{display:flex;justify-content:space-between;gap:10px;margin:45px 0}.toc-list button{display:block;flex:0 0 auto;width:100%;max-width:100%;min-height:44px;box-sizing:border-box;text-align:left;white-space:normal;overflow-wrap:anywhere;background:none;border:0;padding:12px 10px;color:#555;border-radius:5px;cursor:pointer}.toc-list button:hover,.toc-list button.current{background:#f3f2f0;color:#222}.button:disabled{opacity:.45;cursor:not-allowed}
    .detail,.directory{margin:32px auto 40px}.detail-cover{width:min(180px,42vw);aspect-ratio:3/4;float:left;margin:0 25px 18px 0;border-radius:7px;background:var(--soft);background-size:cover;background-position:center;display:flex;align-items:center;justify-content:center;padding:14px;text-align:center;color:#999}.detail h1{font-size:26px;margin:22px 0 8px;overflow-wrap:anywhere}.detail-author{color:var(--muted);margin:0 0 18px}.detail-meta{display:flex;flex-wrap:wrap;gap:9px 18px;color:#777;font-size:13px;margin:18px 0}.detail-description{clear:both;line-height:1.9;white-space:pre-wrap;overflow-wrap:anywhere;padding-top:14px}.detail-actions{clear:both;display:flex;flex-wrap:wrap;gap:10px;padding-top:18px}.button.primary{background:#292929;color:#fff;border-color:#292929}.directory-list{display:grid;gap:4px;margin-top:24px}.directory-list button{padding:13px 10px;text-align:left;border:0;border-bottom:1px solid var(--line);background:#fff;color:var(--ink);cursor:pointer}.directory-list button:hover{background:#f7f7f7}.book-section+.book-section{margin-top:38px}
    @media(max-width:600px){header{padding:18px 5%}.logo{font-size:20px}.subtitle{font-size:12px}main{margin:32px auto;padding:0 18px}.books{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 16px}.reader,.detail,.directory{padding:0 18px}.detail-cover{width:min(130px,38vw);margin-right:16px}.reader-top{align-items:flex-start;flex-direction:column;margin-bottom:25px}.reader h1{font-size:22px}.reader-tools{gap:6px}}
    .toc-overlay{position:fixed;inset:0;z-index:1000;display:flex;justify-content:flex-end}
    .toc-overlay[hidden]{display:none}
    .toc-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.38);opacity:0;transition:opacity .24s ease}
    .toc-panel{position:relative;z-index:1;display:flex;flex-direction:column;width:min(50vw,480px);min-width:min(320px,90vw);max-width:90vw;height:100vh;height:100dvh;min-height:0;margin:0;padding:max(18px,env(safe-area-inset-top)) 20px max(18px,env(safe-area-inset-bottom));background:var(--paper);border:0;border-left:1px solid var(--line);border-radius:0;box-shadow:-8px 0 28px rgba(0,0,0,.12);transform:translateX(100%);transition:transform .24s ease}
    .toc-overlay.is-open .toc-backdrop{opacity:1}
    .toc-overlay.is-open .toc-panel{transform:translateX(0)}
    .toc-panel-header{display:flex;align-items:center;justify-content:space-between;gap:12px;flex:0 0 auto;margin-bottom:14px}
    .toc-panel-header h2{font-size:18px;margin:0}
    .toc-list{display:flex;flex:1 1 auto;flex-direction:column;align-items:stretch;gap:6px;width:100%;min-width:0;min-height:0;max-height:none;overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y;-webkit-overflow-scrolling:touch;padding-right:4px}
    @media(max-width:600px){.toc-panel{width:min(82vw,380px);min-width:0;max-width:90vw;padding-right:16px;padding-left:16px}}
    @media(prefers-reduced-motion:reduce){.toc-backdrop,.toc-panel{transition:none}}
    .directory-list{display:block}.chapter-volume-group{margin:18px 0}.chapter-volume-title{font-size:16px;font-weight:600;margin:0 0 8px;padding:10px 0;border-bottom:1px solid var(--line)}.chapter-volume-list{display:grid;gap:4px;list-style:none;margin:0;padding:0}.directory-list .chapter-entry button{display:block;width:100%;text-align:left;padding:13px 10px;border:0;border-bottom:1px solid var(--line);background:#fff;color:var(--ink);cursor:pointer}.directory-list .chapter-entry button:hover,.directory-list .chapter-entry button.current{background:#f3f2f0;color:#222}.toc-list .chapter-volume-group{flex:0 0 auto;margin:8px 0}.toc-list .chapter-volume-title{font-size:14px;margin:0 0 6px;padding:8px 0}.chapter-entry{min-width:0}.chapter-entry button{overflow-wrap:anywhere}