:root{--ct-bg: #f4ead7;--ct-title: #b88230;--ct-body: #000000;--ct-quote: #a31515;--ct-bracket: #001080;--ct-punct: #267f99;--ct-marker: #f56c6c;--ct-number: #795e26;--ct-english: #af00db;--ct-surface: rgba(0,0,0,.04);--ct-line: rgba(0,0,0,.1);--ct-shadow: 0 1px 3px rgba(60,50,35,.1);--ct-fs: 18px;--ct-lh: 2;--ct-serif: "Songti SC", "SimSun", "Noto Serif CJK SC", Georgia, serif;--ct-ui: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;--ct-maxw: 760px;--ct-radius: 14px}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}[hidden]{display:none!important}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--ct-bg);color:var(--ct-body);font-family:var(--ct-ui);line-height:1.6;transition:background .25s,color .25s}button{font-family:inherit;cursor:pointer}b{color:var(--ct-title);font-weight:600}.topbar{position:sticky;top:0;z-index:40;background:color-mix(in srgb,var(--ct-bg) 90%,transparent);-webkit-backdrop-filter:saturate(1.4) blur(12px);backdrop-filter:saturate(1.4) blur(12px);border-bottom:1px solid var(--ct-line);padding-top:env(safe-area-inset-top)}.topbar-inner{display:flex;align-items:center;gap:12px;max-width:var(--ct-maxw);margin:0 auto;padding:10px 16px}.brand{display:flex;align-items:center;gap:12px;flex:1;min-width:0}.brand-mark{flex:none;width:40px;height:40px;border-radius:11px;display:grid;place-items:center;background:linear-gradient(150deg,var(--ct-title),var(--ct-quote));color:#fff;font-family:var(--ct-serif);font-size:21px;font-weight:700;box-shadow:var(--ct-shadow)}.brand-txt{min-width:0}.brand h1{margin:0;font-family:var(--ct-serif);font-size:18px;letter-spacing:.06em;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.brand-sub{margin:1px 0 0;font-size:12px;opacity:.6}.topbar-actions{display:flex;gap:6px;flex:none}.tbtn{display:inline-flex;align-items:center;gap:5px;background:var(--ct-surface);color:inherit;border:1px solid transparent;border-radius:9px;padding:7px 10px;font-size:13px;opacity:.8;transition:background .18s,opacity .18s,transform .12s}.tbtn:hover{background:var(--ct-surface);opacity:1}.tbtn:active{transform:scale(.95)}.tbtn .ico{font-size:14px;line-height:1}@media(max-width:560px){.tbtn .lbl{display:none}.tbtn{padding:8px 11px}}.shelf{max-width:var(--ct-maxw);margin:0 auto;padding:24px 16px calc(60px + env(safe-area-inset-bottom))}.shelf-hero{border-radius:var(--ct-radius);padding:22px 24px;margin-bottom:26px;background:var(--ct-surface);border:1px solid var(--ct-line);box-shadow:var(--ct-shadow)}.shelf-hero h2{margin:0 0 6px;font-family:var(--ct-serif);font-size:21px;letter-spacing:.04em}.shelf-hero p{margin:0;font-size:13px;opacity:.7;line-height:1.8}.section-title{display:flex;align-items:center;gap:10px;margin:30px 0 14px;font-size:13px;letter-spacing:.12em;opacity:.65;text-transform:uppercase}.section-title:after{content:"";flex:1;height:1px;background:var(--ct-line)}.book-grid{display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.book-card{display:flex;flex-direction:column;background:var(--ct-surface);border:1px solid var(--ct-line);border-radius:var(--ct-radius);padding:16px;cursor:pointer;text-align:left;color:inherit;box-shadow:var(--ct-shadow);transition:transform .16s,box-shadow .16s,border-color .16s;position:relative}.book-card:hover{transform:translateY(-2px);border-color:var(--ct-title)}.book-card:active{transform:translateY(0)}.book-cover{width:46px;height:60px;border-radius:5px;display:grid;place-items:center;margin-bottom:12px;font-family:var(--ct-serif);font-size:20px;font-weight:700;background:linear-gradient(150deg,var(--ct-title),var(--ct-quote));color:#fff;box-shadow:var(--ct-shadow)}.book-name{font-family:var(--ct-serif);font-size:15px;font-weight:700;line-height:1.4;margin-bottom:6px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.book-meta{font-size:12px;opacity:.65;margin-top:auto;line-height:1.7}.book-del{position:absolute;top:8px;right:8px;width:26px;height:26px;border-radius:50%;border:0;background:var(--ct-surface);color:inherit;font-size:15px;line-height:1;opacity:0;transition:opacity .16s}.book-card:hover .book-del{opacity:.65}.book-del:hover{opacity:1;color:var(--ct-quote)}.upload-zone{border:2px dashed var(--ct-line);border-radius:var(--ct-radius);padding:34px 20px;text-align:center;cursor:pointer;transition:border-color .18s,background .18s;background:var(--ct-surface)}.upload-zone:hover,.upload-zone.drag{border-color:var(--ct-title)}.upload-zone h3{margin:0 0 6px;font-family:var(--ct-serif);font-size:16px}.upload-zone p{margin:0;font-size:13px;opacity:.65;line-height:1.8}.upload-zone input{display:none}.progress-bar-wrap{height:4px;border-radius:2px;background:var(--ct-surface);overflow:hidden;margin-top:16px}.progress-bar{height:100%;width:0;background:linear-gradient(90deg,var(--ct-title),var(--ct-quote));transition:width .2s}.empty-hint{text-align:center;padding:40px 20px;font-size:14px;opacity:.6;line-height:2}.reader-layout{max-width:var(--ct-maxw);margin:0 auto;padding:22px 16px calc(60px + env(safe-area-inset-bottom))}.resume-card{display:flex;align-items:center;gap:18px;border-radius:var(--ct-radius);padding:18px 20px;margin-bottom:24px;background:linear-gradient(135deg,var(--ct-surface),transparent);border:1px solid var(--ct-line);box-shadow:var(--ct-shadow)}.resume-meta{flex:1;min-width:0}.resume-label{font-size:11px;letter-spacing:.16em;color:var(--ct-title)}.resume-card h2{margin:5px 0 3px;font-family:var(--ct-serif);font-size:17px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.resume-card p{margin:0;font-size:13px;opacity:.6}.btn-primary{flex:none;background:var(--ct-title);color:#fff;border:0;border-radius:10px;padding:11px 20px;font-size:14px;font-weight:600;box-shadow:var(--ct-shadow);transition:filter .18s,transform .12s}.btn-primary:hover{filter:brightness(1.1)}.btn-primary:active{transform:scale(.96)}@media(max-width:520px){.resume-card{flex-direction:column;align-items:stretch;gap:14px}.btn-primary{width:100%}}.vol{margin-bottom:26px}.vol-head{display:flex;align-items:baseline;gap:10px;padding:0 4px 12px;cursor:pointer;-webkit-user-select:none;user-select:none}.vol-no{font-family:var(--ct-serif);font-size:13px;color:var(--ct-title);flex:none}.vol-title{margin:0;font-family:var(--ct-serif);font-size:19px;font-weight:700;letter-spacing:.04em;flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vol-meta{flex:none;font-size:12px;opacity:.6}.vol-arrow{flex:none;font-size:12px;opacity:.6;transition:transform .22s}.vol.collapsed .vol-arrow{transform:rotate(-90deg)}.vol.collapsed .chap-list{display:none}.vol-rule{height:1px;background:var(--ct-line);border:0;margin:0 0 10px}.chap-list{display:grid;gap:1px;background:var(--ct-line);border:1px solid var(--ct-line);border-radius:var(--ct-radius);overflow:hidden}.chap{display:flex;align-items:center;gap:12px;background:color-mix(in srgb,var(--ct-bg) 60%,transparent);padding:12px 16px;text-decoration:none;color:inherit;transition:background .15s}.chap:hover{background:var(--ct-surface)}.chap-no{flex:none;min-width:44px;font-family:var(--ct-serif);font-size:12px;opacity:.55;font-variant-numeric:tabular-nums}.chap-name{flex:1;min-width:0;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chap-name mark{background:var(--ct-marker);color:#fff;border-radius:3px;padding:0 2px}.chap-len{flex:none;font-size:11px;opacity:.5}.chap.current{background:var(--ct-surface);box-shadow:inset 3px 0 0 var(--ct-title)}.chap.current .chap-name{color:var(--ct-title);font-weight:600}@media(max-width:520px){.chap-len{display:none}.chap-no{min-width:38px;font-size:11px}}.searchbar{border-top:1px solid var(--ct-line)}.searchbar-inner{display:flex;gap:8px;align-items:center;max-width:var(--ct-maxw);margin:0 auto;padding:12px 16px}#searchInput{flex:1;min-width:0;background:var(--ct-surface);color:inherit;border:1px solid var(--ct-line);border-radius:10px;padding:10px 13px;font-size:15px;outline:none}#searchInput:focus{border-color:var(--ct-title)}.btn-ghost{flex:none;background:var(--ct-surface);color:inherit;border:0;border-radius:10px;padding:10px 14px;font-size:14px}.search-results{max-width:var(--ct-maxw);margin:0 auto;padding:0 16px 16px;max-height:55vh;overflow-y:auto}.search-hint{font-size:13px;opacity:.6;padding:8px 4px;margin:0}.readbar-title{flex:1;min-width:0;text-align:center;font-family:var(--ct-serif);font-size:15px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.readbar-right{display:flex;gap:5px;flex:none}.progress{position:sticky;top:calc(60px + env(safe-area-inset-top));height:2px;background:var(--ct-surface);z-index:39}.progress-bar{height:100%;width:0;background:linear-gradient(90deg,var(--ct-title),var(--ct-quote));transition:width .2s linear}.reader{max-width:var(--ct-maxw);margin:0 auto;padding:30px 22px calc(70px + env(safe-area-inset-bottom))}.chapter{animation:fade .28s ease}@keyframes fade{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.chapter h1{margin:0 0 6px;font-family:var(--ct-serif);font-size:calc(var(--ct-fs) + 8px);font-weight:700;letter-spacing:.04em;line-height:1.4;color:var(--ct-title)}.chap-sub{margin:0 0 30px;padding-bottom:18px;border-bottom:1px solid var(--ct-line);font-size:13px;opacity:.6;letter-spacing:.05em}.chapter p{margin:0 0 1.05em;font-family:var(--ct-serif);font-size:var(--ct-fs);line-height:var(--ct-lh);letter-spacing:.02em;text-align:justify;text-indent:2em;word-break:break-word}.chapter p.loading,.loading{text-align:center;opacity:.6;font-size:14px;padding:80px 0;font-family:var(--ct-ui);text-indent:0}.error{text-align:center;color:var(--ct-quote);padding:60px 0;font-size:14px}.c-quote{color:var(--ct-quote);font-style:normal}.c-bracket{color:var(--ct-bracket);font-style:normal}.c-punct{color:var(--ct-punct);font-style:normal}.c-marker{color:var(--ct-marker);font-style:normal}.c-number{color:var(--ct-number);font-style:normal}.c-english{color:var(--ct-english);font-style:normal}.chapnav{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:52px 0 26px}.btn-nav{background:var(--ct-surface);color:inherit;border:1px solid var(--ct-line);border-radius:11px;padding:14px 12px;font-size:14px;transition:background .16s,color .16s,transform .12s,opacity .2s}.btn-nav:hover:not(:disabled){border-color:var(--ct-title);color:var(--ct-title)}.btn-nav:active:not(:disabled){transform:scale(.97)}.btn-nav:disabled{opacity:.3;cursor:not-allowed}.btn-nav.next{text-align:right}.reader-foot{text-align:center;opacity:.5;font-size:12px;letter-spacing:.3em;padding:30px 0 10px}.sheet-mask{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;background:#0000006b;display:flex;align-items:flex-end;justify-content:center}.sheet{width:100%;max-width:520px;max-height:82vh;overflow-y:auto;background:var(--ct-bg);border-radius:18px 18px 0 0;padding:22px 20px calc(28px + env(safe-area-inset-bottom));box-shadow:0 -6px 30px #00000038;animation:up .26s ease}@keyframes up{0%{transform:translateY(24px);opacity:.6}to{transform:none;opacity:1}}.sheet h3{margin:0 0 18px;font-family:var(--ct-serif);font-size:17px;display:flex;align-items:center;justify-content:space-between}.sheet-close{background:var(--ct-surface);border:0;border-radius:8px;width:30px;height:30px;font-size:17px;color:inherit}.set-group{margin-bottom:22px}.set-label{font-size:12px;letter-spacing:.1em;opacity:.6;margin-bottom:9px;text-transform:uppercase}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{border:1px solid var(--ct-line);background:var(--ct-surface);color:inherit;border-radius:20px;padding:7px 15px;font-size:13px;transition:all .16s}.chip.on{border-color:var(--ct-title);background:var(--ct-title);color:#fff}.preset-grid{display:grid;gap:9px;grid-template-columns:1fr 1fr}.preset{border:1px solid var(--ct-line);border-radius:10px;padding:10px 12px;background:var(--ct-surface);text-align:left;color:inherit;transition:all .16s}.preset.on{border-color:var(--ct-title)}.preset-name{font-size:13px;margin-bottom:7px}.preset-dots{display:flex;gap:3px}.preset-dots i{width:12px;height:12px;border-radius:3px;display:block}.range-row{display:flex;align-items:center;gap:12px}.range-row input[type=range]{flex:1;accent-color:var(--ct-title)}.range-val{font-size:13px;min-width:52px;text-align:right;font-variant-numeric:tabular-nums;opacity:.75}.switch-row{display:flex;align-items:center;justify-content:space-between;padding:9px 0;font-size:14px}.switch{width:44px;height:25px;border-radius:13px;border:0;background:var(--ct-line);position:relative;transition:background .2s;flex:none}.switch.on{background:var(--ct-title)}.switch:after{content:"";position:absolute;top:3px;left:3px;width:19px;height:19px;border-radius:50%;background:#fff;transition:transform .2s}.switch.on:after{transform:translate(19px)}.mark-layer{display:none}.reader.marking .mark-layer{display:block}.mark-layer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:20}.hl{position:absolute;border-radius:3px;pointer-events:none;opacity:.32}.to-top{position:fixed;right:18px;bottom:calc(22px + env(safe-area-inset-bottom));width:42px;height:42px;border-radius:50%;background:var(--ct-bg);color:inherit;border:1px solid var(--ct-line);box-shadow:var(--ct-shadow);font-size:17px;z-index:45;opacity:0;pointer-events:none;transition:opacity .22s,transform .22s}.to-top.show{opacity:.85;pointer-events:auto}.footnote{text-align:center;font-size:12px;opacity:.5;padding:24px 16px 8px;line-height:1.9}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}