:root{--font-ui:"Microsoft YaHei", "微软雅黑", "PingFang SC", Arial, sans-serif;font-family:var(--font-ui);color:#282722;font-synthesis:none;text-rendering:optimizelegibility;letter-spacing:0;background:#f3efe5}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:#f3efe5;min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a,button{color:inherit}.app{--page-bg:#f3efe5;--surface:#fbfaf6;--surface-strong:#fffefd;--sidebar:#ebe7dd;--text:#282722;--muted:#777267;--faint:#a49e91;--line:#35312921;--accent:#35645c;--accent-soft:#dce7e1;min-height:100vh;color:var(--text);background:var(--page-bg);transition:background .35s,color .35s}.app[data-theme=light]{--page-bg:#f4f4f1;--surface:#fff;--surface-strong:#fff;--sidebar:#ecece8;--text:#232421;--muted:#6f716b;--faint:#9a9d95;--line:#1e201d1f;--accent-soft:#e4ece8}.app[data-theme=dark]{--page-bg:#1e211f;--surface:#242824;--surface-strong:#292d29;--sidebar:#202421;--text:#e6e3d9;--muted:#aaa99f;--faint:#777a73;--line:#eeece11c;--accent:#78a79a;--accent-soft:#344740}::selection{color:var(--text);background:#d2dfd8}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.library-page{width:min(1260px,100% - 64px);min-height:100vh;margin:0 auto;padding:0 0 34px}.library-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:78px;display:flex}.brand{color:var(--text);font-family:var(--font-ui);align-items:center;gap:11px;font-size:19px;font-weight:700;text-decoration:none;display:inline-flex}.brand-mark{color:#fff;background:var(--accent);border-radius:50%;place-items:center;width:34px;height:34px;display:grid}.library-actions{align-items:center;gap:10px;display:flex}.folder-input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.theme-switcher{background:color-mix(in srgb, var(--surface) 70%, transparent);border:1px solid var(--line);border-radius:6px;align-items:center;gap:2px;height:40px;padding:3px;display:flex}.theme-switcher button{height:100%;color:var(--faint);cursor:pointer;background:0 0;border:0;border-radius:4px;justify-content:center;align-items:center;gap:5px;padding:0 10px;font-size:12.5px;transition:color .18s,background .18s,box-shadow .18s;display:flex}.theme-switcher button:hover{color:var(--text)}.theme-switcher button.active{color:var(--accent);background:var(--surface-strong);box-shadow:0 1px 4px #00000014}.import-trigger,.search-trigger{height:40px;color:var(--muted);border:1px solid var(--line);cursor:pointer;background:#fff6;border-radius:6px;align-items:center;padding:0 10px 0 14px;display:flex}.import-trigger{color:var(--accent);background:color-mix(in srgb, var(--accent-soft) 70%, var(--surface));gap:8px;padding-right:14px}.import-trigger:disabled{opacity:.65;cursor:wait}.search-trigger{width:248px}.import-trigger .spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.import-banner{border:1px solid var(--line);border-radius:8px;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;padding:12px 14px;font-size:14px;display:flex}.import-banner.is-success{color:var(--accent);background:color-mix(in srgb, var(--accent-soft) 75%, transparent)}.import-banner.is-error{color:#8a2f2f;background:#f7e7e4}.import-banner button{width:28px;height:28px;color:inherit;cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;padding:0;display:grid}.empty-library{min-height:240px;color:var(--muted);background:color-mix(in srgb, var(--surface) 88%, transparent);border:1px dashed var(--line);text-align:center;border-radius:12px;flex-direction:column;grid-column:1/-1;justify-content:center;align-items:center;gap:8px;padding:36px 20px;display:flex}.empty-library strong{color:var(--text);font-size:16px}.empty-library p{max-width:420px;margin:0;line-height:1.7}.empty-hint{color:var(--faint);font-size:12px}.search-trigger span{text-align:left;flex:1;margin-left:9px}kbd{color:var(--faint);background:var(--surface);border:1px solid var(--line);border-radius:4px;padding:2px 7px;font-family:inherit;font-size:12px}.library-intro{justify-content:space-between;align-items:end;padding:54px 4px 42px;display:flex}.eyebrow{color:var(--accent);letter-spacing:.16em;text-transform:uppercase;margin:0 0 10px;font-size:12px;font-weight:700}.library-intro h1{font-family:var(--font-ui);letter-spacing:0;margin:0;font-size:38px;font-weight:600}.library-lede{color:var(--muted);font-family:var(--font-ui);margin:14px 0 0;font-size:16px}.library-stats{color:var(--muted);gap:24px;padding-bottom:4px;display:flex}.library-stats span{align-items:baseline;gap:5px;display:flex}.library-stats strong{color:var(--text);font-family:var(--font-ui);font-size:24px}.continue-strip{min-height:70px;color:var(--text);background:var(--accent-soft);border-left:3px solid var(--accent);grid-template-columns:40px 1fr auto;align-items:center;gap:14px;margin-bottom:34px;padding:11px 18px;text-decoration:none;display:grid}.continue-strip>span:nth-child(2){flex-direction:column;min-width:0;display:flex}.continue-icon{width:38px;height:38px;color:var(--accent);background:var(--surface-strong);border-radius:50%;place-items:center;display:grid}.continue-strip small{color:var(--muted);font-size:12px}.continue-strip strong{font-family:var(--font-ui);text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-size:15px;overflow:hidden}.bookshelf{grid-template-columns:repeat(4,minmax(0,1fr));gap:38px;display:grid}.book-card{min-width:0}.cover-link{aspect-ratio:.72;background:var(--book-accent);padding:14px 16px 14px 23px;text-decoration:none;transition:transform .18s,box-shadow .18s;display:block;position:relative;overflow:hidden;box-shadow:0 15px 26px #2520171f}.cover-link:before{content:"";background:#fff3;width:1px;position:absolute;inset:0 auto 0 7px;box-shadow:3px 0 #0000001a}.cover-link:hover{transform:translateY(-5px);box-shadow:0 20px 34px #2520172e}.book-cover{object-fit:cover;border:1px solid #ffffff38;width:100%;height:100%;display:block}.book-cover-fallback{color:#f8f4e9;background:linear-gradient(90deg, #ffffff14, transparent 16%), var(--book-accent);font-family:var(--font-ui);flex-direction:column;justify-content:space-between;padding:clamp(18px,9%,30px);display:flex}.book-cover-fallback i{font-family:var(--font-ui);font-size:10px;font-style:normal;font-weight:600}.book-cover-fallback strong{overflow-wrap:anywhere;max-width:8em;font-size:clamp(20px,2.2vw,30px);font-weight:600;line-height:1.55}.book-cover-fallback small{opacity:.76;font-size:11px}.book-number{z-index:1;color:#ffffffd1;font-size:11px;font-weight:700;position:absolute;top:7px;right:10px}.book-meta{padding:19px 2px 0}.book-meta p{color:var(--book-accent);margin:0 0 4px;font-size:12px;font-weight:700}.book-meta h2{overflow-wrap:anywhere;min-height:28px;font-family:var(--font-ui);margin:0;font-size:19px;font-weight:600;line-height:1.45}.book-meta>span,.unread{color:var(--muted);margin-top:7px;font-size:13px;display:block}.book-progress{align-items:center;gap:9px;margin-top:11px;display:flex}.book-progress>span{background:var(--line);border-radius:3px;flex:1;height:3px;overflow:hidden}.book-progress i{background:var(--book-accent);height:100%;display:block}.book-progress small{color:var(--muted);white-space:nowrap;font-size:11px}.library-footer{color:var(--faint);border-top:1px solid var(--line);justify-content:center;gap:10px;margin-top:58px;padding-top:25px;font-size:12px;display:flex}.reader-shell{background:var(--surface);min-height:100vh}.reader-topbar{z-index:50;background:color-mix(in srgb, var(--surface-strong) 93%, transparent);border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);grid-template-columns:1fr auto 1fr;align-items:center;width:100%;height:60px;padding:0 16px;display:grid;position:fixed;top:0;left:0}.topbar-left,.topbar-actions{align-items:center;gap:5px;display:flex}.topbar-actions{justify-content:flex-end}.icon-button{width:38px;height:38px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:50%;flex:0 0 38px;place-items:center;padding:0;text-decoration:none;display:inline-grid}.icon-button:hover{color:var(--text);background:var(--line)}.topbar-book{flex-direction:column;min-width:0;margin-left:6px;display:flex}.topbar-book span{color:var(--muted);font-size:10px}.topbar-book strong{font-family:var(--font-ui);font-size:13px;font-weight:600}.chapter-progress{align-items:center;gap:9px;display:flex}.chapter-progress>span{background:var(--line);border-radius:3px;width:112px;height:3px;overflow:hidden}.chapter-progress i{background:var(--accent);height:100%;display:block}.chapter-progress small{color:var(--faint);font-size:11px}.reader-layout{grid-template-columns:260px minmax(0,1fr) 220px;min-height:100vh;padding-top:60px;display:grid}.chapter-sidebar,.outline-sidebar{z-index:20;background:var(--sidebar);scrollbar-width:thin;position:fixed;top:60px;bottom:0;overflow-y:auto}.chapter-sidebar{border-right:1px solid var(--line);width:260px;left:0}.outline-sidebar{background:var(--surface);border-left:1px solid var(--line);width:220px;padding:36px 25px;right:0}.drawer-header{display:none}.sidebar-book{border-bottom:1px solid var(--line);grid-template-columns:48px minmax(0,1fr);align-items:center;gap:12px;padding:23px 18px 20px;display:grid}.sidebar-book img{object-fit:cover;width:48px;height:67px;box-shadow:0 4px 9px #00000029}.sidebar-cover-fallback{color:#fff;background:var(--accent);place-items:center;width:48px;height:67px;display:grid;box-shadow:0 4px 9px #00000029}.sidebar-book div{min-width:0}.sidebar-book strong{font-family:var(--font-ui);font-size:13px;line-height:1.55;display:block;overflow:hidden}.sidebar-book span{color:var(--muted);margin-top:5px;font-size:10px;display:block}.chapter-list{padding:14px 0 30px}.chapter-list a{min-height:62px;color:var(--muted);grid-template-columns:29px minmax(0,1fr);align-items:center;gap:10px;padding:8px 16px;text-decoration:none;display:grid;position:relative}.chapter-list a:before{content:"";background:0 0;width:3px;position:absolute;top:0;bottom:0;left:0}.chapter-list a:hover,.chapter-list a.active{color:var(--text);background:color-mix(in srgb, var(--accent-soft) 65%, transparent)}.chapter-list a.active:before{background:var(--accent)}.chapter-list a>span:last-child{min-width:0;font-family:var(--font-ui);font-size:12px;font-weight:500;line-height:1.45;overflow:hidden}.chapter-list small{color:var(--faint);font-family:var(--font-ui);margin-bottom:2px;font-size:9px;font-weight:600;display:block}.chapter-dot{width:27px;height:27px;color:var(--faint);border:1px solid var(--line);border-radius:50%;place-items:center;font-size:8px;display:grid}.chapter-list a.active .chapter-dot{color:#fff;background:var(--accent);border-color:var(--accent)}.chapter-dot.complete{color:var(--accent);border-color:var(--accent)}.reader-main{background:var(--surface-strong);grid-column:2;min-width:0}.reading-paper{width:min(var(--reader-width), calc(100% - 80px));margin:0 auto;padding:72px 0 80px}.chapter-kicker{color:var(--accent);letter-spacing:.14em;align-items:center;gap:13px;margin-bottom:19px;font-size:11px;font-weight:700;display:flex}.chapter-kicker:after{background:var(--accent);content:"";width:38px;height:1px}.markdown-body{color:var(--text);font-family:var(--font-ui);font-size:var(--reader-font-size);line-height:var(--reader-line-height);overflow-wrap:break-word}.markdown-body h1{margin:0 0 38px;font-size:34px;font-weight:600;line-height:1.4}.markdown-body h2{margin:52px 0 18px;padding-top:2px;scroll-margin-top:80px;font-size:23px;font-weight:600;line-height:1.5}.markdown-body h3{color:color-mix(in srgb, var(--text) 90%, var(--accent));margin:34px 0 12px;scroll-margin-top:80px;font-size:19px;font-weight:600}.markdown-body p{text-align:justify;margin:0 0 1.25em}.markdown-body>p:first-of-type{color:color-mix(in srgb, var(--text) 82%, var(--muted))}.markdown-body ul,.markdown-body ol{margin:0 0 1.4em;padding-left:1.55em}.markdown-body li{margin:.4em 0;padding-left:.25em}.markdown-body li::marker{color:var(--accent)}.markdown-body a{color:var(--accent);-webkit-text-decoration-color:color-mix(in srgb, var(--accent) 45%, transparent);text-decoration-color:color-mix(in srgb, var(--accent) 45%, transparent);text-underline-offset:4px}.markdown-body blockquote{color:var(--muted);border-left:3px solid var(--accent);margin:1.8em 0;padding:.1em 0 .1em 1.3em}.markdown-body code{background:var(--sidebar);border-radius:3px;padding:.1em .32em;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.88em}.markdown-body pre{background:var(--sidebar);border:1px solid var(--line);border-radius:5px;max-width:100%;padding:17px;overflow-x:auto}.markdown-body pre code{background:0 0;padding:0}.markdown-body table{border-collapse:collapse;width:100%;font-family:var(--font-ui);margin:1.6em 0;font-size:.9em;display:block;overflow-x:auto}.markdown-body th,.markdown-body td{border:1px solid var(--line);text-align:left;padding:9px 12px}.markdown-body th{background:var(--sidebar)}.markdown-body mark,.search-result mark{color:inherit;background:#f1d68c;padding:0 2px}.outline-heading{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding-bottom:16px;display:flex}.outline-heading span{font-size:12px;font-weight:700}.outline-heading small{color:var(--faint);font-size:10px}.outline-list{flex-direction:column;padding:17px 0;display:flex}.outline-list a{color:var(--muted);font-family:var(--font-ui);padding:7px 0 7px 13px;font-size:11px;line-height:1.55;text-decoration:none;position:relative}.outline-list a:before{background:var(--faint);content:"";border-radius:50%;width:4px;height:4px;position:absolute;top:14px;left:0}.outline-list a.level-three{padding-left:24px;font-size:10px}.outline-list a.level-three:before{left:12px}.outline-list a:hover,.outline-list a.active{color:var(--accent)}.outline-list a.active:before{background:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.outline-empty{color:var(--faint);font-size:11px;line-height:1.7}.reading-status{color:var(--muted);grid-template-columns:1fr auto;gap:7px;font-size:10px;display:grid;position:absolute;bottom:28px;left:25px;right:25px}.reading-status strong{color:var(--text);font-size:11px}.reading-status i{background:var(--line);grid-column:1/-1;height:3px;overflow:hidden}.reading-status b{background:var(--accent);height:100%;display:block}.chapter-pager{border-top:1px solid var(--line);grid-template-columns:1fr 1fr;gap:20px;margin-top:74px;padding-top:30px;display:grid}.pager-link{min-width:0;color:var(--muted);align-items:center;gap:12px;text-decoration:none;display:flex}.pager-link.next{text-align:right;justify-content:flex-end}.pager-link span{min-width:0}.pager-link small{color:var(--faint);margin-bottom:4px;font-size:10px;display:block}.pager-link strong{color:var(--text);font-family:var(--font-ui);text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:600;display:block;overflow:hidden}.pager-link:hover strong,.pager-link:hover svg{color:var(--accent)}.settings-anchor{position:relative}.settings-popover{z-index:80;background:var(--surface-strong);border:1px solid var(--line);border-radius:7px;width:280px;padding:18px;position:absolute;top:45px;right:0;box-shadow:0 18px 45px #1f1d182e}.settings-title{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.settings-title strong{font-size:14px}.settings-title button,.search-input-row button{color:var(--muted);cursor:pointer;background:0 0;border:0;place-items:center;padding:3px;display:grid}.settings-popover>label{color:var(--muted);margin-bottom:7px;font-size:11px;display:block}.segmented-control{background:var(--sidebar);border-radius:5px;grid-template-columns:repeat(3,1fr);gap:3px;padding:3px;display:grid}.segmented-control button{height:31px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:3px;justify-content:center;align-items:center;gap:4px;padding:0;font-size:11px;display:flex}.segmented-control button.active{color:var(--text);background:var(--surface-strong);box-shadow:0 1px 4px #00000014}.setting-row{margin-top:17px}.setting-row>span{color:var(--muted);justify-content:space-between;margin-bottom:8px;font-size:11px;display:flex}.setting-row output{color:var(--faint)}.setting-row input{width:100%;height:3px;accent-color:var(--accent)}.reset-settings{width:100%;height:34px;color:var(--muted);border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:4px;margin-top:18px;font-size:11px}.dialog-layer{z-index:100;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#18181573;place-items:start center;padding:11vh 20px 20px;display:grid;position:fixed;inset:0}.search-dialog{background:var(--surface-strong);border:1px solid var(--line);border-radius:8px;width:min(650px,100%);max-height:76vh;overflow:hidden;box-shadow:0 24px 70px #13120f47}.search-input-row{height:62px;color:var(--muted);border-bottom:1px solid var(--line);grid-template-columns:auto 1fr auto;align-items:center;gap:11px;padding:0 18px;display:grid}.search-input-row input{min-width:0;color:var(--text);background:0 0;border:0;outline:0;font-size:16px}.search-input-row input::placeholder{color:var(--faint)}.search-results{max-height:calc(76vh - 62px);padding:8px;overflow-y:auto}.result-count{color:var(--faint);padding:8px 10px 7px;font-size:11px}.search-result{width:100%;color:var(--text);border:0;border-bottom:1px solid var(--line);cursor:pointer;text-align:left;background:0 0;padding:13px 42px 13px 12px;display:grid;position:relative}.search-result:last-child{border-bottom:0}.search-result:hover{background:var(--sidebar)}.result-book{color:var(--accent);margin-bottom:3px;font-size:10px;font-weight:700}.search-result strong{font-family:var(--font-ui);font-size:14px}.search-result p{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin:5px 0 0;font-size:12px;line-height:1.5;overflow:hidden}.search-result>svg{color:var(--faint);position:absolute;top:50%;right:13px;transform:translateY(-50%)}.search-empty{min-height:250px;color:var(--faint);text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.search-empty strong{color:var(--text);font-family:var(--font-ui);margin:11px 0 3px;font-size:14px}.search-empty span{font-size:12px}.not-found{text-align:center;flex-direction:column;justify-content:center;align-items:center;width:min(600px,100% - 40px);min-height:100vh;margin:auto;display:flex}.not-found>svg{color:var(--accent);margin-bottom:20px}.not-found h1{font-family:var(--font-ui);margin:0;font-size:30px}.not-found>p:not(.eyebrow){color:var(--muted)}.not-found a{color:var(--accent);align-items:center;gap:7px;margin-top:14px;text-decoration:none;display:flex}.mobile-only,.outline-mobile,.drawer-backdrop{display:none}@media (width<=1120px){.reader-layout{grid-template-columns:240px minmax(0,1fr)}.chapter-sidebar{width:240px}.outline-sidebar{display:none}.outline-sidebar.is-open{z-index:70;background:var(--surface-strong);width:300px;padding:0 24px 36px;display:block;position:fixed;top:60px;right:0}.outline-sidebar.is-open .outline-heading{margin-top:20px}.outline-mobile{display:inline-grid}.drawer-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:57px;display:flex}.drawer-backdrop{z-index:60;background:#18181561;border:0;display:block;position:fixed;inset:60px 0 0}.reading-paper{width:min(var(--reader-width), calc(100% - 64px))}}@media (width<=820px){.library-page{width:min(100% - 36px,660px)}.bookshelf{grid-template-columns:repeat(2,minmax(0,1fr));gap:42px 28px}.reader-layout{display:block}.chapter-sidebar{z-index:70;background:var(--surface-strong);width:min(330px,88vw);transition:transform .18s;top:60px;transform:translate(-102%)}.chapter-sidebar.is-open{transform:translate(0)}.chapter-sidebar .drawer-header{padding:0 14px 0 18px}.mobile-only{display:inline-grid}.reader-main{min-height:calc(100vh - 60px)}.topbar-book{display:none}.reading-paper{width:min(var(--reader-width), calc(100% - 44px));padding-top:52px}}@media (width<=560px){.library-page{width:calc(100% - 28px)}.library-header{height:64px}.library-actions{gap:8px}.theme-switcher{border-radius:20px}.theme-switcher button{width:30px;padding:0}.theme-switcher button span{display:none}.import-trigger,.search-trigger{border-radius:50%;justify-content:center;width:40px;padding:0}.import-trigger span,.search-trigger span,.search-trigger kbd{display:none}.library-intro{padding:38px 2px 30px;display:block}.library-intro h1{font-size:30px}.library-lede{font-size:14px;line-height:1.8}.library-stats{margin-top:20px}.library-stats strong{font-size:20px}.continue-strip{grid-template-columns:35px 1fr auto;gap:10px;padding:10px 12px}.continue-icon{width:34px;height:34px}.bookshelf{gap:32px 16px}.cover-link{padding:8px 9px 8px 14px}.book-meta{padding-top:13px}.book-meta h2{font-size:15px}.book-meta>span{font-size:11px}.book-progress{display:block}.book-progress small{margin-top:5px;display:block}.reader-topbar{grid-template-columns:1fr auto 1fr;padding:0 7px}.chapter-progress>span{width:58px}.topbar-actions{gap:0}.topbar-actions .icon-button{flex-basis:35px;width:35px}.reading-paper{width:calc(100% - 34px);padding:40px 0 55px}.markdown-body h1{margin-bottom:30px;font-size:27px}.markdown-body h2{margin-top:42px;font-size:21px}.markdown-body h3{font-size:18px}.chapter-pager{gap:10px;margin-top:55px}.pager-link strong{max-width:100px}.settings-popover{width:auto;position:fixed;top:68px;left:10px;right:10px}.dialog-layer{padding:0}.search-dialog{border:0;border-radius:0;width:100%;min-height:100vh;max-height:100vh}.search-results{max-height:calc(100vh - 62px)}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}