:root{--bg:#faf8f4;--surface:#ffffff;--ink:#26241f;--ink2:#6f6a61;--ink3:#a39d92;--line:rgba(40,34,24,.09);--line2:rgba(40,34,24,.16);--accent:#2f8f6b;--accent-d:#237154;--accent-soft:#e6f2ec;--hl:#c58a2e;--hl-soft:#fbf3df;--warn:#c0563f;--t1:#3f8f6b;--t1b:#e6f2ec;--t2:#3d7cc2;--t2b:#e7f0fb;--t3:#b9822b;--t3b:#fbf2dc;--shadow:0 2px 16px rgba(40,34,24,.07);--shadow-lg:0 8px 40px rgba(40,34,24,.13);--r:12px;--r-sm:8px;--r-lg:18px;--ui:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei","Segoe UI",sans-serif;--serif:"Noto Serif SC",Georgia,"Songti SC",serif}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{background:var(--bg);color:var(--ink);font-family:var(--ui);-webkit-font-smoothing:antialiased}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}::selection{background:var(--accent-soft)}.nav{position:sticky;top:0;z-index:30;display:flex;align-items:center;gap:6px;height:56px;padding:0 22px;background:#faf8f4e0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}.nav .brand{font-family:var(--serif);font-weight:700;font-size:19px;letter-spacing:.04em;margin-right:18px;color:var(--ink)}.nav .brand small{font-family:var(--ui);font-weight:500;font-size:10px;letter-spacing:.28em;color:var(--ink3);margin-left:6px;vertical-align:2px}.nav .links{display:flex;gap:2px;flex:1}.nav .links button{font-size:14.5px;color:var(--ink2);padding:8px 14px;border-radius:20px;transition:.16s}.nav .links button:hover{color:var(--ink);background:#2822180a}.nav .links button.on{color:var(--accent-d);background:var(--accent-soft);font-weight:500}.page{max-width:1080px;margin:0 auto;padding:30px 22px 70px}.btn{font-size:14px;padding:9px 16px;border-radius:22px;background:var(--surface);border:1px solid var(--line2);color:var(--ink);transition:.16s}.btn:hover{border-color:var(--ink3)}.btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn.primary:hover{background:var(--accent-d)}.btn.on{background:var(--accent-soft);border-color:var(--accent);color:var(--accent-d)}.tier{font-size:10.5px;font-weight:600;padding:2px 7px;border-radius:5px;letter-spacing:.02em}.t1{color:#1f5e44;background:var(--t1b)}.t2{color:#235390;background:var(--t2b)}.t3{color:#7f5615;background:var(--t3b)}.sectionhead{font-family:var(--serif);font-weight:700;font-size:19px;color:var(--ink);margin:34px 0 14px;display:flex;align-items:baseline;gap:10px}.sectionhead small{font-family:var(--ui);font-weight:400;font-size:12px;color:var(--ink3)}.hero{display:flex;gap:34px;align-items:flex-start;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:30px;box-shadow:var(--shadow)}.hero .cover{width:210px;flex:none;border-radius:var(--r);overflow:hidden;box-shadow:var(--shadow-lg);aspect-ratio:760/1350;background:#eee}.hero .cover img{width:100%;height:100%;object-fit:cover;display:block}.hero .info{flex:1;min-width:0}.hero h1{font-family:var(--serif);font-weight:700;font-size:38px;letter-spacing:.04em;margin:2px 0 6px}.hero .sub{color:var(--ink2);font-size:14.5px;margin-bottom:16px}.hero .desc{font-family:var(--serif);font-size:16px;line-height:1.9;color:#403b33;margin-bottom:18px}.chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:22px}.chip{font-size:12.5px;color:var(--ink2);background:var(--bg);border:1px solid var(--line);padding:5px 11px;border-radius:20px}.chip b{color:var(--accent-d);font-weight:600}.hero .cta{display:flex;gap:10px}.cta .btn{font-size:15px;padding:11px 26px}.toc-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:10px;margin-top:6px}.toc-item{display:flex;align-items:center;gap:12px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:11px 14px;cursor:pointer;transition:.16s}.toc-item:hover{border-color:var(--line2);box-shadow:var(--shadow)}.toc-item .noo{font-family:var(--serif);font-size:15px;color:var(--ink3);min-width:34px}.toc-item.read .noo{color:var(--accent)}.toc-item .tt{flex:1;min-width:0}.toc-item .tt .t{font-size:15px;color:var(--ink);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.toc-item .tt .m{font-size:11.5px;color:var(--ink3);margin-top:2px}.toc-item .done{color:var(--accent);font-size:13px}.reading{min-height:100vh}.reading.theme-paper{--rbg:#f7f3ea;--rink:#2a2722;--rink2:#7a7368;--rline:rgba(40,34,24,.1)}.reading.theme-white{--rbg:#ffffff;--rink:#2b2b2b;--rink2:#7d7d78;--rline:rgba(0,0,0,.08)}.reading.theme-green{--rbg:#e2ece1;--rink:#283029;--rink2:#5f6b60;--rline:rgba(40,60,40,.12)}.reading.theme-dark{--rbg:#1a1a18;--rink:#c2bdb2;--rink2:#878176;--rline:rgba(255,255,255,.1)}.reading{background:var(--rbg);color:var(--rink);transition:background .25s,color .25s}.read-bar{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:14px;height:54px;padding:0 18px;background:color-mix(in srgb,var(--rbg) 88%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--rline)}.read-bar .ico{width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px;color:var(--rink2);transition:.15s}.read-bar .ico:hover{background:#8080801f;color:var(--rink)}.read-bar .cn{flex:1;text-align:center;font-size:14px;color:var(--rink2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.read-col{max-width:680px;margin:0 auto;padding:24px 26px 90px}.illus{width:100%;border-radius:14px;overflow:hidden;box-shadow:var(--shadow-lg);margin:6px 0 30px;aspect-ratio:9/13;background:#80808014}.read-vol{text-align:center;font-size:12.5px;color:var(--rink2);letter-spacing:.18em;margin-bottom:6px}.read-title{font-family:var(--serif);font-weight:700;font-size:27px;text-align:center;color:var(--rink);margin:0 0 30px;letter-spacing:.03em}.prose{font-family:var(--serif);color:var(--rink)}.prose p{margin:0 0 1.2em}.prose .divider{text-align:center;color:var(--rink2);letter-spacing:.28em;margin:1.8em 0}.sysmsg{display:inline-block;font-family:var(--ui);font-size:.92em;color:var(--rink2);background:#8080801a;border-radius:8px;padding:8px 14px;letter-spacing:.02em}.fs-s .prose{font-size:17px;line-height:1.95}.fs-m .prose{font-size:19px;line-height:2}.fs-l .prose{font-size:21px;line-height:2.05}.kw{cursor:pointer;color:inherit;border-bottom:1.5px solid color-mix(in srgb,var(--accent) 55%,transparent);padding-bottom:1px;transition:.14s;border-radius:1px}.kw:hover,.kw.sel{background:var(--accent-soft);border-bottom-color:var(--accent)}.kw .g{color:var(--rink2);font-size:.82em}.reading.theme-dark .kw:hover,.reading.theme-dark .kw.sel{background:#2f8f6b38}.cw{margin-top:46px;border-top:1px solid var(--rline);padding-top:22px}.cw h3{font-family:var(--ui);font-size:14px;font-weight:600;color:var(--rink2);margin:0 0 14px;letter-spacing:.04em}.cw-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:8px}.cw-row{display:flex;align-items:center;gap:9px;padding:8px 11px;border:1px solid var(--rline);border-radius:9px;cursor:pointer;transition:.14s}.cw-row:hover{background:#8080800f}.cw-row.done{opacity:.5}.cw-row .ck{width:17px;height:17px;border-radius:5px;border:1.5px solid var(--rink2);flex:none;display:flex;align-items:center;justify-content:center;font-size:11px;color:#fff}.cw-row.done .ck{background:var(--accent);border-color:var(--accent)}.cw-row .en{font-weight:600;font-family:var(--ui)}.cw-row .zh{margin-left:auto;font-size:13px;color:var(--rink2)}.read-foot{position:fixed;left:0;right:0;bottom:0;z-index:20;display:flex;align-items:center;justify-content:center;gap:18px;height:58px;background:color-mix(in srgb,var(--rbg) 90%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid var(--rline)}.read-foot .pg{font-size:13px;color:var(--rink2);min-width:120px;text-align:center}.read-foot .nv{font-size:14px;color:var(--rink);padding:8px 18px;border-radius:20px;border:1px solid var(--rline)}.read-foot .nv:disabled{opacity:.35}.setwrap{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:flex;align-items:flex-start;justify-content:flex-end}.setwrap .mask{position:absolute;top:0;right:0;bottom:0;left:0;background:#14120e47}.setpanel{position:relative;margin:62px 18px 0;width:300px;background:var(--surface);color:var(--ink);border-radius:var(--r);box-shadow:var(--shadow-lg);padding:18px;animation:drop .2s ease}@keyframes drop{0%{opacity:0;transform:translateY(-8px)}}.setpanel h4{font-size:12px;color:var(--ink3);font-weight:600;letter-spacing:.06em;margin:4px 0 10px}.swatches{display:flex;gap:10px;margin-bottom:18px}.sw{width:46px;height:46px;border-radius:10px;border:2px solid transparent;cursor:pointer;position:relative}.sw.on{border-color:var(--accent)}.sw.paper{background:#f7f3ea}.sw.white{background:#fff;box-shadow:inset 0 0 0 1px var(--line)}.sw.green{background:#e2ece1}.sw.dark{background:#1a1a18}.fsrow{display:flex;gap:8px;margin-bottom:16px}.fsrow button{flex:1;padding:10px;border-radius:9px;border:1px solid var(--line2);font-size:13px}.fsrow button.on{background:var(--accent-soft);border-color:var(--accent);color:var(--accent-d)}.setrow{display:flex;align-items:center;justify-content:space-between;padding:11px 0;border-top:1px solid var(--line)}.setrow .lab{font-size:14px}.toggle{width:44px;height:25px;border-radius:13px;background:var(--line2);position:relative;transition:.2s}.toggle.on{background:var(--accent)}.toggle i{position:absolute;top:2px;left:2px;width:21px;height:21px;border-radius:50%;background:#fff;transition:.2s;box-shadow:0 1px 3px #0003}.toggle.on i{left:21px}.sheet-mask{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:#14120e57;display:flex;align-items:flex-end;justify-content:center;animation:fade .2s}@keyframes fade{0%{opacity:0}}.sheet{width:100%;max-width:520px;background:var(--surface);color:var(--ink);border-radius:20px 20px 0 0;box-shadow:0 -8px 40px #28221833;padding:10px 22px 26px;animation:up .26s cubic-bezier(.2,.8,.2,1)}@keyframes up{0%{transform:translateY(100%)}}.sheet .handle{width:40px;height:4px;border-radius:2px;background:var(--line2);margin:6px auto 16px}.sheet .wd{display:flex;align-items:baseline;gap:12px}.sheet .wd .w{font-family:var(--serif);font-weight:700;font-size:30px}.sheet .ph{color:var(--ink2);font-size:15px;margin:6px 0 2px}.sheet .pos{color:var(--ink3);font-size:13px}.sheet .sec{margin-top:15px}.sheet .sec .l{font-size:12px;color:var(--accent-d);font-weight:600;margin-bottom:4px}.sheet .sec .v{font-size:15.5px;line-height:1.7;color:var(--ink)}.sheet .sec .v.def{font-size:13.5px;color:var(--ink2)}.sheet .acts{display:flex;gap:10px;margin-top:20px}.sheet .acts .btn{flex:1;padding:12px}.vbar{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-bottom:18px}.search{display:flex;align-items:center;gap:8px;background:var(--surface);border:1px solid var(--line2);border-radius:22px;padding:0 14px;height:40px;flex:1;min-width:200px;max-width:320px}.search input{border:none;outline:none;background:none;font-size:14px;width:100%;color:var(--ink)}.search .mag{color:var(--ink3)}.filters{display:flex;gap:6px;flex-wrap:wrap}.fbtn{font-size:13px;padding:7px 13px;border-radius:18px;background:var(--surface);border:1px solid var(--line);color:var(--ink2)}.fbtn.on{background:var(--accent-soft);border-color:var(--accent);color:var(--accent-d)}.vsel{font-size:13px;padding:8px 12px;border-radius:18px;border:1px solid var(--line2);background:var(--surface);color:var(--ink)}.vcount{margin-left:auto;font-size:13px;color:var(--ink2)}.vcount b{color:var(--accent-d)}.vlist{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:10px}.vcard{display:flex;align-items:center;gap:12px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:13px 15px;cursor:pointer;transition:.14s}.vcard:hover{box-shadow:var(--shadow);border-color:var(--line2)}.vcard .ck{width:20px;height:20px;border-radius:6px;border:1.5px solid var(--ink3);flex:none;display:flex;align-items:center;justify-content:center;font-size:12px;color:#fff;cursor:pointer}.vcard.done .ck{background:var(--accent);border-color:var(--accent)}.vcard .main{flex:1;min-width:0}.vcard .w{font-weight:600;font-size:16px}.vcard .ph{font-size:12px;color:var(--ink3)}.vcard .zh{font-size:13.5px;color:var(--ink2);margin-top:2px}.vcard.done .w,.vcard.done .zh{color:var(--ink3)}.hidezh .zh{filter:blur(5px)}.hidezh .vcard:hover .zh{filter:none}.rev-wrap{max-width:480px;margin:24px auto 0;text-align:center}.rev-meta{font-size:13px;color:var(--ink3);margin-bottom:16px}.flip{min-height:280px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:36px;cursor:pointer}.flip .w{font-family:var(--serif);font-weight:700;font-size:44px;color:var(--ink)}.flip .ph{color:var(--ink2);font-size:15px}.flip .zh{font-size:20px;color:var(--ink)}.flip .def{font-size:13.5px;color:var(--ink3);font-family:var(--serif)}.flip .tap{font-size:12.5px;color:var(--ink3)}.rev-acts{display:flex;gap:12px;margin-top:18px}.rev-acts .btn{flex:1;padding:14px;font-size:15px}.rev-acts .no{color:var(--warn);border-color:#e7c5bc}.rev-acts .yes{color:var(--accent-d);border-color:var(--accent);background:var(--accent-soft)}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px}.metric{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:18px;box-shadow:var(--shadow)}.metric .l{font-size:12.5px;color:var(--ink2)}.metric .n{font-family:var(--serif);font-weight:700;font-size:32px;margin-top:6px}.metric .n small{font-size:15px;color:var(--ink3);font-family:var(--ui)}.ringbox{display:flex;align-items:center;gap:16px}.bars{margin-top:6px}.bar{display:flex;align-items:center;gap:10px;font-size:12.5px;color:var(--ink2);padding:4px 0}.bar .tk{flex:1;height:7px;background:var(--bg);border-radius:4px;overflow:hidden;border:1px solid var(--line)}.bar .tk i{display:block;height:100%;background:var(--accent)}.timeline{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:16px 20px;box-shadow:var(--shadow);margin-top:8px}.tlrow{display:grid;grid-template-columns:104px 1fr;gap:14px;align-items:center;padding:5px 0;font-size:13px}.tlrow .w{color:var(--ink);font-weight:500}.track{position:relative;height:16px;background:var(--bg);border:1px solid var(--line);border-radius:8px}.track .ln{position:absolute;top:50%;height:2px;background:var(--accent-soft);transform:translateY(-50%)}.track .dot{position:absolute;top:50%;width:9px;height:9px;border-radius:50%;background:var(--accent);transform:translate(-50%,-50%);cursor:pointer}@media (max-width:720px){.hero{flex-direction:column;align-items:center;text-align:center}.hero .info{width:100%}.hero .cta{justify-content:center}.nav{padding:0 14px}.page{padding:22px 16px 60px}}.lib-bar{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-bottom:18px}.book-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:18px}.book-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;cursor:pointer;transition:.18s;box-shadow:var(--shadow)}.book-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg);border-color:var(--line2)}.book-card.active{border-color:var(--accent)}.bc-cover{position:relative;aspect-ratio:2/3;background:#ece7db;overflow:hidden}.bc-cover img{width:100%;height:100%;object-fit:cover;display:block}.bc-status{position:absolute;left:10px;top:10px;font-size:11px;color:#fff;background:#237154eb;padding:3px 9px;border-radius:12px}.bc-body{padding:12px 14px 16px}.bc-title{font-family:var(--serif);font-weight:700;font-size:18px;color:var(--ink)}.bc-sub{font-size:12.5px;color:var(--ink2);margin-top:3px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.bc-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.bc-tag{font-size:11px;color:var(--ink2);background:var(--bg);border:1px solid var(--line);padding:3px 8px;border-radius:12px}.bc-meta{font-size:11.5px;color:var(--ink3);margin-top:10px}.empty{text-align:center;color:var(--ink3);padding:60px 0;font-size:14px}.backbar{margin:-6px 0 14px}.lnk{font-size:14px;color:var(--accent-d);background:none;border:none;cursor:pointer;padding:6px 0}.lnk:hover{text-decoration:underline}.read-body{position:relative}.read-col{max-width:680px;margin:0 auto;padding:26px 26px 96px}.read-vol{text-align:center;font-size:12.5px;color:var(--rink2);letter-spacing:.2em;margin-bottom:8px}.read-title{font-family:var(--serif);font-weight:700;font-size:27px;text-align:center;color:var(--rink);margin:0 0 22px;letter-spacing:.03em}.illus{display:block;width:min(420px,82%);margin:4px auto 32px;border-radius:14px;overflow:hidden;box-shadow:var(--shadow-lg);aspect-ratio:9/16;background:#80808014}.illus img{width:100%;height:100%;object-fit:cover;display:block}.illus.ph{display:flex;align-items:center;justify-content:center;color:var(--rink2);font-family:var(--serif);font-size:15px}.read-endnav{display:flex;justify-content:space-between;gap:14px;margin-top:46px;padding-top:22px;border-top:1px solid var(--rline)}.read-endnav .nv{font-size:14px;color:var(--rink);padding:10px 22px;border-radius:22px;border:1px solid var(--rline);background:none}.read-endnav .nv:disabled{opacity:.35}@media (min-width:1024px){.read-col{max-width:700px;padding:36px 26px 104px}.read-title{font-size:30px}.illus{width:420px}}.read-bar .ico.act{color:var(--accent-d);background:var(--accent-soft)}.toc{position:fixed;left:0;top:54px;bottom:0;z-index:30;width:0;overflow:hidden;transition:width .24s ease;background:var(--rbg);border-right:1px solid var(--rline);box-shadow:2px 0 28px #0000002e}.toc.open{width:300px}.toc-inner{width:300px;height:100%;overflow-y:auto;padding:16px 10px 30px}.toc-h{font-size:12px;color:var(--rink2);letter-spacing:.1em;padding:6px 12px 12px}.toc-li{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:9px;cursor:pointer;color:var(--rink2);font-size:14px;transition:.14s}.toc-li:hover{background:#8080801a;color:var(--rink)}.toc-li.read:not(.cur){color:var(--rink)}.toc-li.cur{background:var(--accent-soft);color:var(--accent-d);font-weight:500}.reading.theme-dark .toc-li.cur{background:#2f8f6b40;color:#7fd3b3}.toc-li .tn{font-family:var(--serif);font-size:13px;opacity:.65;min-width:24px}.toc-li.cur .tn{opacity:1}.toc-li .tx{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.toc-li .dt{color:var(--accent);font-weight:700}.toc-scrim{display:none}.toc-scrim.on{display:block;position:fixed;top:54px;right:0;bottom:0;left:0;background:#14120e57;z-index:29}@media (max-width:1023px){.toc.open{width:82%;max-width:330px}}@media (min-width:768px){.sheet-mask{align-items:center}.sheet{border-radius:18px;max-width:440px;animation:fade .18s ease}.sheet .handle{display:none}}
.bc-cover{cursor:zoom-in}.cover-preview{position:fixed;inset:0;z-index:80;background:rgba(10,8,5,.76);display:flex;align-items:center;justify-content:center;padding:28px;animation:fade .16s ease}.cover-preview-panel{position:relative;max-width:min(92vw,560px);max-height:90vh;display:flex;flex-direction:column;align-items:center;gap:10px}.cover-preview-panel img{max-width:100%;max-height:82vh;object-fit:contain;border-radius:12px;box-shadow:var(--shadow-lg);background:#111}.cover-preview-close{position:absolute;right:-12px;top:-12px;width:36px;height:36px;border-radius:50%;background:var(--surface);box-shadow:var(--shadow);font-size:24px;line-height:1;color:var(--ink);display:flex;align-items:center;justify-content:center}.cover-preview-title{font-family:var(--serif);font-weight:700;color:#fff;text-shadow:0 1px 8px #000;font-size:18px}@media (max-width:720px){.cover-preview{padding:18px}.cover-preview-panel img{max-height:78vh}.cover-preview-close{right:2px;top:2px}}