@charset "UTF-8";.reader{--toolbar-height: 48px;--reading-padding: 20px;--reader-font-size: 18px;--reader-line-height: 1.8}@media(min-width:600px){.reader{--reading-padding: 40px}}@media(min-width:900px){.reader{--reading-padding: 60px}}.reader[data-theme=white]{--reader-bg: #ffffff;--reader-text: #222828;--reader-text-sub: #5a6262;--reader-border: #e8e8e8;--reader-toolbar-bg: #f5f7f7;--reader-settings-bg: #ffffff;--reader-code-bg: #f5f7f7}.reader[data-theme=sepia]{--reader-bg: #f4ecd8;--reader-text: #5b4636;--reader-text-sub: #8b7355;--reader-border: #d4c9b0;--reader-toolbar-bg: #e8dfc8;--reader-settings-bg: #efe6d0;--reader-code-bg: #e8dfc8}.reader[data-theme=dark]{--reader-bg: #1a1a2e;--reader-text: #d4d4d8;--reader-text-sub: #9ca3af;--reader-border: #2d2d44;--reader-toolbar-bg: #16162a;--reader-settings-bg: #1e1e36;--reader-code-bg: #16162a}.reader[data-font=default]{--reader-font: "Outfit", "Noto Sans TC", sans-serif}.reader[data-font=serif]{--reader-font: "Georgia", "Noto Serif TC", "Times New Roman", serif}.reader[data-font=mono]{--reader-font: "Courier New", "Noto Sans TC", monospace}.reader{margin:0;background-color:var(--reader-bg);color:var(--reader-text);overflow:hidden;height:100dvh;transition:background-color .3s ease,color .3s ease}.reader:not(.reader-ready) .reader-viewport{visibility:hidden}.reader-toolbar{position:fixed;top:0;left:0;right:0;height:var(--toolbar-height);display:flex;align-items:center;gap:var(--sp-xs);padding:0 var(--sp-sm);background-color:var(--reader-toolbar-bg);border-bottom:1px solid var(--reader-border);z-index:100;transition:background-color .3s ease,border-color .3s ease}.reader-back{display:flex;align-items:center;justify-content:center;width:36px;height:36px;color:var(--reader-text);text-decoration:none;border-radius:var(--radius-md);flex-shrink:0;transition:background-color var(--transition-fast),color var(--transition-fast)}.reader-back:hover{background-color:var(--reader-border)}.reader-progress{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:2px;pointer-events:none}.reader-progress-text{font-size:11px;color:var(--reader-text-sub);white-space:nowrap}.reader-progress-bar{width:100%;max-width:200px;height:3px;background-color:var(--reader-border);border-radius:2px;overflow:hidden}.reader-progress-fill{height:100%;background-color:var(--c-accent);border-radius:2px;transition:width .3s ease;width:0}.reader-toc-toggle{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:none;border:none;color:var(--reader-text);cursor:pointer;border-radius:var(--radius-md);flex-shrink:0;transition:background-color var(--transition-fast),color var(--transition-fast)}.reader-toc-toggle:hover{background-color:var(--reader-border)}.toc-overlay{position:fixed;inset:0;background-color:#0006;z-index:200;opacity:0;pointer-events:none;transition:opacity .3s ease}.toc-overlay.open{opacity:1;pointer-events:auto}.toc-sidebar{position:fixed;top:0;left:0;bottom:0;width:320px;max-width:85vw;background-color:var(--reader-settings-bg);z-index:201;transform:translate(-100%);transition:transform .3s cubic-bezier(.25,1,.5,1),background-color .3s ease;display:flex;flex-direction:column;box-shadow:var(--shadow-2xl)}.toc-sidebar.open{transform:translate(0)}.toc-header{display:flex;align-items:center;justify-content:space-between;padding:var(--sp-md) var(--sp-lg);border-bottom:1px solid var(--reader-border);flex-shrink:0}.toc-title{font-size:var(--fs-md);font-weight:700;color:var(--reader-text);margin:0}.toc-close{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:none;border:none;color:var(--reader-text-sub);cursor:pointer;border-radius:var(--radius-md);transition:background-color var(--transition-fast)}.toc-close:hover{background-color:var(--reader-border)}.toc-body{flex:1;overflow-y:auto;padding:var(--sp-md) 0;-webkit-overflow-scrolling:touch}.toc-chapter{margin-bottom:var(--sp-sm)}.toc-chapter-title{font-size:var(--fs-xs);font-weight:600;color:var(--reader-text-sub);text-transform:uppercase;letter-spacing:.05em;padding:var(--sp-sm) var(--sp-lg) var(--sp-sm);margin:0;border-bottom:1px solid var(--reader-border)}.toc-list{list-style:none;margin:0;padding:0}.toc-item{display:block;width:100%;text-align:left;background:none;border:none;padding:var(--sp-sm) var(--sp-lg);font-size:var(--fs-sm);color:var(--reader-text);cursor:pointer;line-height:var(--lh-normal);transition:background-color var(--transition-fast),color var(--transition-fast)}.toc-item:hover{background-color:var(--reader-border)}.toc-item.active{color:var(--c-accent-hover);font-weight:600;background-color:var(--reader-code-bg)}.reader-settings-toggle{position:absolute;right:var(--sp-sm);top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:none;border:none;color:var(--reader-text);cursor:pointer;border-radius:var(--radius-md);flex-shrink:0;transition:background-color var(--transition-fast),color var(--transition-fast)}.reader-settings-toggle:hover,.reader-settings-toggle.active{background-color:var(--reader-border)}.reader-settings{position:fixed;top:var(--toolbar-height);right:var(--sp-md);background-color:var(--reader-settings-bg);border:1px solid var(--reader-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:var(--sp-lg);z-index:99;display:flex;flex-direction:column;gap:var(--sp-md);min-width:240px}.reader-settings[hidden]{display:none}.reader-settings{transition:background-color .3s ease,border-color .3s ease}@media(max-width:599px){.reader-settings{left:var(--sp-md);right:var(--sp-md);min-width:auto}}.settings-group{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-md)}.settings-label{font-size:var(--fs-sm);color:var(--reader-text-sub);flex-shrink:0}.settings-control{display:flex;align-items:center;gap:var(--sp-sm)}.settings-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:none;border:1px solid var(--reader-border);color:var(--reader-text);cursor:pointer;border-radius:var(--radius-md);font-size:var(--fs-sm);font-weight:600;transition:background-color var(--transition-fast),border-color var(--transition-fast)}.settings-btn:hover{background-color:var(--reader-border)}.settings-value{font-size:var(--fs-sm);color:var(--reader-text);min-width:32px;text-align:center;font-variant-numeric:tabular-nums}.settings-themes{gap:var(--sp-sm)}.settings-theme-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:none;border:2px solid transparent;cursor:pointer;border-radius:var(--radius-full);padding:0;transition:border-color var(--transition-fast)}.settings-theme-btn.active{border-color:var(--c-accent)}.theme-swatch{display:block;width:24px;height:24px;border-radius:var(--radius-full);border:1px solid #ccc}.theme-swatch--white{background-color:#fff}.theme-swatch--sepia{background-color:#f4ecd8}.theme-swatch--dark{background-color:#1a1a2e;border-color:#444}.settings-divider{border-top:1px solid var(--reader-border)}.settings-share-btn{display:flex;align-items:center;justify-content:center;gap:var(--sp-sm);width:100%;padding:var(--sp-sm);background:none;border:1px solid var(--reader-border);color:var(--reader-text);cursor:pointer;border-radius:var(--radius-md);font-size:var(--fs-sm);transition:background-color var(--transition-fast),color var(--transition-fast)}.settings-share-btn:hover{background-color:var(--reader-border)}.settings-fonts{gap:var(--sp-xs)}.settings-font-btn{padding:var(--sp-xs) var(--sp-sm);background:none;border:1px solid var(--reader-border);color:var(--reader-text);cursor:pointer;border-radius:var(--radius-md);font-size:var(--fs-xs);transition:background-color var(--transition-fast),border-color var(--transition-fast)}.settings-font-btn:hover{background-color:var(--reader-border)}.settings-font-btn.active{background-color:var(--c-accent);border-color:var(--c-accent);color:var(--c-primary)}.reader-viewport{position:fixed;top:var(--toolbar-height);left:0;right:0;bottom:0;overflow:hidden;padding:var(--reading-padding)}@media(min-width:900px){.reader-viewport{max-width:var(--container-md);margin:0 auto}}.reader-content{height:100%;column-width:100vw;column-gap:calc(var(--reading-padding) * 2);column-fill:auto;font-family:var(--reader-font);font-size:var(--reader-font-size);line-height:var(--reader-line-height);color:var(--reader-text)}.chapter-divider{break-before:column;display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;text-align:center;padding:var(--sp-2xl);box-sizing:border-box}.chapter-category{display:inline-block;font-size:var(--fs-sm);color:var(--c-accent-hover);font-weight:600;letter-spacing:.05em;margin-bottom:var(--sp-md);text-transform:uppercase}.chapter-title{font-size:var(--fs-xl);font-weight:700;color:var(--reader-text);margin:0 0 var(--sp-lg);line-height:var(--lh-snug)}@media(min-width:600px){.chapter-title{font-size:var(--fs-2xl)}}.chapter-number{font-size:var(--fs-sm);color:var(--reader-text-sub)}.chapter-body .slides-container{display:none}.chapter-body h1,.chapter-body h2,.chapter-body h3,.chapter-body h4,.chapter-body h5,.chapter-body h6{break-after:avoid;color:var(--reader-text)}.chapter-body h1{font-size:1.6em;font-weight:800;margin-top:2em;margin-bottom:.6em;padding-bottom:.4em;border-bottom:2px solid var(--c-accent)}.chapter-body h2{font-size:1.35em;font-weight:700;margin-top:1.8em;margin-bottom:.5em;padding-bottom:.3em;border-bottom:1px solid var(--reader-border)}.chapter-body h3{font-size:1.15em;font-weight:600;margin-top:1.5em;margin-bottom:.4em;color:var(--reader-text-sub)}.chapter-body h4{font-size:1em;font-weight:600;margin-top:1.3em;margin-bottom:.3em}.chapter-body p{margin:0 0 1em;orphans:2;widows:2}.chapter-body img{max-width:100%;height:auto;max-height:calc(100% - 2rem);object-fit:contain;break-inside:avoid;border-radius:var(--radius-md)}.chapter-body pre{break-inside:avoid;white-space:pre-wrap;word-break:break-all;background-color:var(--reader-code-bg);padding:var(--sp-md);border-radius:var(--radius-md);font-size:.85em;overflow-x:hidden;margin:0 0 1em}.chapter-body code{font-size:.9em;background-color:var(--reader-code-bg);padding:.1em .3em;border-radius:var(--radius-sm)}.chapter-body pre code{background:none;padding:0}.chapter-body ul,.chapter-body ol{padding-left:1.5em;margin:0 0 1em}.chapter-body li{margin-bottom:.3em}.chapter-body blockquote{border-left:3px solid var(--c-accent);margin:0 0 1em;padding:.5em 1em;color:var(--reader-text-sub)}.chapter-body table{break-inside:avoid;width:100%;border-collapse:collapse;margin:0 0 1em;font-size:.9em}.chapter-body th,.chapter-body td{border:1px solid var(--reader-border);padding:.5em;text-align:left}.chapter-body th{background-color:var(--reader-code-bg)}.chapter-body a{color:var(--c-accent-hover);text-decoration:underline;text-underline-offset:2px}.chapter-body hr{border:none;border-top:1px solid var(--reader-border);margin:1.5em 0}.reader-nav{display:none}.book-ending{break-before:column;display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;text-align:center;padding:var(--sp-2xl);box-sizing:border-box}.book-ending-icon{display:flex;align-items:center;justify-content:center;width:80px;height:80px;border-radius:var(--radius-full);background-color:var(--c-accent);color:var(--c-primary);margin-bottom:var(--sp-lg)}.book-ending-title{font-size:var(--fs-2xl);font-weight:700;color:var(--reader-text);margin:0 0 var(--sp-md)}.book-ending-text{font-size:var(--fs-base);color:var(--reader-text-sub);line-height:var(--lh-relaxed);margin:0 0 var(--sp-xl)}.book-ending-share{position:relative;z-index:20;display:inline-flex;align-items:center;gap:var(--sp-sm);padding:var(--sp-md) var(--sp-2xl);background-color:var(--c-primary);color:var(--c-text-inverse);border:none;border-radius:var(--radius-lg);font-size:var(--fs-base);font-weight:600;cursor:pointer;transition:background-color var(--transition-fast),transform var(--transition-fast)}.book-ending-share:hover{background-color:var(--c-primary-light)}.book-ending-share:active{transform:scale(.98)}.reader-loading{position:fixed;inset:0;z-index:300;background-color:var(--reader-bg, #fff);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--sp-lg);transition:opacity .3s ease}.reader-loading.done{opacity:0;pointer-events:none}.reader-loading-spinner{width:36px;height:36px;border:3px solid var(--c-border-light, #e8e8e8);border-top-color:var(--c-accent, #FFDC73);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.reader-loading-text{font-size:var(--fs-sm);color:var(--reader-text-sub, #8a9292)}.reader-loading-bar{width:200px;height:4px;background-color:var(--c-border-light, #e8e8e8);border-radius:2px;overflow:hidden}.reader-loading-fill{height:100%;width:0;background-color:var(--c-accent, #FFDC73);border-radius:2px;transition:width .2s ease}.reader-hint{position:fixed;top:var(--toolbar-height);left:0;right:0;bottom:0;z-index:150;display:flex;background-color:#0009;cursor:pointer}.reader-hint[hidden]{display:none}.reader-hint-zone{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--sp-sm);color:#fff;font-size:var(--fs-base);font-weight:600;text-align:center;line-height:var(--lh-normal)}.reader-hint-zone.reader-hint-prev{border-right:1px solid rgba(255,255,255,.2)}.reader-tap{position:fixed;top:var(--toolbar-height);bottom:0;width:50%;z-index:10;cursor:pointer}.reader-tap-prev{left:0}.reader-tap-next{right:0}