.reader{z-index:10;color:#27313a;background:#f1f2f3;grid-template-rows:auto minmax(0,1fr) auto;height:100dvh;font-family:Chiron Hei HK,Noto Sans TC,PingFang HK,Microsoft JhengHei,system-ui,sans-serif;line-height:1.6;display:grid;position:fixed;inset:0;overflow:hidden}.reader[data-controls-visible=false]{background:#fff}.reader *,.reader :before,.reader :after{box-sizing:border-box}.reader button{font:inherit;cursor:pointer;touch-action:manipulation}.reader button:disabled{opacity:.4;cursor:default}.reader :is(button,a):focus-visible{outline-offset:3px;outline:3px solid #1688ba}.reader-toolbar{padding:6px max(12px, env(safe-area-inset-right)) 6px max(12px, env(safe-area-inset-left));padding-top:max(6px, env(safe-area-inset-top));z-index:2;background:#fff;border-bottom:1px solid #dde1e4;flex-wrap:wrap;align-items:center;gap:8px;display:flex}.reader-toolbar strong{white-space:nowrap;text-align:center;flex:1;justify-content:center;align-items:center;gap:6px;min-width:0;font-size:.9375rem;font-weight:600;display:flex;overflow:hidden}.reader-title-text{text-overflow:ellipsis;min-width:0;overflow:hidden}.reader-title-ornament{flex-shrink:0;font-family:Kailasa,Noto Serif Tibetan,Microsoft Himalaya,serif;font-weight:400;line-height:1}.reader-icon-button{width:44px;height:44px;color:inherit;background:0 0;border:0;border-radius:10px;flex:0 0 44px;justify-content:center;align-items:center;padding:10px;display:inline-flex}.reader-icon-button img{width:24px;height:24px;display:block}.reader-icon-button[aria-pressed=true]{background:#e6f1f7}.reader-stage{min-height:0;padding-inline:0;position:relative;overflow:hidden}.reader-host{background:#fff;width:min(100%,80rem);height:100%;margin:auto;overflow:hidden}.reader-host foliate-paginator{width:100%;height:100%;display:block}.reader-page-turn{z-index:1;background:0 0;border:0;justify-content:center;align-items:center;width:44px;padding:0;display:flex;position:absolute;top:0;bottom:0}.reader-page-left{left:0}.reader-page-right{right:0}.reader-page-turn img{opacity:.65;background:0 0;width:32px;height:32px;padding:0;transition:opacity .16s}.reader-message{text-align:center;z-index:3;pointer-events:none;margin:0;position:absolute;inset:45% 60px auto}.reader-navigation{min-height:40px;padding:10px max(20px, env(safe-area-inset-right)) max(10px, env(safe-area-inset-bottom)) max(20px, env(safe-area-inset-left));background:#fff;border-top:1px solid #dde1e4;flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;font-size:.75rem;display:flex}.reader-progress{-webkit-appearance:none;appearance:none;background-color:#0000;background-image:linear-gradient(to right, #307aff var(--seek,0%), #e1e6e9 var(--seek,0%));cursor:pointer;touch-action:pan-y;background-position:50%;background-repeat:no-repeat;background-size:100% 3px;border:0;width:min(65vw,500px);height:44px;margin:-12px 0;padding:0;display:block}.reader-progress::-webkit-slider-runnable-track{background:0 0;height:3px}.reader-progress::-moz-range-track{background:0 0;height:3px}.reader-progress::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;opacity:0;background:#307aff;border:0;border-radius:50%;width:12px;height:12px;margin-top:-4.5px}.reader-progress::-moz-range-thumb{opacity:0;background:#307aff;border:0;border-radius:50%;width:12px;height:12px}.reader-progress:is(:active,:focus-visible,[data-seeking=true])::-webkit-slider-thumb{opacity:1}.reader-progress:is(:active,:focus-visible,[data-seeking=true])::-moz-range-thumb{opacity:1}.reader-progress:focus-visible{outline-offset:4px;border-radius:4px;outline:2px solid #307aff}.reader-progress:disabled{opacity:.4;cursor:default}.reader-percentage{font-variant-numeric:tabular-nums;min-width:4ch}.reader-panel{color:#27313a;background:#fff;border:0;width:min(380px,100%);max-width:100%;height:100dvh;max-height:100%;margin:0;padding:0;position:fixed;inset:0 auto 0 0;box-shadow:8px 0 40px #0002}.reader-panel::backdrop{background:#18232f55}.reader-panel[open]{animation:.2s ease-out reader-panel-enter}.reader-panel-content{height:100%;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);flex-direction:column;display:flex}.reader-panel-header{border-bottom:1px solid #e1e6e9;flex-shrink:0;justify-content:space-between;align-items:center;padding:8px 16px;display:flex}.reader-panel-header h2{margin:0;font-size:1.125rem;font-weight:600}.reader-panel-body{overscroll-behavior:contain;min-height:0;padding:20px 16px;overflow-y:auto}.reader-panel-book{color:#63717b;margin:0 8px 20px;font-size:.875rem;font-weight:700;line-height:1.6}.reader-toc{border-top:1px solid #999;margin:0;padding:0;list-style:none}.reader-toc li{border-bottom:1px solid #c4c4c4}.reader-toc button,.reader-toc li>span{text-align:start;width:100%;min-height:52px;color:inherit;overflow-wrap:anywhere;background:0 0;border:0;border-radius:0;justify-content:space-between;align-items:center;gap:12px;padding:14px 10px;padding-inline-start:calc(1rem + var(--depth,0) * 1.1rem);font-size:.9375rem;line-height:1.6;display:flex}.reader-toc button img{opacity:.45;flex-shrink:0;width:16px;height:16px}.reader-settings{gap:28px;display:grid}.reader-settings fieldset{border:0;min-width:0;margin:0;padding:0}.reader-settings legend{margin-bottom:12px;font-size:.875rem;font-weight:600}.reader-options{gap:8px;display:flex}.reader-options button{min-height:48px;color:inherit;background:#fff;border:1px solid #dce3e7;border-radius:8px;flex:1;padding:8px}.reader-options button[aria-pressed=true]{color:#12658a;background:#e6f1f7;border-color:#1675a0;box-shadow:inset 0 0 0 1px #1675a0}.reader-line-spacing button,.reader-font-size button{place-items:center;display:grid}.reader-line-spacing img,.reader-font-size img{display:block}.reader-line-spacing button[aria-pressed=true] img,.reader-font-size button[aria-pressed=true] img{filter:brightness(0)invert()}.reader-font-size{flex-wrap:wrap}.reader-font-size button{flex:44px;min-width:44px}.reader-setting-hint{color:#63717b;margin:0;font-size:.8125rem;line-height:1.6}@keyframes reader-panel-enter{0%{opacity:0;transform:translate(-16px)}to{opacity:1;transform:translate(0)}}@media (hover:hover) and (pointer:fine){.reader-page-turn img{opacity:0}.reader-page-turn:hover img,.reader-page-turn:focus-visible img{opacity:1}.reader-icon-button:hover{background:#edf4f7}.reader-toc button:hover{color:#fff;background:#307aff}.reader-toc button:hover img{filter:brightness(0)invert();opacity:1}}@media (width<=600px){.reader-toolbar{gap:2px;padding-inline:6px}.reader-toolbar strong{font-size:.875rem}}@media (prefers-reduced-motion:reduce){.reader-panel[open]{animation:none}.reader-page-turn img{transition:none}}.reader[data-controls-visible=false]>:is(.reader-toolbar,.reader-navigation){visibility:hidden;pointer-events:none}.reader-chrome-toggle{width:1px;height:1px;position:absolute;left:-10000px;overflow:hidden}.reader-chrome-toggle:focus-visible{z-index:3;background:#fff;border:1px solid #307aff;border-radius:8px;width:auto;height:auto;min-height:44px;padding:8px 16px;top:8px;left:50%;transform:translate(-50%)}.reader-fullscreen-message{text-align:center;flex-basis:100%}.reader-panel-settings{color:#666;background:#fdfdfc;inset:0 0 0 auto}.reader-panel-settings .reader-panel-header{background:#fff;border-color:#ddd}.reader-panel-settings .reader-settings legend{color:#626262}.reader-panel-settings .reader-options button{color:#777;border-color:#bfc6ce;border-radius:4px}.reader-panel-settings .reader-options button[aria-pressed=true]{color:#fff;box-shadow:none;background:#307aff;border-color:#307aff}.reader-panel-settings .reader-setting-hint{color:#777}@media (hover:hover) and (pointer:fine){.reader-stage[data-reader-zone=left],.reader-page-left{cursor:url(/images/reader/cursor-left.svg) 16 16,pointer}.reader-stage[data-reader-zone=right],.reader-page-right{cursor:url(/images/reader/cursor-right.svg) 16 16,pointer}}.reader-stage:is([data-book-status=loading],[data-revealing=true]):after{content:"";z-index:2;pointer-events:none;background:#fff;position:absolute;inset:0}.reader-stage[data-revealing=true]:after{border-left:2px solid #307aff;animation:.7s cubic-bezier(.83,0,.17,1) both reader-book-reveal}.reader-stage>button:focus-visible{outline-offset:-3px}@keyframes reader-book-reveal{0%{transform:translate(0)}to{transform:translate(100%)}}@media (prefers-reduced-motion:reduce){.reader-stage[data-revealing=true]:after{animation:none;display:none}}html:has(.reader){scrollbar-gutter:auto;overflow:hidden}body:has(.reader){color:#27313a;background:#f1f2f3}.reader img{max-width:none}.reader-message[hidden]{display:none}.reader-trial{color:#1675a0;letter-spacing:.04em;background:#e6f1f7;border-radius:999px;flex-shrink:0;padding:2px 8px;font-size:.75rem;font-weight:600}@media (width<=600px){.reader-trial{display:none}}.reader-end{color:#27313a;background:#fff;border:0;border-radius:14px;width:min(420px,100% - 32px);max-height:calc(100dvh - 32px);margin:auto;padding:0;overflow:auto;box-shadow:0 24px 64px #0003}.reader-end::backdrop{background:#18232f66}.reader-end[open]{animation:.22s ease-out reader-end-enter}.reader-end-content{text-align:center;justify-items:center;gap:12px;padding:32px 24px 24px;display:grid;position:relative}.reader-end-close{position:absolute;top:8px;right:8px}.reader-end-cover{aspect-ratio:2/3;object-fit:cover;border-radius:4px;width:108px;box-shadow:0 10px 24px -10px #0006}.reader-end-cover.is-square{aspect-ratio:1;object-fit:contain;width:132px;box-shadow:none}.reader-end-kicker{color:#1675a0;letter-spacing:.12em;margin:4px 0 0;font-size:.8125rem;font-weight:700}.reader-end h2{margin:0;font-size:1.25rem;line-height:1.5}.reader-end p{color:#63717b;margin:0;font-size:.875rem;line-height:1.7}.reader-end-actions{gap:8px;width:100%;margin-top:8px;display:grid}.reader-end-actions a,.reader-end-actions button{color:#27313a;background:#fff;border:1px solid #bfc6ce;border-radius:8px;justify-content:center;align-items:center;min-height:44px;padding:8px 16px;font-size:.9375rem;text-decoration:none;display:flex}.reader-end-actions .is-primary{color:#fff;background:#307aff;border-color:#307aff;font-weight:600}@media (hover:hover) and (pointer:fine){.reader-end-actions a:hover,.reader-end-actions button:hover{color:#307aff;border-color:#307aff}.reader-end-actions .is-primary:hover{color:#fff;background:#1f63e0}}@keyframes reader-end-enter{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.reader-end[open]{animation:none}}.reader-error{text-align:center;color:#27313a;background:#f1f2f3;place-content:center;justify-items:center;gap:.75rem;min-height:100dvh;padding:1.5rem;display:grid}.reader-error h1,.reader-error p{margin:0}.reader-error h1{font-size:1.4rem}.reader-error-actions{flex-wrap:wrap;justify-content:center;gap:.5rem;margin-top:.5rem;display:flex}.reader-error-actions a{background:#fff;border:1px solid #bfc6ce;border-radius:8px;align-items:center;min-height:44px;padding:8px 18px;display:inline-flex}.reader-error-actions a:first-child{color:#fff;background:#307aff;border-color:#307aff}