:root{color-scheme:light;font-family:SF Pro Display,PingFang SC,Microsoft YaHei,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.6;font-weight:400;--bg: #f4f6fb;--surface: #ffffff;--surface-alt: #f0f4ff;--border: #e2e8f0;--text: #1e293b;--muted: #64748b;--primary: #2563eb;--primary-soft: #dbeafe;--shadow: 0 8px 24px rgba(15, 23, 42, .08);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,*:before,*:after{box-sizing:border-box}a,a:hover{color:inherit}body{margin:0;min-height:100vh;background:var(--bg);color:var(--text)}#root{min-height:100vh}button{font-family:inherit}.app{display:flex;flex-direction:column;min-height:100vh;color:var(--text)}.app__header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem;padding:1.5rem 2rem;background:var(--surface);box-shadow:var(--shadow);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:10}.app__title{margin:0;font-size:1.75rem;font-weight:700}.app__subtitle{margin:.25rem 0 0;color:var(--muted);font-size:.95rem}.app__actions{display:flex;align-items:center;gap:.75rem}.catalog-button{border:1px solid var(--primary);background:var(--primary);color:#fff;padding:.5rem 1.1rem;border-radius:999px;font-weight:600;transition:background .2s ease,transform .2s ease}.catalog-button:hover{background:#1d4ed8;transform:translateY(-1px)}.app__refresh{border:1px solid var(--border);background:var(--surface-alt);color:var(--text);padding:.5rem 1rem;border-radius:999px;transition:all .2s ease}.app__refresh:hover:not(:disabled){border-color:var(--primary);background:var(--primary-soft);color:var(--primary)}.app__refresh:disabled{opacity:.6;cursor:not-allowed}.app__layout{flex:1;display:flex;justify-content:center;background:var(--bg)}.app__content{flex:1;background:var(--surface);padding:2rem 3rem;min-height:0;overflow-y:auto}.reader{max-width:720px;margin:0 auto}.reader__head{display:flex;flex-direction:column;gap:1rem;padding-bottom:1rem;border-bottom:1px solid var(--border);margin-bottom:1.5rem}.reader__title{margin:0;font-size:1.75rem;font-weight:700;letter-spacing:.01em}.reader__meta{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.75rem}.reader__nav{display:flex;gap:.75rem;flex-wrap:wrap}.reader__controls{display:flex;align-items:center;justify-content:flex-end;gap:.5rem;color:var(--muted);font-size:.9rem}.control-btn{border:1px solid var(--border);background:var(--surface-alt);color:var(--text);padding:.35rem .75rem;border-radius:999px;font-size:.85rem;transition:all .2s ease}.control-btn:hover{border-color:var(--primary);color:var(--primary)}.reader__scale{min-width:3ch;text-align:center}.reader__body{display:flex;flex-direction:column;gap:1.25rem;font-size:1.05rem;text-align:justify}.reader__body p{margin:0;text-indent:2em}.reader__section{margin-bottom:3rem;padding-bottom:2rem;border-bottom:1px solid var(--border)}.reader__section:last-of-type{margin-bottom:2rem;padding-bottom:0;border-bottom:none}.reader__note{color:var(--muted);font-size:.85rem}.reader__sentinel{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:1rem 0 3rem;color:var(--muted)}.reader__sentinel button{border:1px solid var(--primary);background:#fff;color:var(--primary);padding:.5rem 1.2rem;border-radius:999px;font-weight:600;transition:all .2s ease}.reader__sentinel button:hover:not(:disabled){background:var(--primary-soft)}.reader__sentinel button:disabled{opacity:.6;cursor:not-allowed}.pill{display:inline-flex;align-items:center;justify-content:center;min-width:88px;padding:.6rem 1.25rem;border-radius:999px;border:none;background:var(--primary);color:#fff;font-weight:600;transition:background .2s ease}.pill:disabled{opacity:.6;cursor:not-allowed}.pill:not(:disabled):hover{background:#1d4ed8}.status{font-size:.9rem;color:var(--muted)}.status--error{color:#dc2626;background:#dc262614;padding:.5rem .75rem;border-radius:8px}.chapter-group{background:#2563eb0a;border-radius:12px;padding:.75rem}.chapter-group__head{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.5rem}.chapter-group__head h3{margin:0;font-size:1rem;color:var(--primary)}.chapter-group__list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.35rem}.chapter-link{width:100%;text-align:left;border:1px solid transparent;background:transparent;color:var(--text);padding:.45rem .6rem;border-radius:10px;font-size:.92rem;transition:all .2s ease}.chapter-link:hover{background:var(--primary-soft);color:var(--primary)}.chapter-link--active{border-color:var(--primary);background:var(--primary-soft);color:var(--primary);font-weight:600}.link-button{border:none;background:none;color:var(--primary);font-size:.9rem;cursor:pointer;padding:.25rem .5rem}.link-button:disabled{opacity:.6;cursor:not-allowed}.catalog-modal{position:fixed;inset:0;z-index:100;display:flex;justify-content:flex-end;align-items:stretch}.catalog-modal__overlay{position:absolute;inset:0;background:#0f172a73}.catalog-modal__panel{position:relative;width:min(420px,92vw);max-width:420px;height:100%;background:var(--surface);border-left:1px solid var(--border);box-shadow:-12px 0 24px #0f172a1f;display:flex;flex-direction:column;animation:catalog-slide-in .25s ease forwards;overflow:hidden}.catalog-modal__header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding:1.5rem;border-bottom:1px solid var(--border)}.catalog-modal__header h2{margin:0;font-size:1.25rem}.catalog-modal__subtitle{margin:.5rem 0 0;color:var(--muted);font-size:.9rem}.catalog-modal__close{border:none;background:none;color:var(--muted);font-size:.95rem;cursor:pointer;padding:.25rem .5rem}.catalog-modal__close:hover{color:var(--primary)}.catalog-modal__body{flex:1;overflow-y:auto;padding:1.25rem 1.5rem 1.5rem;display:flex;flex-direction:column;gap:1.25rem}.catalog-modal__footer{border-top:1px solid var(--border);padding:1rem 1.5rem 1.5rem;display:flex;justify-content:center;align-items:center;gap:.75rem}.catalog-modal__loadmore{border:1px dashed var(--primary);background:#2563eb14;color:var(--primary);padding:.6rem 1.4rem;border-radius:999px;font-weight:600;transition:background .2s ease}.catalog-modal__loadmore:hover:not(:disabled){background:#2563eb29}.catalog-modal__loadmore:disabled{opacity:.6;cursor:not-allowed}.catalog-modal__done{color:var(--muted);font-size:.9rem}@keyframes catalog-slide-in{0%{transform:translate(12%);opacity:0}to{transform:translate(0);opacity:1}}@media(max-width:1100px){.app__content{padding:1.5rem 1.75rem}.reader__title{font-size:1.5rem}}@media(max-width:768px){.app__header{padding:1.25rem 1.5rem}.catalog-button,.app__refresh{padding-inline:.8rem}.app__content{padding:1.25rem}.reader__section{margin-bottom:2.5rem}.catalog-modal{justify-content:center}.catalog-modal__panel{width:100%;max-width:100%;height:92vh;border-radius:18px 18px 0 0;border-left:none}.catalog-modal__header{padding:1.25rem 1.5rem 1rem}.catalog-modal__body{padding:1rem 1.25rem 1.25rem}.catalog-modal__footer{padding:.75rem 1.25rem 1.25rem}}@media(max-width:640px){.chapter-group__list{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.reader__meta{flex-direction:column;align-items:stretch;gap:.5rem}.reader__controls{justify-content:flex-end}}