@somecat/epub-reader 0.1.3 → 0.1.5

package/dist/react.js

@@ -2,504 +2,8 @@ import { forwardRef, useRef, useState, useMemo, useEffect, useCallback, useImper
 import 'foliate-js/view.js';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 
-// src/styles/epub-reader.cssText.ts
-var epubReaderCssText = `
-:root {
-  --epub-reader-panel-bg: #ffffff;
-  --epub-reader-panel-fg: #1f2937;
-  --epub-reader-border: rgba(0, 0, 0, 0.12);
-  --epub-reader-accent: #2563eb;
-  --epub-reader-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
-  --epub-reader-radius: 10px;
-  --epub-reader-bottom-bar-height: 40px;
-}
-
-.epub-reader-icon {
-  display: inline-block;
-  vertical-align: middle;
-}
-
-.epub-reader[data-theme='dark'] {
-  --epub-reader-panel-bg: #141414;
-  --epub-reader-panel-fg: #e5e7eb;
-  --epub-reader-border: rgba(255, 255, 255, 0.14);
-  --epub-reader-accent: #60a5fa;
-  --epub-reader-shadow: 0 10px 30px rgba(0, 0, 0, 0.5);
-}
-
-.epub-reader {
-  position: relative;
-  width: 100%;
-  height: 100%;
-  outline: none;
-  overflow: hidden;
-}
-
-.epub-reader__viewer {
-  width: 100%;
-  height: calc(100% - var(--epub-reader-bottom-bar-height));
-  background: var(--epub-reader-panel-bg);
-  transition: background-color 0.2s ease;
-}
-
-.epub-reader__toolbar {
-  position: absolute;
-  top: 16px;
-  right: 16px;
-  z-index: 10;
-  display: flex;
-  flex-direction: column;
-  gap: 10px;
-}
-
-.epub-reader[data-layout='wide'] .epub-reader__toolbar {
-  top: 50%;
-  transform: translateY(-50%);
-}
-
-.epub-reader__panel {
-  width: 88px;
-  padding: 8px;
-  border: 1px solid var(--epub-reader-border);
-  border-radius: var(--epub-reader-radius);
-  background: color-mix(in srgb, var(--epub-reader-panel-bg) 92%, transparent);
-  color: var(--epub-reader-panel-fg);
-  box-shadow: var(--epub-reader-shadow);
-  backdrop-filter: blur(10px);
-  display: flex;
-  flex-direction: column;
-  gap: 6px;
-  align-items: stretch;
-}
-
-.epub-reader__btn {
-  appearance: none;
-  border: 1px solid var(--epub-reader-border);
-  background: transparent;
-  color: inherit;
-  padding: 6px 8px;
-  border-radius: 8px;
-  font-size: 12px;
-  line-height: 1;
-  cursor: pointer;
-  user-select: none;
-}
-
-.epub-reader__btn:disabled {
-  opacity: 0.6;
-  cursor: not-allowed;
-}
-
-.epub-reader__btn:hover:not(:disabled) {
-  border-color: color-mix(in srgb, var(--epub-reader-accent) 60%, var(--epub-reader-border));
-}
-
-.epub-reader__divider {
-  height: 1px;
-  background: var(--epub-reader-border);
-  margin: 2px 0;
-}
-
-.epub-reader__font {
-  text-align: center;
-  font-size: 12px;
-  font-weight: 700;
-  color: var(--epub-reader-accent);
-  padding: 2px 0;
-}
-
-.epub-reader__overlay {
-  position: absolute;
-  inset: 0;
-  background: rgba(0, 0, 0, 0.35);
-  z-index: 20;
-}
-
-.epub-reader__drawer {
-  position: absolute;
-  top: 0;
-  bottom: 0;
-  left: 0;
-  width: 320px;
-  background: var(--epub-reader-panel-bg);
-  color: var(--epub-reader-panel-fg);
-  border-right: 1px solid var(--epub-reader-border);
-  transform: translateX(-100%);
-  transition: transform 0.2s ease;
-  z-index: 30;
-  display: flex;
-  flex-direction: column;
-}
-
-.epub-reader__drawer.right {
-  left: auto;
-  right: 0;
-  border-right: none;
-  border-left: 1px solid var(--epub-reader-border);
-  transform: translateX(100%);
-}
-
-.epub-reader__drawer.is-open {
-  transform: translateX(0);
-}
-
-.epub-reader__drawer-header {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  gap: 8px;
-  padding: 12px;
-  border-bottom: 1px solid var(--epub-reader-border);
-}
-
-.epub-reader__drawer-title {
-  font-size: 14px;
-  font-weight: 700;
-}
-
-.epub-reader__drawer-body {
-  padding: 12px;
-  overflow: auto;
-  flex: 1;
-}
-
-.epub-reader__empty {
-  padding: 20px 8px;
-  opacity: 0.7;
-  text-align: center;
-  font-size: 12px;
-}
-
-.epub-reader__toc-list {
-  list-style: none;
-  padding: 0;
-  margin: 0;
-  display: flex;
-  flex-direction: column;
-  gap: 4px;
-}
-
-.epub-reader__toc-item {
-  margin: 0;
-}
-
-.epub-reader__toc-btn {
-  width: 100%;
-  text-align: left;
-  padding: 8px 10px;
-  border-radius: 8px;
-  border: 1px solid var(--epub-reader-border);
-  background: transparent;
-  color: inherit;
-  cursor: pointer;
-}
-
-.epub-reader__toc-btn:hover {
-  border-color: color-mix(in srgb, var(--epub-reader-accent) 60%, var(--epub-reader-border));
-}
-
-.epub-reader__toc-details {
-  border-radius: 8px;
-}
-
-.epub-reader__toc-summary {
-  padding: 8px 10px;
-  border-radius: 8px;
-  cursor: pointer;
-  border: 1px solid var(--epub-reader-border);
-  user-select: none;
-}
-
-.epub-reader__toc-details[open] > .epub-reader__toc-summary {
-  border-color: color-mix(in srgb, var(--epub-reader-accent) 60%, var(--epub-reader-border));
-}
-
-.epub-reader__toc-details > .epub-reader__toc-list {
-  padding-left: 12px;
-  margin-top: 6px;
-}
-
-.epub-reader__field {
-  display: flex;
-  align-items: center;
-  gap: 8px;
-}
-
-.epub-reader__input {
-  width: 100%;
-  padding: 8px 10px;
-  border-radius: 8px;
-  border: 1px solid var(--epub-reader-border);
-  background: transparent;
-  color: inherit;
-  outline: none;
-}
-
-.epub-reader__checks {
-  display: flex;
-  flex-wrap: wrap;
-  gap: 10px;
-  margin: 10px 0;
-  font-size: 12px;
-}
-
-.epub-reader__check {
-  display: inline-flex;
-  align-items: center;
-  gap: 6px;
-  user-select: none;
-}
-
-.epub-reader__meta {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  gap: 8px;
-  font-size: 12px;
-  opacity: 0.9;
-  margin: 6px 0 10px;
-}
-
-.epub-reader__link {
-  appearance: none;
-  border: none;
-  background: transparent;
-  color: var(--epub-reader-accent);
-  cursor: pointer;
-  padding: 0;
-}
-
-.epub-reader__search-list {
-  list-style: none;
-  padding: 0;
-  margin: 0;
-  display: flex;
-  flex-direction: column;
-  gap: 6px;
-}
-
-.epub-reader__search-item {
-  margin: 0;
-}
-
-.epub-reader__search-btn {
-  width: 100%;
-  text-align: left;
-  padding: 10px;
-  border-radius: 10px;
-  border: 1px solid var(--epub-reader-border);
-  background: transparent;
-  color: inherit;
-  cursor: pointer;
-  display: flex;
-  flex-direction: column;
-  gap: 6px;
-}
-
-.epub-reader__search-btn:hover {
-  border-color: color-mix(in srgb, var(--epub-reader-accent) 60%, var(--epub-reader-border));
-}
-
-.epub-reader__search-label {
-  font-size: 12px;
-  opacity: 0.7;
-}
-
-.epub-reader__search-excerpt {
-  font-size: 12px;
-  line-height: 1.4;
-  word-break: break-word;
-}
-
-.epub-reader__bottom {
-  position: absolute;
-  left: 0;
-  right: 0;
-  bottom: 0;
-  height: var(--epub-reader-bottom-bar-height);
-  border-top: 1px solid var(--epub-reader-border);
-  background: color-mix(in srgb, var(--epub-reader-panel-bg) 92%, transparent);
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  gap: 10px;
-  padding: 0 12px;
-  z-index: 10;
-  backdrop-filter: blur(10px);
-}
-
-.epub-reader__bottom-left {
-  display: flex;
-  align-items: center;
-  gap: 8px;
-  min-width: 0;
-}
-
-.epub-reader__status {
-  font-size: 12px;
-  opacity: 0.8;
-  white-space: nowrap;
-}
-
-.epub-reader__section {
-  font-size: 12px;
-  font-weight: 600;
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  max-width: 280px;
-}
-
-.epub-reader__bottom-right {
-  display: flex;
-  align-items: center;
-  gap: 10px;
-  min-width: 260px;
-}
-
-.epub-reader__range {
-  width: 260px;
-}
-
-.epub-reader__percent {
-  font-size: 12px;
-  font-variant-numeric: tabular-nums;
-  min-width: 42px;
-  text-align: right;
-}
-
-.epub-reader[data-layout='mobile'] .epub-reader__viewer {
-  height: 100%;
-  touch-action: pan-x;
-}
-
-.epub-reader[data-layout='mobile'] .epub-reader__toolbar,
-.epub-reader[data-layout='mobile'] .epub-reader__bottom,
-.epub-reader[data-layout='mobile'] .epub-reader__drawer,
-.epub-reader[data-layout='mobile'] .epub-reader__overlay {
-  display: none;
-}
-
-.epub-reader__mbar {
-  position: absolute;
-  left: 10px;
-  right: 10px;
-  bottom: 0;
-  z-index: 15;
-  display: flex;
-  align-items: center;
-  gap: 8px;
-  padding: 10px;
-  border: 1px solid var(--epub-reader-border);
-  border-radius: calc(var(--epub-reader-radius) + 6px);
-  background: color-mix(in srgb, var(--epub-reader-panel-bg) 92%, transparent);
-  color: var(--epub-reader-panel-fg);
-  box-shadow: var(--epub-reader-shadow);
-  backdrop-filter: blur(10px);
-  transform: translateY(calc(100% + 10px));
-  transition: transform 0.2s ease;
-}
-
-.epub-reader__mbar.is-visible {
-  transform: translateY(-4px);
-}
-
-.epub-reader__mbar .epub-reader__btn {
-  flex: 1 1 0;
-  text-align: center;
-  padding: 10px 8px;
-  font-size: 13px;
-}
-
-.epub-reader__moverlay {
-  position: absolute;
-  inset: 0;
-  background: rgba(0, 0, 0, 0.35);
-  z-index: 20;
-}
-
-.epub-reader__msheet {
-  position: absolute;
-  left: 0;
-  right: 0;
-  bottom: 0;
-  height: 60%;
-  max-height: calc(100% - 70px);
-  background: var(--epub-reader-panel-bg);
-  color: var(--epub-reader-panel-fg);
-  border-top: 1px solid var(--epub-reader-border);
-  border-top-left-radius: calc(var(--epub-reader-radius) + 10px);
-  border-top-right-radius: calc(var(--epub-reader-radius) + 10px);
-  transform: translateY(100%);
-  transition: transform 0.25s ease;
-  z-index: 30;
-  display: flex;
-  flex-direction: column;
-  pointer-events: none;
-}
-
-.epub-reader__msheet.is-open {
-  transform: translateY(0);
-  pointer-events: auto;
-}
-
-.epub-reader__msheet-header {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  gap: 8px;
-  padding: 12px 12px 10px;
-  border-bottom: 1px solid var(--epub-reader-border);
-}
-
-.epub-reader__msheet-title {
-  font-size: 14px;
-  font-weight: 800;
-}
-
-.epub-reader__msheet-body {
-  padding: 12px;
-  overflow: auto;
-  flex: 1;
-}
-
-.epub-reader__mprogress {
-  display: flex;
-  flex-direction: column;
-  gap: 10px;
-  margin-top: 10px;
-}
-
-.epub-reader__mprogress .epub-reader__range {
-  width: 100%;
-}
-
-.epub-reader__mprogress-percent {
-  text-align: center;
-  font-weight: 800;
-  color: var(--epub-reader-accent);
-}
-
-.epub-reader__mfont {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  gap: 12px;
-}
-
-`;
-
-// src/styles/ensureStyle.ts
-var STYLE_ELEMENT_ID = "somecat-epub-reader-style";
-var ensureEpubReaderStyle = () => {
-  if (typeof document === "undefined") return;
-  if (document.getElementById(STYLE_ELEMENT_ID)) return;
-  const style = document.createElement("style");
-  style.id = STYLE_ELEMENT_ID;
-  style.textContent = epubReaderCssText;
-  (document.head ?? document.documentElement).append(style);
-};
-var getContentCSS = (fontSize, isDark, extraCSS) => `
+// src/react/EBookReader.tsx
+var getContentCSS = (fontSize, isDark, lineHeight, letterSpacing, extraCSS) => `
 @namespace epub "http://www.idpf.org/2007/ops";
 html {
   color-scheme: ${isDark ? "dark" : "light"} !important;
@@ -508,9 +12,11 @@ body {
   background-color: transparent !important;
   color: ${isDark ? "#e0e0e0" : "black"} !important;
   font-size: ${fontSize}% !important;
+  line-height: ${lineHeight} !important;
+  letter-spacing: ${letterSpacing}em !important;
 }
 p {
-  line-height: 1.6;
+  line-height: inherit !important;
   margin-bottom: 1em;
 }
 a {
@@ -530,6 +36,8 @@ function createEBookReader(container, options = {}) {
   const {
     darkMode: initialDarkMode = false,
     fontSize: initialFontSize = 100,
+    lineHeight: initialLineHeight = 1.6,
+    letterSpacing: initialLetterSpacing = 0,
     extraContentCSS,
     onReady,
     onError,
@@ -542,6 +50,8 @@ function createEBookReader(container, options = {}) {
   let toc = [];
   let fontSize = initialFontSize;
   let darkMode = initialDarkMode;
+  let lineHeight = initialLineHeight;
+  let letterSpacing = initialLetterSpacing;
   let searchToken = 0;
   container.innerHTML = "";
   const viewer = document.createElement("foliate-view");
@@ -553,7 +63,7 @@ function createEBookReader(container, options = {}) {
   const applyStyles = () => {
     if (destroyed) return;
     if (!viewer.renderer?.setStyles) return;
-    viewer.renderer.setStyles(getContentCSS(fontSize, darkMode, extraContentCSS));
+    viewer.renderer.setStyles(getContentCSS(fontSize, darkMode, lineHeight, letterSpacing, extraContentCSS));
     requestAnimationFrame(() => {
       setTimeout(() => {
         if (destroyed) return;
@@ -629,6 +139,16 @@ function createEBookReader(container, options = {}) {
       fontSize = safe;
       applyStyles();
     },
+    setLineHeight(nextLineHeight) {
+      const safe = Math.min(3, Math.max(1, nextLineHeight));
+      lineHeight = safe;
+      applyStyles();
+    },
+    setLetterSpacing(nextLetterSpacing) {
+      const safe = Math.min(0.3, Math.max(0, nextLetterSpacing));
+      letterSpacing = safe;
+      applyStyles();
+    },
     async search(query, opts = {}) {
       const normalized = query.trim();
       if (!normalized) {
@@ -691,6 +211,36 @@ function createEBookReader(container, options = {}) {
   onReady?.(handle);
   return handle;
 }
+var TocTree = ({ items, onSelect }) => {
+  return /* @__PURE__ */ jsx("ul", { className: "epub-reader__toc-list", children: items.map((item, idx) => {
+    const key = item.href || `${item.label ?? "item"}-${idx}`;
+    const hasChildren = Boolean(item.subitems?.length);
+    const label = item.label || item.href || "\u672A\u547D\u540D";
+    if (!hasChildren) {
+      return /* @__PURE__ */ jsx("li", { className: "epub-reader__toc-item", children: /* @__PURE__ */ jsx("button", { type: "button", className: "epub-reader__toc-btn", onClick: () => onSelect(item.href), children: label }) }, key);
+    }
+    return /* @__PURE__ */ jsx("li", { className: "epub-reader__toc-item", children: /* @__PURE__ */ jsxs("details", { className: "epub-reader__toc-details", children: [
+      /* @__PURE__ */ jsx("summary", { className: "epub-reader__toc-summary", children: label }),
+      /* @__PURE__ */ jsx(TocTree, { items: item.subitems ?? [], onSelect })
+    ] }) }, key);
+  }) });
+};
+var SearchResultList = ({ results, onSelect }) => {
+  return /* @__PURE__ */ jsx("ul", { className: "epub-reader__search-list", children: results.map((r, idx) => /* @__PURE__ */ jsx("li", { className: "epub-reader__search-item", children: /* @__PURE__ */ jsxs(
+    "button",
+    {
+      type: "button",
+      className: "epub-reader__search-btn",
+      onClick: () => {
+        if (r.cfi) onSelect(r.cfi);
+      },
+      children: [
+        r.label ? /* @__PURE__ */ jsx("div", { className: "epub-reader__search-label", children: r.label }) : null,
+        /* @__PURE__ */ jsx("div", { className: "epub-reader__search-excerpt", children: typeof r.excerpt === "string" ? r.excerpt : `${r.excerpt?.pre ?? ""}${r.excerpt?.match ?? ""}${r.excerpt?.post ?? ""}` })
+      ]
+    }
+  ) }, `${r.cfi ?? "no-cfi"}-${idx}`)) });
+};
 
 // src/core/icons.ts
 var icons = {
@@ -706,7 +256,8 @@ var icons = {
   minus: '<path d="M5 12h14" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>',
   x: '<path d="M18 6L6 18M6 6l12 12" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>',
   type: '<path d="M4 7V4h16v3M9 20h6M12 4v16" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>',
-  sliders: '<path d="M4 21v-7M4 10V3M12 21v-9M12 8V3M20 21v-5M20 12V3M1 14h6M9 8h6M17 16h6" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>'
+  sliders: '<path d="M4 21v-7M4 10V3M12 21v-9M12 8V3M20 21v-5M20 12V3M1 14h6M9 8h6M17 16h6" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>',
+  settings: '<path fill="currentColor" fill-rule="evenodd" d="M12.563 3.2h-1.126l-.645 2.578l-.647.2a6.3 6.3 0 0 0-1.091.452l-.599.317l-2.28-1.368l-.796.797l1.368 2.28l-.317.598a6.3 6.3 0 0 0-.453 1.091l-.199.647l-2.578.645v1.126l2.578.645l.2.647q.173.568.452 1.091l.317.599l-1.368 2.28l.797.796l2.28-1.368l.598.317q.523.278 1.091.453l.647.199l.645 2.578h1.126l.645-2.578l.647-.2a6.3 6.3 0 0 0 1.091-.452l.599-.317l2.28 1.368l.796-.797l-1.368-2.28l.317-.598q.278-.523.453-1.091l.199-.647l2.578-.645v-1.126l-2.578-.645l-.2-.647a6.3 6.3 0 0 0-.452-1.091l-.317-.599l1.368-2.28l-.797-.796l-2.28 1.368l-.598-.317a6.3 6.3 0 0 0-1.091-.453l-.647-.199zm2.945 2.17l1.833-1.1a1 1 0 0 1 1.221.15l1.018 1.018a1 1 0 0 1 .15 1.221l-1.1 1.833q.33.62.54 1.3l2.073.519a1 1 0 0 1 .757.97v1.438a1 1 0 0 1-.757.97l-2.073.519q-.21.68-.54 1.3l1.1 1.833a1 1 0 0 1-.15 1.221l-1.018 1.018a1 1 0 0 1-1.221.15l-1.833-1.1q-.62.33-1.3.54l-.519 2.073a1 1 0 0 1-.97.757h-1.438a1 1 0 0 1-.97-.757l-.519-2.073a7.5 7.5 0 0 1-1.3-.54l-1.833 1.1a1 1 0 0 1-1.221-.15L4.42 18.562a1 1 0 0 1-.15-1.221l1.1-1.833a7.5 7.5 0 0 1-.54-1.3l-2.073-.519A1 1 0 0 1 2 12.72v-1.438a1 1 0 0 1 .757-.97l2.073-.519q.21-.68.54-1.3L4.27 6.66a1 1 0 0 1 .15-1.221L5.438 4.42a1 1 0 0 1 1.221-.15l1.833 1.1q.62-.33 1.3-.54l.519-2.073A1 1 0 0 1 11.28 2h1.438a1 1 0 0 1 .97.757l.519 2.073q.68.21 1.3.54zM12 14.8a2.8 2.8 0 1 0 0-5.6a2.8 2.8 0 0 0 0 5.6m0 1.2a4 4 0 1 1 0-8a4 4 0 0 1 0 8"/>'
 };
 var SvgIcon = ({ name, size = 24, color = "currentColor", className }) => {
   const iconPath = icons[name] || "";
@@ -734,225 +285,16 @@ var SvgIcon = ({ name, size = 24, color = "currentColor", className }) => {
     }
   );
 };
-var DesktopToolbar = ({
-  onToggleToc,
-  onToggleSearch,
-  onPrevSection,
-  onPrevPage,
-  onNextPage,
-  onNextSection,
-  darkMode,
-  onToggleDarkMode,
-  fontSize,
-  onFontSizeChange
-}) => {
-  return /* @__PURE__ */ jsxs("div", { className: "epub-reader__toolbar", children: [
-    /* @__PURE__ */ jsxs("div", { className: "epub-reader__panel", children: [
-      /* @__PURE__ */ jsx("button", { type: "button", className: "epub-reader__btn", onClick: onToggleToc, title: "\u76EE\u5F55", children: /* @__PURE__ */ jsx(SvgIcon, { name: "list" }) }),
-      /* @__PURE__ */ jsx("button", { type: "button", className: "epub-reader__btn", onClick: onToggleSearch, title: "\u641C\u7D22", children: /* @__PURE__ */ jsx(SvgIcon, { name: "search" }) }),
-      /* @__PURE__ */ jsx("div", { className: "epub-reader__divider" }),
-      /* @__PURE__ */ jsx("button", { type: "button", className: "epub-reader__btn", onClick: onPrevSection, title: "\u4E0A\u4E00\u7AE0", children: /* @__PURE__ */ jsx(SvgIcon, { name: "chevrons-left" }) }),
-      /* @__PURE__ */ jsx("button", { type: "button", className: "epub-reader__btn", onClick: onPrevPage, title: "\u4E0A\u4E00\u9875", children: /* @__PURE__ */ jsx(SvgIcon, { name: "chevron-left" }) }),
-      /* @__PURE__ */ jsx("button", { type: "button", className: "epub-reader__btn", onClick: onNextPage, title: "\u4E0B\u4E00\u9875", children: /* @__PURE__ */ jsx(SvgIcon, { name: "chevron-right" }) }),
-      /* @__PURE__ */ jsx("button", { type: "button", className: "epub-reader__btn", onClick: onNextSection, title: "\u4E0B\u4E00\u7AE0", children: /* @__PURE__ */ jsx(SvgIcon, { name: "chevrons-right" }) })
-    ] }),
-    /* @__PURE__ */ jsxs("div", { className: "epub-reader__panel", children: [
-      /* @__PURE__ */ jsx("button", { type: "button", className: "epub-reader__btn", onClick: onToggleDarkMode, title: "\u4E3B\u9898", children: /* @__PURE__ */ jsx(SvgIcon, { name: darkMode ? "sun" : "moon" }) }),
-      /* @__PURE__ */ jsx("div", { className: "epub-reader__divider" }),
-      /* @__PURE__ */ jsx("button", { type: "button", className: "epub-reader__btn", onClick: () => onFontSizeChange(fontSize + 10), title: "\u589E\u5927\u5B57\u53F7", children: /* @__PURE__ */ jsx(SvgIcon, { name: "plus" }) }),
-      /* @__PURE__ */ jsxs("div", { className: "epub-reader__font", children: [
-        fontSize,
-        "%"
-      ] }),
-      /* @__PURE__ */ jsx("button", { type: "button", className: "epub-reader__btn", onClick: () => onFontSizeChange(fontSize - 10), title: "\u51CF\u5C0F\u5B57\u53F7", children: /* @__PURE__ */ jsx(SvgIcon, { name: "minus" }) })
-    ] })
-  ] });
-};
-var DesktopBottomBar = ({
-  status,
-  errorText,
-  sectionLabel,
-  displayedPercent,
-  onSeekStart,
-  onSeekChange,
-  onSeekEnd,
-  onSeekCommit
-}) => {
-  return /* @__PURE__ */ jsxs("div", { className: "epub-reader__bottom", children: [
-    /* @__PURE__ */ jsxs("div", { className: "epub-reader__bottom-left", children: [
-      /* @__PURE__ */ jsx("span", { className: "epub-reader__status", children: status === "error" ? errorText || "\u9519\u8BEF" : status === "opening" ? "\u6B63\u5728\u6253\u5F00\u2026" : "\u5C31\u7EEA" }),
-      sectionLabel ? /* @__PURE__ */ jsx("span", { className: "epub-reader__section", children: sectionLabel }) : null
-    ] }),
-    /* @__PURE__ */ jsxs("div", { className: "epub-reader__bottom-right", children: [
-      /* @__PURE__ */ jsx(
-        "input",
-        {
-          className: "epub-reader__range",
-          type: "range",
-          min: 0,
-          max: 100,
-          step: 1,
-          value: displayedPercent,
-          onChange: (e) => {
-            onSeekStart();
-            onSeekChange(Number(e.target.value));
-          },
-          onPointerUp: (e) => {
-            const v = Number(e.target.value);
-            onSeekEnd(v);
-          },
-          onKeyUp: (e) => {
-            if (e.key !== "Enter") return;
-            const v = Number(e.target.value);
-            onSeekCommit(v);
-          }
-        }
-      ),
-      /* @__PURE__ */ jsxs("span", { className: "epub-reader__percent", children: [
-        displayedPercent,
-        "%"
-      ] })
-    ] })
-  ] });
-};
-var TocTree = ({ items, onSelect }) => {
-  return /* @__PURE__ */ jsx("ul", { className: "epub-reader__toc-list", children: items.map((item, idx) => {
-    const key = item.href || `${item.label ?? "item"}-${idx}`;
-    const hasChildren = Boolean(item.subitems?.length);
-    const label = item.label || item.href || "\u672A\u547D\u540D";
-    if (!hasChildren) {
-      return /* @__PURE__ */ jsx("li", { className: "epub-reader__toc-item", children: /* @__PURE__ */ jsx("button", { type: "button", className: "epub-reader__toc-btn", onClick: () => onSelect(item.href), children: label }) }, key);
-    }
-    return /* @__PURE__ */ jsx("li", { className: "epub-reader__toc-item", children: /* @__PURE__ */ jsxs("details", { className: "epub-reader__toc-details", children: [
-      /* @__PURE__ */ jsx("summary", { className: "epub-reader__toc-summary", children: label }),
-      /* @__PURE__ */ jsx(TocTree, { items: item.subitems ?? [], onSelect })
-    ] }) }, key);
-  }) });
-};
-var TocDrawer = ({ isOpen, onClose, toc, onSelect }) => {
-  return /* @__PURE__ */ jsxs("aside", { className: `epub-reader__drawer ${isOpen ? "is-open" : ""}`, "aria-hidden": !isOpen, children: [
-    /* @__PURE__ */ jsxs("div", { className: "epub-reader__drawer-header", children: [
-      /* @__PURE__ */ jsx("div", { className: "epub-reader__drawer-title", children: "\u76EE\u5F55" }),
-      /* @__PURE__ */ jsx("button", { type: "button", className: "epub-reader__btn", onClick: onClose, children: /* @__PURE__ */ jsx(SvgIcon, { name: "x" }) })
-    ] }),
-    /* @__PURE__ */ jsx("div", { className: "epub-reader__drawer-body", children: toc.length ? /* @__PURE__ */ jsx(
-      TocTree,
-      {
-        items: toc,
-        onSelect: (href) => {
-          onSelect(href);
-          onClose();
-        }
-      }
-    ) : /* @__PURE__ */ jsx("div", { className: "epub-reader__empty", children: "\u672A\u627E\u5230\u76EE\u5F55" }) })
-  ] });
-};
-var SearchResultList = ({ results, onSelect }) => {
-  return /* @__PURE__ */ jsx("ul", { className: "epub-reader__search-list", children: results.map((r, idx) => /* @__PURE__ */ jsx("li", { className: "epub-reader__search-item", children: /* @__PURE__ */ jsxs(
-    "button",
-    {
-      type: "button",
-      className: "epub-reader__search-btn",
-      onClick: () => {
-        if (r.cfi) onSelect(r.cfi);
-      },
-      children: [
-        r.label ? /* @__PURE__ */ jsx("div", { className: "epub-reader__search-label", children: r.label }) : null,
-        /* @__PURE__ */ jsx("div", { className: "epub-reader__search-excerpt", children: typeof r.excerpt === "string" ? r.excerpt : `${r.excerpt?.pre ?? ""}${r.excerpt?.match ?? ""}${r.excerpt?.post ?? ""}` })
-      ]
-    }
-  ) }, `${r.cfi ?? "no-cfi"}-${idx}`)) });
-};
-var SearchDrawer = ({
-  isOpen,
-  onClose,
-  status,
-  search,
-  onSearch,
-  onQueryChange,
-  onOptionChange,
-  onCancelSearch,
-  onResultSelect
-}) => {
-  return /* @__PURE__ */ jsxs("aside", { className: `epub-reader__drawer right ${isOpen ? "is-open" : ""}`, "aria-hidden": !isOpen, children: [
-    /* @__PURE__ */ jsxs("div", { className: "epub-reader__drawer-header", children: [
-      /* @__PURE__ */ jsx("div", { className: "epub-reader__drawer-title", children: "\u641C\u7D22" }),
-      /* @__PURE__ */ jsx("button", { type: "button", className: "epub-reader__btn", onClick: onClose, children: /* @__PURE__ */ jsx(SvgIcon, { name: "x" }) })
-    ] }),
-    /* @__PURE__ */ jsxs("div", { className: "epub-reader__drawer-body", children: [
-      /* @__PURE__ */ jsxs("div", { className: "epub-reader__field", children: [
-        /* @__PURE__ */ jsx(
-          "input",
-          {
-            className: "epub-reader__input",
-            placeholder: "\u8F93\u5165\u5173\u952E\u8BCD",
-            value: search.query,
-            onChange: (e) => {
-              const v = e.target.value;
-              onQueryChange(v);
-              if (!v.trim()) onSearch("");
-            },
-            disabled: status !== "ready",
-            onKeyDown: (e) => {
-              if (e.key === "Enter") onSearch(search.query);
-            }
-          }
-        ),
-        /* @__PURE__ */ jsx("button", { type: "button", className: "epub-reader__btn", onClick: () => onSearch(search.query), disabled: status !== "ready", children: /* @__PURE__ */ jsx(SvgIcon, { name: "search" }) })
-      ] }),
-      /* @__PURE__ */ jsxs("div", { className: "epub-reader__checks", children: [
-        /* @__PURE__ */ jsxs("label", { className: "epub-reader__check", children: [
-          /* @__PURE__ */ jsx(
-            "input",
-            {
-              type: "checkbox",
-              checked: Boolean(search.options.matchCase),
-              onChange: (e) => onOptionChange({ matchCase: e.target.checked })
-            }
-          ),
-          "\u533A\u5206\u5927\u5C0F\u5199"
-        ] }),
-        /* @__PURE__ */ jsxs("label", { className: "epub-reader__check", children: [
-          /* @__PURE__ */ jsx(
-            "input",
-            {
-              type: "checkbox",
-              checked: Boolean(search.options.wholeWords),
-              onChange: (e) => onOptionChange({ wholeWords: e.target.checked })
-            }
-          ),
-          "\u5168\u8BCD\u5339\u914D"
-        ] }),
-        /* @__PURE__ */ jsxs("label", { className: "epub-reader__check", children: [
-          /* @__PURE__ */ jsx(
-            "input",
-            {
-              type: "checkbox",
-              checked: Boolean(search.options.matchDiacritics),
-              onChange: (e) => onOptionChange({ matchDiacritics: e.target.checked })
-            }
-          ),
-          "\u533A\u5206\u53D8\u97F3"
-        ] })
-      ] }),
-      /* @__PURE__ */ jsxs("div", { className: "epub-reader__meta", children: [
-        /* @__PURE__ */ jsxs("span", { children: [
-          "\u8FDB\u5EA6 ",
-          search.progressPercent,
-          "%"
-        ] }),
-        search.searching ? /* @__PURE__ */ jsx("span", { children: "\u641C\u7D22\u4E2D\u2026" }) : null,
-        search.searching ? /* @__PURE__ */ jsx("button", { type: "button", className: "epub-reader__link", onClick: onCancelSearch, children: "\u53D6\u6D88" }) : null
-      ] }),
-      search.results.length ? /* @__PURE__ */ jsx(SearchResultList, { results: search.results, onSelect: onResultSelect }) : /* @__PURE__ */ jsx("div", { className: "epub-reader__empty", children: search.query.trim() ? "\u65E0\u5339\u914D\u7ED3\u679C" : "\u8BF7\u8F93\u5165\u5173\u952E\u8BCD" })
-    ] })
-  ] });
-};
 var MobileUI = ({
   barVisible,
   activePanel,
   onTogglePanel,
   onClosePanel,
+  toolbarRight,
+  onPrevSection,
+  onPrevPage,
+  onNextPage,
+  onNextSection,
   toc,
   search,
   status,
@@ -961,6 +303,8 @@ var MobileUI = ({
   displayedPercent,
   darkMode,
   fontSize,
+  lineHeight,
+  letterSpacing,
   onTocSelect,
   onSearch,
   onSearchQueryChange,
@@ -972,11 +316,84 @@ var MobileUI = ({
   onSeekEnd,
   onSeekCommit,
   onToggleDarkMode,
-  onFontSizeChange
+  onFontSizeChange,
+  onLineHeightChange,
+  onLetterSpacingChange
 }) => {
-  const mobileTitle = activePanel === "menu" ? "\u76EE\u5F55" : activePanel === "search" ? "\u641C\u7D22" : activePanel === "progress" ? "\u8FDB\u5EA6" : activePanel === "theme" ? "\u660E\u6697" : activePanel === "font" ? "\u5B57\u53F7" : "";
+  const mobileTitle = activePanel === "menu" ? "\u76EE\u5F55" : activePanel === "search" ? "\u641C\u7D22" : activePanel === "progress" ? "\u8FDB\u5EA6" : activePanel === "settings" ? "\u8BBE\u7F6E" : "";
+  const displayedFontSize = Math.min(40, Math.max(10, Math.round(fontSize / 5)));
+  const [fontSliderValue, setFontSliderValue] = useState(displayedFontSize);
+  const [isFontDragging, setIsFontDragging] = useState(false);
+  const fontDebounceRef = useRef(null);
+  const fontPendingRef = useRef(displayedFontSize);
+  const fontSliderWrapRef = useRef(null);
+  const [fontSliderWidth, setFontSliderWidth] = useState(0);
+  const fontThumbSize = 34;
+  const fontMin = 10;
+  const fontMax = 40;
+  useEffect(() => {
+    setFontSliderValue(displayedFontSize);
+    fontPendingRef.current = displayedFontSize;
+  }, [displayedFontSize]);
+  useEffect(() => {
+    return () => {
+      if (fontDebounceRef.current) {
+        clearTimeout(fontDebounceRef.current);
+        fontDebounceRef.current = null;
+      }
+    };
+  }, []);
+  useEffect(() => {
+    if (activePanel !== "settings") return;
+    const el = fontSliderWrapRef.current;
+    if (!el) return;
+    const update = () => setFontSliderWidth(el.getBoundingClientRect().width);
+    update();
+    const ro = new ResizeObserver(() => update());
+    ro.observe(el);
+    return () => ro.disconnect();
+  }, [activePanel]);
+  const fontProgressPercent = (fontSliderValue - fontMin) / (fontMax - fontMin) * 100;
+  const fontThumbLeft = (() => {
+    if (!fontSliderWidth) return 0;
+    const percent = (fontSliderValue - fontMin) / (fontMax - fontMin);
+    const half = fontThumbSize / 2;
+    return Math.min(fontSliderWidth - half, Math.max(half, half + percent * (fontSliderWidth - fontThumbSize)));
+  })();
+  const flushFontSize = () => {
+    if (fontDebounceRef.current) {
+      clearTimeout(fontDebounceRef.current);
+      fontDebounceRef.current = null;
+    }
+    onFontSizeChange(fontPendingRef.current * 5);
+  };
+  const scheduleFontSize = (next) => {
+    fontPendingRef.current = next;
+    if (fontDebounceRef.current) clearTimeout(fontDebounceRef.current);
+    fontDebounceRef.current = window.setTimeout(() => {
+      fontDebounceRef.current = null;
+      onFontSizeChange(fontPendingRef.current * 5);
+    }, 80);
+  };
   const [tooltip, setTooltip] = useState(null);
   const timerRef = useRef(null);
+  const ignoreToggleRef = useRef(false);
+  const markIgnoreToggle = () => {
+    ignoreToggleRef.current = true;
+    window.setTimeout(() => {
+      ignoreToggleRef.current = false;
+    }, 350);
+  };
+  const closePanelSafe = () => {
+    onClosePanel();
+    handleTouchEnd();
+    const el = document.activeElement;
+    if (el && el instanceof HTMLElement) el.blur();
+  };
+  const togglePanelSafe = (panel) => {
+    if (ignoreToggleRef.current) return;
+    onTogglePanel(panel);
+  };
   const handleTouchStart = (e, text) => {
     const rect = e.currentTarget.getBoundingClientRect();
     timerRef.current = window.setTimeout(() => {
@@ -993,6 +410,42 @@ var MobileUI = ({
     }
     setTooltip(null);
   };
+  const sheetRef = useRef(null);
+  const dragRef = useRef({ startY: 0, currentY: 0, isDragging: false });
+  const handleHeaderTouchStart = (e) => {
+    handleTouchEnd();
+    dragRef.current.startY = e.touches[0].clientY;
+    dragRef.current.isDragging = true;
+    if (sheetRef.current) {
+      sheetRef.current.style.transition = "none";
+    }
+  };
+  const handleHeaderTouchMove = (e) => {
+    if (!dragRef.current.isDragging) return;
+    e.preventDefault();
+    const deltaY = e.touches[0].clientY - dragRef.current.startY;
+    if (deltaY > 0 && sheetRef.current) {
+      sheetRef.current.style.transform = `translateY(${deltaY}px)`;
+      dragRef.current.currentY = deltaY;
+    }
+  };
+  const handleHeaderTouchEnd = () => {
+    if (!dragRef.current.isDragging) return;
+    dragRef.current.isDragging = false;
+    if (sheetRef.current) {
+      sheetRef.current.style.transition = "";
+      if (dragRef.current.currentY > 80) {
+        markIgnoreToggle();
+        closePanelSafe();
+        setTimeout(() => {
+          if (sheetRef.current) sheetRef.current.style.transform = "";
+        }, 300);
+      } else {
+        sheetRef.current.style.transform = "";
+      }
+    }
+    dragRef.current.currentY = 0;
+  };
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsxs("div", { className: `epub-reader__mbar ${barVisible ? "is-visible" : ""}`, children: [
       tooltip && /* @__PURE__ */ jsx(
@@ -1022,7 +475,7 @@ var MobileUI = ({
         {
           type: "button",
           className: "epub-reader__btn",
-          onClick: () => onTogglePanel("menu"),
+          onClick: () => togglePanelSafe("menu"),
           "aria-pressed": activePanel === "menu",
           onTouchStart: (e) => handleTouchStart(e, "\u76EE\u5F55"),
           onTouchEnd: handleTouchEnd,
@@ -1036,7 +489,7 @@ var MobileUI = ({
         {
           type: "button",
           className: "epub-reader__btn",
-          onClick: () => onTogglePanel("search"),
+          onClick: () => togglePanelSafe("search"),
           "aria-pressed": activePanel === "search",
           onTouchStart: (e) => handleTouchStart(e, "\u641C\u7D22"),
           onTouchEnd: handleTouchEnd,
@@ -1050,7 +503,7 @@ var MobileUI = ({
         {
           type: "button",
           className: "epub-reader__btn",
-          onClick: () => onTogglePanel("progress"),
+          onClick: () => togglePanelSafe("progress"),
           "aria-pressed": activePanel === "progress",
           onTouchStart: (e) => handleTouchStart(e, "\u8FDB\u5EA6"),
           onTouchEnd: handleTouchEnd,
@@ -1064,161 +517,305 @@ var MobileUI = ({
         {
           type: "button",
           className: "epub-reader__btn",
-          onClick: () => onTogglePanel("theme"),
-          "aria-pressed": activePanel === "theme",
-          onTouchStart: (e) => handleTouchStart(e, "\u660E\u6697"),
+          onClick: () => togglePanelSafe("settings"),
+          "aria-pressed": activePanel === "settings",
+          onTouchStart: (e) => handleTouchStart(e, "\u8BBE\u7F6E"),
           onTouchEnd: handleTouchEnd,
           onTouchCancel: handleTouchEnd,
-          title: "\u660E\u6697",
-          children: /* @__PURE__ */ jsx(SvgIcon, { name: "sun" })
+          title: "\u8BBE\u7F6E",
+          children: /* @__PURE__ */ jsx(SvgIcon, { name: "settings" })
         }
       ),
-      /* @__PURE__ */ jsx(
-        "button",
-        {
-          type: "button",
-          className: "epub-reader__btn",
-          onClick: () => onTogglePanel("font"),
-          "aria-pressed": activePanel === "font",
-          onTouchStart: (e) => handleTouchStart(e, "\u5B57\u53F7"),
-          onTouchEnd: handleTouchEnd,
-          onTouchCancel: handleTouchEnd,
-          title: "\u5B57\u53F7",
-          children: /* @__PURE__ */ jsx(SvgIcon, { name: "type" })
-        }
-      )
+      toolbarRight ?? null
     ] }),
-    activePanel ? /* @__PURE__ */ jsx("div", { className: "epub-reader__moverlay", onClick: onClosePanel }) : null,
-    /* @__PURE__ */ jsxs("div", { className: `epub-reader__msheet ${activePanel ? "is-open" : ""}`, "aria-hidden": !activePanel, children: [
-      /* @__PURE__ */ jsxs("div", { className: "epub-reader__msheet-header", children: [
-        /* @__PURE__ */ jsx("div", { className: "epub-reader__msheet-title", children: mobileTitle }),
-        /* @__PURE__ */ jsx("button", { type: "button", className: "epub-reader__btn", onClick: onClosePanel, children: /* @__PURE__ */ jsx(SvgIcon, { name: "x" }) })
-      ] }),
-      /* @__PURE__ */ jsxs("div", { className: "epub-reader__msheet-body", children: [
-        activePanel === "menu" ? toc.length ? /* @__PURE__ */ jsx(
-          TocTree,
-          {
-            items: toc,
-            onSelect: (href) => {
-              onTocSelect(href);
-              onClosePanel();
+    activePanel ? /* @__PURE__ */ jsx("div", { className: "epub-reader__moverlay", onClick: closePanelSafe }) : null,
+    /* @__PURE__ */ jsxs(
+      "div",
+      {
+        ref: sheetRef,
+        className: `epub-reader__msheet ${activePanel ? "is-open" : ""}`,
+        "aria-hidden": !activePanel,
+        children: [
+          /* @__PURE__ */ jsxs(
+            "div",
+            {
+              className: "epub-reader__msheet-header",
+              onTouchStart: handleHeaderTouchStart,
+              onTouchMove: handleHeaderTouchMove,
+              onTouchEnd: handleHeaderTouchEnd,
+              children: [
+                /* @__PURE__ */ jsx("div", { className: "epub-reader__msheet-title", children: mobileTitle }),
+                /* @__PURE__ */ jsx("button", { type: "button", className: "epub-reader__btn", onClick: closePanelSafe, children: /* @__PURE__ */ jsx(SvgIcon, { name: "x" }) })
+              ]
             }
-          }
-        ) : /* @__PURE__ */ jsx("div", { className: "epub-reader__empty", children: "\u672A\u627E\u5230\u76EE\u5F55" }) : null,
-        activePanel === "search" ? /* @__PURE__ */ jsxs(Fragment, { children: [
-          /* @__PURE__ */ jsxs("div", { className: "epub-reader__field", children: [
-            /* @__PURE__ */ jsx(
-              "input",
+          ),
+          /* @__PURE__ */ jsxs("div", { className: "epub-reader__msheet-body", children: [
+            activePanel === "menu" ? toc.length ? /* @__PURE__ */ jsx(
+              TocTree,
               {
-                className: "epub-reader__input",
-                placeholder: "\u8F93\u5165\u5173\u952E\u8BCD",
-                value: search.query,
-                onChange: (e) => {
-                  const v = e.target.value;
-                  onSearchQueryChange(v);
-                  if (!v.trim()) onSearch("");
-                },
-                disabled: status !== "ready",
-                onKeyDown: (e) => {
-                  if (e.key === "Enter") onSearch(search.query);
+                items: toc,
+                onSelect: (href) => {
+                  onTocSelect(href);
+                  closePanelSafe();
                 }
               }
-            ),
-            /* @__PURE__ */ jsx("button", { type: "button", className: "epub-reader__btn", onClick: () => onSearch(search.query), disabled: status !== "ready", children: "\u641C\u7D22" })
-          ] }),
-          /* @__PURE__ */ jsxs("div", { className: "epub-reader__checks", children: [
-            /* @__PURE__ */ jsxs("label", { className: "epub-reader__check", children: [
-              /* @__PURE__ */ jsx(
-                "input",
-                {
-                  type: "checkbox",
-                  checked: Boolean(search.options.matchCase),
-                  onChange: (e) => onSearchOptionChange({ matchCase: e.target.checked })
-                }
-              ),
-              "\u533A\u5206\u5927\u5C0F\u5199"
-            ] }),
-            /* @__PURE__ */ jsxs("label", { className: "epub-reader__check", children: [
+            ) : /* @__PURE__ */ jsx("div", { className: "epub-reader__empty", children: "\u672A\u627E\u5230\u76EE\u5F55" }) : null,
+            activePanel === "search" ? /* @__PURE__ */ jsxs(Fragment, { children: [
+              /* @__PURE__ */ jsxs("div", { className: "epub-reader__field", children: [
+                /* @__PURE__ */ jsx(
+                  "input",
+                  {
+                    className: "epub-reader__input",
+                    placeholder: "\u8F93\u5165\u5173\u952E\u8BCD",
+                    value: search.query,
+                    onChange: (e) => {
+                      const v = e.target.value;
+                      onSearchQueryChange(v);
+                      if (!v.trim()) onSearch("");
+                    },
+                    disabled: status !== "ready",
+                    onKeyDown: (e) => {
+                      if (e.key === "Enter") onSearch(search.query);
+                    }
+                  }
+                ),
+                /* @__PURE__ */ jsx("button", { type: "button", className: "epub-reader__btn", onClick: () => onSearch(search.query), disabled: status !== "ready", children: "\u641C\u7D22" })
+              ] }),
+              /* @__PURE__ */ jsxs("div", { className: "epub-reader__checks", children: [
+                /* @__PURE__ */ jsxs("label", { className: "epub-reader__check", children: [
+                  /* @__PURE__ */ jsx(
+                    "input",
+                    {
+                      type: "checkbox",
+                      checked: Boolean(search.options.matchCase),
+                      onChange: (e) => onSearchOptionChange({ matchCase: e.target.checked })
+                    }
+                  ),
+                  "\u533A\u5206\u5927\u5C0F\u5199"
+                ] }),
+                /* @__PURE__ */ jsxs("label", { className: "epub-reader__check", children: [
+                  /* @__PURE__ */ jsx(
+                    "input",
+                    {
+                      type: "checkbox",
+                      checked: Boolean(search.options.wholeWords),
+                      onChange: (e) => onSearchOptionChange({ wholeWords: e.target.checked })
+                    }
+                  ),
+                  "\u5168\u8BCD\u5339\u914D"
+                ] }),
+                /* @__PURE__ */ jsxs("label", { className: "epub-reader__check", children: [
+                  /* @__PURE__ */ jsx(
+                    "input",
+                    {
+                      type: "checkbox",
+                      checked: Boolean(search.options.matchDiacritics),
+                      onChange: (e) => onSearchOptionChange({ matchDiacritics: e.target.checked })
+                    }
+                  ),
+                  "\u533A\u5206\u53D8\u97F3"
+                ] })
+              ] }),
+              /* @__PURE__ */ jsxs("div", { className: "epub-reader__meta", children: [
+                /* @__PURE__ */ jsxs("span", { children: [
+                  "\u8FDB\u5EA6 ",
+                  search.progressPercent,
+                  "%"
+                ] }),
+                search.searching ? /* @__PURE__ */ jsx("span", { children: "\u641C\u7D22\u4E2D\u2026" }) : null,
+                search.searching ? /* @__PURE__ */ jsx("button", { type: "button", className: "epub-reader__link", onClick: onCancelSearch, children: "\u53D6\u6D88" }) : null
+              ] }),
+              search.results.length ? /* @__PURE__ */ jsx(SearchResultList, { results: search.results, onSelect: onSearchResultSelect }) : /* @__PURE__ */ jsx("div", { className: "epub-reader__empty", children: search.query.trim() ? "\u65E0\u5339\u914D\u7ED3\u679C" : "\u8BF7\u8F93\u5165\u5173\u952E\u8BCD" })
+            ] }) : null,
+            activePanel === "progress" ? /* @__PURE__ */ jsxs(Fragment, { children: [
+              /* @__PURE__ */ jsxs("div", { className: "epub-reader__meta", children: [
+                /* @__PURE__ */ jsx("span", { className: "epub-reader__status", children: status === "error" ? errorText || "\u9519\u8BEF" : status === "opening" ? "\u6B63\u5728\u6253\u5F00\u2026" : "" }),
+                sectionLabel ? /* @__PURE__ */ jsx("span", { children: sectionLabel }) : null
+              ] }),
+              /* @__PURE__ */ jsxs("div", { className: "epub-reader__mnav", children: [
+                /* @__PURE__ */ jsx(
+                  "button",
+                  {
+                    type: "button",
+                    className: "epub-reader__btn",
+                    onClick: onPrevSection,
+                    onTouchStart: (e) => handleTouchStart(e, "\u4E0A\u4E00\u7AE0"),
+                    onTouchEnd: handleTouchEnd,
+                    onTouchCancel: handleTouchEnd,
+                    title: "\u4E0A\u4E00\u7AE0",
+                    children: /* @__PURE__ */ jsx(SvgIcon, { name: "chevrons-left" })
+                  }
+                ),
+                /* @__PURE__ */ jsx(
+                  "button",
+                  {
+                    type: "button",
+                    className: "epub-reader__btn",
+                    onClick: onPrevPage,
+                    onTouchStart: (e) => handleTouchStart(e, "\u4E0A\u4E00\u9875"),
+                    onTouchEnd: handleTouchEnd,
+                    onTouchCancel: handleTouchEnd,
+                    title: "\u4E0A\u4E00\u9875",
+                    children: /* @__PURE__ */ jsx(SvgIcon, { name: "chevron-left" })
+                  }
+                ),
+                /* @__PURE__ */ jsx(
+                  "button",
+                  {
+                    type: "button",
+                    className: "epub-reader__btn",
+                    onClick: onNextPage,
+                    onTouchStart: (e) => handleTouchStart(e, "\u4E0B\u4E00\u9875"),
+                    onTouchEnd: handleTouchEnd,
+                    onTouchCancel: handleTouchEnd,
+                    title: "\u4E0B\u4E00\u9875",
+                    children: /* @__PURE__ */ jsx(SvgIcon, { name: "chevron-right" })
+                  }
+                ),
+                /* @__PURE__ */ jsx(
+                  "button",
+                  {
+                    type: "button",
+                    className: "epub-reader__btn",
+                    onClick: onNextSection,
+                    onTouchStart: (e) => handleTouchStart(e, "\u4E0B\u4E00\u7AE0"),
+                    onTouchEnd: handleTouchEnd,
+                    onTouchCancel: handleTouchEnd,
+                    title: "\u4E0B\u4E00\u7AE0",
+                    children: /* @__PURE__ */ jsx(SvgIcon, { name: "chevrons-right" })
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ jsxs("div", { className: "epub-reader__mprogress", children: [
+                /* @__PURE__ */ jsx(
+                  "input",
+                  {
+                    className: "epub-reader__range",
+                    type: "range",
+                    min: 0,
+                    max: 100,
+                    step: 1,
+                    value: displayedPercent,
+                    onChange: (e) => {
+                      onSeekStart();
+                      onSeekChange(Number(e.target.value));
+                    },
+                    onPointerUp: (e) => {
+                      const v = Number(e.target.value);
+                      onSeekEnd(v);
+                    },
+                    onKeyUp: (e) => {
+                      if (e.key !== "Enter") return;
+                      const v = Number(e.target.value);
+                      onSeekCommit(v);
+                    }
+                  }
+                ),
+                /* @__PURE__ */ jsxs("div", { className: "epub-reader__mprogress-percent", children: [
+                  displayedPercent,
+                  "%"
+                ] })
+              ] })
+            ] }) : null,
+            activePanel === "settings" ? /* @__PURE__ */ jsxs("div", { className: "epub-reader__msettings", children: [
+              /* @__PURE__ */ jsxs("div", { className: "epub-reader__mfont-range", children: [
+                /* @__PURE__ */ jsx("div", { className: "epub-reader__mfont-a is-small", children: "A" }),
+                /* @__PURE__ */ jsxs("div", { ref: fontSliderWrapRef, className: `epub-reader__mfont-slider ${isFontDragging ? "is-dragging" : ""}`, children: [
+                  /* @__PURE__ */ jsx(
+                    "input",
+                    {
+                      className: "epub-reader__range",
+                      type: "range",
+                      min: fontMin,
+                      max: fontMax,
+                      step: 1,
+                      value: fontSliderValue,
+                      onChange: (e) => {
+                        const next = Number(e.target.value);
+                        setFontSliderValue(next);
+                        scheduleFontSize(next);
+                      },
+                      onPointerDown: () => setIsFontDragging(true),
+                      onPointerUp: () => {
+                        setIsFontDragging(false);
+                        flushFontSize();
+                      },
+                      onPointerCancel: () => {
+                        setIsFontDragging(false);
+                        flushFontSize();
+                      },
+                      onKeyUp: (e) => {
+                        if (e.key !== "Enter") return;
+                        flushFontSize();
+                      },
+                      style: {
+                        background: `linear-gradient(to right, var(--epub-reader-range-fill) 0%, var(--epub-reader-range-fill) ${fontProgressPercent}%, var(--epub-reader-range-track) ${fontProgressPercent}%, var(--epub-reader-range-track) 100%)`
+                      },
+                      "aria-label": "\u5B57\u53F7"
+                    }
+                  ),
+                  /* @__PURE__ */ jsx("div", { className: "epub-reader__mfont-thumb", style: { left: `${fontThumbLeft}px`, width: `${fontThumbSize}px`, height: `${fontThumbSize}px` }, children: fontSliderValue })
+                ] }),
+                /* @__PURE__ */ jsx("div", { className: "epub-reader__mfont-a is-big", children: "A" })
+              ] }),
+              /* @__PURE__ */ jsxs("div", { className: "epub-reader__msetting", children: [
+                /* @__PURE__ */ jsxs("div", { className: "epub-reader__msetting-head", children: [
+                  /* @__PURE__ */ jsx("div", { className: "epub-reader__msetting-label", children: "\u884C\u9AD8" }),
+                  /* @__PURE__ */ jsx("div", { className: "epub-reader__msetting-value", children: lineHeight.toFixed(2) })
+                ] }),
+                /* @__PURE__ */ jsx(
+                  "input",
+                  {
+                    className: "epub-reader__range",
+                    type: "range",
+                    min: 1,
+                    max: 3,
+                    step: 0.05,
+                    value: lineHeight,
+                    "aria-label": "\u884C\u9AD8",
+                    onChange: (e) => onLineHeightChange(Number(e.target.value))
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ jsxs("div", { className: "epub-reader__msetting", children: [
+                /* @__PURE__ */ jsxs("div", { className: "epub-reader__msetting-head", children: [
+                  /* @__PURE__ */ jsx("div", { className: "epub-reader__msetting-label", children: "\u5B57\u95F4\u8DDD" }),
+                  /* @__PURE__ */ jsxs("div", { className: "epub-reader__msetting-value", children: [
+                    letterSpacing.toFixed(2),
+                    "em"
+                  ] })
+                ] }),
+                /* @__PURE__ */ jsx(
+                  "input",
+                  {
+                    className: "epub-reader__range",
+                    type: "range",
+                    min: 0,
+                    max: 0.3,
+                    step: 0.01,
+                    value: letterSpacing,
+                    "aria-label": "\u5B57\u95F4\u8DDD",
+                    onChange: (e) => onLetterSpacingChange(Number(e.target.value))
+                  }
+                )
+              ] }),
               /* @__PURE__ */ jsx(
-                "input",
+                "button",
                 {
-                  type: "checkbox",
-                  checked: Boolean(search.options.wholeWords),
-                  onChange: (e) => onSearchOptionChange({ wholeWords: e.target.checked })
+                  type: "button",
+                  className: "epub-reader__btn",
+                  onClick: () => onToggleDarkMode(!darkMode),
+                  "aria-pressed": darkMode,
+                  "aria-label": darkMode ? "\u6697\u9ED1\u6A21\u5F0F\uFF1A\u5F00\uFF0C\u70B9\u51FB\u5207\u6362\u5230\u4EAE\u8272" : "\u6697\u9ED1\u6A21\u5F0F\uFF1A\u5173\uFF0C\u70B9\u51FB\u5207\u6362\u5230\u6697\u9ED1",
+                  title: darkMode ? "\u5207\u6362\u5230\u4EAE\u8272" : "\u5207\u6362\u5230\u6697\u9ED1",
+                  children: /* @__PURE__ */ jsx(SvgIcon, { name: darkMode ? "sun" : "moon" })
                 }
-              ),
-              "\u5168\u8BCD\u5339\u914D"
-            ] }),
-            /* @__PURE__ */ jsxs("label", { className: "epub-reader__check", children: [
-              /* @__PURE__ */ jsx(
-                "input",
-                {
-                  type: "checkbox",
-                  checked: Boolean(search.options.matchDiacritics),
-                  onChange: (e) => onSearchOptionChange({ matchDiacritics: e.target.checked })
-                }
-              ),
-              "\u533A\u5206\u53D8\u97F3"
-            ] })
-          ] }),
-          /* @__PURE__ */ jsxs("div", { className: "epub-reader__meta", children: [
-            /* @__PURE__ */ jsxs("span", { children: [
-              "\u8FDB\u5EA6 ",
-              search.progressPercent,
-              "%"
-            ] }),
-            search.searching ? /* @__PURE__ */ jsx("span", { children: "\u641C\u7D22\u4E2D\u2026" }) : null,
-            search.searching ? /* @__PURE__ */ jsx("button", { type: "button", className: "epub-reader__link", onClick: onCancelSearch, children: "\u53D6\u6D88" }) : null
-          ] }),
-          search.results.length ? /* @__PURE__ */ jsx(SearchResultList, { results: search.results, onSelect: onSearchResultSelect }) : /* @__PURE__ */ jsx("div", { className: "epub-reader__empty", children: search.query.trim() ? "\u65E0\u5339\u914D\u7ED3\u679C" : "\u8BF7\u8F93\u5165\u5173\u952E\u8BCD" })
-        ] }) : null,
-        activePanel === "progress" ? /* @__PURE__ */ jsxs(Fragment, { children: [
-          /* @__PURE__ */ jsxs("div", { className: "epub-reader__meta", children: [
-            /* @__PURE__ */ jsx("span", { className: "epub-reader__status", children: status === "error" ? errorText || "\u9519\u8BEF" : status === "opening" ? "\u6B63\u5728\u6253\u5F00\u2026" : "\u5C31\u7EEA" }),
-            sectionLabel ? /* @__PURE__ */ jsx("span", { children: sectionLabel }) : null
-          ] }),
-          /* @__PURE__ */ jsxs("div", { className: "epub-reader__mprogress", children: [
-            /* @__PURE__ */ jsx(
-              "input",
-              {
-                className: "epub-reader__range",
-                type: "range",
-                min: 0,
-                max: 100,
-                step: 1,
-                value: displayedPercent,
-                onChange: (e) => {
-                  onSeekStart();
-                  onSeekChange(Number(e.target.value));
-                },
-                onPointerUp: (e) => {
-                  const v = Number(e.target.value);
-                  onSeekEnd(v);
-                },
-                onKeyUp: (e) => {
-                  if (e.key !== "Enter") return;
-                  const v = Number(e.target.value);
-                  onSeekCommit(v);
-                }
-              }
-            ),
-            /* @__PURE__ */ jsxs("div", { className: "epub-reader__mprogress-percent", children: [
-              displayedPercent,
-              "%"
-            ] })
+              )
+            ] }) : null
           ] })
-        ] }) : null,
-        activePanel === "theme" ? /* @__PURE__ */ jsx("button", { type: "button", className: "epub-reader__btn", onClick: () => onToggleDarkMode(!darkMode), children: darkMode ? "\u5207\u6362\u5230\u4EAE\u8272" : "\u5207\u6362\u5230\u6697\u9ED1" }) : null,
-        activePanel === "font" ? /* @__PURE__ */ jsxs("div", { className: "epub-reader__mfont", children: [
-          /* @__PURE__ */ jsx("button", { type: "button", className: "epub-reader__btn", onClick: () => onFontSizeChange(fontSize - 10), children: "A-" }),
-          /* @__PURE__ */ jsxs("div", { className: "epub-reader__font", children: [
-            fontSize,
-            "%"
-          ] }),
-          /* @__PURE__ */ jsx("button", { type: "button", className: "epub-reader__btn", onClick: () => onFontSizeChange(fontSize + 10), children: "A+" })
-        ] }) : null
-      ] })
-    ] })
+        ]
+      }
+    )
   ] });
 };
 var MOBILE_MAX_WIDTH = 768;
@@ -1269,9 +866,17 @@ var EBookReader = forwardRef(function EBookReader2({
   fileUrl,
   className,
   style,
+  themeColor,
+  mobileToolbarRight,
   defaultFontSize = 100,
   fontSize: controlledFontSize,
   onFontSizeChange,
+  defaultLineHeight = 1.6,
+  lineHeight: controlledLineHeight,
+  onLineHeightChange,
+  defaultLetterSpacing = 0,
+  letterSpacing: controlledLetterSpacing,
+  onLetterSpacingChange,
   defaultDarkMode = false,
   darkMode: controlledDarkMode,
   onDarkModeChange,
@@ -1287,15 +892,18 @@ var EBookReader = forwardRef(function EBookReader2({
   const [status, setStatus] = useState("idle");
   const [errorText, setErrorText] = useState("");
   const [toc, setToc] = useState([]);
-  const [tocOpen, setTocOpen] = useState(false);
-  const [searchOpen, setSearchOpen] = useState(false);
   const [progressInfo, setProgressInfo] = useState(null);
   const [isSeeking, setIsSeeking] = useState(false);
   const [seekPercent, setSeekPercent] = useState(0);
+  const [downloadLoading, setDownloadLoading] = useState(null);
   const [uncontrolledFontSize, setUncontrolledFontSize] = useState(defaultFontSize);
   const [uncontrolledDarkMode, setUncontrolledDarkMode] = useState(defaultDarkMode);
+  const [uncontrolledLineHeight, setUncontrolledLineHeight] = useState(defaultLineHeight);
+  const [uncontrolledLetterSpacing, setUncontrolledLetterSpacing] = useState(defaultLetterSpacing);
   const fontSize = controlledFontSize ?? uncontrolledFontSize;
   const darkMode = controlledDarkMode ?? uncontrolledDarkMode;
+  const lineHeight = controlledLineHeight ?? uncontrolledLineHeight;
+  const letterSpacing = controlledLetterSpacing ?? uncontrolledLetterSpacing;
   const [search, setSearch] = useState({
     query: "",
     options: defaultSearchOptions,
@@ -1309,6 +917,8 @@ var EBookReader = forwardRef(function EBookReader2({
   const layoutRef = useRef(layout);
   const boundDocsRef = useRef(/* @__PURE__ */ new WeakSet());
   const gestureRef = useRef({ startX: 0, startY: 0, startAt: 0, tracking: false, moved: false, actionTaken: false });
+  const pcDragRef = useRef({ startX: 0, startY: 0, tracking: false, actionTaken: false });
+  const isDraggingRef = useRef(false);
   const percentage = useMemo(() => Math.round((progressInfo?.fraction ?? 0) * 100), [progressInfo]);
   const displayedPercent = isSeeking ? seekPercent : percentage;
   const sectionLabel = progressInfo?.tocItem?.label ?? "";
@@ -1337,11 +947,19 @@ var EBookReader = forwardRef(function EBookReader2({
     setMobilePanel((prev) => prev === panel ? null : panel);
   }, []);
   const onPointerDown = useCallback((e) => {
-    if (layoutRef.current !== "mobile") return;
     const t = e.target;
     if (!t) return;
     if (t.closest(".epub-reader__mbar") || t.closest(".epub-reader__msheet")) return;
     if (t.closest('a,button,input,textarea,select,label,[role="button"],[contenteditable="true"]')) return;
+    if (layoutRef.current !== "mobile") {
+      if (e.pointerType !== "mouse") return;
+      if ((e.buttons & 1) !== 1) return;
+      pcDragRef.current.tracking = true;
+      pcDragRef.current.actionTaken = false;
+      pcDragRef.current.startX = e.screenX;
+      pcDragRef.current.startY = e.screenY;
+      return;
+    }
     gestureRef.current.tracking = true;
     gestureRef.current.moved = false;
     gestureRef.current.actionTaken = false;
@@ -1350,6 +968,26 @@ var EBookReader = forwardRef(function EBookReader2({
     gestureRef.current.startY = e.screenY;
   }, []);
   const onPointerMove = useCallback((e) => {
+    if (layoutRef.current !== "mobile") {
+      if (!pcDragRef.current.tracking) return;
+      if (e.pointerType !== "mouse" || (e.buttons & 1) !== 1) {
+        pcDragRef.current.tracking = false;
+        return;
+      }
+      const dx2 = e.screenX - pcDragRef.current.startX;
+      const dy2 = e.screenY - pcDragRef.current.startY;
+      if (Math.abs(dy2) > Math.abs(dx2) && Math.abs(dy2) >= 16) {
+        pcDragRef.current.tracking = false;
+        return;
+      }
+      if (Math.abs(dx2) >= 60 && Math.abs(dx2) > Math.abs(dy2)) {
+        pcDragRef.current.actionTaken = true;
+        pcDragRef.current.tracking = false;
+        if (dx2 > 0) readerRef.current?.prevPage();
+        else readerRef.current?.nextPage();
+      }
+      return;
+    }
     if (!gestureRef.current.tracking) return;
     const dx = e.screenX - gestureRef.current.startX;
     const dy = e.screenY - gestureRef.current.startY;
@@ -1374,7 +1012,8 @@ var EBookReader = forwardRef(function EBookReader2({
   }, []);
   const onPointerEnd = useCallback((e) => {
     if (layoutRef.current !== "mobile") {
-      gestureRef.current.tracking = false;
+      pcDragRef.current.tracking = false;
+      pcDragRef.current.actionTaken = false;
       return;
     }
     if (gestureRef.current.actionTaken) {
@@ -1432,9 +1071,26 @@ var EBookReader = forwardRef(function EBookReader2({
     },
     [controlledFontSize, onFontSizeChange]
   );
-  const closeDrawers = useCallback(() => {
-    setTocOpen(false);
-    setSearchOpen(false);
+  const setLineHeightInternal = useCallback(
+    (next) => {
+      const safe = clamp(next, 1, 3);
+      if (controlledLineHeight == null) setUncontrolledLineHeight(safe);
+      onLineHeightChange?.(safe);
+      readerRef.current?.setLineHeight(safe);
+    },
+    [controlledLineHeight, onLineHeightChange]
+  );
+  const setLetterSpacingInternal = useCallback(
+    (next) => {
+      const safe = clamp(next, 0, 0.3);
+      if (controlledLetterSpacing == null) setUncontrolledLetterSpacing(safe);
+      onLetterSpacingChange?.(safe);
+      readerRef.current?.setLetterSpacing(safe);
+    },
+    [controlledLetterSpacing, onLetterSpacingChange]
+  );
+  const closePanels = useCallback(() => {
+    setMobilePanel(null);
   }, []);
   const prepareOpen = useCallback(() => {
     setStatus("opening");
@@ -1494,10 +1150,15 @@ var EBookReader = forwardRef(function EBookReader2({
       const reader = createEBookReader(host, {
         darkMode,
         fontSize,
+        lineHeight,
+        letterSpacing,
         onReady: (h) => onReady?.(h),
         onError: (e) => onError?.(e),
         onProgress: (info) => {
           setProgressInfo(info);
+          if (!isDraggingRef.current) {
+            setIsSeeking(false);
+          }
           onProgress?.(info);
         },
         onToc: (items) => setToc(items),
@@ -1536,18 +1197,28 @@ var EBookReader = forwardRef(function EBookReader2({
     if (!nextUrl) return;
     const controller = new AbortController();
     prepareOpen();
+    setDownloadLoading("download");
+    let active = true;
     void (async () => {
       try {
         const downloaded = await downloadEpubAsFile(nextUrl, controller.signal);
+        if (!active) return;
+        setDownloadLoading("open");
         await handleOpenFile(downloaded);
       } catch (e) {
         if (e?.name === "AbortError") return;
         setStatus("error");
         setErrorText(e?.message ? String(e.message) : "\u4E0B\u8F7D\u5931\u8D25");
         onError?.(e);
+      } finally {
+        if (active) setDownloadLoading(null);
       }
     })();
-    return () => controller.abort();
+    return () => {
+      active = false;
+      setDownloadLoading(null);
+      controller.abort();
+    };
   }, [file, fileUrl, handleOpenFile, onError, prepareOpen]);
   useEffect(() => {
     readerRef.current?.setDarkMode(darkMode);
@@ -1555,6 +1226,12 @@ var EBookReader = forwardRef(function EBookReader2({
   useEffect(() => {
     readerRef.current?.setFontSize(fontSize);
   }, [fontSize]);
+  useEffect(() => {
+    readerRef.current?.setLineHeight(lineHeight);
+  }, [lineHeight]);
+  useEffect(() => {
+    readerRef.current?.setLetterSpacing(letterSpacing);
+  }, [letterSpacing]);
   useEffect(() => {
     if (!enableKeyboardNav) return;
     const root = rootRef.current;
@@ -1562,13 +1239,13 @@ var EBookReader = forwardRef(function EBookReader2({
     const handleKeyDown = (e) => {
       if (e.key === "ArrowLeft") readerRef.current?.prevPage();
       if (e.key === "ArrowRight") readerRef.current?.nextPage();
-      if (e.key === "Escape") closeDrawers();
+      if (e.key === "Escape") closePanels();
     };
     root.addEventListener("keydown", handleKeyDown);
     return () => {
       root.removeEventListener("keydown", handleKeyDown);
     };
-  }, [closeDrawers, enableKeyboardNav]);
+  }, [closePanels, enableKeyboardNav]);
   useImperativeHandle(
     ref,
     () => ({
@@ -1584,10 +1261,13 @@ var EBookReader = forwardRef(function EBookReader2({
     }),
     []
   );
-  const handleSeekStart = useCallback(() => setIsSeeking(true), []);
+  const handleSeekStart = useCallback(() => {
+    setIsSeeking(true);
+    isDraggingRef.current = true;
+  }, []);
   const handleSeekChange = useCallback((v) => setSeekPercent(v), []);
   const handleSeekEnd = useCallback((v) => {
-    setIsSeeking(false);
+    isDraggingRef.current = false;
     readerRef.current?.goToFraction(v / 100);
   }, []);
   const handleTocSelect = useCallback((href) => {
@@ -1596,24 +1276,41 @@ var EBookReader = forwardRef(function EBookReader2({
   const handleSearchResultSelect = useCallback((cfi) => {
     if (cfi) readerRef.current?.goTo(cfi);
   }, []);
+  const rootStyle = useMemo(() => {
+    if (!themeColor) return style;
+    return {
+      ...style,
+      ["--epub-reader-accent"]: themeColor
+    };
+  }, [style, themeColor]);
   return /* @__PURE__ */ jsxs(
     "div",
     {
       ref: rootRef,
       className: mergeClassName("epub-reader", className),
-      style,
+      style: rootStyle,
       "data-theme": darkMode ? "dark" : "light",
       "data-layout": layout,
       tabIndex: 0,
+      "aria-busy": downloadLoading != null,
       children: [
         /* @__PURE__ */ jsx("div", { className: "epub-reader__viewer", ref: viewerHostRef }),
-        layout === "mobile" ? /* @__PURE__ */ jsx(
+        downloadLoading ? /* @__PURE__ */ jsxs("div", { className: "epub-reader__loading", role: "status", "aria-live": "polite", children: [
+          /* @__PURE__ */ jsx("div", { className: "epub-reader__spinner", "aria-hidden": "true" }),
+          /* @__PURE__ */ jsx("div", { className: "epub-reader__loading-text", children: downloadLoading === "download" ? "\u52A0\u8F7D\u4E2D\u2026" : "\u6E32\u67D3\u4E2D\u2026" })
+        ] }) : null,
+        /* @__PURE__ */ jsx(
           MobileUI,
           {
-            barVisible: mobileBarVisible,
+            barVisible: layout === "mobile" ? mobileBarVisible : true,
             activePanel: mobilePanel,
             onTogglePanel: toggleMobilePanel,
             onClosePanel: closeMobileSheet,
+            toolbarRight: mobileToolbarRight,
+            onPrevSection: () => readerRef.current?.prevSection(),
+            onPrevPage: () => readerRef.current?.prevPage(),
+            onNextPage: () => readerRef.current?.nextPage(),
+            onNextSection: () => readerRef.current?.nextSection(),
             toc,
             search,
             status,
@@ -1622,6 +1319,8 @@ var EBookReader = forwardRef(function EBookReader2({
             displayedPercent,
             darkMode,
             fontSize,
+            lineHeight,
+            letterSpacing,
             onTocSelect: handleTocSelect,
             onSearch: (q) => void runSearch(q),
             onSearchQueryChange: (v) => setSearch((prev) => ({ ...prev, query: v })),
@@ -1633,70 +1332,16 @@ var EBookReader = forwardRef(function EBookReader2({
             onSeekEnd: handleSeekEnd,
             onSeekCommit: handleSeekEnd,
             onToggleDarkMode: setDarkModeInternal,
-            onFontSizeChange: setFontSizeInternal
+            onFontSizeChange: setFontSizeInternal,
+            onLineHeightChange: setLineHeightInternal,
+            onLetterSpacingChange: setLetterSpacingInternal
           }
-        ) : /* @__PURE__ */ jsxs(Fragment, { children: [
-          /* @__PURE__ */ jsx(
-            DesktopToolbar,
-            {
-              onToggleToc: () => setTocOpen(true),
-              onToggleSearch: () => setSearchOpen(true),
-              onPrevSection: () => readerRef.current?.prevSection(),
-              onPrevPage: () => readerRef.current?.prevPage(),
-              onNextPage: () => readerRef.current?.nextPage(),
-              onNextSection: () => readerRef.current?.nextSection(),
-              darkMode,
-              onToggleDarkMode: () => setDarkModeInternal(!darkMode),
-              fontSize,
-              onFontSizeChange: setFontSizeInternal
-            }
-          ),
-          (tocOpen || searchOpen) && /* @__PURE__ */ jsx("div", { className: "epub-reader__overlay", onClick: closeDrawers }),
-          /* @__PURE__ */ jsx(
-            TocDrawer,
-            {
-              isOpen: tocOpen,
-              onClose: () => setTocOpen(false),
-              toc,
-              onSelect: handleTocSelect
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            SearchDrawer,
-            {
-              isOpen: searchOpen,
-              onClose: () => setSearchOpen(false),
-              status,
-              search,
-              onSearch: (q) => void runSearch(q),
-              onQueryChange: (v) => setSearch((prev) => ({ ...prev, query: v })),
-              onOptionChange: (opt) => setSearch((prev) => ({ ...prev, options: { ...prev.options, ...opt } })),
-              onCancelSearch: () => readerRef.current?.cancelSearch(),
-              onResultSelect: handleSearchResultSelect
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            DesktopBottomBar,
-            {
-              status,
-              errorText,
-              sectionLabel,
-              displayedPercent,
-              onSeekStart: handleSeekStart,
-              onSeekChange: handleSeekChange,
-              onSeekEnd: handleSeekEnd,
-              onSeekCommit: handleSeekEnd
-            }
-          )
-        ] })
+        )
       ]
     }
   );
 });
 
-// src/react/index.ts
-ensureEpubReaderStyle();
-
 export { EBookReader };
 //# sourceMappingURL=react.js.map
 //# sourceMappingURL=react.js.map