diff --git a/pr_body.md b/pr_body.md
new file mode 100644
index 0000000..31758d8
--- /dev/null
+++ b/pr_body.md
@@ -0,0 +1,65 @@
+# 标签页右键菜单增强 + PDF 导出样式系统
+
+## 背景与动机
+本 PR 解决两个用户反馈的问题，并顺带做了若干增强：
+- **Issue 1**：标签页右键菜单只有「打开文件所在文件夹」，缺少关闭 / 刷新 / 关闭其他 / 关闭全部等常用操作。
+- **Issue 2**：PDF 导出无法自定义字体与颜色。参考 md-to.com 的样式能力，新增独立设置页、24 套预设模板、紧凑 / 宽松间距与导出前实时预览。
+
+## 一、标签页右键菜单增强
+`TabBar.vue` 新增右键菜单项：
+- 关闭 / 关闭其他（仅剩 1 个标签时禁用）/ 关闭全部（无标签时禁用）/ 刷新
+- 复制路径（写入剪贴板，带成功 / 失败提示）
+- 打开文件所在文件夹
+`App.vue` 接入对应事件处理，新增 `copyPath()`（`navigator.clipboard` + `execCommand` 兜底）。
+
+## 二、PDF 导出样式系统
+### 独立设置标签页
+设置对话框新增「PDF 导出」独立标签页（`settingsTab` 切换），与阅读设置分离，更清晰。
+
+### 24 套预设模板
+分为三组：
+- **文档（doc）**：默认 / 极简 / 学术 / 护眼 / 商务蓝 / 经典棕 / GitHub
+- **开发（dev）**：暗色 / 终端绿 / Dracula / VS Code 蓝 / Nord / Solarized 亮 / Solarized 暗 / Gruvbox 亮 / Gruvbox 暗 / Monokai / Catppuccin / One Dark
+- **创意（creative）**：樱花粉 / 薰衣草 / 海洋青 / 日落橙 / 森林绿
+
+### 间距变体（紧凑 / 标准 / 宽松）
+对应 md-to.com 的 Compact / Standard / Loose。通过 `PdfDensity` + `PDF_DENSITY_SPACING`（lineHeight / blockGap）驱动，导出的 HTML 用 `calc(var(--pdf-block-gap,1em)*N)` 实现段落间距。
+
+### 分组下拉
+模板下拉按「文档 / 开发 / 创意」用 `<optgroup>` 分组，便于浏览。
+
+### 实时预览
+新增 `usePdfPreview.ts`，复用真实导出管线（`renderMarkdown` + `buildExportHtml`）在隔离 `<iframe :srcdoc>` 中渲染：
+- 可编辑示例文本（textarea），输入即更新（150ms 防抖）。
+- 明暗对比预览开关：同一套字体 / 排版，强制 GitHub 中性明暗配色并排显示。
+
+### 字体 / 颜色 / 页面自定义
+正文 / 标题 / 代码字体、正文字号、行高、正文色 / 标题色 / 链接色 / 代码背景 / 页面背景、页边距、页面尺寸（A4 / Letter）、方向（纵向 / 横向）均可调；通过 `--pdf-*` CSS 变量注入导出 HTML。
+
+## 三、其他改进
+- 设置页「恢复默认」修正了之前误嵌套在快捷键栅格中的 bug。
+- Rust 侧 `pdf_export.rs` 移除 `cmd.arg("--no-margins")`，使注入的 `@page { margin }` 生效（需重新 `tauri build` 才能生效）。
+
+## 四、国际化
+`zh-CN.ts` / `en-US.ts` 新增：标签菜单（复制路径等）、PDF 样式（间距 / 紧凑 / 标准 / 宽松 / 预览 / 示例文本 / 对比 / 明 / 暗 / 分组标题）及 8 套开发模板名称，中英文一一对应。
+
+## 五、文件清单
+- src/components/TabBar.vue
+- src/components/SettingsDialog.vue
+- src/App.vue
+- src/composables/usePdfStyle.ts
+- src/composables/useExport.ts
+- src/composables/exportStyles.ts
+- src/composables/usePdfPreview.ts（新增）
+- src-tauri/src/pdf_export.rs
+- src/i18n/zh-CN.ts
+- src/i18n/en-US.ts
+
+## 六、验证
+- `eslint .` 无错误
+- `vue-tsc --noEmit` 类型通过
+- `vite build` 构建通过
+
+## 七、注意事项
+- `pdf_export.rs` 的改动属于 Rust 侧，需重新编译（`tauri build` / `tauri dev`）后导出 PDF 才会应用新的页边距逻辑。
+- 关于「双击关联 .md 文件时把最小化窗口置前」的需求，本 PR 暂未包含（需在 Rust 单实例 / DeepLink 处理中调用窗口 focus / unminimize），如需可另开 PR。
diff --git a/src-tauri/src/lib.rs b/src-tauri/src/lib.rs
index 8403134..838803a 100644
--- a/src-tauri/src/lib.rs
+++ b/src-tauri/src/lib.rs
@@ -464,11 +464,22 @@ fn initial_open_file() -> Option<String> {
 pub fn run() {
     tauri::Builder::default()
         .plugin(tauri_plugin_single_instance::init(|app, argv, _cwd| {
-            // Already-running instance: focus window and emit the new file path.
+            // Already-running instance: bring the window to the front (even when it is
+            // minimized) and emit the new file path so the frontend opens it in a tab.
             use tauri::Emitter;
             if let Some(window) = app.get_webview_window("main") {
+                // Restore from the minimized state first.
+                let _ = window.unminimize();
+                // Make sure it is actually visible.
                 let _ = window.show();
+                // Briefly raise to top-most and then drop it back, so Windows'
+                // foreground-lock cannot keep the window hidden behind others.
+                #[cfg(target_os = "windows")]
+                let _ = window.set_always_on_top(true);
+                // Move the window into the foreground.
                 let _ = window.set_focus();
+                #[cfg(target_os = "windows")]
+                let _ = window.set_always_on_top(false);
             }
             if let Some(path) = extract_md_path_from_args(&argv) {
                 let _ = app.emit("md-reader://open-file", path);
diff --git a/src-tauri/src/pdf_export.rs b/src-tauri/src/pdf_export.rs
index 2601508..ebf22b0 100644
--- a/src-tauri/src/pdf_export.rs
+++ b/src-tauri/src/pdf_export.rs
@@ -88,7 +88,6 @@ fn run_edge_print(
     cmd.arg("--no-first-run");
     cmd.arg("--no-default-browser-check");
     cmd.arg("--no-pdf-header-footer");
-    cmd.arg("--no-margins");
     cmd.arg("--run-all-compositor-stages-before-draw");
     cmd.arg(format!(
         "--virtual-time-budget={}",
diff --git a/src/App.vue b/src/App.vue
index 1057e04..ef8b228 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -173,6 +173,27 @@ async function openInExplorer(path: string) {
     errorMsg.value = e?.message ?? String(e);
   }
 }
+
+async function copyPath(path: string) {
+  if (!path) return;
+  try {
+    if (navigator.clipboard && window.isSecureContext) {
+      await navigator.clipboard.writeText(path);
+    } else {
+      const ta = document.createElement("textarea");
+      ta.value = path;
+      ta.style.position = "fixed";
+      ta.style.opacity = "0";
+      document.body.appendChild(ta);
+      ta.select();
+      document.execCommand("copy");
+      document.body.removeChild(ta);
+    }
+    exportToast.value = t("tabs.copiedPath");
+  } catch {
+    exportToast.value = t("tabs.copyFailed");
+  }
+}
 const dialogFileName = computed(() =>
   dialogTab.value ? basename(dialogTab.value.path) : ""
 );
@@ -412,6 +433,48 @@ function onDialogCancel() {
   resolveDialog("cancel");
 }
 
+async function closeOthers(id: string) {
+  const keep = tabs.value.find((x) => x.id === id);
+  if (!keep || tabs.value.length <= 1) return;
+  const others = tabs.value.filter((x) => x.id !== id);
+  for (const tab of others) {
+    if (tab.isDirty) {
+      if (tab.id !== activeTabId.value) switchToTab(tab.id);
+      const choice = await askUnsaved(tab, "unsaved");
+      if (choice === "cancel") return;
+      if (choice === "save") {
+        const ok = await saveTab(tab);
+        if (!ok) return;
+      }
+    }
+  }
+  for (const tab of others) removeTab(tab.id);
+  activateTab(keep.id);
+}
+
+async function closeAll() {
+  const ok = await confirmCloseAll();
+  if (!ok) return;
+  for (const tab of [...tabs.value]) removeTab(tab.id);
+}
+
+async function refreshTab(id: string) {
+  const tab = tabs.value.find((x) => x.id === id);
+  if (!tab) return;
+  if (tab.isDirty) {
+    if (id !== activeTabId.value) switchToTab(id);
+    const choice = await askUnsaved(tab, "external");
+    if (choice === "cancel") return;
+    if (choice === "save") {
+      // "重新加载" — discard unsaved edits and reload from disk.
+      await forceReloadTab(tab);
+    }
+    // "保留编辑" — keep current edits, do not reload.
+    return;
+  }
+  await forceReloadTab(tab);
+}
+
 function getPreviewTopSourceLine(): number {
   const container = viewerEl.value;
   const body = bodyRef.value;
@@ -1338,7 +1401,11 @@ watch(
       :active-tab-id="activeTabId"
       @activate="switchToTab"
       @close="closeTab"
+      @close-others="closeOthers"
+      @close-all="closeAll"
+      @refresh="refreshTab"
       @reveal-file="openInExplorer"
+      @copy-path="copyPath"
     />
 
     <main class="layout">
diff --git a/src/components/SettingsDialog.vue b/src/components/SettingsDialog.vue
index e8c6095..4719d67 100644
--- a/src/components/SettingsDialog.vue
+++ b/src/components/SettingsDialog.vue
@@ -6,6 +6,8 @@ import { open } from "@tauri-apps/plugin-dialog";
 import { openUrl } from "@tauri-apps/plugin-opener";
 import { useI18n } from "vue-i18n";
 import { useReadingSettings } from "../composables/useReadingSettings";
+import { usePdfStyle } from "../composables/usePdfStyle";
+import { usePdfPreview } from "../composables/usePdfPreview";
 import {
   getCachedPandocRefDoc,
   setCachedPandocRefDoc,
@@ -152,6 +154,7 @@ const props = defineProps<{ visible: boolean }>();
 const emit = defineEmits<{ (e: "close"): void }>();
 
 const showShortcuts = ref(false);
+const settingsTab = ref<"reading" | "pdf">("reading");
 watch(
   () => props.visible,
   (v) => {
@@ -172,6 +175,29 @@ const {
   reset,
 } = useReadingSettings();
 
+const {
+  settings: pdfStyle,
+  templates: pdfTemplates,
+  templateCategories: pdfTemplateCategories,
+  fontChoices: pdfFontChoices,
+  codeFontChoices: pdfCodeFontChoices,
+  applyTemplate: applyPdfTemplate,
+  setOption: setPdfOption,
+  setDensity: setPdfDensity,
+  reset: resetPdfStyle,
+} = usePdfStyle();
+
+const pdfTemplateMap = computed<Record<string, (typeof pdfTemplates)[number]>>(
+  () => {
+    const m: Record<string, (typeof pdfTemplates)[number]> = {};
+    for (const tpl of pdfTemplates) m[tpl.id] = tpl;
+    return m;
+  }
+);
+
+const { previewHtml, previewLight, previewDark, sampleText, compareMode } =
+  usePdfPreview();
+
 interface SystemFont {
   name: string;
   monospaced: boolean;
@@ -231,227 +257,584 @@ async function registerAssociations() {
         <button class="close" @click="emit('close')">✕</button>
       </div>
 
-      <div class="row">
-        <label>{{ t("settings.fontSize") }}</label>
-        <input
-          type="range"
-          :value="settings.fontSize"
-          min="12"
-          max="24"
-          step="1"
-          @input="
-            (e) => setFontSize(Number((e.target as HTMLInputElement).value))
-          "
-        />
-        <span class="value">{{ settings.fontSize }}px</span>
+      <div class="tabs">
+        <button
+          type="button"
+          class="tab"
+          :class="{ active: settingsTab === 'reading' }"
+          @click="settingsTab = 'reading'"
+        >
+          {{ t("settings.tabReading") }}
+        </button>
+        <button
+          type="button"
+          class="tab"
+          :class="{ active: settingsTab === 'pdf' }"
+          @click="settingsTab = 'pdf'"
+        >
+          {{ t("settings.tabPdf") }}
+        </button>
       </div>
 
-      <div class="row">
-        <label>{{ t("settings.editorFontSize") }}</label>
-        <input
-          type="range"
-          :value="settings.editorFontSize"
-          min="12"
-          max="24"
-          step="1"
-          @input="
-            (e) =>
-              setEditorFontSize(Number((e.target as HTMLInputElement).value))
-          "
-        />
-        <span class="value">{{ settings.editorFontSize }}px</span>
-      </div>
+      <div v-show="settingsTab === 'reading'">
+        <div class="row">
+          <label>{{ t("settings.fontSize") }}</label>
+          <input
+            type="range"
+            :value="settings.fontSize"
+            min="12"
+            max="24"
+            step="1"
+            @input="
+              (e) => setFontSize(Number((e.target as HTMLInputElement).value))
+            "
+          />
+          <span class="value">{{ settings.fontSize }}px</span>
+        </div>
 
-      <div class="row">
-        <label>{{ t("settings.editorFontFamily") }}</label>
-        <select
-          :value="settings.editorFontFamily"
-          @change="
-            (e) => setEditorFontFamily((e.target as HTMLSelectElement).value)
-          "
-        >
-          <option value="mono">{{ t("settings.mono") }}</option>
-          <option disabled>────────</option>
-          <option v-for="name in systemFonts" :key="name" :value="name">
-            {{ name }}
-          </option>
-        </select>
-      </div>
+        <div class="row">
+          <label>{{ t("settings.editorFontSize") }}</label>
+          <input
+            type="range"
+            :value="settings.editorFontSize"
+            min="12"
+            max="24"
+            step="1"
+            @input="
+              (e) =>
+                setEditorFontSize(Number((e.target as HTMLInputElement).value))
+            "
+          />
+          <span class="value">{{ settings.editorFontSize }}px</span>
+        </div>
 
-      <div class="row">
-        <label>{{ t("settings.lineHeight") }}</label>
-        <input
-          type="range"
-          :value="settings.lineHeight"
-          min="1.3"
-          max="2.2"
-          step="0.05"
-          @input="
-            (e) => setLineHeight(Number((e.target as HTMLInputElement).value))
-          "
-        />
-        <span class="value">{{ settings.lineHeight.toFixed(2) }}</span>
-      </div>
+        <div class="row">
+          <label>{{ t("settings.editorFontFamily") }}</label>
+          <select
+            :value="settings.editorFontFamily"
+            @change="
+              (e) => setEditorFontFamily((e.target as HTMLSelectElement).value)
+            "
+          >
+            <option value="mono">{{ t("settings.mono") }}</option>
+            <option disabled>────────</option>
+            <option v-for="name in systemFonts" :key="name" :value="name">
+              {{ name }}
+            </option>
+          </select>
+        </div>
 
-      <div class="row">
-        <label>{{ t("settings.maxWidth") }}</label>
-        <input
-          type="range"
-          :value="settings.maxWidth"
-          min="640"
-          max="1320"
-          step="20"
-          @input="
-            (e) => setMaxWidth(Number((e.target as HTMLInputElement).value))
-          "
-        />
-        <span class="value">{{ settings.maxWidth }}px</span>
-      </div>
+        <div class="row">
+          <label>{{ t("settings.lineHeight") }}</label>
+          <input
+            type="range"
+            :value="settings.lineHeight"
+            min="1.3"
+            max="2.2"
+            step="0.05"
+            @input="
+              (e) => setLineHeight(Number((e.target as HTMLInputElement).value))
+            "
+          />
+          <span class="value">{{ settings.lineHeight.toFixed(2) }}</span>
+        </div>
 
-      <div class="row">
-        <label>{{ t("settings.fontFamily") }}</label>
-        <select
-          :value="settings.fontFamily"
-          @change="(e) => setFontFamily((e.target as HTMLSelectElement).value)"
-        >
-          <option
-            v-for="opt in fontOptions"
-            :key="opt.value"
-            :value="opt.value"
+        <div class="row">
+          <label>{{ t("settings.maxWidth") }}</label>
+          <input
+            type="range"
+            :value="settings.maxWidth"
+            min="640"
+            max="1320"
+            step="20"
+            @input="
+              (e) => setMaxWidth(Number((e.target as HTMLInputElement).value))
+            "
+          />
+          <span class="value">{{ settings.maxWidth }}px</span>
+        </div>
+
+        <div class="row">
+          <label>{{ t("settings.fontFamily") }}</label>
+          <select
+            :value="settings.fontFamily"
+            @change="(e) => setFontFamily((e.target as HTMLSelectElement).value)"
           >
-            {{ opt.label }}
-          </option>
-          <option disabled>────────</option>
-          <option v-for="name in systemFonts" :key="name" :value="name">
-            {{ name }}
-          </option>
-        </select>
-      </div>
+            <option
+              v-for="opt in fontOptions"
+              :key="opt.value"
+              :value="opt.value"
+            >
+              {{ opt.label }}
+            </option>
+            <option disabled>────────</option>
+            <option v-for="name in systemFonts" :key="name" :value="name">
+              {{ name }}
+            </option>
+          </select>
+        </div>
 
-      <div class="row">
-        <label>{{ t("settings.tocPosition") }}</label>
-        <select
-          :value="settings.tocPosition"
-          @change="
-            (e) =>
-              setTocPosition(
-                (e.target as HTMLSelectElement).value as 'left' | 'right'
-              )
-          "
-        >
-          <option value="left">{{ t("settings.tocLeft") }}</option>
-          <option value="right">{{ t("settings.tocRight") }}</option>
-        </select>
-      </div>
+        <div class="row">
+          <label>{{ t("settings.tocPosition") }}</label>
+          <select
+            :value="settings.tocPosition"
+            @change="
+              (e) =>
+                setTocPosition(
+                  (e.target as HTMLSelectElement).value as 'left' | 'right'
+                )
+            "
+          >
+            <option value="left">{{ t("settings.tocLeft") }}</option>
+            <option value="right">{{ t("settings.tocRight") }}</option>
+          </select>
+        </div>
 
-      <div class="association">
-        <div>
-          <div class="association-title">{{ t("settings.updateCheck") }}</div>
-          <div class="association-hint">
-            {{
-              t("settings.currentVersion", { version: currentVersion || "-" })
-            }}
+        <div class="association">
+          <div>
+            <div class="association-title">{{ t("settings.updateCheck") }}</div>
+            <div class="association-hint">
+              {{
+                t("settings.currentVersion", { version: currentVersion || "-" })
+              }}
+            </div>
+            <div
+              v-if="updateMessage"
+              class="association-status"
+              :class="updateStatusClass"
+            >
+              {{ updateMessage }}
+            </div>
           </div>
-          <div
-            v-if="updateMessage"
-            class="association-status"
-            :class="updateStatusClass"
-          >
-            {{ updateMessage }}
+          <div class="update-actions">
+            <button class="btn" :disabled="updateBusy" @click="checkForUpdates">
+              {{
+                updateBusy
+                  ? t("settings.checkingUpdate")
+                  : t("settings.checkUpdate")
+              }}
+            </button>
+            <button
+              v-if="updateStatus === 'available' || updateStatus === 'error'"
+              class="btn primary"
+              @click="openReleasePage"
+            >
+              {{ t("settings.openReleasePage") }}
+            </button>
+          </div>
+        </div>
+
+        <div class="association">
+          <div>
+            <div class="association-title">
+              {{ t("settings.pandocTemplate") }}
+            </div>
+            <div class="association-hint">
+              <span
+                v-if="pandocRefDoc"
+                class="ref-doc-path"
+                :title="pandocRefDoc"
+              >
+                {{ pandocRefDoc }}
+              </span>
+              <span v-else>{{ t("settings.pandocTemplateHint") }}</span>
+            </div>
+          </div>
+          <div class="update-actions">
+            <button class="btn" @click="pickPandocRefDoc">
+              {{ t("settings.chooseTemplate") }}
+            </button>
+            <button v-if="pandocRefDoc" class="btn" @click="clearPandocRefDoc">
+              {{ t("settings.clearTemplate") }}
+            </button>
           </div>
         </div>
-        <div class="update-actions">
-          <button class="btn" :disabled="updateBusy" @click="checkForUpdates">
+
+        <div class="association">
+          <div>
+            <div class="association-title">
+              {{ t("settings.fileAssociation") }}
+            </div>
+            <div class="association-hint">
+              {{ t("settings.fileAssociationHint") }}
+            </div>
+            <div
+              v-if="associationMessage"
+              class="association-status"
+              :class="associationStatus"
+            >
+              {{ associationMessage }}
+            </div>
+          </div>
+          <button
+            class="btn"
+            :disabled="associationBusy"
+            @click="registerAssociations"
+          >
             {{
-              updateBusy
-                ? t("settings.checkingUpdate")
-                : t("settings.checkUpdate")
+              associationBusy
+                ? t("settings.registering")
+                : t("settings.registerAssociation")
             }}
           </button>
-          <button
-            v-if="updateStatus === 'available' || updateStatus === 'error'"
-            class="btn primary"
-            @click="openReleasePage"
-          >
-            {{ t("settings.openReleasePage") }}
+        </div>
+
+        <div class="association">
+          <div>
+            <div class="association-title">{{ t("shortcuts.title") }}</div>
+            <div class="association-hint">{{ t("shortcuts.hint") }}</div>
+          </div>
+          <button class="btn" @click="showShortcuts = true">
+            {{ t("shortcuts.view") }}
           </button>
         </div>
-      </div>
 
-      <div class="association">
-        <div>
-          <div class="association-title">
-            {{ t("settings.pandocTemplate") }}
+        <div class="reading-reset">
+          <button class="btn" @click="reset">{{ t("settings.reset") }}</button>
+        </div>
+
+        <div v-show="settingsTab === 'pdf'" class="section">
+          <div class="section-title">{{ t("pdfStyle.title") }}</div>
+          <div class="association-hint">{{ t("pdfStyle.previewNote") }}</div>
+
+          <div class="preview-label">
+            {{ t("pdfStyle.preview") }}
+            <button
+              type="button"
+              class="compare-toggle"
+              :class="{ active: compareMode }"
+              @click="compareMode = !compareMode"
+            >
+              {{ t("pdfStyle.compare") }}
+            </button>
           </div>
-          <div class="association-hint">
-            <span
-              v-if="pandocRefDoc"
-              class="ref-doc-path"
-              :title="pandocRefDoc"
+          <textarea
+            v-model="sampleText"
+            class="preview-input"
+            :placeholder="t('pdfStyle.sampleText')"
+            rows="3"
+            spellcheck="false"
+          ></textarea>
+          <template v-if="compareMode">
+            <div class="preview-compare">
+              <div class="preview-col">
+                <div class="preview-col-title">{{ t("pdfStyle.light") }}</div>
+                <iframe
+                  class="pdf-preview"
+                  :srcdoc="previewLight"
+                  title="Light preview"
+                ></iframe>
+              </div>
+              <div class="preview-col">
+                <div class="preview-col-title">{{ t("pdfStyle.dark") }}</div>
+                <iframe
+                  class="pdf-preview"
+                  :srcdoc="previewDark"
+                  title="Dark preview"
+                ></iframe>
+              </div>
+            </div>
+          </template>
+          <iframe
+            v-else
+            class="pdf-preview"
+            :srcdoc="previewHtml"
+            title="PDF style preview"
+          ></iframe>
+
+          <div class="row">
+            <label>{{ t("pdfStyle.template") }}</label>
+            <select
+              :value="pdfStyle.templateId"
+              @change="
+                (e) =>
+                  applyPdfTemplate((e.target as HTMLSelectElement).value)
+              "
             >
-              {{ pandocRefDoc }}
-            </span>
-            <span v-else>{{ t("settings.pandocTemplateHint") }}</span>
+              <optgroup
+                v-for="cat in pdfTemplateCategories"
+                :key="cat.id"
+                :label="t(cat.i18nKey)"
+              >
+                <option
+                  v-for="tid in cat.items"
+                  :key="tid"
+                  :value="tid"
+                >
+                  {{ t(pdfTemplateMap[tid].i18nKey) }}
+                </option>
+              </optgroup>
+              <optgroup
+                v-if="pdfStyle.templateId === 'custom'"
+                :label="t('pdfStyle.custom')"
+              >
+                <option value="custom">{{ t("pdfStyle.custom") }}</option>
+              </optgroup>
+            </select>
           </div>
-        </div>
-        <div class="update-actions">
-          <button class="btn" @click="pickPandocRefDoc">
-            {{ t("settings.chooseTemplate") }}
-          </button>
-          <button v-if="pandocRefDoc" class="btn" @click="clearPandocRefDoc">
-            {{ t("settings.clearTemplate") }}
-          </button>
-        </div>
-      </div>
 
-      <div class="association">
-        <div>
-          <div class="association-title">
-            {{ t("settings.fileAssociation") }}
+          <div class="row">
+            <label>{{ t("pdfStyle.bodyFont") }}</label>
+            <select
+              :value="pdfStyle.bodyFont"
+              @change="
+                (e) =>
+                  setPdfOption('bodyFont', (e.target as HTMLSelectElement).value)
+              "
+            >
+              <option
+                v-for="f in pdfFontChoices"
+                :key="f.value"
+                :value="f.value"
+              >
+                {{ f.label }}
+              </option>
+            </select>
           </div>
-          <div class="association-hint">
-            {{ t("settings.fileAssociationHint") }}
+
+          <div class="row">
+            <label>{{ t("pdfStyle.headingFont") }}</label>
+            <select
+              :value="pdfStyle.headingFont"
+              @change="
+                (e) =>
+                  setPdfOption(
+                    'headingFont',
+                    (e.target as HTMLSelectElement).value
+                  )
+              "
+            >
+              <option
+                v-for="f in pdfFontChoices"
+                :key="f.value"
+                :value="f.value"
+              >
+                {{ f.label }}
+              </option>
+            </select>
           </div>
-          <div
-            v-if="associationMessage"
-            class="association-status"
-            :class="associationStatus"
-          >
-            {{ associationMessage }}
+
+          <div class="row">
+            <label>{{ t("pdfStyle.codeFont") }}</label>
+            <select
+              :value="pdfStyle.codeFont"
+              @change="
+                (e) =>
+                  setPdfOption('codeFont', (e.target as HTMLSelectElement).value)
+              "
+            >
+              <option
+                v-for="f in pdfCodeFontChoices"
+                :key="f.value"
+                :value="f.value"
+              >
+                {{ f.label }}
+              </option>
+            </select>
+          </div>
+
+          <div class="row">
+            <label>{{ t("pdfStyle.fontSize") }}</label>
+            <input
+              type="range"
+              :value="pdfStyle.fontSize"
+              min="12"
+              max="24"
+              step="1"
+              @input="
+                (e) =>
+                  setPdfOption('fontSize', Number((e.target as HTMLInputElement).value))
+              "
+            />
+            <span class="value">{{ pdfStyle.fontSize }}px</span>
+          </div>
+
+          <div class="row">
+            <label>{{ t("pdfStyle.lineHeight") }}</label>
+            <input
+              type="range"
+              :value="pdfStyle.lineHeight"
+              min="1.3"
+              max="2.4"
+              step="0.05"
+              @input="
+                (e) =>
+                  setPdfOption(
+                    'lineHeight',
+                    Number((e.target as HTMLInputElement).value)
+                  )
+              "
+            />
+            <span class="value">{{ pdfStyle.lineHeight.toFixed(2) }}</span>
+          </div>
+
+          <div class="row">
+            <label>{{ t("pdfStyle.density") }}</label>
+            <div class="density-group">
+              <button
+                type="button"
+                class="seg"
+                :class="{ active: pdfStyle.density === 'compact' }"
+                @click="setPdfDensity('compact')"
+              >
+                {{ t("pdfStyle.compact") }}
+              </button>
+              <button
+                type="button"
+                class="seg"
+                :class="{ active: pdfStyle.density === 'standard' }"
+                @click="setPdfDensity('standard')"
+              >
+                {{ t("pdfStyle.standard") }}
+              </button>
+              <button
+                type="button"
+                class="seg"
+                :class="{ active: pdfStyle.density === 'loose' }"
+                @click="setPdfDensity('loose')"
+              >
+                {{ t("pdfStyle.loose") }}
+              </button>
+            </div>
+          </div>
+
+          <div class="row">
+            <label>{{ t("pdfStyle.textColor") }}</label>
+            <input
+              type="color"
+              class="color-input"
+              :value="pdfStyle.textColor"
+              @input="
+                (e) =>
+                  setPdfOption('textColor', (e.target as HTMLInputElement).value)
+              "
+            />
+            <span class="value mono">{{ pdfStyle.textColor }}</span>
+          </div>
+
+          <div class="row">
+            <label>{{ t("pdfStyle.headingColor") }}</label>
+            <input
+              type="color"
+              class="color-input"
+              :value="pdfStyle.headingColor"
+              @input="
+                (e) =>
+                  setPdfOption(
+                    'headingColor',
+                    (e.target as HTMLInputElement).value
+                  )
+              "
+            />
+            <span class="value mono">{{ pdfStyle.headingColor }}</span>
           </div>
-        </div>
-        <button
-          class="btn"
-          :disabled="associationBusy"
-          @click="registerAssociations"
-        >
-          {{
-            associationBusy
-              ? t("settings.registering")
-              : t("settings.registerAssociation")
-          }}
-        </button>
-      </div>
 
-      <div class="association">
-        <div>
-          <div class="association-title">{{ t("shortcuts.title") }}</div>
-          <div class="association-hint">{{ t("shortcuts.hint") }}</div>
+          <div class="row">
+            <label>{{ t("pdfStyle.linkColor") }}</label>
+            <input
+              type="color"
+              class="color-input"
+              :value="pdfStyle.linkColor"
+              @input="
+                (e) =>
+                  setPdfOption('linkColor', (e.target as HTMLInputElement).value)
+              "
+            />
+            <span class="value mono">{{ pdfStyle.linkColor }}</span>
+          </div>
+
+          <div class="row">
+            <label>{{ t("pdfStyle.codeBg") }}</label>
+            <input
+              type="color"
+              class="color-input"
+              :value="pdfStyle.codeBg"
+              @input="
+                (e) =>
+                  setPdfOption('codeBg', (e.target as HTMLInputElement).value)
+              "
+            />
+            <span class="value mono">{{ pdfStyle.codeBg }}</span>
+          </div>
+
+          <div class="row">
+            <label>{{ t("pdfStyle.bgColor") }}</label>
+            <input
+              type="color"
+              class="color-input"
+              :value="pdfStyle.bgColor"
+              @input="
+                (e) =>
+                  setPdfOption('bgColor', (e.target as HTMLInputElement).value)
+              "
+            />
+            <span class="value mono">{{ pdfStyle.bgColor }}</span>
+          </div>
+
+          <div class="row">
+            <label>{{ t("pdfStyle.pageSize") }}</label>
+            <select
+              class="sub-select"
+              :value="pdfStyle.pageSize"
+              @change="
+                (e) =>
+                  setPdfOption('pageSize', (e.target as HTMLSelectElement).value as 'A4' | 'Letter')
+              "
+            >
+              <option value="A4">{{ t("pdfStyle.a4") }}</option>
+              <option value="Letter">{{ t("pdfStyle.letter") }}</option>
+            </select>
+            <select
+              class="sub-select"
+              :value="pdfStyle.orientation"
+              @change="
+                (e) =>
+                  setPdfOption(
+                    'orientation',
+                    (e.target as HTMLSelectElement).value as 'portrait' | 'landscape'
+                  )
+              "
+            >
+              <option value="portrait">{{ t("pdfStyle.portrait") }}</option>
+              <option value="landscape">{{ t("pdfStyle.landscape") }}</option>
+            </select>
+          </div>
+
+          <div class="row">
+            <label>{{ t("pdfStyle.pageMargin") }}</label>
+            <input
+              type="range"
+              :value="pdfStyle.pageMargin"
+              min="5"
+              max="40"
+              step="1"
+              @input="
+                (e) =>
+                  setPdfOption(
+                    'pageMargin',
+                    Number((e.target as HTMLInputElement).value)
+                  )
+              "
+            />
+            <span class="value">{{ pdfStyle.pageMargin }}mm</span>
+          </div>
+
+          <div class="section-actions">
+            <button class="btn" @click="resetPdfStyle">
+              {{ t("pdfStyle.reset") }}
+            </button>
+          </div>
         </div>
-        <button class="btn" @click="showShortcuts = true">
-          {{ t("shortcuts.view") }}
-        </button>
-      </div>
 
-      <div class="footer">
-        <button class="btn" @click="reset">{{ t("settings.reset") }}</button>
-        <button class="btn primary" @click="emit('close')">
-          {{ t("settings.done") }}
-        </button>
+        <div class="footer">
+          <button class="btn primary" @click="emit('close')">
+            {{ t("settings.done") }}
+          </button>
+        </div>
       </div>
     </div>
+    <ShortcutsDialog :visible="showShortcuts" @close="showShortcuts = false" />
   </div>
-  <ShortcutsDialog :visible="showShortcuts" @close="showShortcuts = false" />
 </template>
 
 <style scoped>
@@ -469,7 +852,10 @@ async function registerAssociations() {
   border: 1px solid var(--border);
   border-radius: 8px;
   padding: 20px 24px;
-  min-width: 420px;
+  min-width: 460px;
+  max-width: 640px;
+  max-height: 90vh;
+  overflow-y: auto;
   box-shadow: 0 20px 50px rgba(0, 0, 0, 0.3);
   color: var(--fg);
 }
@@ -511,6 +897,150 @@ select {
   border: 1px solid var(--border);
   border-radius: 4px;
 }
+.sub-select {
+  grid-column: auto;
+  min-width: 96px;
+}
+.density-group {
+  grid-column: 2 / span 2;
+  display: flex;
+  gap: 6px;
+}
+.seg {
+  flex: 1;
+  font-size: 13px;
+  padding: 5px 8px;
+  border: 1px solid var(--border);
+  background: var(--bg-btn);
+  color: var(--fg);
+  border-radius: 6px;
+  cursor: pointer;
+  transition: background 0.15s, color 0.15s;
+}
+.seg:hover {
+  background: var(--bg-btn-hover);
+}
+.seg.active {
+  background: var(--link);
+  color: #fff;
+  border-color: var(--link);
+}
+.tabs {
+  display: flex;
+  gap: 4px;
+  margin-bottom: 14px;
+  border-bottom: 1px solid var(--border);
+}
+.tab {
+  padding: 8px 14px;
+  font-size: 13px;
+  background: transparent;
+  border: none;
+  border-bottom: 2px solid transparent;
+  color: var(--fg-muted);
+  cursor: pointer;
+  transition: color 0.15s, border-color 0.15s;
+}
+.tab:hover {
+  color: var(--fg);
+}
+.tab.active {
+  color: var(--link);
+  border-bottom-color: var(--link);
+  font-weight: 600;
+}
+.reading-reset {
+  display: flex;
+  justify-content: flex-end;
+  margin-top: 16px;
+  padding-top: 14px;
+  border-top: 1px solid var(--border);
+}
+.preview-label {
+  margin-top: 12px;
+  font-size: 12px;
+  font-weight: 600;
+  color: var(--fg-muted);
+}
+.preview-input {
+  width: 100%;
+  margin-top: 8px;
+  padding: 8px 10px;
+  font-size: 12px;
+  line-height: 1.5;
+  font-family: ui-monospace, SFMono-Regular, Consolas, monospace;
+  color: var(--fg);
+  background: var(--bg-btn);
+  border: 1px solid var(--border);
+  border-radius: 6px;
+  resize: vertical;
+}
+.compare-toggle {
+  margin-left: 10px;
+  font-size: 11px;
+  font-weight: 500;
+  padding: 2px 10px;
+  border: 1px solid var(--border);
+  background: var(--bg-btn);
+  color: var(--fg-muted);
+  border-radius: 999px;
+  cursor: pointer;
+}
+.compare-toggle:hover {
+  background: var(--bg-btn-hover);
+}
+.compare-toggle.active {
+  background: var(--link);
+  color: #fff;
+  border-color: var(--link);
+}
+.preview-compare {
+  display: grid;
+  grid-template-columns: 1fr 1fr;
+  gap: 10px;
+  margin-top: 8px;
+}
+.preview-col-title {
+  font-size: 11px;
+  color: var(--fg-muted);
+  margin-bottom: 4px;
+}
+.pdf-preview {
+  width: 100%;
+  height: 280px;
+  margin-top: 8px;
+  border: 1px solid var(--border);
+  border-radius: 8px;
+  background: #fff;
+}
+.color-input {
+  grid-column: 2;
+  width: 48px;
+  height: 26px;
+  padding: 0;
+  border: 1px solid var(--border);
+  border-radius: 4px;
+  background: transparent;
+  cursor: pointer;
+}
+.mono {
+  font-family: ui-monospace, SFMono-Regular, Consolas, monospace;
+}
+.section {
+  margin-top: 18px;
+  padding-top: 14px;
+  border-top: 1px solid var(--border);
+}
+.section-title {
+  font-size: 13px;
+  font-weight: 600;
+  margin-bottom: 4px;
+}
+.section-actions {
+  display: flex;
+  justify-content: flex-end;
+  margin-top: 10px;
+}
 .association {
   display: grid;
   grid-template-columns: 1fr auto;
diff --git a/src/components/TabBar.vue b/src/components/TabBar.vue
index fdfcce4..9b5bdca 100644
--- a/src/components/TabBar.vue
+++ b/src/components/TabBar.vue
@@ -11,19 +11,28 @@ const props = defineProps<{
 const emit = defineEmits<{
   (e: "activate", id: string): void;
   (e: "close", id: string): void;
+  (e: "closeOthers", id: string): void;
+  (e: "closeAll"): void;
+  (e: "refresh", id: string): void;
   (e: "revealFile", path: string): void;
+  (e: "copyPath", path: string): void;
 }>();
 
 const { t } = useI18n();
 
-const menuState = ref<{ visible: boolean; x: number; y: number; path: string }>(
-  {
-    visible: false,
-    x: 0,
-    y: 0,
-    path: "",
-  }
-);
+const menuState = ref<{
+  visible: boolean;
+  x: number;
+  y: number;
+  id: string;
+  path: string;
+}>({
+  visible: false,
+  x: 0,
+  y: 0,
+  id: "",
+  path: "",
+});
 
 const items = computed(() =>
   props.tabs.map((tab) => ({
@@ -45,23 +54,58 @@ function onMiddle(id: string) {
   emit("close", id);
 }
 
-function onContextMenu(e: MouseEvent, path: string) {
-  if (!path) return;
+function onContextMenu(e: MouseEvent, item: { id: string; path: string }) {
+  if (!item.path) return;
   e.preventDefault();
   e.stopPropagation();
-  menuState.value = { visible: true, x: e.clientX, y: e.clientY, path };
+  menuState.value = {
+    visible: true,
+    x: e.clientX,
+    y: e.clientY,
+    id: item.id,
+    path: item.path,
+  };
 }
 
 function closeMenu() {
   menuState.value.visible = false;
 }
 
+function onClose() {
+  if (menuState.value.id) emit("close", menuState.value.id);
+  closeMenu();
+}
+
+function onCloseOthers() {
+  if (menuState.value.id && props.tabs.length > 1) {
+    emit("closeOthers", menuState.value.id);
+  }
+  closeMenu();
+}
+
+function onCloseAll() {
+  if (props.tabs.length > 0) emit("closeAll");
+  closeMenu();
+}
+
+function onRefresh() {
+  if (menuState.value.id) emit("refresh", menuState.value.id);
+  closeMenu();
+}
+
 function onRevealFile() {
   if (menuState.value.path) {
     emit("revealFile", menuState.value.path);
   }
   closeMenu();
 }
+
+function onCopyPath() {
+  if (menuState.value.path) {
+    emit("copyPath", menuState.value.path);
+  }
+  closeMenu();
+}
 </script>
 
 <template>
@@ -74,7 +118,7 @@ function onRevealFile() {
       :title="item.path"
       @click="emit('activate', item.id)"
       @mousedown.middle.prevent="onMiddle(item.id)"
-      @contextmenu.prevent="onContextMenu($event, item.path)"
+      @contextmenu.prevent="onContextMenu($event, item)"
     >
       <span v-if="item.isDirty" class="dot"></span>
       <span class="name">{{ item.name }}</span>
@@ -93,6 +137,26 @@ function onRevealFile() {
       :style="{ left: menuState.x + 'px', top: menuState.y + 'px' }"
       @click.stop="closeMenu"
     >
+      <div class="menu-item" @click="onClose">{{ t("tabs.close") }}</div>
+      <div
+        class="menu-item"
+        :class="{ disabled: tabs.length <= 1 }"
+        @click="onCloseOthers"
+      >
+        {{ t("tabs.closeOthers") }}
+      </div>
+      <div
+        class="menu-item"
+        :class="{ disabled: tabs.length === 0 }"
+        @click="onCloseAll"
+      >
+        {{ t("tabs.closeAll") }}
+      </div>
+      <div class="menu-item" @click="onRefresh">{{ t("tabs.refresh") }}</div>
+      <div class="menu-sep"></div>
+      <div class="menu-item" @click="onCopyPath">
+        {{ t("tabs.copyPath") }}
+      </div>
       <div class="menu-item" @click="onRevealFile">
         {{ t("app.openContainingFolder") }}
       </div>
@@ -195,6 +259,16 @@ function onRevealFile() {
 .context-menu .menu-item:hover {
   background: var(--bg-btn-hover);
 }
+.context-menu .menu-item.disabled {
+  opacity: 0.4;
+  cursor: default;
+  pointer-events: none;
+}
+.context-menu .menu-sep {
+  height: 1px;
+  margin: 4px 0;
+  background: var(--border);
+}
 .context-menu-overlay {
   position: fixed;
   inset: 0;
diff --git a/src/composables/exportStyles.ts b/src/composables/exportStyles.ts
index 0cc4353..73abbdd 100644
--- a/src/composables/exportStyles.ts
+++ b/src/composables/exportStyles.ts
@@ -1,47 +1,62 @@
+// Base CSS for exported HTML / PDF. All visual properties read from the
+// --pdf-* CSS variables injected by usePdfStyle (pdfStyleToCss). Defaults in the
+// var() fallbacks reproduce the original GitHub-like look when no style is set.
 export const EXPORT_BASE_CSS = `
 *, *::before, *::after { box-sizing: border-box; }
 body {
-  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC",
-    "Microsoft YaHei", "Helvetica Neue", Arial, sans-serif;
-  color: #24292f;
-  background: #fff;
+  font-family: var(--pdf-body-font, -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", "Helvetica Neue", Arial, sans-serif);
+  color: var(--pdf-fg, #24292f);
+  background: var(--pdf-bg, #fff);
   margin: 0;
-  padding: 40px 32px 80px;
-  line-height: 1.75;
-  font-size: 16px;
+  padding: 0;
+  line-height: var(--pdf-line-height, 1.75);
+  font-size: var(--pdf-body-size, 16px);
 }
-.markdown-body { max-width: 900px; margin: 0 auto; }
-h1, h2, h3, h4, h5, h6 { font-weight: 600; line-height: 1.3; margin: 1.5em 0 0.6em; }
-h1 { font-size: 2em; border-bottom: 1px solid #d0d7de; padding-bottom: 0.3em; }
-h2 { font-size: 1.5em; border-bottom: 1px solid #d0d7de; padding-bottom: 0.3em; }
-h3 { font-size: 1.25em; } h4 { font-size: 1em; }
-p, ul, ol, blockquote, pre { margin: 0 0 1em; }
+/* Screen preview padding (does not affect print/PDF, which uses @page margins). */
+@media screen { body { padding: 48px 40px 64px; } }
+.markdown-body { max-width: 100%; margin: 0 auto; }
+h1, h2, h3, h4, h5, h6 {
+  font-family: var(--pdf-heading-font, inherit);
+  color: var(--pdf-heading-fg, inherit);
+  font-weight: 600; line-height: 1.3;
+  margin: calc(var(--pdf-block-gap, 1em) * 1.5) 0 calc(var(--pdf-block-gap, 1em) * 0.6);
+}
+h1 { font-size: var(--pdf-h1, 2em); border-bottom: 1px solid var(--pdf-border, #d0d7de); padding-bottom: 0.3em; }
+h2 { font-size: var(--pdf-h2, 1.5em); border-bottom: 1px solid var(--pdf-border, #d0d7de); padding-bottom: 0.3em; }
+h3 { font-size: var(--pdf-h3, 1.25em); } h4 { font-size: 1em; }
+p, ul, ol, blockquote, pre { margin: 0 0 var(--pdf-block-gap, 1em); }
 ul, ol { padding-left: 1.8em; }
-a { color: #0969da; text-decoration: none; }
+a { color: var(--pdf-link, #0969da); text-decoration: none; }
 img { max-width: 100%; height: auto; }
-blockquote { padding: 0 1em; color: #57606a; border-left: 4px solid #d0d7de; margin: 1em 0; }
-code { background: #f6f8fa; padding: 0.2em 0.4em; border-radius: 4px; font-size: 0.9em;
-  font-family: ui-monospace, SFMono-Regular, Consolas, monospace; }
-pre { background: #f6f8fa; padding: 14px 16px; border-radius: 6px; overflow: auto; }
-pre code { background: transparent; padding: 0; }
-.front-matter { margin: 0 0 1.25em; padding: 12px 14px; border: 1px solid #d0d7de; border-radius: 8px; background: #f6f8fa; }
-.front-matter-title { margin-bottom: 8px; color: #57606a; font-size: 12px; font-weight: 600; letter-spacing: 0.04em; text-transform: uppercase; }
+blockquote {
+  padding: 0 1em; color: var(--pdf-quote-fg, #57606a);
+  border-left: 4px solid var(--pdf-quote-border, #d0d7de); margin: var(--pdf-block-gap, 1em) 0;
+}
+code {
+  background: var(--pdf-code-bg, #f6f8fa);
+  color: var(--pdf-code-fg, inherit);
+  padding: 0.2em 0.4em; border-radius: 4px; font-size: 0.9em;
+  font-family: var(--pdf-code-font, ui-monospace, SFMono-Regular, Consolas, monospace);
+}
+pre { background: var(--pdf-code-bg, #f6f8fa); padding: 14px 16px; border-radius: 6px; overflow: auto; }
+pre code { background: transparent; padding: 0; color: inherit; }
+.front-matter { margin: 0 0 calc(var(--pdf-block-gap, 1em) * 1.25); padding: 12px 14px; border: 1px solid var(--pdf-border, #d0d7de); border-radius: 8px; background: var(--pdf-code-bg, #f6f8fa); }
+.front-matter-title { margin-bottom: 8px; color: var(--pdf-quote-fg, #57606a); font-size: 12px; font-weight: 600; letter-spacing: 0.04em; text-transform: uppercase; }
 .front-matter table { margin: 0; width: 100%; display: table; }
-.front-matter th { width: 1%; white-space: nowrap; color: #57606a; vertical-align: top; }
+.front-matter th { width: 1%; white-space: nowrap; color: var(--pdf-quote-fg, #57606a); vertical-align: top; }
 .front-matter td ul { margin: 0; padding-left: 1.3em; }
 .front-matter pre { margin: 0; padding: 8px 10px; }
 .front-matter-error { color: #c00; }
-.table-wrap { overflow-x: auto; margin: 0 0 1em; }
+.table-wrap { overflow-x: auto; margin: 0 0 var(--pdf-block-gap, 1em); }
 table { border-collapse: collapse; width: 100%; display: table; }
-th, td { border: 1px solid #d0d7de; padding: 6px 12px; }
-tr:nth-child(2n) td { background: #f6f8fa; }
-hr { border: 0; border-top: 1px solid #d0d7de; margin: 2em 0; }
+th, td { border: 1px solid var(--pdf-border, #d0d7de); padding: 6px 12px; }
+thead th, .front-matter th { background: var(--pdf-table-head-bg, #f6f8fa); }
+tr:nth-child(2n) td { background: var(--pdf-table-even-bg, #f6f8fa); }
+hr { border: 0; border-top: 1px solid var(--pdf-border, #d0d7de); margin: calc(var(--pdf-block-gap, 1em) * 2) 0; }
 .task-list-item { list-style: none; margin-left: -1.4em; }
 .task-list-item input[type="checkbox"] { margin-right: 6px; }
-.footnotes { margin-top: 2em; padding-top: 1em; border-top: 1px solid #d0d7de;
-  font-size: 0.9em; color: #57606a; }
-.mermaid-block { margin: 1em 0; text-align: center; background: #f6f8fa;
-  padding: 14px; border-radius: 6px; overflow-x: auto; }
+.footnotes { margin-top: calc(var(--pdf-block-gap, 1em) * 2); padding-top: 1em; border-top: 1px solid var(--pdf-border, #d0d7de); font-size: 0.9em; color: var(--pdf-quote-fg, #57606a); }
+.mermaid-block { margin: 1em 0; text-align: center; background: var(--pdf-code-bg, #f6f8fa); padding: 14px; border-radius: 6px; overflow-x: auto; }
 .mermaid-block svg { max-width: 100%; height: auto; }
 .math-block { margin: 1em 0; text-align: center; overflow-x: auto; }
 .header-anchor { display: none !important; }
diff --git a/src/composables/useExport.ts b/src/composables/useExport.ts
index ef20da4..47570bd 100644
--- a/src/composables/useExport.ts
+++ b/src/composables/useExport.ts
@@ -5,6 +5,13 @@ import hljsLight from "highlight.js/styles/github.css?raw";
 import hljsDark from "highlight.js/styles/github-dark.css?raw";
 import katexCss from "katex/dist/katex.min.css?raw";
 import { EXPORT_BASE_CSS } from "./exportStyles";
+import {
+  usePdfStyle,
+  pdfStyleToCss,
+  isLightColor,
+  getDefaultPdfStyle,
+  type PdfStyleOptions,
+} from "./usePdfStyle";
 import { inlineImages, ensureSvgNamespace } from "./exportInline";
 import { i18n } from "../i18n";
 
@@ -19,10 +26,6 @@ function escapeHtml(s: string): string {
     .replace(/>/g, "&gt;");
 }
 
-function pickTheme(): "light" | "dark" {
-  return document.documentElement.dataset.theme === "dark" ? "dark" : "light";
-}
-
 function buildDefaultPath(sourceFilePath: string | undefined, defaultFileName: string): string {
   if (sourceFilePath) {
     const lastSep = Math.max(sourceFilePath.lastIndexOf("/"), sourceFilePath.lastIndexOf("\\"));
@@ -36,6 +39,7 @@ function buildDefaultPath(sourceFilePath: string | undefined, defaultFileName: s
 
 export interface BuildExportOpts {
   forceLight?: boolean;
+  pdfStyle?: PdfStyleOptions;
 }
 
 export async function buildExportHtml(
@@ -55,8 +59,14 @@ export async function buildExportHtml(
   await inlineImages(clone);
   ensureSvgNamespace(clone);
 
-  const theme = opts.forceLight ? "light" : pickTheme();
-  const hljs = theme === "dark" ? hljsDark : hljsLight;
+  const pdfStyle = opts.pdfStyle ?? getDefaultPdfStyle();
+  // Pick the code-highlight theme based on the chosen page background.
+  const dark =
+    opts.forceLight
+      ? false
+      : !isLightColor(pdfStyle.bgColor);
+  const hljs = dark ? hljsDark : hljsLight;
+  const styleVars = pdfStyleToCss(pdfStyle);
 
   return `<!doctype html>
 <html lang="zh-CN">
@@ -67,6 +77,7 @@ export async function buildExportHtml(
 ${katexCss}
 ${hljs}
 ${EXPORT_BASE_CSS}
+${styleVars}
 </style>
 </head>
 <body>
@@ -90,7 +101,9 @@ export async function exportToHtml(
     filters: [{ name: "HTML", extensions: ["html", "htm"] }],
   });
   if (!dest) return null;
-  const html = await buildExportHtml(body, baseName);
+  const html = await buildExportHtml(body, baseName, {
+    pdfStyle: usePdfStyle().settings.value,
+  });
   await writeTextFile(dest, html);
   return dest;
 }
@@ -132,7 +145,10 @@ async function pandocExport(
     filters: [{ name: prettyName, extensions: [ext] }],
   });
   if (!dest) return null;
-  const html = await buildExportHtml(body, title, { forceLight: true });
+  const html = await buildExportHtml(body, title, {
+    forceLight: true,
+    pdfStyle: getDefaultPdfStyle(),
+  });
   return await invoke<string>("export_with_pandoc", {
     opts: {
       html,
@@ -212,7 +228,9 @@ export async function exportToPdf(
     filters: [{ name: "PDF", extensions: ["pdf"] }],
   });
   if (!dest) return null;
-  const html = await buildExportHtml(body, title, { forceLight: true });
+  const html = await buildExportHtml(body, title, {
+    pdfStyle: usePdfStyle().settings.value,
+  });
   const cached = getCachedEdgePath();
   try {
     return await callEdge(html, dest, cached);
@@ -229,7 +247,7 @@ export async function exportToPdf(
 }
 
 export function printDocument(body: HTMLElement, title: string) {
-  buildExportHtml(body, title, { forceLight: true })
+  buildExportHtml(body, title, { pdfStyle: usePdfStyle().settings.value })
     .then((html) => {
       const blob = new globalThis.Blob([html], { type: "text/html" });
       const url = globalThis.URL.createObjectURL(blob);
diff --git a/src/composables/usePdfPreview.ts b/src/composables/usePdfPreview.ts
new file mode 100644
index 0000000..eea9214
--- /dev/null
+++ b/src/composables/usePdfPreview.ts
@@ -0,0 +1,130 @@
+// Live preview for the PDF export style panel. Reuses the exact same pipeline as
+// the real export (renderMarkdown + buildExportHtml) so what you see is what you get,
+// rendered in isolated <iframe srcdoc> that cannot affect the app's own styles.
+// Optionally renders a side-by-side 浅色 / 深色 (light / dark) comparison that keeps the
+// user's chosen typography but forces a neutral light or dark page palette.
+import { onMounted, ref, watch, type Ref } from "vue";
+import { renderMarkdown } from "./useMarkdown";
+import { buildExportHtml } from "./useExport";
+import { usePdfStyle, type PdfStyleOptions } from "./usePdfStyle";
+
+// A small but representative document exercising headings, text, lists, a table,
+// a blockquote, inline code and a fenced code block.
+const SAMPLE = `# 标题示例 H1
+## 二级标题 H2
+## 三级标题 H3
+
+这是一段**正文**示例，包含 *斜体*、\`行内代码\` 与[链接](https://example.com)。
+
+> 引用：好的排版让人更愿意读完一整篇文档。
+
+- 列表项一
+- 列表项二
+  - 嵌套项
+
+1. 有序一
+2. 有序二
+
+| 名称 | 数值 |
+| --- | --- |
+| A | 10 |
+| B | 20 |
+
+\`\`\`ts
+function greet(name: string): string {
+  return \`Hello, \${name}\`;
+}
+\`\`\`
+
+—— 预览随上方样式设置实时更新。`;
+
+// Neutral, readable GitHub-like palettes used by the light/dark comparison.
+// Typography (font, size, density, code font) is kept from the user's style; only
+// the color fields are overridden so the user can compare page polarity.
+function lightVariant(o: PdfStyleOptions): PdfStyleOptions {
+  return {
+    ...o,
+    bgColor: "#ffffff",
+    textColor: "#24292f",
+    headingColor: "#1f2328",
+    linkColor: "#0969da",
+    codeBg: "#f6f8fa",
+    codeColor: "#24292f",
+    quoteColor: "#57606a",
+    quoteBorder: "#d0d7de",
+    borderColor: "#d0d7de",
+    tableHeadBg: "#f6f8fa",
+    tableOddBg: "#ffffff",
+    tableEvenBg: "#f6f8fa",
+  };
+}
+
+function darkVariant(o: PdfStyleOptions): PdfStyleOptions {
+  return {
+    ...o,
+    bgColor: "#0d1117",
+    textColor: "#c9d1d9",
+    headingColor: "#e6edf3",
+    linkColor: "#58a6ff",
+    codeBg: "#161b22",
+    codeColor: "#c9d1d9",
+    quoteColor: "#8b949e",
+    quoteBorder: "#30363d",
+    borderColor: "#30363d",
+    tableHeadBg: "#161b22",
+    tableOddBg: "#0d1117",
+    tableEvenBg: "#161b22",
+  };
+}
+
+export interface PdfPreviewState {
+  previewHtml: Ref<string>;
+  previewLight: Ref<string>;
+  previewDark: Ref<string>;
+  sampleText: Ref<string>;
+  compareMode: Ref<boolean>;
+}
+
+export function usePdfPreview(): PdfPreviewState {
+  const previewHtml = ref("");
+  const previewLight = ref("");
+  const previewDark = ref("");
+  const sampleText = ref(SAMPLE);
+  const compareMode = ref(false);
+  const { settings } = usePdfStyle();
+  let timer: number | undefined;
+
+  async function rebuild(): Promise<void> {
+    const html = renderMarkdown(sampleText.value);
+    const container = document.createElement("div");
+    container.innerHTML = html;
+    const base = { pdfStyle: settings.value };
+    previewHtml.value = await buildExportHtml(container, "预览", base);
+    if (compareMode.value) {
+      previewLight.value = await buildExportHtml(
+        container,
+        "浅色",
+        { pdfStyle: lightVariant(settings.value) }
+      );
+      previewDark.value = await buildExportHtml(
+        container,
+        "深色",
+        { pdfStyle: darkVariant(settings.value) }
+      );
+    }
+  }
+
+  function schedule(): void {
+    if (timer !== undefined) window.clearTimeout(timer);
+    timer = window.setTimeout(() => {
+      void rebuild();
+    }, 150);
+  }
+
+  onMounted(rebuild);
+  watch(settings, schedule, { deep: true });
+  watch(sampleText, schedule);
+  watch(compareMode, schedule);
+
+  return { previewHtml, previewLight, previewDark, sampleText, compareMode };
+}
diff --git a/src/composables/usePdfStyle.ts b/src/composables/usePdfStyle.ts
new file mode 100644
index 0000000..33f47b5
--- /dev/null
+++ b/src/composables/usePdfStyle.ts
@@ -0,0 +1,746 @@
+// PDF export styling: fonts, colors, spacing, page geometry and preset templates.
+// Mirrors the options exposed by md-to.com's Markdown-to-PDF exporter so that the
+// Edge-headless PDF output can be tuned (font family / font color / templates).
+import { ref } from "vue";
+
+export type PdfPageSize = "A4" | "Letter";
+export type PdfOrientation = "portrait" | "landscape";
+export type PdfDensity = "compact" | "standard" | "loose";
+
+// Spacing presets (mirrors md-to.com's Compact / Standard / Loose variants).
+export const PDF_DENSITY_SPACING: Record<
+  PdfDensity,
+  { lineHeight: number; blockGap: number }
+> = {
+  compact: { lineHeight: 1.5, blockGap: 0.6 },
+  standard: { lineHeight: 1.75, blockGap: 1 },
+  loose: { lineHeight: 2.0, blockGap: 1.4 },
+};
+
+export interface PdfStyleOptions {
+  templateId: string;
+  bodyFont: string;
+  headingFont: string;
+  codeFont: string;
+  fontSize: number; // body font size in px
+  h1Scale: number; // em
+  h2Scale: number; // em
+  h3Scale: number; // em
+  lineHeight: number;
+  density: PdfDensity;
+  blockGap: number; // em, vertical gap between blocks/headings
+  textColor: string;
+  headingColor: string;
+  linkColor: string;
+  codeColor: string;
+  codeBg: string;
+  bgColor: string;
+  quoteColor: string;
+  quoteBorder: string;
+  borderColor: string;
+  tableHeadBg: string;
+  tableOddBg: string;
+  tableEvenBg: string;
+  pageMargin: number; // mm
+  pageSize: PdfPageSize;
+  orientation: PdfOrientation;
+}
+
+export interface PdfFontChoice {
+  label: string;
+  value: string;
+}
+
+export const PDF_FONT_CHOICES: PdfFontChoice[] = [
+  {
+    label: "系统默认（中文）",
+    value:
+      '-apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", "Helvetica Neue", Arial, sans-serif',
+  },
+  {
+    label: "微软雅黑 Microsoft YaHei",
+    value: '"Microsoft YaHei", "PingFang SC", sans-serif',
+  },
+  {
+    label: "宋体 SimSun（衬线）",
+    value: '"SimSun", "Songti SC", "STSong", serif',
+  },
+  { label: "黑体 SimHei", value: '"SimHei", "Microsoft YaHei", sans-serif' },
+  {
+    label: "思源黑体 Noto Sans SC",
+    value: '"Noto Sans SC", "Source Han Sans SC", "Microsoft YaHei", sans-serif',
+  },
+  {
+    label: "思源宋体 Noto Serif SC",
+    value: '"Noto Serif SC", "Source Han Serif SC", "SimSun", serif',
+  },
+  {
+    label: "Inter（无衬线）",
+    value: '"Inter", "PingFang SC", "Microsoft YaHei", sans-serif',
+  },
+  {
+    label: "Georgia（衬线英文）",
+    value: 'Georgia, "Times New Roman", "SimSun", serif',
+  },
+  { label: "Arial", value: 'Arial, "Microsoft YaHei", sans-serif' },
+];
+
+export const PDF_CODE_FONT_CHOICES: PdfFontChoice[] = [
+  {
+    label: "等宽（系统）",
+    value:
+      'ui-monospace, SFMono-Regular, "JetBrains Mono", Consolas, "Cascadia Code", monospace',
+  },
+  { label: "JetBrains Mono", value: '"JetBrains Mono", Consolas, monospace' },
+  { label: "Consolas", value: 'Consolas, "Courier New", monospace' },
+  {
+    label: "Source Code Pro",
+    value: '"Source Code Pro", Consolas, monospace',
+  },
+  {
+    label: "SF Mono",
+    value: '"SF Mono", "JetBrains Mono", Consolas, monospace',
+  },
+];
+
+const SYSTEM_STACK = PDF_FONT_CHOICES[0].value;
+const MONO_STACK = PDF_CODE_FONT_CHOICES[0].value;
+
+function base(): PdfStyleOptions {
+  return {
+    templateId: "default",
+    bodyFont: SYSTEM_STACK,
+    headingFont: SYSTEM_STACK,
+    codeFont: MONO_STACK,
+    fontSize: 16,
+    h1Scale: 2,
+    h2Scale: 1.5,
+    h3Scale: 1.25,
+    lineHeight: 1.75,
+    density: "standard",
+    blockGap: 1,
+    textColor: "#24292f",
+    headingColor: "#1f2328",
+    linkColor: "#0969da",
+    codeColor: "#24292f",
+    codeBg: "#f6f8fa",
+    bgColor: "#ffffff",
+    quoteColor: "#57606a",
+    quoteBorder: "#d0d7de",
+    borderColor: "#d0d7de",
+    tableHeadBg: "#f6f8fa",
+    tableOddBg: "#ffffff",
+    tableEvenBg: "#f6f8fa",
+    pageMargin: 18,
+    pageSize: "A4",
+    orientation: "portrait",
+  };
+}
+
+export interface PdfTemplate {
+  id: string;
+  i18nKey: string;
+  options: Partial<PdfStyleOptions>;
+}
+
+// Preset templates (a curated subset inspired by md-to.com's template gallery).
+export const PDF_TEMPLATES: PdfTemplate[] = [
+  {
+    id: "default",
+    i18nKey: "pdfStyle.tpl.default",
+    options: {},
+  },
+  {
+    id: "minimal",
+    i18nKey: "pdfStyle.tpl.minimal",
+    options: {
+      textColor: "#333333",
+      headingColor: "#111111",
+      linkColor: "#007acc",
+      codeBg: "#f5f5f5",
+      borderColor: "#e0e0e0",
+      quoteColor: "#666666",
+      quoteBorder: "#cccccc",
+      tableHeadBg: "#f5f5f5",
+      tableEvenBg: "#fafafa",
+      lineHeight: 1.7,
+    },
+  },
+  {
+    id: "academic",
+    i18nKey: "pdfStyle.tpl.academic",
+    options: {
+      bodyFont: PDF_FONT_CHOICES[5].value,
+      headingFont: PDF_FONT_CHOICES[5].value,
+      textColor: "#1a1a1a",
+      headingColor: "#1b5e20",
+      linkColor: "#1565c0",
+      codeBg: "#f3f3f3",
+      bgColor: "#ffffff",
+      quoteColor: "#555555",
+      quoteBorder: "#cfcfcf",
+      borderColor: "#cfcfcf",
+      tableHeadBg: "#eef5ee",
+      tableEvenBg: "#f7faf7",
+      lineHeight: 1.9,
+      fontSize: 16,
+      pageMargin: 20,
+    },
+  },
+  {
+    id: "eyeCare",
+    i18nKey: "pdfStyle.tpl.eyeCare",
+    options: {
+      textColor: "#42403a",
+      headingColor: "#2f3a2f",
+      linkColor: "#2e7d6b",
+      codeBg: "#eae3d2",
+      bgColor: "#f5f0e1",
+      quoteColor: "#6b6452",
+      quoteBorder: "#d8cdb5",
+      borderColor: "#d8cdb5",
+      tableHeadBg: "#ece4d0",
+      tableOddBg: "#f5f0e1",
+      tableEvenBg: "#efe8d6",
+      lineHeight: 1.8,
+    },
+  },
+  {
+    id: "businessBlue",
+    i18nKey: "pdfStyle.tpl.businessBlue",
+    options: {
+      textColor: "#1f2933",
+      headingColor: "#0b3d91",
+      linkColor: "#0969da",
+      codeBg: "#f4f6fb",
+      bgColor: "#ffffff",
+      quoteColor: "#52606d",
+      quoteBorder: "#d6deeb",
+      borderColor: "#d6deeb",
+      tableHeadBg: "#eef2fb",
+      tableEvenBg: "#f7f9fc",
+      lineHeight: 1.7,
+    },
+  },
+  {
+    id: "classicBrown",
+    i18nKey: "pdfStyle.tpl.classicBrown",
+    options: {
+      bodyFont: PDF_FONT_CHOICES[5].value,
+      headingFont: PDF_FONT_CHOICES[5].value,
+      bgColor: "#fbf7f0",
+      textColor: "#2b2620",
+      headingColor: "#6b4226",
+      linkColor: "#8a5a2b",
+      codeBg: "#f1ece2",
+      quoteColor: "#6b5f4f",
+      quoteBorder: "#e0d6c3",
+      borderColor: "#e0d6c3",
+      tableHeadBg: "#f1e9da",
+      tableEvenBg: "#f6f1e7",
+      lineHeight: 1.9,
+    },
+  },
+  {
+    id: "dark",
+    i18nKey: "pdfStyle.tpl.dark",
+    options: {
+      bgColor: "#0d1117",
+      textColor: "#c9d1d9",
+      headingColor: "#e6edf3",
+      linkColor: "#58a6ff",
+      codeBg: "#161b22",
+      codeColor: "#c9d1d9",
+      quoteColor: "#8b949e",
+      quoteBorder: "#30363d",
+      borderColor: "#30363d",
+      tableHeadBg: "#161b22",
+      tableOddBg: "#0d1117",
+      tableEvenBg: "#161b22",
+      lineHeight: 1.7,
+    },
+  },
+  {
+    id: "github",
+    i18nKey: "pdfStyle.tpl.github",
+    options: {
+      textColor: "#1f2328",
+      headingColor: "#1f2328",
+      linkColor: "#0969da",
+      codeBg: "#f6f8fa",
+      borderColor: "#d0d7de",
+      quoteColor: "#59636e",
+      quoteBorder: "#d0d7de",
+      tableHeadBg: "#f6f8fa",
+      tableEvenBg: "#f6f8fa",
+      lineHeight: 1.75,
+    },
+  },
+  // --- Developer templates ---
+  {
+    id: "terminalGreen",
+    i18nKey: "pdfStyle.tpl.terminalGreen",
+    options: {
+      bodyFont: PDF_CODE_FONT_CHOICES[0].value,
+      headingFont: PDF_CODE_FONT_CHOICES[0].value,
+      codeFont: PDF_CODE_FONT_CHOICES[0].value,
+      bgColor: "#0c0c0c",
+      textColor: "#d4d4d4",
+      headingColor: "#3ad97f",
+      linkColor: "#36c5d6",
+      codeBg: "#1a1a1a",
+      codeColor: "#3ad97f",
+      quoteColor: "#9aa0a6",
+      quoteBorder: "#333333",
+      borderColor: "#333333",
+      tableHeadBg: "#1a1a1a",
+      tableOddBg: "#0c0c0c",
+      tableEvenBg: "#161616",
+      lineHeight: 1.6,
+    },
+  },
+  {
+    id: "dracula",
+    i18nKey: "pdfStyle.tpl.dracula",
+    options: {
+      bgColor: "#282a36",
+      textColor: "#f8f8f2",
+      headingColor: "#bd93f9",
+      linkColor: "#8be9fd",
+      codeBg: "#21222c",
+      codeColor: "#f8f8f2",
+      quoteColor: "#6272a4",
+      quoteBorder: "#44475a",
+      borderColor: "#44475a",
+      tableHeadBg: "#21222c",
+      tableOddBg: "#282a36",
+      tableEvenBg: "#21222c",
+      lineHeight: 1.7,
+    },
+  },
+  {
+    id: "vsCodeBlue",
+    i18nKey: "pdfStyle.tpl.vsCodeBlue",
+    options: {
+      textColor: "#1e1e1e",
+      headingColor: "#0066b8",
+      linkColor: "#006ab1",
+      codeBg: "#f3f3f3",
+      quoteColor: "#555555",
+      quoteBorder: "#d4d4d4",
+      borderColor: "#d4d4d4",
+      tableHeadBg: "#f3f3f3",
+      tableEvenBg: "#f3f3f3",
+      lineHeight: 1.7,
+    },
+  },
+  // --- Creative templates ---
+  {
+    id: "sakuraPink",
+    i18nKey: "pdfStyle.tpl.sakuraPink",
+    options: {
+      textColor: "#5a4a4a",
+      headingColor: "#e75480",
+      linkColor: "#d6336c",
+      codeBg: "#ffe9ef",
+      bgColor: "#fff5f7",
+      quoteColor: "#a06b7d",
+      quoteBorder: "#f3c6d3",
+      borderColor: "#f3c6d3",
+      tableHeadBg: "#ffe9ef",
+      tableOddBg: "#fff5f7",
+      tableEvenBg: "#fff0f4",
+      lineHeight: 1.8,
+    },
+  },
+  {
+    id: "lavender",
+    i18nKey: "pdfStyle.tpl.lavender",
+    options: {
+      textColor: "#4a4458",
+      headingColor: "#7c5cff",
+      linkColor: "#6a3df5",
+      codeBg: "#ece6ff",
+      bgColor: "#f6f3ff",
+      quoteColor: "#8a7fb0",
+      quoteBorder: "#d6caf5",
+      borderColor: "#d6caf5",
+      tableHeadBg: "#ece6ff",
+      tableOddBg: "#f6f3ff",
+      tableEvenBg: "#f1ecff",
+      lineHeight: 1.8,
+    },
+  },
+  {
+    id: "oceanCyan",
+    i18nKey: "pdfStyle.tpl.oceanCyan",
+    options: {
+      textColor: "#2a4a4a",
+      headingColor: "#0fb6b6",
+      linkColor: "#0a8f8f",
+      codeBg: "#d9f6f4",
+      bgColor: "#eefcfb",
+      quoteColor: "#5a8a86",
+      quoteBorder: "#b6e6e2",
+      borderColor: "#b6e6e2",
+      tableHeadBg: "#d9f6f4",
+      tableOddBg: "#eefcfb",
+      tableEvenBg: "#e6faf8",
+      lineHeight: 1.8,
+    },
+  },
+  {
+    id: "sunsetOrange",
+    i18nKey: "pdfStyle.tpl.sunsetOrange",
+    options: {
+      textColor: "#5a4636",
+      headingColor: "#f97316",
+      linkColor: "#ea7317",
+      codeBg: "#ffeddb",
+      bgColor: "#fff6ee",
+      quoteColor: "#a87a52",
+      quoteBorder: "#f3cda8",
+      borderColor: "#f3cda8",
+      tableHeadBg: "#ffeddb",
+      tableOddBg: "#fff6ee",
+      tableEvenBg: "#fff1e2",
+      lineHeight: 1.8,
+    },
+  },
+  {
+    id: "forestMoss",
+    i18nKey: "pdfStyle.tpl.forestMoss",
+    options: {
+      textColor: "#3a4a32",
+      headingColor: "#5a8a3c",
+      linkColor: "#4a7a2c",
+      codeBg: "#e6f0dc",
+      bgColor: "#f3f8ee",
+      quoteColor: "#6a7a52",
+      quoteBorder: "#c9d9b6",
+      borderColor: "#c9d9b6",
+      tableHeadBg: "#e6f0dc",
+      tableOddBg: "#f3f8ee",
+      tableEvenBg: "#eef4e6",
+      lineHeight: 1.8,
+    },
+  },
+  // --- Popular developer palettes ---
+  {
+    id: "nord",
+    i18nKey: "pdfStyle.tpl.nord",
+    options: {
+      bgColor: "#2e3440",
+      textColor: "#eceff4",
+      headingColor: "#88c0d0",
+      linkColor: "#81a1c1",
+      codeBg: "#3b4252",
+      codeColor: "#eceff4",
+      quoteColor: "#d8dee9",
+      quoteBorder: "#4c566a",
+      borderColor: "#434c5e",
+      tableHeadBg: "#3b4252",
+      tableOddBg: "#2e3440",
+      tableEvenBg: "#3b4252",
+      lineHeight: 1.7,
+    },
+  },
+  {
+    id: "solarizedLight",
+    i18nKey: "pdfStyle.tpl.solarizedLight",
+    options: {
+      bgColor: "#fdf6e3",
+      textColor: "#657b83",
+      headingColor: "#586e75",
+      linkColor: "#268bd2",
+      codeBg: "#eee8d5",
+      codeColor: "#657b83",
+      quoteColor: "#93a1a1",
+      quoteBorder: "#eee8d5",
+      borderColor: "#eee8d5",
+      tableHeadBg: "#eee8d5",
+      tableOddBg: "#fdf6e3",
+      tableEvenBg: "#eee8d5",
+      lineHeight: 1.7,
+    },
+  },
+  {
+    id: "solarizedDark",
+    i18nKey: "pdfStyle.tpl.solarizedDark",
+    options: {
+      bgColor: "#002b36",
+      textColor: "#839496",
+      headingColor: "#93a1a1",
+      linkColor: "#268bd2",
+      codeBg: "#073642",
+      codeColor: "#839496",
+      quoteColor: "#586e75",
+      quoteBorder: "#073642",
+      borderColor: "#073642",
+      tableHeadBg: "#073642",
+      tableOddBg: "#002b36",
+      tableEvenBg: "#073642",
+      lineHeight: 1.7,
+    },
+  },
+  {
+    id: "gruvboxLight",
+    i18nKey: "pdfStyle.tpl.gruvboxLight",
+    options: {
+      bgColor: "#fbf1c7",
+      textColor: "#3c3836",
+      headingColor: "#076678",
+      linkColor: "#076678",
+      codeBg: "#ebdbb2",
+      codeColor: "#3c3836",
+      quoteColor: "#7c6f64",
+      quoteBorder: "#d5c4a1",
+      borderColor: "#d5c4a1",
+      tableHeadBg: "#ebdbb2",
+      tableOddBg: "#fbf1c7",
+      tableEvenBg: "#ebdbb2",
+      lineHeight: 1.7,
+    },
+  },
+  {
+    id: "gruvboxDark",
+    i18nKey: "pdfStyle.tpl.gruvboxDark",
+    options: {
+      bgColor: "#282828",
+      textColor: "#ebdbb2",
+      headingColor: "#d79921",
+      linkColor: "#458588",
+      codeBg: "#3c3836",
+      codeColor: "#ebdbb2",
+      quoteColor: "#a89984",
+      quoteBorder: "#504945",
+      borderColor: "#504945",
+      tableHeadBg: "#3c3836",
+      tableOddBg: "#282828",
+      tableEvenBg: "#3c3836",
+      lineHeight: 1.7,
+    },
+  },
+  {
+    id: "monokai",
+    i18nKey: "pdfStyle.tpl.monokai",
+    options: {
+      bgColor: "#272822",
+      textColor: "#f8f8f2",
+      headingColor: "#66d9ef",
+      linkColor: "#66d9ef",
+      codeBg: "#1e1f1c",
+      codeColor: "#f8f8f2",
+      quoteColor: "#75715e",
+      quoteBorder: "#49483e",
+      borderColor: "#49483e",
+      tableHeadBg: "#1e1f1c",
+      tableOddBg: "#272822",
+      tableEvenBg: "#1e1f1c",
+      lineHeight: 1.7,
+    },
+  },
+  {
+    id: "catppuccin",
+    i18nKey: "pdfStyle.tpl.catppuccin",
+    options: {
+      bgColor: "#1e1e2e",
+      textColor: "#cdd6f4",
+      headingColor: "#cba6f7",
+      linkColor: "#89b4fa",
+      codeBg: "#181825",
+      codeColor: "#cdd6f4",
+      quoteColor: "#bac2de",
+      quoteBorder: "#313244",
+      borderColor: "#313244",
+      tableHeadBg: "#181825",
+      tableOddBg: "#1e1e2e",
+      tableEvenBg: "#181825",
+      lineHeight: 1.7,
+    },
+  },
+  {
+    id: "oneDark",
+    i18nKey: "pdfStyle.tpl.oneDark",
+    options: {
+      bgColor: "#282c34",
+      textColor: "#abb2bf",
+      headingColor: "#e5c07b",
+      linkColor: "#61afef",
+      codeBg: "#21252b",
+      codeColor: "#abb2bf",
+      quoteColor: "#5c6370",
+      quoteBorder: "#3e4451",
+      borderColor: "#3e4451",
+      tableHeadBg: "#21252b",
+      tableOddBg: "#282c34",
+      tableEvenBg: "#21252b",
+      lineHeight: 1.7,
+    },
+  },
+];
+
+// Template groups shown as <optgroup>s in the style dropdown.
+export interface PdfTemplateCategory {
+  id: string;
+  i18nKey: string;
+  items: string[];
+}
+
+export const PDF_TEMPLATE_CATEGORIES: PdfTemplateCategory[] = [
+  {
+    id: "doc",
+    i18nKey: "pdfStyle.cat.doc",
+    items: [
+      "default",
+      "minimal",
+      "academic",
+      "eyeCare",
+      "businessBlue",
+      "classicBrown",
+      "github",
+    ],
+  },
+  {
+    id: "dev",
+    i18nKey: "pdfStyle.cat.dev",
+    items: [
+      "dark",
+      "terminalGreen",
+      "dracula",
+      "vsCodeBlue",
+      "nord",
+      "solarizedLight",
+      "solarizedDark",
+      "gruvboxLight",
+      "gruvboxDark",
+      "monokai",
+      "catppuccin",
+      "oneDark",
+    ],
+  },
+  {
+    id: "creative",
+    i18nKey: "pdfStyle.cat.creative",
+    items: ["sakuraPink", "lavender", "oceanCyan", "sunsetOrange", "forestMoss"],
+  },
+];
+
+function resolveTemplate(id: string): PdfStyleOptions {
+  const tpl = PDF_TEMPLATES.find((t) => t.id === id);
+  return { ...base(), ...(tpl?.options ?? {}), templateId: id };
+}
+
+const STORAGE = "md-reader-pdf-style";
+
+function load(): PdfStyleOptions {
+  try {
+    const raw = localStorage.getItem(STORAGE);
+    if (raw) {
+      const parsed = JSON.parse(raw) as Partial<PdfStyleOptions>;
+      return { ...base(), ...parsed, templateId: parsed.templateId ?? "default" };
+    }
+  } catch {
+    /* ignore */
+  }
+  return base();
+}
+
+const settingsRef = ref<PdfStyleOptions>(load());
+
+function persist() {
+  localStorage.setItem(STORAGE, JSON.stringify(settingsRef.value));
+}
+
+function applyTemplate(id: string) {
+  settingsRef.value = resolveTemplate(id);
+  persist();
+}
+
+function setOption<K extends keyof PdfStyleOptions>(
+  key: K,
+  value: PdfStyleOptions[K]
+) {
+  const next = { ...settingsRef.value, [key]: value } as PdfStyleOptions;
+  if (key !== "templateId") next.templateId = "custom";
+  settingsRef.value = next;
+  persist();
+}
+
+function setDensity(d: PdfDensity) {
+  const spacing = PDF_DENSITY_SPACING[d];
+  settingsRef.value = {
+    ...settingsRef.value,
+    density: d,
+    lineHeight: spacing.lineHeight,
+    blockGap: spacing.blockGap,
+    templateId: "custom",
+  };
+  persist();
+}
+
+function reset() {
+  settingsRef.value = base();
+  persist();
+}
+
+export function isLightColor(hex: string): boolean {
+  let h = (hex || "").trim().replace(/^#/, "");
+  if (h.length === 3) h = h.split("").map((c) => c + c).join("");
+  if (!/^[0-9a-fA-F]{6}$/.test(h)) return true;
+  const r = parseInt(h.slice(0, 2), 16) / 255;
+  const g = parseInt(h.slice(2, 4), 16) / 255;
+  const b = parseInt(h.slice(4, 6), 16) / 255;
+  const lin = (c: number) =>
+    c <= 0.03928 ? c / 12.92 : Math.pow((c + 0.055) / 1.055, 2.4);
+  const L = 0.2126 * lin(r) + 0.7152 * lin(g) + 0.0722 * lin(b);
+  return L > 0.5;
+}
+
+export function getDefaultPdfStyle(): PdfStyleOptions {
+  return base();
+}
+
+export function pdfStyleToCss(o: PdfStyleOptions): string {
+  const page = `${o.pageSize} ${o.orientation}`;
+  return `
+:root {
+  --pdf-body-font: ${o.bodyFont};
+  --pdf-heading-font: ${o.headingFont};
+  --pdf-code-font: ${o.codeFont};
+  --pdf-body-size: ${o.fontSize}px;
+  --pdf-line-height: ${o.lineHeight};
+  --pdf-block-gap: ${o.blockGap}em;
+  --pdf-fg: ${o.textColor};
+  --pdf-heading-fg: ${o.headingColor};
+  --pdf-link: ${o.linkColor};
+  --pdf-code-fg: ${o.codeColor};
+  --pdf-code-bg: ${o.codeBg};
+  --pdf-bg: ${o.bgColor};
+  --pdf-quote-fg: ${o.quoteColor};
+  --pdf-quote-border: ${o.quoteBorder};
+  --pdf-border: ${o.borderColor};
+  --pdf-table-head-bg: ${o.tableHeadBg};
+  --pdf-table-odd-bg: ${o.tableOddBg};
+  --pdf-table-even-bg: ${o.tableEvenBg};
+  --pdf-h1: ${o.h1Scale}em;
+  --pdf-h2: ${o.h2Scale}em;
+  --pdf-h3: ${o.h3Scale}em;
+}
+@page { size: ${page}; margin: ${o.pageMargin}mm; }
+`;
+}
+
+export function usePdfStyle() {
+  return {
+    settings: settingsRef,
+    templates: PDF_TEMPLATES,
+    templateCategories: PDF_TEMPLATE_CATEGORIES,
+    fontChoices: PDF_FONT_CHOICES,
+    codeFontChoices: PDF_CODE_FONT_CHOICES,
+    applyTemplate,
+    setOption,
+    setDensity,
+    reset,
+  };
+}
diff --git a/src/i18n/en-US.ts b/src/i18n/en-US.ts
index c32577f..bcd29e8 100644
--- a/src/i18n/en-US.ts
+++ b/src/i18n/en-US.ts
@@ -55,6 +55,8 @@ const enUS = {
   },
   settings: {
     title: "Reading Settings",
+    tabReading: "Reading",
+    tabPdf: "PDF Export",
     fontSize: "Font Size",
     editorFontSize: "Editor Font Size",
     editorFontFamily: "Editor Font",
@@ -151,7 +153,78 @@ const enUS = {
     collapseAll: "Collapse All",
   },
   tabs: {
-    close: "Close tab",
+    close: "Close",
+    closeOthers: "Close Others",
+    closeAll: "Close All",
+    refresh: "Reload",
+    copyPath: "Copy Path",
+    copiedPath: "Path copied",
+    copyFailed: "Copy failed",
+  },
+  pdfStyle: {
+    title: "PDF Export Style",
+    cat: {
+      doc: "Document",
+      dev: "Developer",
+      creative: "Creative",
+    },
+    template: "Template",
+    applyTemplate: "Apply template",
+    custom: "Custom",
+    bodyFont: "Body font",
+    headingFont: "Heading font",
+    codeFont: "Code font",
+    fontSize: "Font size",
+    lineHeight: "Line height",
+    density: "Spacing density",
+    compact: "Compact",
+    standard: "Standard",
+    loose: "Loose",
+    textColor: "Text color",
+    headingColor: "Heading color",
+    linkColor: "Link color",
+    codeBg: "Code background",
+    bgColor: "Page background",
+    pageMargin: "Page margin",
+    pageSize: "Page size",
+    a4: "A4",
+    letter: "Letter",
+    portrait: "Portrait",
+    landscape: "Landscape",
+    reset: "Reset",
+    previewNote:
+      "The font, color and template settings above are applied when exporting PDF or printing.",
+    preview: "Live preview",
+    sampleText: "Type Markdown here as a preview sample (editable)",
+    compare: "Light / Dark compare",
+    light: "Light",
+    dark: "Dark",
+    tpl: {
+      default: "Modern (default)",
+      minimal: "Minimal",
+      academic: "Academic",
+      eyeCare: "Eye-care",
+      businessBlue: "Business Blue",
+      classicBrown: "Classic Brown",
+      dark: "Dark",
+      github: "GitHub",
+      terminalGreen: "Terminal Green",
+      dracula: "Dracula Purple",
+      vsCodeBlue: "VS Code Blue",
+      sakuraPink: "Sakura Pink",
+      lavender: "Lavender",
+      oceanCyan: "Ocean Cyan",
+      sunsetOrange: "Sunset Orange",
+      forestMoss: "Forest Moss",
+      nord: "Nord",
+      solarizedLight: "Solarized Light",
+      solarizedDark: "Solarized Dark",
+      gruvboxLight: "Gruvbox Light",
+      gruvboxDark: "Gruvbox Dark",
+      monokai: "Monokai",
+      catppuccin: "Catppuccin",
+      oneDark: "One Dark",
+    },
   },
   errors: {
     readFailed: "Failed to read file",
diff --git a/src/i18n/zh-CN.ts b/src/i18n/zh-CN.ts
index fb80895..1580e2e 100644
--- a/src/i18n/zh-CN.ts
+++ b/src/i18n/zh-CN.ts
@@ -52,6 +52,8 @@ const zhCN = {
   },
   settings: {
     title: "阅读设置",
+    tabReading: "阅读设置",
+    tabPdf: "PDF 导出",
     fontSize: "字号",
     editorFontSize: "编辑器字号",
     editorFontFamily: "编辑器字体",
@@ -147,7 +149,77 @@ const zhCN = {
     collapseAll: "全部折叠",
   },
   tabs: {
-    close: "关闭标签",
+    close: "关闭",
+    closeOthers: "关闭其他",
+    closeAll: "关闭全部",
+    refresh: "刷新",
+    copyPath: "复制路径",
+    copiedPath: "路径已复制",
+    copyFailed: "复制失败",
+  },
+  pdfStyle: {
+    title: "PDF 导出样式",
+    cat: {
+      doc: "文档",
+      dev: "开发",
+      creative: "创意",
+    },
+    template: "模板",
+    applyTemplate: "应用模板",
+    custom: "自定义",
+    bodyFont: "正文字体",
+    headingFont: "标题字体",
+    codeFont: "代码字体",
+    fontSize: "字号",
+    lineHeight: "行高",
+    density: "间距密度",
+    compact: "紧凑",
+    standard: "标准",
+    loose: "宽松",
+    textColor: "文字颜色",
+    headingColor: "标题颜色",
+    linkColor: "链接颜色",
+    codeBg: "代码背景",
+    bgColor: "页面背景",
+    pageMargin: "页边距",
+    pageSize: "纸张大小",
+    a4: "A4",
+    letter: "Letter",
+    portrait: "纵向",
+    landscape: "横向",
+    reset: "恢复默认",
+    previewNote: "导出 PDF 或打印时将套用以上字体、颜色和模板设置。",
+    preview: "实时预览",
+    sampleText: "在此输入 Markdown 作为预览样例（可编辑）",
+    compare: "浅色/深色对照",
+    light: "浅色",
+    dark: "深色",
+    tpl: {
+      default: "现代（默认）",
+      minimal: "简约",
+      academic: "学术",
+      eyeCare: "护眼",
+      businessBlue: "商务蓝",
+      classicBrown: "古典棕",
+      dark: "暗色",
+      github: "GitHub 风格",
+      terminalGreen: "终端绿",
+      dracula: "Dracula 紫",
+      vsCodeBlue: "VS Code 蓝",
+      sakuraPink: "樱花粉",
+      lavender: "薰衣草紫",
+      oceanCyan: "海洋青",
+      sunsetOrange: "日落橙",
+      forestMoss: "森林苔藓",
+      nord: "Nord 极光",
+      solarizedLight: "Solarized 浅色",
+      solarizedDark: "Solarized 深色",
+      gruvboxLight: "Gruvbox 浅色",
+      gruvboxDark: "Gruvbox 深色",
+      monokai: "Monokai",
+      catppuccin: "Catppuccin",
+      oneDark: "One Dark",
+    },
   },
   errors: {
     readFailed: "读取失败",