:root,:root[data-theme=day]{--bg: #fbfaf7;--bg-soft: #f4f1ea;--surface: #ffffff;--surface-2: #f9f7f2;--text: #2b2724;--text-soft: #5d564e;--muted: #918a80;--border: #e7e1d6;--border-strong: #d6cdbf;--accent: #a8321e;--accent-soft: #f6e7e3;--accent-text: #8c2a18;--hl: #fdf0c8;--hl-border: #e8c86a;--shadow: 0 1px 2px rgba(60, 45, 30, .06), 0 8px 24px rgba(60, 45, 30, .07);--shadow-sm: 0 1px 2px rgba(60, 45, 30, .08);--radius: 10px}:root[data-theme=sepia]{--bg: #f5ead5;--bg-soft: #efe2c9;--surface: #fbf4e4;--surface-2: #f7eeda;--text: #3b3125;--text-soft: #5f5240;--muted: #93836a;--border: #e0d0b2;--border-strong: #cdb994;--accent: #9c4a20;--accent-soft: #f0dfcb;--accent-text: #85401c;--hl: #f3dda6;--hl-border: #d9b96a;--shadow: 0 1px 2px rgba(80, 60, 30, .06), 0 8px 24px rgba(80, 60, 30, .08);--shadow-sm: 0 1px 2px rgba(80, 60, 30, .1)}:root[data-theme=green]{--bg: #e2ebd9;--bg-soft: #d9e4ce;--surface: #edf3e6;--surface-2: #e7efe0;--text: #26301f;--text-soft: #47543d;--muted: #75826a;--border: #ccdac0;--border-strong: #b3c6a3;--accent: #4a6b3f;--accent-soft: #d8e5cc;--accent-text: #3d5a34;--hl: #f7ecb5;--hl-border: #cdba6a;--shadow: 0 1px 2px rgba(40, 60, 30, .07), 0 8px 24px rgba(40, 60, 30, .09);--shadow-sm: 0 1px 2px rgba(40, 60, 30, .1)}:root[data-theme=night]{--bg: #14161a;--bg-soft: #191c21;--surface: #1d2127;--surface-2: #23282f;--text: #bcc3cd;--text-soft: #979fa9;--muted: #767e89;--border: #2b3138;--border-strong: #3a424b;--accent: #c8564a;--accent-soft: #2c2222;--accent-text: #d97364;--hl: #4a4020;--hl-border: #6d5c2a;--shadow: 0 1px 2px rgba(0, 0, 0, .3), 0 8px 24px rgba(0, 0, 0, .35);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .35)}:root{--font-ui: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", system-ui, -apple-system, "Segoe UI", sans-serif;--font-serif: "Noto Serif SC", "Source Han Serif SC", "Songti SC", "SimSun", Georgia, serif;--font-sans: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", system-ui, sans-serif;--font-kai: "Kaiti SC", "STKaiti", "KaiTi", "Noto Serif SC", serif;--reader-font-size: 18px;--reader-line-height: 2;--reader-max-width: 38em}:root[data-font=serif]{--reader-font: var(--font-serif)}:root[data-font=sans]{--reader-font: var(--font-sans)}:root[data-font=kai]{--reader-font: var(--font-kai)}:root{--reader-font: var(--font-serif)}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:auto}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font-ui);font-size:15px;line-height:1.6;-webkit-font-smoothing:antialiased;transition:background-color .18s ease,color .18s ease}a{color:inherit;text-decoration:none}button{font-family:inherit;font-size:inherit;color:inherit;background:none;border:none;cursor:pointer;padding:0}input,textarea,select{font-family:inherit;font-size:inherit;color:var(--text);background:var(--surface);border:1px solid var(--border-strong);border-radius:8px;padding:9px 11px;outline:none;transition:border-color .15s ease,box-shadow .15s ease}input:focus,textarea:focus,select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}textarea{resize:vertical;line-height:1.7}img{max-width:100%;height:auto}::selection{background:var(--hl)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 15px;border-radius:8px;border:1px solid var(--border-strong);background:var(--surface);color:var(--text);font-size:14px;line-height:1.2;transition:border-color .15s ease,background-color .15s ease,opacity .15s ease;white-space:nowrap}.btn:hover{border-color:var(--accent);color:var(--accent-text)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn-primary:hover{opacity:.9;color:#fff}.btn-ghost{border-color:transparent;background:transparent}.btn-ghost:hover{background:var(--bg-soft)}.btn-sm{padding:5px 10px;font-size:13px}.tag{display:inline-block;padding:2px 8px;border-radius:999px;background:var(--accent-soft);color:var(--accent-text);font-size:12px;line-height:1.7}.status-pill{display:inline-block;padding:1px 7px;border-radius:4px;font-size:11px;line-height:1.7;border:1px solid currentColor;opacity:.85}.status-pending{color:#b8860b}.status-approved{color:#3f7d4e}.status-rejected,.muted{color:var(--muted)}.center{text-align:center}.page{max-width:1080px;margin:0 auto;padding:0 20px 80px}.page-loading,.page-error{padding:120px 20px;text-align:center;color:var(--muted)}.page-error h2{color:var(--text);font-weight:600;margin-bottom:8px}.site-header{border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--bg) 88%,transparent);-webkit-backdrop-filter:saturate(180%) blur(12px);backdrop-filter:saturate(180%) blur(12px);position:sticky;top:0;z-index:40}.site-header-inner{max-width:1080px;margin:0 auto;padding:0 20px;height:60px;display:flex;align-items:center;gap:18px}.site-brand{font-family:var(--font-serif);font-size:17px;font-weight:600;letter-spacing:.02em;display:flex;align-items:center;gap:9px}.site-brand-mark{width:26px;height:26px;border-radius:7px;background:var(--accent);color:#fff;display:grid;place-items:center;font-size:14px;font-weight:600;flex:none}.site-header-spacer{flex:1}.site-nav{display:flex;align-items:center;gap:4px;font-size:14px}.site-nav a{padding:6px 11px;border-radius:7px;color:var(--text-soft)}.site-nav a:hover{background:var(--bg-soft);color:var(--text)}.hero{padding:62px 0 44px;text-align:center}.hero-title{font-family:var(--font-serif);font-size:34px;font-weight:600;margin:0 0 14px;letter-spacing:.03em}.hero-sub{margin:0 auto;max-width:40em;color:var(--muted);font-family:var(--font-serif);font-size:15px;line-height:2}.hero-quote{margin-top:26px;font-family:var(--font-serif);font-size:14px;color:var(--text-soft);font-style:italic}.bookshelf{display:grid;gap:22px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.book-card{display:flex;gap:16px;padding:18px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.book-card:hover{transform:translateY(-2px);box-shadow:var(--shadow);border-color:var(--border-strong)}.book-cover{width:92px;height:128px;flex:none;border-radius:6px;overflow:hidden;background:var(--bg-soft);display:grid;place-items:center;color:var(--muted);font-size:12px;font-family:var(--font-serif);box-shadow:0 1px 3px #0000001f}.book-cover img{width:100%;height:100%;object-fit:cover}.book-card-body{min-width:0;display:flex;flex-direction:column;gap:7px}.book-card-title{font-family:var(--font-serif);font-size:17px;font-weight:600;line-height:1.4;margin:0}.book-card-desc{margin:0;color:var(--text-soft);font-size:13px;line-height:1.75;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.book-card-meta{margin-top:auto;display:flex;flex-wrap:wrap;gap:6px 12px;font-size:12px;color:var(--muted)}.book-card-tags{display:flex;flex-wrap:wrap;gap:5px}.book-head{display:flex;gap:26px;padding:40px 0 30px;border-bottom:1px solid var(--border);margin-bottom:30px}.book-head .book-cover{width:150px;height:208px}.book-head-title{font-family:var(--font-serif);font-size:27px;font-weight:600;margin:0 0 10px;line-height:1.35}.book-head-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;color:var(--muted);font-size:13px;margin-bottom:14px}.book-head-desc{font-family:var(--font-serif);color:var(--text-soft);line-height:1.95;font-size:14.5px;margin:0 0 18px;max-width:46em}.continue-bar{display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding:13px 16px;margin-bottom:26px;border:1px solid var(--border);background:var(--surface-2);border-radius:var(--radius);font-size:14px}.toc-tools{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-bottom:18px}.toc-search{flex:1;min-width:180px;max-width:320px}.volume-block{margin-bottom:28px}.volume-head{display:flex;align-items:baseline;gap:12px;padding-bottom:10px;margin-bottom:12px;border-bottom:1px dashed var(--border-strong)}.volume-title{font-family:var(--font-serif);font-size:17px;font-weight:600}.volume-meta{font-size:12px;color:var(--muted)}.chapter-grid{display:grid;gap:2px 20px;grid-template-columns:repeat(auto-fill,minmax(270px,1fr))}.chapter-item{display:flex;align-items:baseline;gap:10px;padding:9px 11px;border-radius:7px;font-size:14px;line-height:1.5;transition:background-color .12s ease}.chapter-item:hover{background:var(--bg-soft)}.chapter-item.is-current{background:var(--accent-soft);color:var(--accent-text)}.chapter-no{font-size:12px;color:var(--muted);font-variant-numeric:tabular-nums;flex:none;min-width:2.6em}.chapter-title{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--font-serif)}.chapter-badge{flex:none;font-size:11px;color:var(--accent-text);background:var(--accent-soft);border-radius:999px;padding:0 6px;line-height:1.7}.prose-block{max-width:40em;margin:0 auto;font-family:var(--font-serif);font-size:15.5px;line-height:2.05;color:var(--text-soft)}.prose-block h1{font-size:25px;color:var(--text);margin:0 0 22px}.prose-block h2{font-size:17px;color:var(--text);margin:34px 0 12px}.prose-block p{margin:0 0 16px}.admin-head{display:flex;flex-wrap:wrap;align-items:center;gap:14px;padding:34px 0 22px}.admin-head h1{font-family:var(--font-serif);font-size:23px;margin:0}.admin-stats{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));margin-bottom:24px}.stat-card{padding:14px 16px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius)}.stat-value{font-size:23px;font-weight:600;font-variant-numeric:tabular-nums;line-height:1.3}.stat-label{font-size:12px;color:var(--muted);margin-top:2px}.admin-toolbar{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid var(--border)}.seg{display:inline-flex;border:1px solid var(--border-strong);border-radius:8px;overflow:hidden}.seg button{padding:7px 13px;font-size:13px;color:var(--text-soft);border-right:1px solid var(--border)}.seg button:last-child{border-right:none}.seg button:hover{background:var(--bg-soft)}.seg button.is-active{background:var(--accent);color:#fff}.moderation-list{display:grid;gap:12px}.moderation-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:15px 17px}.moderation-card.is-selected{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.moderation-head{display:flex;flex-wrap:wrap;align-items:center;gap:10px;font-size:12.5px;color:var(--muted);margin-bottom:9px}.moderation-where{color:var(--text-soft)}.moderation-excerpt{font-family:var(--font-serif);font-size:13.5px;color:var(--text-soft);border-left:3px solid var(--border-strong);padding:4px 0 4px 11px;margin-bottom:9px;line-height:1.85}.moderation-content{font-size:14.5px;line-height:1.85;margin-bottom:12px;white-space:pre-wrap;word-break:break-word}.moderation-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.admin-empty{padding:70px 20px;text-align:center;color:var(--muted)}.pager{display:flex;align-items:center;justify-content:center;gap:14px;padding:26px 0;font-size:13px;color:var(--muted)}@media (max-width: 720px){.hero{padding:40px 0 32px}.hero-title{font-size:26px}.book-head{flex-direction:column;gap:18px}.book-head .book-cover{width:118px;height:164px}.bookshelf,.chapter-grid{grid-template-columns:1fr}.site-header-inner{height:54px}}.reader-bar{position:sticky;top:0;z-index:50;display:flex;align-items:center;gap:8px;height:54px;padding:0 16px;background:color-mix(in srgb,var(--bg) 90%,transparent);-webkit-backdrop-filter:saturate(180%) blur(14px);backdrop-filter:saturate(180%) blur(14px);border-bottom:1px solid var(--border)}.reader-bar-group{display:flex;align-items:center;gap:2px}.reader-bar-spacer{flex:1}.reader-bar-title{min-width:0;max-width:30vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--font-serif);font-size:14px;color:var(--text-soft)}.reader-bar-btn{display:inline-flex;align-items:center;gap:5px;height:34px;padding:0 10px;border-radius:8px;font-size:13.5px;color:var(--text-soft);transition:background-color .13s ease,color .13s ease}.reader-bar-btn:hover{background:var(--bg-soft);color:var(--text)}.reader-bar-btn:disabled{opacity:.35;cursor:not-allowed;background:none}.reader-bar-btn.is-active{background:var(--accent-soft);color:var(--accent-text)}.reader-bar-icon{font-size:15px;line-height:1}.font-size-group{display:inline-flex;align-items:center;border:1px solid var(--border);border-radius:8px;overflow:hidden}.font-size-group button{width:30px;height:32px;color:var(--text-soft);font-size:14px}.font-size-group button:hover{background:var(--bg-soft)}.font-size-value{min-width:34px;text-align:center;font-size:12.5px;color:var(--muted);font-variant-numeric:tabular-nums}.reader-layout{display:grid;grid-template-columns:178px minmax(0,1fr) 296px;gap:34px;align-items:start;max-width:1380px;margin:0 auto;padding:28px 20px 100px}.reader-rail{position:sticky;top:78px;display:flex;flex-direction:column;gap:14px;font-size:13px}.rail-book{font-family:var(--font-serif);font-size:13.5px;line-height:1.6;color:var(--text-soft)}.rail-chapter{font-family:var(--font-serif);font-size:15px;font-weight:600;line-height:1.55}.rail-stats{display:flex;flex-direction:column;gap:4px;color:var(--muted);font-size:12px}.rail-links{display:flex;flex-direction:column;gap:2px;padding-top:6px;border-top:1px solid var(--border)}.rail-links a{padding:7px 9px;border-radius:7px;color:var(--text-soft);transition:background-color .13s ease,color .13s ease}.rail-links a:hover{background:var(--bg-soft);color:var(--text)}.reader-main{min-width:0;position:relative}.reader-chapter-title{font-family:var(--font-serif);font-size:25px;font-weight:600;line-height:1.45;margin:6px 0 10px}.reader-chapter-meta{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:12.5px;color:var(--muted);padding-bottom:20px;margin-bottom:30px;border-bottom:1px solid var(--border)}.reader-article{font-family:var(--reader-font);font-size:var(--reader-font-size);line-height:var(--reader-line-height);max-width:var(--reader-max-width);color:var(--text);word-break:break-word}.reader-article>*{margin:0 0 calc(var(--reader-font-size) * .85)}.reader-article p{text-indent:2em;margin:0 0 calc(var(--reader-font-size) * .85)}.reader-article p:has(>strong:first-child){text-indent:0}.reader-article h1,.reader-article h2,.reader-article h3{font-size:calc(var(--reader-font-size) * 1.12);font-weight:600;text-indent:0;margin:calc(var(--reader-font-size) * 1.6) 0 calc(var(--reader-font-size) * .8)}.reader-article h1{font-size:calc(var(--reader-font-size) * 1.24)}.reader-article strong{font-weight:600;color:var(--accent-text)}:root[data-theme=night] .reader-article strong{color:var(--accent-text)}.reader-article blockquote{text-indent:0;padding:4px 0 4px 1.1em;border-left:3px solid var(--border-strong);color:var(--text-soft)}.reader-article hr{border:none;border-top:1px solid var(--border);margin:calc(var(--reader-font-size) * 1.6) 0}.reader-article ul,.reader-article ol{text-indent:0;padding-left:1.8em}.reader-article li{margin-bottom:.4em}.reader-article pre{text-indent:0;background:var(--surface-2);border:1px solid var(--border);border-radius:8px;padding:12px 14px;overflow-x:auto;font-size:.88em;line-height:1.7}.reader-article img{display:block;margin:1.4em auto;border-radius:6px;box-shadow:var(--shadow-sm);text-indent:0}.reader-article mark.hl{background:var(--hl);color:inherit;border-bottom:1.5px solid var(--hl-border);border-radius:2px;padding:1px 0;cursor:pointer;transition:background-color .15s ease}.reader-article mark.hl:hover{background:var(--hl-border)}.reader-article mark.hl.is-active{outline:2px solid var(--accent);outline-offset:1px}.reader-article .orphan-marker{display:inline-block;margin-right:6px;padding:0 6px;border-radius:4px;background:var(--accent-soft);color:var(--accent-text);font-family:var(--font-ui);font-size:11px;line-height:1.7;text-indent:0;cursor:pointer;vertical-align:2px}.ann-sidebar{position:sticky;top:78px;max-height:calc(100vh - 110px);overflow-y:auto;overflow-x:hidden;padding-right:4px}.ann-sidebar-head{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-bottom:10px;margin-bottom:12px;border-bottom:1px solid var(--border);font-size:13px;color:var(--text-soft)}.ann-body{position:relative}.ann-card{padding:11px 12px;background:var(--surface);border:1px solid var(--border);border-radius:9px;cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease}.ann-card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-sm)}.ann-card.is-active{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.ann-card.is-floating{position:absolute;left:0;right:0}.ann-card-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:6px;font-size:11.5px;color:var(--muted)}.ann-card-who{display:flex;align-items:center;gap:6px;min-width:0}.ann-nick{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:9em}.ann-card-actions{display:flex;gap:4px;flex:none;opacity:0;transition:opacity .15s ease}.ann-card:hover .ann-card-actions{opacity:1}.ann-card-actions button{font-size:11.5px;color:var(--muted);padding:1px 4px;border-radius:4px}.ann-card-actions button:hover{background:var(--bg-soft);color:var(--accent-text)}.ann-excerpt{font-family:var(--font-serif);font-size:12.5px;line-height:1.75;color:var(--muted);border-left:2px solid var(--hl-border);padding-left:8px;margin-bottom:6px;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.ann-content{font-size:13.5px;line-height:1.8;white-space:pre-wrap;word-break:break-word}.ann-empty{padding:34px 12px;text-align:center;font-size:12.5px;line-height:1.9;color:var(--muted)}.selection-toolbar{position:absolute;z-index:60;transform:translate(-50%);display:flex;gap:2px;padding:4px;background:var(--surface);border:1px solid var(--border-strong);border-radius:9px;box-shadow:var(--shadow);animation:pop-in .13s ease-out}@keyframes pop-in{0%{opacity:0;transform:translate(-50%) translateY(3px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.selection-toolbar button{padding:6px 11px;border-radius:6px;font-size:13px;white-space:nowrap;color:var(--text)}.selection-toolbar button:hover{background:var(--accent-soft);color:var(--accent-text)}.ann-popover{position:absolute;z-index:60;width:262px;padding:12px 13px;background:var(--surface);border:1px solid var(--border-strong);border-radius:10px;box-shadow:var(--shadow);animation:pop-in .13s ease-out;text-indent:0;font-family:var(--font-ui);font-size:13.5px;line-height:1.75}.ann-popover-head{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:11.5px;color:var(--muted);margin-bottom:7px}.ann-popover-excerpt{font-family:var(--font-serif);font-size:12.5px;color:var(--muted);border-left:2px solid var(--hl-border);padding-left:8px;margin-bottom:8px}.ann-popover-note{white-space:pre-wrap;word-break:break-word}.ann-popover-warn{margin-top:8px;padding-top:8px;border-top:1px dashed var(--border);font-size:12px;color:var(--muted)}.reader-footer{max-width:var(--reader-max-width);margin-top:54px;padding-top:26px;border-top:1px solid var(--border)}.reader-footer-title{font-family:var(--font-serif);font-size:14px;color:var(--muted);margin-bottom:14px}.reader-nav-row{display:flex;gap:12px}.reader-nav-row a,.reader-nav-row span{flex:1;text-align:center;padding:13px 14px;border:1px solid var(--border-strong);border-radius:9px;font-size:14px;color:var(--text-soft);transition:border-color .15s ease,color .15s ease,background-color .15s ease}.reader-nav-row a:hover{border-color:var(--accent);color:var(--accent-text);background:var(--surface)}.reader-nav-row .is-disabled{opacity:.4;cursor:not-allowed}.chapter-comments{max-width:var(--reader-max-width);margin-top:56px;padding-top:30px;border-top:1px solid var(--border)}.comments-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:18px}.comments-head h2{font-family:var(--font-serif);font-size:17px;font-weight:600;margin:0}.comments-head span{font-size:12.5px;color:var(--muted)}.comment-list{display:grid;gap:4px;margin-top:22px}.comment-item{padding:15px 0;border-bottom:1px solid var(--border)}.comment-item:last-child{border-bottom:none}.comment-head{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:12.5px;color:var(--muted);margin-bottom:7px}.comment-who{color:var(--text-soft);font-weight:500}.comment-body{font-size:14.5px;line-height:1.85;white-space:pre-wrap;word-break:break-word}.comment-del{margin-left:auto;font-size:12px;color:var(--muted);padding:1px 6px;border-radius:5px}.comment-del:hover{background:var(--bg-soft);color:var(--accent-text)}.comments-empty{padding:30px 0;color:var(--muted);font-size:13.5px}.composer{padding:16px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius)}.composer-excerpt{font-family:var(--font-serif);font-size:13px;color:var(--text-soft);border-left:3px solid var(--hl-border);padding:3px 0 3px 10px;margin-bottom:12px;line-height:1.8;max-height:5.4em;overflow:hidden}.composer textarea{width:100%;min-height:78px;font-size:14.5px;line-height:1.8}.composer-row{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:11px}.composer-nick{width:150px;font-size:13.5px;padding:7px 10px}.composer-hint{font-size:12px;color:var(--muted);flex:1;min-width:140px;line-height:1.6}.composer-actions{display:flex;gap:8px}.drawer-mask{position:fixed;top:0;right:0;bottom:0;left:0;z-index:70;background:#140e0857;animation:fade-in .16s ease-out}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.drawer{position:fixed;top:0;bottom:0;width:min(400px,88vw);background:var(--surface);box-shadow:var(--shadow);display:flex;flex-direction:column;z-index:71;animation:slide-in .2s ease-out}.drawer.right{right:0}.drawer.left{left:0;animation-name:slide-in-left}@keyframes slide-in{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes slide-in-left{0%{transform:translate(-100%)}to{transform:translate(0)}}.drawer-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 18px;border-bottom:1px solid var(--border);flex:none}.drawer-head h3{margin:0;font-family:var(--font-serif);font-size:16px;font-weight:600}.drawer-body{flex:1;overflow-y:auto;padding:16px 18px 40px}.drawer-section{margin-bottom:24px}.drawer-section-title{font-size:12px;color:var(--muted);margin-bottom:9px;letter-spacing:.06em}.opt-row{display:flex;flex-wrap:wrap;gap:7px}.opt{padding:7px 13px;border:1px solid var(--border-strong);border-radius:8px;font-size:13.5px;color:var(--text-soft)}.opt:hover{border-color:var(--accent)}.opt.is-active{background:var(--accent);border-color:var(--accent);color:#fff}.slider-row{display:flex;align-items:center;gap:12px}.slider-row input[type=range]{flex:1;padding:0;border:none;background:none;accent-color:var(--accent)}.slider-value{min-width:3.6em;text-align:right;font-size:13px;color:var(--muted);font-variant-numeric:tabular-nums}.drawer-toc-volume{margin-bottom:16px}.drawer-toc-volume-title{font-size:12.5px;color:var(--muted);padding:6px 0}.drawer-toc-item{display:block;padding:8px 10px;border-radius:7px;font-family:var(--font-serif);font-size:14px;color:var(--text-soft);line-height:1.5}.drawer-toc-item:hover{background:var(--bg-soft)}.drawer-toc-item.is-current{background:var(--accent-soft);color:var(--accent-text);font-weight:600}.reader-fab{position:fixed;right:16px;bottom:calc(18px + env(safe-area-inset-bottom,0px));z-index:55;display:flex;flex-direction:column;gap:10px}@media (min-width: 1181px){.reader-fab{display:none}}.reader-fab button,.reader-fab a{width:46px;height:46px;border-radius:50%;background:var(--surface);border:1px solid var(--border-strong);box-shadow:var(--shadow);display:grid;place-items:center;font-size:18px;color:var(--text-soft);transition:transform .15s ease,color .15s ease}.reader-fab button:hover,.reader-fab a:hover{transform:translateY(-2px);color:var(--accent-text)}.modal-mask{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;background:#140e0866;display:grid;place-items:center;padding:20px;animation:fade-in .16s ease-out}.modal-card{width:min(560px,100%);max-height:88vh;overflow-y:auto;background:var(--surface);border:1px solid var(--border-strong);border-radius:12px;box-shadow:var(--shadow);padding:20px;animation:pop-in-center .18s ease-out}@keyframes pop-in-center{0%{opacity:0;transform:translateY(8px) scale(.99)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-card h3{margin:0 0 14px;font-family:var(--font-serif);font-size:17px;font-weight:600}.toast{position:fixed;left:50%;bottom:34px;transform:translate(-50%);z-index:90;padding:10px 18px;border-radius:999px;background:var(--surface);border:1px solid var(--border-strong);box-shadow:var(--shadow);font-size:13.5px;max-width:86vw;text-align:center;animation:pop-in .16s ease-out}.toast.is-error{border-color:var(--accent);color:var(--accent-text)}@media (max-width: 1180px){.reader-layout{grid-template-columns:160px minmax(0,1fr);gap:28px}.ann-sidebar{display:none}}@media (max-width: 880px){.reader-layout{grid-template-columns:minmax(0,1fr);gap:0;padding:20px 18px 110px}.reader-rail{display:none}.reader-chapter-title{font-size:21px}.reader-bar{height:50px;padding:0 10px;gap:4px}.reader-bar-title{display:none}.reader-bar-btn{padding:0 8px}.reader-bar-btn.is-optional,.font-size-group{display:none}.ann-popover{width:min(262px,calc(100vw - 40px))}}