From 4dc1a1d7fe20606b28902b6ac3f895ff3dba62ad Mon Sep 17 00:00:00 2001
From: xiyidaiwa <g17729830615@163.com>
Date: Mon, 17 Aug 2026 23:00:14 +0800
Subject: [PATCH 1/6] =?UTF-8?q?feat(settings):=20=E6=96=B0=E5=A2=9E?=
 =?UTF-8?q?=E5=AD=97=E4=BD=93=E5=A4=A7=E5=B0=8F=E8=AE=BE=E7=BD=AE=EF=BC=88?=
 =?UTF-8?q?=E4=BB=85=E5=AD=97=E5=8F=B7=E6=A1=A3=E4=BD=8D=EF=BC=8C=E4=B8=8D?=
 =?UTF-8?q?=E5=90=AB=E6=95=B4=E4=BD=93=E7=BC=A9=E6=94=BE/=E5=AD=97?=
 =?UTF-8?q?=E4=BD=93=E6=97=8F=EF=BC=89?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 新增 src/global/displaySettings.ts：small/medium/large/xlarge 四档 → html 15/16/17/18px，
  localStorage(spark-store-font-size) 持久化，applyFontSize 写 html font-size 全局联动 rem 字号类
- App.vue onMounted 最前 initFontSize()（与 initTagPriorityStrategy 同级，防字号闪烁）
- SettingsModal.vue 新增「字体大小」卡片（4 档分段按钮 + 预览），selectFontSize 即时应用+持久化
- 用户确认范围：仅字号档位，整体缩放与字体族切换本期不做
- vue-tsc/lint/打包均通过
---
 debian/changelog                 |  2 +-
 src/App.vue                      |  3 ++
 src/components/SettingsModal.vue | 73 +++++++++++++++++++++++++++++++
 src/global/displaySettings.ts    | 75 ++++++++++++++++++++++++++++++++
 4 files changed, 152 insertions(+), 1 deletion(-)
 create mode 100644 src/global/displaySettings.ts

diff --git a/debian/changelog b/debian/changelog
index 8fb4c320..b78193f9 100644
--- a/debian/changelog
+++ b/debian/changelog
@@ -1,4 +1,4 @@
-spark-store (5.3.0.1) UNRELEASED; urgency=medium
+spark-store (5.3.0.2-test) UNRELEASED; urgency=medium
 
   * Initial release.
 
diff --git a/src/App.vue b/src/App.vue
index abd3b205..e9ed680b 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -344,6 +344,7 @@ import ReviewUserProfileModal from "./components/ReviewUserProfileModal.vue";
 import WindowTitleBar from "./components/WindowTitleBar.vue";
 import SubmitterWindow from "./components/SubmitterWindow.vue";
 import { initTagPriorityStrategy } from "./global/tagPriority";
+import { initFontSize } from "./global/displaySettings";
 import {
   FLARUM_BASE_URL,
   FLARUM_REGISTER_URL,
@@ -1052,6 +1053,8 @@ onMounted(async () => {
   // 应用启动即锁定标签优先显示策略的真实持久化值，避免依赖详情页挂载顺序
   // 导致先读到内存默认值 "auto" 再懒加载的竞态窗口。
   initTagPriorityStrategy();
+  // 恢复并应用持久化的字体大小档位（仅字号），避免渲染瞬间默认字号闪烁。
+  initFontSize();
   initTheme();
   updateCenterStore.bind();
 
diff --git a/src/components/SettingsModal.vue b/src/components/SettingsModal.vue
index 7cc55d35..f14110c8 100644
--- a/src/components/SettingsModal.vue
+++ b/src/components/SettingsModal.vue
@@ -163,6 +163,56 @@
               </div>
             </div>
           </div>
+
+          <!-- 字体大小（字号档位：小 / 标准 / 大 / 特大） -->
+          <div
+            class="rounded-2xl border border-slate-200/60 bg-slate-50/50 px-4 py-4 dark:border-slate-800/60 dark:bg-slate-800/50"
+          >
+            <div class="flex items-start gap-3">
+              <div
+                class="flex h-10 w-10 flex-shrink-0 items-center justify-center rounded-xl bg-pink-100 text-pink-600 dark:bg-pink-900/30 dark:text-pink-400"
+              >
+                <i class="fas fa-font"></i>
+              </div>
+              <div class="min-w-0 flex-1">
+                <p
+                  class="text-sm font-medium text-slate-800 dark:text-slate-200"
+                >
+                  字体大小
+                </p>
+                <p class="text-xs text-slate-500 dark:text-slate-400">
+                  调整全局界面字体大小（仅字号）
+                </p>
+                <div
+                  class="mt-3 inline-flex w-full overflow-hidden rounded-lg border border-slate-200 dark:border-slate-700"
+                  role="radiogroup"
+                  aria-label="字体大小"
+                >
+                  <button
+                    v-for="opt in fontSizeOptions"
+                    :key="opt.value"
+                    type="button"
+                    role="radio"
+                    :aria-checked="fontSize === opt.value"
+                    class="flex-1 px-2 py-1.5 text-xs font-medium transition-colors"
+                    :class="
+                      fontSize === opt.value
+                        ? 'bg-brand text-white'
+                        : 'bg-white text-slate-500 hover:bg-slate-100 dark:bg-slate-700 dark:text-slate-400 dark:hover:bg-slate-600'
+                    "
+                    @click="selectFontSize(opt.value)"
+                  >
+                    {{ opt.label }}
+                  </button>
+                </div>
+                <p
+                  class="mt-2 text-[11px] text-slate-400 dark:text-slate-500"
+                >
+                  预览：星火应用商店 Spark Store 123
+                </p>
+              </div>
+            </div>
+          </div>
         </div>
 
         <!-- 底部提示 -->
@@ -185,6 +235,12 @@ import {
   setTagPriorityStrategy,
   type TagPriorityStrategy,
 } from "../global/tagPriority";
+import {
+  getFontSize,
+  setFontSize,
+  FONT_SIZE_OPTIONS,
+  type FontSizeOption,
+} from "../global/displaySettings";
 
 const props = defineProps<{
   show: boolean;
@@ -206,6 +262,9 @@ const strategyOptions: Array<{ value: TagPriorityStrategy; label: string }> = [
   { value: "apm", label: "APM 优先" },
 ];
 
+// 字体大小档位选项（小 / 标准 / 大 / 特大）
+const fontSizeOptions = FONT_SIZE_OPTIONS;
+
 const tagPriorityStrategy = ref<TagPriorityStrategy>("auto");
 
 // 加载标签优先显示策略（从持久化读取）
@@ -219,6 +278,19 @@ const selectStrategy = (value: TagPriorityStrategy) => {
   setTagPriorityStrategy(value);
 };
 
+// 字体大小档位（仅字号，不含整体缩放/字体族）
+const fontSize = ref<FontSizeOption>("medium");
+
+const loadFontSize = () => {
+  fontSize.value = getFontSize();
+};
+
+// 选择并保存字号档位（立即应用到 html，全局 rem 字号类联动）
+const selectFontSize = (value: FontSizeOption) => {
+  fontSize.value = value;
+  setFontSize(value);
+};
+
 const settings = ref<Settings>({
   enableUpdateCheck: true,
   enableCreateDesktop: true,
@@ -279,6 +351,7 @@ watch(
     if (newVal) {
       loadSettings();
       loadTagPriority();
+      loadFontSize();
     }
   },
 );
diff --git a/src/global/displaySettings.ts b/src/global/displaySettings.ts
new file mode 100644
index 00000000..e34bcc71
--- /dev/null
+++ b/src/global/displaySettings.ts
@@ -0,0 +1,75 @@
+/**
+ * 显示设置：全局字体大小档位（仅字号，不含整体缩放/字体族）。
+ *
+ * 实现原理：Tailwind 4 的 `text-*` 字号类均为 rem 单位（如 text-sm = 0.875rem），
+ * 因此修改根元素 `html` 的 font-size 即可让全部 rem 字号类联动缩放。
+ * 取值范围：14px(小) ~ 18px(特大)，默认 16px(标准)。
+ *
+ * 持久化：localStorage key = "spark-store-font-size"，存档位枚举字符串。
+ */
+export type FontSizeOption = "small" | "medium" | "large" | "xlarge";
+
+interface FontSizeMeta {
+  /** 应用到 html 的 font-size（px） */
+  px: number;
+  label: string;
+}
+
+export const FONT_SIZE_OPTIONS: Array<{
+  value: FontSizeOption;
+  label: string;
+}> = [
+  { value: "small", label: "小" },
+  { value: "medium", label: "标准" },
+  { value: "large", label: "大" },
+  { value: "xlarge", label: "特大" },
+];
+
+// 各档位对应的根字号。medium 保持现状 16px，向上放大、向下略缩。
+const FONT_SIZE_MAP: Record<FontSizeOption, FontSizeMeta> = {
+  small: { px: 15, label: "小" },
+  medium: { px: 16, label: "标准" },
+  large: { px: 17, label: "大" },
+  xlarge: { px: 18, label: "特大" },
+};
+
+const FONT_SIZE_STORAGE_KEY = "spark-store-font-size";
+const DEFAULT_FONT_SIZE: FontSizeOption = "medium";
+
+const isValidFontSize = (v: unknown): v is FontSizeOption =>
+  typeof v === "string" && v in FONT_SIZE_MAP;
+
+/** 读取持久化的字号档位（无/非法时回退默认「标准」） */
+export const getFontSize = (): FontSizeOption => {
+  try {
+    const raw = localStorage.getItem(FONT_SIZE_STORAGE_KEY);
+    if (isValidFontSize(raw)) return raw;
+  } catch {
+    // localStorage 不可用时忽略，使用默认
+  }
+  return DEFAULT_FONT_SIZE;
+};
+
+/** 将字号档位应用到根元素 html（写入 inline font-size） */
+export const applyFontSize = (option: FontSizeOption): void => {
+  const meta = FONT_SIZE_MAP[option] ?? FONT_SIZE_MAP[DEFAULT_FONT_SIZE];
+  document.documentElement.style.fontSize = `${meta.px}px`;
+};
+
+/** 选择并持久化字号档位，同时立即应用 */
+export const setFontSize = (option: FontSizeOption): void => {
+  applyFontSize(option);
+  try {
+    localStorage.setItem(FONT_SIZE_STORAGE_KEY, option);
+  } catch {
+    // 持久化失败时仍已应用当前会话，忽略写入错误
+  }
+};
+
+/**
+ * 应用启动时初始化：从持久化恢复并使用，避免渲染瞬间闪烁。
+ * 应在 App.vue 的 onMounted 最前调用（与 initTagPriorityStrategy 同级）。
+ */
+export const initFontSize = (): void => {
+  applyFontSize(getFontSize());
+};

From 7b658e9dd1d2844f4b5b8dad87d111d2fd5503e3 Mon Sep 17 00:00:00 2001
From: xiyidaiwa <g17729830615@163.com>
Date: Mon, 17 Aug 2026 23:15:18 +0800
Subject: [PATCH 2/6] =?UTF-8?q?fix(ui):=20=E5=B0=86=E5=9B=BA=E5=AE=9A=20px?=
 =?UTF-8?q?=20=E5=AD=97=E5=8F=B7=E6=94=B9=E4=B8=BA=20rem=EF=BC=8C=E8=AE=A9?=
 =?UTF-8?q?=E5=85=A8=E5=B1=80=E5=AD=97=E4=BD=93=E5=A4=A7=E5=B0=8F=E6=A1=A3?=
 =?UTF-8?q?=E4=BD=8D=E7=94=9F=E6=95=88?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

用户反馈首页红框区域（横幅标题/副标题）没随字号档位变大。
原因是多处使用了 Tailwind 固定 px 任意值（text-[10px]/[11px]/[12px]/[13px]/[15px]），
它们不随 html font-size 缩放。统一替换为等效 rem 任意值：
  10px → 0.625rem, 11px → 0.6875rem, 12px → 0.75rem, 13px → 0.8125rem, 15px → 0.9375rem
涉及 8 个 Vue 组件，保证字号档位全局联动（仍保持 16px 基准下的原视觉大小）。
vue-tsc 通过，打包成功；HomeView.vue 原有 emit 未使用 lint 错误未动。
---
 debian/changelog                              |  2 +-
 src/components/AppCard.vue                    | 16 +++++-----
 src/components/HomeView.vue                   |  6 ++--
 src/components/InstalledAppsModal.vue         | 22 ++++++-------
 src/components/RankingAppRow.vue              |  9 +++---
 src/components/SettingsModal.vue              |  2 +-
 src/components/SourceLabel.vue                |  2 +-
 src/components/WindowTitleBar.vue             |  2 +-
 .../update-center/UpdateCenterItem.vue        | 31 +++++++++----------
 9 files changed, 45 insertions(+), 47 deletions(-)

diff --git a/debian/changelog b/debian/changelog
index b78193f9..c79d5081 100644
--- a/debian/changelog
+++ b/debian/changelog
@@ -1,4 +1,4 @@
-spark-store (5.3.0.2-test) UNRELEASED; urgency=medium
+spark-store (5.3.0.3-test) UNRELEASED; urgency=medium
 
   * Initial release.
 
diff --git a/src/components/AppCard.vue b/src/components/AppCard.vue
index 82de7541..f5fdb567 100644
--- a/src/components/AppCard.vue
+++ b/src/components/AppCard.vue
@@ -39,20 +39,20 @@
         <div class="flex shrink-0 gap-1">
           <span
             v-if="showMergedBadge"
-            class="rounded-md px-1.5 py-0.5 text-[10px] font-bold uppercase tracking-wider shadow-sm bg-purple-100 text-purple-600 dark:bg-purple-900/30 dark:text-purple-400"
+            class="rounded-md px-1.5 py-0.5 text-[0.625rem] font-bold uppercase tracking-wider shadow-sm bg-purple-100 text-purple-600 dark:bg-purple-900/30 dark:text-purple-400"
           >
             SPARK/APM
           </span>
           <template v-else>
             <span
               v-if="showSparkBadge"
-              class="rounded-md px-1.5 py-0.5 text-[10px] font-bold uppercase tracking-wider shadow-sm bg-orange-100 text-orange-600 dark:bg-orange-900/30 dark:text-orange-400"
+              class="rounded-md px-1.5 py-0.5 text-[0.625rem] font-bold uppercase tracking-wider shadow-sm bg-orange-100 text-orange-600 dark:bg-orange-900/30 dark:text-orange-400"
             >
               Spark
             </span>
             <span
               v-if="showApmBadge"
-              class="rounded-md px-1.5 py-0.5 text-[10px] font-bold uppercase tracking-wider shadow-sm bg-blue-100 text-blue-600 dark:bg-blue-900/30 dark:text-blue-400"
+              class="rounded-md px-1.5 py-0.5 text-[0.625rem] font-bold uppercase tracking-wider shadow-sm bg-blue-100 text-blue-600 dark:bg-blue-900/30 dark:text-blue-400"
             >
               APM
             </span>
@@ -60,7 +60,7 @@
         </div>
         <span
           v-if="downloadCount"
-          class="ml-auto shrink-0 text-[10px] text-slate-400 dark:text-slate-500"
+          class="ml-auto shrink-0 text-[0.625rem] text-slate-400 dark:text-slate-500"
           >{{ formatDownloads(downloadCount) }}</span
         >
       </div>
@@ -72,7 +72,7 @@
       </div>
       <div
         class="truncate leading-tight text-slate-500 dark:text-slate-400"
-        :class="compact ? 'text-[11px]' : 'text-xs'"
+        :class="compact ? 'text-[0.6875rem]' : 'text-xs'"
       >
         {{ description || "\u00A0" }}
       </div>
@@ -153,12 +153,10 @@ const formatDownloads = (n?: number): string => {
 
 // 排名徽标配色（前 3 名金/银/铜，其余灰色）
 const rankClass = computed(() => {
-  if (props.rank === 1)
-    return "bg-amber-400 text-white shadow-amber-400/40";
+  if (props.rank === 1) return "bg-amber-400 text-white shadow-amber-400/40";
   if (props.rank === 2)
     return "bg-slate-300 text-slate-700 shadow-slate-400/40";
-  if (props.rank === 3)
-    return "bg-amber-600 text-white shadow-amber-600/40";
+  if (props.rank === 3) return "bg-amber-600 text-white shadow-amber-600/40";
   return "bg-slate-500/90 text-white shadow-slate-500/30";
 });
 
diff --git a/src/components/HomeView.vue b/src/components/HomeView.vue
index 73f67d98..4909ce3c 100644
--- a/src/components/HomeView.vue
+++ b/src/components/HomeView.vue
@@ -62,7 +62,7 @@
               storeFilter === "apm" ? "星火应用商店 (Amber PM)" : "星火应用商店"
             }}
           </h1>
-          <p class="text-[10px] text-slate-500 dark:text-slate-400 mt-0.5">
+          <p class="text-[0.625rem] text-slate-500 dark:text-slate-400 mt-0.5">
             探索丰富的应用，发现更多精彩内容
           </p>
         </div>
@@ -108,12 +108,12 @@
             </div>
             <div class="mt-1.5 px-1">
               <div
-                class="text-[13px] font-semibold text-slate-900 dark:text-white group-hover:text-brand dark:group-hover:text-brand transition-colors"
+                class="text-[0.8125rem] font-semibold text-slate-900 dark:text-white group-hover:text-brand dark:group-hover:text-brand transition-colors"
               >
                 {{ link.name }}
               </div>
               <div
-                class="text-[11px] text-slate-500 dark:text-slate-400 mt-0.5 line-clamp-1"
+                class="text-[0.6875rem] text-slate-500 dark:text-slate-400 mt-0.5 line-clamp-1"
               >
                 {{ link.more }}
               </div>
diff --git a/src/components/InstalledAppsModal.vue b/src/components/InstalledAppsModal.vue
index ee3c6b41..4ce65a22 100644
--- a/src/components/InstalledAppsModal.vue
+++ b/src/components/InstalledAppsModal.vue
@@ -48,15 +48,15 @@
                   <span
                     class="flex h-7 w-7 items-center justify-center rounded-lg bg-gradient-to-br from-amber-400 to-orange-500 text-white shadow-sm shadow-amber-500/30"
                   >
-                    <i class="fas fa-box-open text-[12px]"></i>
+                    <i class="fas fa-box-open text-[0.75rem]"></i>
                   </span>
                   <div class="flex flex-col leading-tight">
                     <span
-                      class="text-[15px] font-bold tabular-nums text-amber-700 dark:text-amber-300"
+                      class="text-[0.9375rem] font-bold tabular-nums text-amber-700 dark:text-amber-300"
                       >{{ apmCount }}</span
                     >
                     <span
-                      class="text-[10px] font-medium uppercase tracking-wider text-amber-600/80 dark:text-amber-400/80"
+                      class="text-[0.625rem] font-medium uppercase tracking-wider text-amber-600/80 dark:text-amber-400/80"
                       >APM</span
                     >
                   </div>
@@ -80,15 +80,15 @@
                   <span
                     class="flex h-7 w-7 items-center justify-center rounded-lg bg-gradient-to-br from-sky-400 to-blue-500 text-white shadow-sm shadow-sky-500/30"
                   >
-                    <i class="fas fa-bolt text-[12px]"></i>
+                    <i class="fas fa-bolt text-[0.75rem]"></i>
                   </span>
                   <div class="flex flex-col leading-tight">
                     <span
-                      class="text-[15px] font-bold tabular-nums text-sky-700 dark:text-sky-300"
+                      class="text-[0.9375rem] font-bold tabular-nums text-sky-700 dark:text-sky-300"
                       >{{ sparkCount }}</span
                     >
                     <span
-                      class="text-[10px] font-medium uppercase tracking-wider text-sky-600/80 dark:text-sky-400/80"
+                      class="text-[0.625rem] font-medium uppercase tracking-wider text-sky-600/80 dark:text-sky-400/80"
                       >Spark</span
                     >
                   </div>
@@ -112,15 +112,15 @@
                   <span
                     class="flex h-7 w-7 items-center justify-center rounded-lg bg-gradient-to-br from-slate-500 to-slate-700 text-white shadow-sm dark:from-slate-400 dark:to-slate-600"
                   >
-                    <i class="fas fa-cubes text-[12px]"></i>
+                    <i class="fas fa-cubes text-[0.75rem]"></i>
                   </span>
                   <div class="flex flex-col leading-tight">
                     <span
-                      class="text-[15px] font-bold tabular-nums text-slate-900 dark:text-white"
+                      class="text-[0.9375rem] font-bold tabular-nums text-slate-900 dark:text-white"
                       >{{ totalCount }}</span
                     >
                     <span
-                      class="text-[10px] font-medium uppercase tracking-wider text-slate-500 dark:text-slate-400"
+                      class="text-[0.625rem] font-medium uppercase tracking-wider text-slate-500 dark:text-slate-400"
                       >总数</span
                     >
                   </div>
@@ -259,7 +259,7 @@
                       :data-testid="
                         o === 'apm' ? 'origin-tag-apm' : 'origin-tag-spark'
                       "
-                      class="rounded-md px-2 py-0.5 text-[11px] font-semibold"
+                      class="rounded-md px-2 py-0.5 text-[0.6875rem] font-semibold"
                       :class="
                         o === 'apm'
                           ? 'bg-amber-100 text-amber-700 dark:bg-amber-500/20 dark:text-amber-400'
@@ -271,7 +271,7 @@
                     </span>
                     <span
                       v-if="app.isDependency"
-                      class="rounded-md bg-rose-100 px-2 py-0.5 text-[11px] font-semibold text-rose-600 dark:bg-rose-500/20 dark:text-rose-400"
+                      class="rounded-md bg-rose-100 px-2 py-0.5 text-[0.6875rem] font-semibold text-rose-600 dark:bg-rose-500/20 dark:text-rose-400"
                     >
                       依赖项
                     </span>
diff --git a/src/components/RankingAppRow.vue b/src/components/RankingAppRow.vue
index 812dc5bf..c9fd378e 100644
--- a/src/components/RankingAppRow.vue
+++ b/src/components/RankingAppRow.vue
@@ -34,17 +34,17 @@
         </div>
         <span
           v-if="app.origin === 'spark'"
-          class="rounded-md bg-orange-100 px-1.5 py-0.5 text-[10px] font-bold uppercase tracking-wider text-orange-600 dark:bg-orange-900/30 dark:text-orange-400"
+          class="rounded-md bg-orange-100 px-1.5 py-0.5 text-[0.625rem] font-bold uppercase tracking-wider text-orange-600 dark:bg-orange-900/30 dark:text-orange-400"
           >Spark</span
         >
         <span
           v-else
-          class="rounded-md bg-blue-100 px-1.5 py-0.5 text-[10px] font-bold uppercase tracking-wider text-blue-600 dark:bg-blue-900/30 dark:text-blue-400"
+          class="rounded-md bg-blue-100 px-1.5 py-0.5 text-[0.625rem] font-bold uppercase tracking-wider text-blue-600 dark:bg-blue-900/30 dark:text-blue-400"
           >APM</span
         >
         <span
           v-if="showDownload && downloadCount"
-          class="ml-auto shrink-0 text-[10px] text-slate-400 dark:text-slate-500"
+          class="ml-auto shrink-0 text-[0.625rem] text-slate-400 dark:text-slate-500"
           >{{ formatDownloads(downloadCount) }}</span
         >
       </div>
@@ -77,7 +77,8 @@ const iconFailed = ref(false);
 
 const iconPath = computed(() => {
   const arch = window.apm_store.arch || "amd64";
-  const finalArch = props.app.origin === "spark" ? `${arch}-store` : `${arch}-apm`;
+  const finalArch =
+    props.app.origin === "spark" ? `${arch}-store` : `${arch}-apm`;
   return `${APM_STORE_BASE_URL}/${finalArch}/${props.app.category}/${props.app.pkgname}/icon.png`;
 });
 
diff --git a/src/components/SettingsModal.vue b/src/components/SettingsModal.vue
index f14110c8..c47219bf 100644
--- a/src/components/SettingsModal.vue
+++ b/src/components/SettingsModal.vue
@@ -206,7 +206,7 @@
                   </button>
                 </div>
                 <p
-                  class="mt-2 text-[11px] text-slate-400 dark:text-slate-500"
+                  class="mt-2 text-[0.6875rem] text-slate-400 dark:text-slate-500"
                 >
                   预览：星火应用商店 Spark Store 123
                 </p>
diff --git a/src/components/SourceLabel.vue b/src/components/SourceLabel.vue
index bbbc060d..98c67018 100644
--- a/src/components/SourceLabel.vue
+++ b/src/components/SourceLabel.vue
@@ -8,7 +8,7 @@
     "
   >
     <span
-      class="rounded px-1.5 py-0.5 text-[10px] font-bold uppercase"
+      class="rounded px-1.5 py-0.5 text-[0.625rem] font-bold uppercase"
       :class="
         origin === 'spark'
           ? 'bg-orange-100 dark:bg-orange-900/30'
diff --git a/src/components/WindowTitleBar.vue b/src/components/WindowTitleBar.vue
index b1c90d88..9324ac09 100644
--- a/src/components/WindowTitleBar.vue
+++ b/src/components/WindowTitleBar.vue
@@ -20,7 +20,7 @@
       />
       <span class="truncate text-base font-semibold">星火应用商店</span>
       <span
-        class="rounded-full border border-orange-400 bg-orange-50 px-2 py-0.5 text-[10px] font-semibold text-orange-600 dark:border-amber-400/70 dark:bg-amber-400/10 dark:text-amber-300 dark:shadow-[0_0_8px_rgba(251,191,36,0.4)]"
+        class="rounded-full border border-orange-400 bg-orange-50 px-2 py-0.5 text-[0.625rem] font-semibold text-orange-600 dark:border-amber-400/70 dark:bg-amber-400/10 dark:text-amber-300 dark:shadow-[0_0_8px_rgba(251,191,36,0.4)]"
         >社区版</span
       >
     </div>
diff --git a/src/components/update-center/UpdateCenterItem.vue b/src/components/update-center/UpdateCenterItem.vue
index d7b81018..73bf4175 100644
--- a/src/components/update-center/UpdateCenterItem.vue
+++ b/src/components/update-center/UpdateCenterItem.vue
@@ -42,25 +42,25 @@
           {{ item.displayName }}
         </p>
         <span
-          class="shrink-0 rounded-full bg-slate-100 px-2 py-0.5 text-[10px] font-semibold text-slate-600 dark:bg-slate-800 dark:text-slate-200"
+          class="shrink-0 rounded-full bg-slate-100 px-2 py-0.5 text-[0.625rem] font-semibold text-slate-600 dark:bg-slate-800 dark:text-slate-200"
         >
           {{ sourceLabel }}
         </span>
         <span
           v-if="item.ignored === true"
-          class="shrink-0 rounded-full bg-slate-200 px-2 py-0.5 text-[10px] font-semibold text-slate-500 dark:bg-slate-800 dark:text-slate-300"
+          class="shrink-0 rounded-full bg-slate-200 px-2 py-0.5 text-[0.625rem] font-semibold text-slate-500 dark:bg-slate-800 dark:text-slate-300"
         >
           已忽略
         </span>
         <span
           v-else-if="item.held === true && !forced"
-          class="shrink-0 rounded-full bg-amber-200 px-2 py-0.5 text-[10px] font-semibold text-amber-700 dark:bg-amber-500/20 dark:text-amber-200"
+          class="shrink-0 rounded-full bg-amber-200 px-2 py-0.5 text-[0.625rem] font-semibold text-amber-700 dark:bg-amber-500/20 dark:text-amber-200"
         >
           已锁定
         </span>
         <span
           v-else-if="item.held === true && forced"
-          class="shrink-0 rounded-full bg-amber-500 px-2 py-0.5 text-[10px] font-semibold text-white dark:bg-amber-500"
+          class="shrink-0 rounded-full bg-amber-500 px-2 py-0.5 text-[0.625rem] font-semibold text-white dark:bg-amber-500"
         >
           将强制
         </span>
@@ -83,19 +83,17 @@
       v-if="item.ignored !== true && !task"
       class="flex shrink-0 flex-col items-end gap-0.5"
     >
-      <span class="text-[11px] font-semibold text-brand dark:text-amber-300">{{
-        timeLabel
-      }}</span>
-      <span class="text-[10px] text-slate-400">{{ sizeLabel }}</span>
+      <span
+        class="text-[0.6875rem] font-semibold text-brand dark:text-amber-300"
+        >{{ timeLabel }}</span
+      >
+      <span class="text-[0.625rem] text-slate-400">{{ sizeLabel }}</span>
     </div>
-    <div
-      v-else-if="!task"
-      class="flex shrink-0 flex-col items-end gap-0.5"
-    >
-      <span class="text-[11px] font-semibold text-slate-400">{{
+    <div v-else-if="!task" class="flex shrink-0 flex-col items-end gap-0.5">
+      <span class="text-[0.6875rem] font-semibold text-slate-400">{{
         timeLabel
       }}</span>
-      <span class="text-[10px] text-slate-400">{{ sizeLabel }}</span>
+      <span class="text-[0.625rem] text-slate-400">{{ sizeLabel }}</span>
     </div>
 
     <!-- 强制安装开关：仅对被系统锁定（held）的包显示 -->
@@ -118,7 +116,7 @@
           :class="forced ? 'translate-x-[16px]' : 'translate-x-[2px]'"
         ></span>
       </button>
-      <span class="text-[10px] text-slate-400">强制</span>
+      <span class="text-[0.625rem] text-slate-400">强制</span>
     </div>
 
     <button
@@ -181,7 +179,8 @@ defineEmits<{
 
 // 被锁定且未强制时，复选框禁用（与「已忽略」一样不可被选中）
 const isSelectionLocked = computed(
-  () => props.item.ignored === true || (props.item.held === true && !props.forced),
+  () =>
+    props.item.ignored === true || (props.item.held === true && !props.forced),
 );
 
 const normalizeIconSrc = (icon: string): string => {

From e25a3c9d8fdd1a9c185b8fc7168b33871ed67083 Mon Sep 17 00:00:00 2001
From: xiyidaiwa <g17729830615@163.com>
Date: Mon, 17 Aug 2026 23:40:23 +0800
Subject: [PATCH 3/6] =?UTF-8?q?feat:=20=E6=96=B0=E5=A2=9E=E7=95=8C?=
 =?UTF-8?q?=E9=9D=A2=E6=95=B4=E4=BD=93=E7=BC=A9=E6=94=BE=E4=B8=8E=E5=AD=97?=
 =?UTF-8?q?=E4=BD=93=E8=B6=85=E5=A4=A7=E6=A1=A3=EF=BC=8C=E4=BF=AE=E5=A4=8D?=
 =?UTF-8?q?=E8=AE=BE=E7=BD=AE=E9=A1=B5=E6=BA=A2=E5=87=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 界面缩放：Electron webContents.setZoomFactor，档位 90%/100%/110%/125%/150%
  - 主进程新增 set-zoom-factor IPC，启动时从 window-state.json 恢复 zoomFactor
  - 窗口尺寸保存与退出前均持久化当前 zoom
  - displaySettings 新增 UiScaleOption + initUiScale，App.vue 启动恢复
  - SettingsModal 新增「界面缩放」卡片，实时经 IPC 应用并持久化
- 字体大小新增「超大」档（html font-size 20px），共 5 档
- 修复设置模态框在字体/界面放大后内容超出视口：面板限制
  max-h-[calc(100vh-2rem)]，内容区 flex-1 overflow-y-auto 滚动
---
 debian/changelog                 |  2 +-
 electron/main/index.ts           | 35 +++++++++++++-
 src/App.vue                      |  4 +-
 src/components/SettingsModal.vue | 78 +++++++++++++++++++++++++++++--
 src/global/displaySettings.ts    | 79 +++++++++++++++++++++++++++++++-
 5 files changed, 191 insertions(+), 7 deletions(-)

diff --git a/debian/changelog b/debian/changelog
index c79d5081..b57a415d 100644
--- a/debian/changelog
+++ b/debian/changelog
@@ -1,4 +1,4 @@
-spark-store (5.3.0.3-test) UNRELEASED; urgency=medium
+spark-store (5.3.0.6-test) UNRELEASED; urgency=medium
 
   * Initial release.
 
diff --git a/electron/main/index.ts b/electron/main/index.ts
index 6b514806..941d8a1e 100644
--- a/electron/main/index.ts
+++ b/electron/main/index.ts
@@ -170,6 +170,18 @@ ipcMain.handle("save-window-bounds", (): boolean => {
   return true;
 });
 
+// 渲染端（设置页）切换界面整体缩放系数，经此实时应用到主窗口。
+// factor 限定在 0.5~3 之间，避免极端值导致界面不可用。
+ipcMain.handle("set-zoom-factor", (_event, factor: unknown): boolean => {
+  if (typeof factor !== "number" || !Number.isFinite(factor)) return false;
+  const clamped = Math.min(3, Math.max(0.5, factor));
+  if (win && !win.isDestroyed()) {
+    win.webContents.setZoomFactor(clamped);
+    return true;
+  }
+  return false;
+});
+
 ipcMain.handle("get-app-version", (): string => getAppVersion());
 ipcMain.handle("get-system-info", (): { distro: string } => getSystemInfo());
 
@@ -307,6 +319,8 @@ interface WindowState {
   x?: number;
   y?: number;
   maximized?: boolean;
+  /** 界面整体缩放系数（Electron webContents.setZoomFactor），默认 1 */
+  zoomFactor?: number;
 }
 
 function getWindowStatePath(): string {
@@ -375,7 +389,14 @@ function flushSaveBounds(): void {
   }
   if (win && !win.isDestroyed()) {
     const { width, height, x, y } = win.getBounds();
-    saveWindowState({ width, height, x, y, maximized: win.isMaximized() });
+    saveWindowState({
+      width,
+      height,
+      x,
+      y,
+      maximized: win.isMaximized(),
+      zoomFactor: win.webContents.getZoomFactor(),
+    });
   }
 }
 function scheduleSaveBounds(winInstance: BrowserWindow): void {
@@ -389,6 +410,7 @@ function scheduleSaveBounds(winInstance: BrowserWindow): void {
       x,
       y,
       maximized: winInstance.isMaximized(),
+      zoomFactor: winInstance.webContents.getZoomFactor(),
     });
   }, 400);
 }
@@ -438,6 +460,17 @@ async function createWindow() {
   });
   win = mainWindow;
 
+  // 启动即应用持久化的界面缩放系数（默认 1 = 100%）。
+  // 必须在 loadURL/loadFile 前设置，使首帧即按目标缩放渲染，避免闪烁。
+  const savedZoom =
+    typeof saved.zoomFactor === "number" &&
+    saved.zoomFactor >= 0.5 &&
+    saved.zoomFactor <= 3
+      ? saved.zoomFactor
+      : 1;
+  mainWindow.webContents.setZoomFactor(savedZoom);
+  logger.info({ zoomFactor: savedZoom }, "已应用界面缩放系数");
+
   // 设计意图（非缺陷，勿改为自动恢复 maximized）：
   // 启动时不自动恢复最大化状态。原因——最大化窗口在多数屏幕上 bounds 会超过
   // OVERSIZED_WINDOW_THRESHOLD(1600x900)，若强行恢复最大化会导致「启动即全屏、
diff --git a/src/App.vue b/src/App.vue
index e9ed680b..d3880c5f 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -344,7 +344,7 @@ import ReviewUserProfileModal from "./components/ReviewUserProfileModal.vue";
 import WindowTitleBar from "./components/WindowTitleBar.vue";
 import SubmitterWindow from "./components/SubmitterWindow.vue";
 import { initTagPriorityStrategy } from "./global/tagPriority";
-import { initFontSize } from "./global/displaySettings";
+import { initFontSize, initUiScale } from "./global/displaySettings";
 import {
   FLARUM_BASE_URL,
   FLARUM_REGISTER_URL,
@@ -1055,6 +1055,8 @@ onMounted(async () => {
   initTagPriorityStrategy();
   // 恢复并应用持久化的字体大小档位（仅字号），避免渲染瞬间默认字号闪烁。
   initFontSize();
+  // 恢复并应用持久化的界面整体缩放（Electron setZoomFactor），与字号正交。
+  void initUiScale();
   initTheme();
   updateCenterStore.bind();
 
diff --git a/src/components/SettingsModal.vue b/src/components/SettingsModal.vue
index c47219bf..98e1f57a 100644
--- a/src/components/SettingsModal.vue
+++ b/src/components/SettingsModal.vue
@@ -13,7 +13,7 @@
       @click.self="closeModal"
     >
       <div
-        class="relative w-full max-w-md overflow-hidden rounded-3xl border border-white/10 bg-white/95 shadow-2xl dark:border-slate-800 dark:bg-slate-900"
+        class="relative flex max-h-[calc(100vh-2rem)] w-full max-w-md flex-col overflow-hidden rounded-3xl border border-white/10 bg-white/95 shadow-2xl dark:border-slate-800 dark:bg-slate-900"
       >
         <!-- 标题栏 -->
         <div
@@ -35,8 +35,8 @@
           </button>
         </div>
 
-        <!-- 设置内容 -->
-        <div class="p-6 space-y-4">
+        <!-- 设置内容（可滚动，标题/底部固定） -->
+        <div class="flex-1 overflow-y-auto p-6 space-y-4">
           <!-- 更新检测开关 -->
           <div
             class="flex items-center justify-between rounded-2xl border border-slate-200/60 bg-slate-50/50 px-4 py-4 dark:border-slate-800/60 dark:bg-slate-800/50"
@@ -213,6 +213,51 @@
               </div>
             </div>
           </div>
+
+          <!-- 界面缩放（整体缩放：图标 / 间距 / 布局等比变化） -->
+          <div
+            class="rounded-2xl border border-slate-200/60 bg-slate-50/50 px-4 py-4 dark:border-slate-800/60 dark:bg-slate-800/50"
+          >
+            <div class="flex items-start gap-3">
+              <div
+                class="flex h-10 w-10 flex-shrink-0 items-center justify-center rounded-xl bg-teal-100 text-teal-600 dark:bg-teal-900/30 dark:text-teal-400"
+              >
+                <i class="fas fa-search-plus"></i>
+              </div>
+              <div class="min-w-0 flex-1">
+                <p
+                  class="text-sm font-medium text-slate-800 dark:text-slate-200"
+                >
+                  界面缩放
+                </p>
+                <p class="text-xs text-slate-500 dark:text-slate-400">
+                  整体放大或缩小界面（图标、间距、布局等比变化）
+                </p>
+                <div
+                  class="mt-3 inline-flex w-full overflow-hidden rounded-lg border border-slate-200 dark:border-slate-700"
+                  role="radiogroup"
+                  aria-label="界面缩放"
+                >
+                  <button
+                    v-for="opt in uiScaleOptions"
+                    :key="opt.value"
+                    type="button"
+                    role="radio"
+                    :aria-checked="uiScale === opt.value"
+                    class="flex-1 px-2 py-1.5 text-xs font-medium transition-colors"
+                    :class="
+                      uiScale === opt.value
+                        ? 'bg-brand text-white'
+                        : 'bg-white text-slate-500 hover:bg-slate-100 dark:bg-slate-700 dark:text-slate-400 dark:hover:bg-slate-600'
+                    "
+                    @click="selectUiScale(opt.value)"
+                  >
+                    {{ opt.label }}
+                  </button>
+                </div>
+              </div>
+            </div>
+          </div>
         </div>
 
         <!-- 底部提示 -->
@@ -240,6 +285,11 @@ import {
   setFontSize,
   FONT_SIZE_OPTIONS,
   type FontSizeOption,
+  getUiScale,
+  setUiScale,
+  uiScaleToFactor,
+  UI_SCALE_OPTIONS,
+  type UiScaleOption,
 } from "../global/displaySettings";
 
 const props = defineProps<{
@@ -265,6 +315,9 @@ const strategyOptions: Array<{ value: TagPriorityStrategy; label: string }> = [
 // 字体大小档位选项（小 / 标准 / 大 / 特大）
 const fontSizeOptions = FONT_SIZE_OPTIONS;
 
+// 界面缩放档位选项（90% / 100% / 110% / 125% / 150%）
+const uiScaleOptions = UI_SCALE_OPTIONS;
+
 const tagPriorityStrategy = ref<TagPriorityStrategy>("auto");
 
 // 加载标签优先显示策略（从持久化读取）
@@ -291,6 +344,24 @@ const selectFontSize = (value: FontSizeOption) => {
   setFontSize(value);
 };
 
+// 界面整体缩放档位（Electron setZoomFactor，连图标/间距/布局等比变化）
+const uiScale = ref<UiScaleOption>("100");
+
+const loadUiScale = () => {
+  uiScale.value = getUiScale();
+};
+
+// 选择并保存界面缩放档位（立即经 IPC 应用到主窗口）
+const selectUiScale = async (value: UiScaleOption) => {
+  uiScale.value = value;
+  setUiScale(value);
+  try {
+    await window.ipcRenderer.invoke("set-zoom-factor", uiScaleToFactor(value));
+  } catch (error) {
+    console.error("应用界面缩放失败:", error);
+  }
+};
+
 const settings = ref<Settings>({
   enableUpdateCheck: true,
   enableCreateDesktop: true,
@@ -352,6 +423,7 @@ watch(
       loadSettings();
       loadTagPriority();
       loadFontSize();
+      loadUiScale();
     }
   },
 );
diff --git a/src/global/displaySettings.ts b/src/global/displaySettings.ts
index e34bcc71..4fd154ba 100644
--- a/src/global/displaySettings.ts
+++ b/src/global/displaySettings.ts
@@ -7,7 +7,7 @@
  *
  * 持久化：localStorage key = "spark-store-font-size"，存档位枚举字符串。
  */
-export type FontSizeOption = "small" | "medium" | "large" | "xlarge";
+export type FontSizeOption = "small" | "medium" | "large" | "xlarge" | "xxlarge";
 
 interface FontSizeMeta {
   /** 应用到 html 的 font-size（px） */
@@ -23,6 +23,7 @@ export const FONT_SIZE_OPTIONS: Array<{
   { value: "medium", label: "标准" },
   { value: "large", label: "大" },
   { value: "xlarge", label: "特大" },
+  { value: "xxlarge", label: "超大" },
 ];
 
 // 各档位对应的根字号。medium 保持现状 16px，向上放大、向下略缩。
@@ -31,6 +32,7 @@ const FONT_SIZE_MAP: Record<FontSizeOption, FontSizeMeta> = {
   medium: { px: 16, label: "标准" },
   large: { px: 17, label: "大" },
   xlarge: { px: 18, label: "特大" },
+  xxlarge: { px: 20, label: "超大" },
 };
 
 const FONT_SIZE_STORAGE_KEY = "spark-store-font-size";
@@ -73,3 +75,78 @@ export const setFontSize = (option: FontSizeOption): void => {
 export const initFontSize = (): void => {
   applyFontSize(getFontSize());
 };
+
+/* ------------------------------------------------------------------ *
+ * 界面整体缩放（Electron webContents.setZoomFactor）
+ *
+ * 与「字体大小」正交：字号只改 html font-size（rem 字号类），
+ * 而界面缩放会连图标、间距、布局一起等比放大/缩小（逻辑分辨率变化）。
+ * 实际缩放由主进程 setZoomFactor 执行；渲染端仅负责持久化档位偏好，
+ * 并在启动时把档位换算的系数通过 IPC 告知主进程。
+ * ------------------------------------------------------------------ */
+
+export type UiScaleOption = "90" | "100" | "110" | "125" | "150";
+
+// 档位 → 缩放系数（与 Electron setZoomFactor 一致，1 = 100%）
+const UI_SCALE_MAP: Record<UiScaleOption, number> = {
+  "90": 0.9,
+  "100": 1,
+  "110": 1.1,
+  "125": 1.25,
+  "150": 1.5,
+};
+
+export const UI_SCALE_OPTIONS: Array<{
+  value: UiScaleOption;
+  label: string;
+}> = [
+  { value: "90", label: "90%" },
+  { value: "100", label: "100%" },
+  { value: "110", label: "110%" },
+  { value: "125", label: "125%" },
+  { value: "150", label: "150%" },
+];
+
+const UI_SCALE_STORAGE_KEY = "spark-store-ui-scale";
+const DEFAULT_UI_SCALE: UiScaleOption = "100";
+
+const isValidUiScale = (v: unknown): v is UiScaleOption =>
+  typeof v === "string" && v in UI_SCALE_MAP;
+
+/** 读取持久化的界面缩放档位（无/非法时回退默认「100%」） */
+export const getUiScale = (): UiScaleOption => {
+  try {
+    const raw = localStorage.getItem(UI_SCALE_STORAGE_KEY);
+    if (isValidUiScale(raw)) return raw;
+  } catch {
+    // localStorage 不可用时忽略，使用默认
+  }
+  return DEFAULT_UI_SCALE;
+};
+
+/** 将档位换算为 Electron 缩放系数 */
+export const uiScaleToFactor = (option: UiScaleOption): number =>
+  UI_SCALE_MAP[option] ?? UI_SCALE_MAP[DEFAULT_UI_SCALE];
+
+/** 选择并持久化界面缩放档位（不在此直接调用主进程，由调用方经 IPC 应用） */
+export const setUiScale = (option: UiScaleOption): void => {
+  try {
+    localStorage.setItem(UI_SCALE_STORAGE_KEY, option);
+  } catch {
+    // 持久化失败时仍已在会话内选定，忽略写入错误
+  }
+};
+
+/**
+ * 应用启动时初始化：从持久化恢复档位，并经 IPC 告知主进程应用缩放。
+ * 需在 App.vue onMounted 调用（initFontSize 之后或同级均可），
+ * 主进程 createWindow 阶段已自有兜底（默认 1），此处确保渲染端偏好生效。
+ */
+export const initUiScale = async (): Promise<void> => {
+  const factor = uiScaleToFactor(getUiScale());
+  try {
+    await window.ipcRenderer.invoke("set-zoom-factor", factor);
+  } catch {
+    // 主进程 IPC 不可用时忽略（主进程启动兜底已设为 1）
+  }
+};

From ede1a1269fdfbdd1f6bf4a700c50cc76bf9c20c7 Mon Sep 17 00:00:00 2001
From: xiyidaiwa <g17729830615@163.com>
Date: Mon, 17 Aug 2026 23:46:15 +0800
Subject: [PATCH 4/6] =?UTF-8?q?fix=EF=BC=9A=E6=9B=B4=E6=96=B0=E7=89=88?=
 =?UTF-8?q?=E6=9C=AC=E5=8F=B7=E5=88=B05.3.0.2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 debian/changelog | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/debian/changelog b/debian/changelog
index b57a415d..e9fb5d07 100644
--- a/debian/changelog
+++ b/debian/changelog
@@ -1,4 +1,4 @@
-spark-store (5.3.0.6-test) UNRELEASED; urgency=medium
+spark-store (5.3.0.6) UNRELEASED; urgency=medium
 
   * Initial release.
 

From 81567f83516bded4b40445fa225c5753f5916905 Mon Sep 17 00:00:00 2001
From: xiyidaiwa <g17729830615@163.com>
Date: Tue, 18 Aug 2026 00:15:24 +0800
Subject: [PATCH 5/6] =?UTF-8?q?refactor(display):=20=E7=A7=BB=E9=99=A4?=
 =?UTF-8?q?=E5=AD=97=E4=BD=93=E5=A4=A7=E5=B0=8F=E8=AE=BE=E7=BD=AE=EF=BC=8C?=
 =?UTF-8?q?=E4=BB=85=E4=BF=9D=E7=95=99=E7=95=8C=E9=9D=A2=E6=95=B4=E4=BD=93?=
 =?UTF-8?q?=E7=BC=A9=E6=94=BE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

用户实测发现仅调字体到特大/超大时主页面卡片布局遮挡，且字体大小
与界面缩放功能效果高度重叠。故采用方案1：删除字体大小入口，放大
统一由 Electron setZoomFactor 处理（整体等比缩放，不破坏布局）。

- displaySettings.ts：移除 FontSizeOption/FONT_SIZE_OPTIONS/applyFontSize/
  setFontSize/initFontSize 等全部字体相关导出，仅保留界面缩放
- App.vue：移除 initFontSize 导入与调用
- SettingsModal.vue：删除「字体大小」卡片及所有相关逻辑，仅留「界面缩放」
- 还原 8 个组件中当初为字体联动改写的 rem 为原始 px（10/11/12/13/15px），
  消除对 html font-size 的依赖，卡片布局不再因字号变化溢出
---
 debian/changelog                              |  2 +-
 src/App.vue                                   |  6 +-
 src/components/AccountQuickMenu.vue           |  6 +-
 src/components/AppCard.vue                    | 10 +--
 src/components/AppSidebar.vue                 |  6 +-
 src/components/CategoryBar.vue                |  6 +-
 src/components/HomeView.vue                   |  8 +-
 src/components/InstalledAppsModal.vue         | 22 ++---
 src/components/RankingAppRow.vue              |  6 +-
 src/components/SettingsModal.vue              | 71 ---------------
 src/components/SourceLabel.vue                |  2 +-
 src/components/WindowTitleBar.vue             |  2 +-
 .../update-center/UpdateCenterItem.vue        | 18 ++--
 src/global/displaySettings.ts                 | 90 ++-----------------
 14 files changed, 53 insertions(+), 202 deletions(-)

diff --git a/debian/changelog b/debian/changelog
index e9fb5d07..27ec7629 100644
--- a/debian/changelog
+++ b/debian/changelog
@@ -1,4 +1,4 @@
-spark-store (5.3.0.6) UNRELEASED; urgency=medium
+spark-store (5.3.0.7-test) UNRELEASED; urgency=medium
 
   * Initial release.
 
diff --git a/src/App.vue b/src/App.vue
index d3880c5f..d5bb3b55 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -344,7 +344,7 @@ import ReviewUserProfileModal from "./components/ReviewUserProfileModal.vue";
 import WindowTitleBar from "./components/WindowTitleBar.vue";
 import SubmitterWindow from "./components/SubmitterWindow.vue";
 import { initTagPriorityStrategy } from "./global/tagPriority";
-import { initFontSize, initUiScale } from "./global/displaySettings";
+import { initUiScale } from "./global/displaySettings";
 import {
   FLARUM_BASE_URL,
   FLARUM_REGISTER_URL,
@@ -1053,9 +1053,7 @@ onMounted(async () => {
   // 应用启动即锁定标签优先显示策略的真实持久化值，避免依赖详情页挂载顺序
   // 导致先读到内存默认值 "auto" 再懒加载的竞态窗口。
   initTagPriorityStrategy();
-  // 恢复并应用持久化的字体大小档位（仅字号），避免渲染瞬间默认字号闪烁。
-  initFontSize();
-  // 恢复并应用持久化的界面整体缩放（Electron setZoomFactor），与字号正交。
+  // 恢复并应用持久化的界面整体缩放（Electron setZoomFactor）。
   void initUiScale();
   initTheme();
   updateCenterStore.bind();
diff --git a/src/components/AccountQuickMenu.vue b/src/components/AccountQuickMenu.vue
index d4437082..124018a2 100644
--- a/src/components/AccountQuickMenu.vue
+++ b/src/components/AccountQuickMenu.vue
@@ -52,10 +52,10 @@ const emit = defineEmits<{
   display: flex;
   width: 100%;
   align-items: center;
-  gap: 0.75rem;
+  gap: 12px;
   min-width: 0;
-  border-radius: 0.75rem;
-  padding: 0.625rem 0.75rem;
+  border-radius: 12px;
+  padding: 10px 12px;
   text-align: left;
   font-size: 0.875rem;
   font-weight: 500;
diff --git a/src/components/AppCard.vue b/src/components/AppCard.vue
index f5fdb567..82d521f0 100644
--- a/src/components/AppCard.vue
+++ b/src/components/AppCard.vue
@@ -39,20 +39,20 @@
         <div class="flex shrink-0 gap-1">
           <span
             v-if="showMergedBadge"
-            class="rounded-md px-1.5 py-0.5 text-[0.625rem] font-bold uppercase tracking-wider shadow-sm bg-purple-100 text-purple-600 dark:bg-purple-900/30 dark:text-purple-400"
+            class="rounded-md px-1.5 py-0.5 text-[10px] font-bold uppercase tracking-wider shadow-sm bg-purple-100 text-purple-600 dark:bg-purple-900/30 dark:text-purple-400"
           >
             SPARK/APM
           </span>
           <template v-else>
             <span
               v-if="showSparkBadge"
-              class="rounded-md px-1.5 py-0.5 text-[0.625rem] font-bold uppercase tracking-wider shadow-sm bg-orange-100 text-orange-600 dark:bg-orange-900/30 dark:text-orange-400"
+              class="rounded-md px-1.5 py-0.5 text-[10px] font-bold uppercase tracking-wider shadow-sm bg-orange-100 text-orange-600 dark:bg-orange-900/30 dark:text-orange-400"
             >
               Spark
             </span>
             <span
               v-if="showApmBadge"
-              class="rounded-md px-1.5 py-0.5 text-[0.625rem] font-bold uppercase tracking-wider shadow-sm bg-blue-100 text-blue-600 dark:bg-blue-900/30 dark:text-blue-400"
+              class="rounded-md px-1.5 py-0.5 text-[10px] font-bold uppercase tracking-wider shadow-sm bg-blue-100 text-blue-600 dark:bg-blue-900/30 dark:text-blue-400"
             >
               APM
             </span>
@@ -60,7 +60,7 @@
         </div>
         <span
           v-if="downloadCount"
-          class="ml-auto shrink-0 text-[0.625rem] text-slate-400 dark:text-slate-500"
+          class="ml-auto shrink-0 text-[10px] text-slate-400 dark:text-slate-500"
           >{{ formatDownloads(downloadCount) }}</span
         >
       </div>
@@ -72,7 +72,7 @@
       </div>
       <div
         class="truncate leading-tight text-slate-500 dark:text-slate-400"
-        :class="compact ? 'text-[0.6875rem]' : 'text-xs'"
+        :class="compact ? 'text-[11px]' : 'text-xs'"
       >
         {{ description || "\u00A0" }}
       </div>
diff --git a/src/components/AppSidebar.vue b/src/components/AppSidebar.vue
index 8db4000a..5b18d253 100644
--- a/src/components/AppSidebar.vue
+++ b/src/components/AppSidebar.vue
@@ -161,10 +161,10 @@ const emitSidebarAction = (action: "list" | "update" | "submit") => {
   display: flex;
   width: 100%;
   align-items: center;
-  gap: 0.75rem;
+  gap: 12px;
   border: 1px solid transparent;
-  border-radius: 0.75rem;
-  padding: 0.625rem 0.875rem;
+  border-radius: 12px;
+  padding: 10px 0.875rem;
   text-align: left;
   font-size: 0.875rem;
   font-weight: 500;
diff --git a/src/components/CategoryBar.vue b/src/components/CategoryBar.vue
index 1aa90f14..d56cef15 100644
--- a/src/components/CategoryBar.vue
+++ b/src/components/CategoryBar.vue
@@ -71,7 +71,7 @@ const selectCategory = (category: string) => {
   display: flex;
   flex-wrap: wrap;
   gap: 0.5rem;
-  padding: 0.75rem 0;
+  padding: 12px 0;
 }
 
 .category-pill {
@@ -81,7 +81,7 @@ const selectCategory = (category: string) => {
   white-space: nowrap;
   padding: 0.375rem 0.875rem;
   border-radius: 9999px;
-  font-size: 0.8125rem;
+  font-size: 13px;
   font-weight: 500;
   color: #64748b;
   background: #f1f5f9;
@@ -126,7 +126,7 @@ const selectCategory = (category: string) => {
 }
 
 .category-pill-count {
-  font-size: 0.6875rem;
+  font-size: 11px;
   font-weight: 600;
   opacity: 0.75;
 }
diff --git a/src/components/HomeView.vue b/src/components/HomeView.vue
index 4909ce3c..5043fddf 100644
--- a/src/components/HomeView.vue
+++ b/src/components/HomeView.vue
@@ -62,7 +62,7 @@
               storeFilter === "apm" ? "星火应用商店 (Amber PM)" : "星火应用商店"
             }}
           </h1>
-          <p class="text-[0.625rem] text-slate-500 dark:text-slate-400 mt-0.5">
+          <p class="text-[10px] text-slate-500 dark:text-slate-400 mt-0.5">
             探索丰富的应用，发现更多精彩内容
           </p>
         </div>
@@ -108,12 +108,12 @@
             </div>
             <div class="mt-1.5 px-1">
               <div
-                class="text-[0.8125rem] font-semibold text-slate-900 dark:text-white group-hover:text-brand dark:group-hover:text-brand transition-colors"
+                class="text-[13px] font-semibold text-slate-900 dark:text-white group-hover:text-brand dark:group-hover:text-brand transition-colors"
               >
                 {{ link.name }}
               </div>
               <div
-                class="text-[0.6875rem] text-slate-500 dark:text-slate-400 mt-0.5 line-clamp-1"
+                class="text-[11px] text-slate-500 dark:text-slate-400 mt-0.5 line-clamp-1"
               >
                 {{ link.more }}
               </div>
@@ -192,7 +192,7 @@ const onLinkClick = (link: HomeLink) => {
 @media (max-width: 640px) {
   .auto-fit-grid {
     grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
-    gap: 0.75rem;
+    gap: 12px;
   }
 }
 </style>
diff --git a/src/components/InstalledAppsModal.vue b/src/components/InstalledAppsModal.vue
index 4ce65a22..ee3c6b41 100644
--- a/src/components/InstalledAppsModal.vue
+++ b/src/components/InstalledAppsModal.vue
@@ -48,15 +48,15 @@
                   <span
                     class="flex h-7 w-7 items-center justify-center rounded-lg bg-gradient-to-br from-amber-400 to-orange-500 text-white shadow-sm shadow-amber-500/30"
                   >
-                    <i class="fas fa-box-open text-[0.75rem]"></i>
+                    <i class="fas fa-box-open text-[12px]"></i>
                   </span>
                   <div class="flex flex-col leading-tight">
                     <span
-                      class="text-[0.9375rem] font-bold tabular-nums text-amber-700 dark:text-amber-300"
+                      class="text-[15px] font-bold tabular-nums text-amber-700 dark:text-amber-300"
                       >{{ apmCount }}</span
                     >
                     <span
-                      class="text-[0.625rem] font-medium uppercase tracking-wider text-amber-600/80 dark:text-amber-400/80"
+                      class="text-[10px] font-medium uppercase tracking-wider text-amber-600/80 dark:text-amber-400/80"
                       >APM</span
                     >
                   </div>
@@ -80,15 +80,15 @@
                   <span
                     class="flex h-7 w-7 items-center justify-center rounded-lg bg-gradient-to-br from-sky-400 to-blue-500 text-white shadow-sm shadow-sky-500/30"
                   >
-                    <i class="fas fa-bolt text-[0.75rem]"></i>
+                    <i class="fas fa-bolt text-[12px]"></i>
                   </span>
                   <div class="flex flex-col leading-tight">
                     <span
-                      class="text-[0.9375rem] font-bold tabular-nums text-sky-700 dark:text-sky-300"
+                      class="text-[15px] font-bold tabular-nums text-sky-700 dark:text-sky-300"
                       >{{ sparkCount }}</span
                     >
                     <span
-                      class="text-[0.625rem] font-medium uppercase tracking-wider text-sky-600/80 dark:text-sky-400/80"
+                      class="text-[10px] font-medium uppercase tracking-wider text-sky-600/80 dark:text-sky-400/80"
                       >Spark</span
                     >
                   </div>
@@ -112,15 +112,15 @@
                   <span
                     class="flex h-7 w-7 items-center justify-center rounded-lg bg-gradient-to-br from-slate-500 to-slate-700 text-white shadow-sm dark:from-slate-400 dark:to-slate-600"
                   >
-                    <i class="fas fa-cubes text-[0.75rem]"></i>
+                    <i class="fas fa-cubes text-[12px]"></i>
                   </span>
                   <div class="flex flex-col leading-tight">
                     <span
-                      class="text-[0.9375rem] font-bold tabular-nums text-slate-900 dark:text-white"
+                      class="text-[15px] font-bold tabular-nums text-slate-900 dark:text-white"
                       >{{ totalCount }}</span
                     >
                     <span
-                      class="text-[0.625rem] font-medium uppercase tracking-wider text-slate-500 dark:text-slate-400"
+                      class="text-[10px] font-medium uppercase tracking-wider text-slate-500 dark:text-slate-400"
                       >总数</span
                     >
                   </div>
@@ -259,7 +259,7 @@
                       :data-testid="
                         o === 'apm' ? 'origin-tag-apm' : 'origin-tag-spark'
                       "
-                      class="rounded-md px-2 py-0.5 text-[0.6875rem] font-semibold"
+                      class="rounded-md px-2 py-0.5 text-[11px] font-semibold"
                       :class="
                         o === 'apm'
                           ? 'bg-amber-100 text-amber-700 dark:bg-amber-500/20 dark:text-amber-400'
@@ -271,7 +271,7 @@
                     </span>
                     <span
                       v-if="app.isDependency"
-                      class="rounded-md bg-rose-100 px-2 py-0.5 text-[0.6875rem] font-semibold text-rose-600 dark:bg-rose-500/20 dark:text-rose-400"
+                      class="rounded-md bg-rose-100 px-2 py-0.5 text-[11px] font-semibold text-rose-600 dark:bg-rose-500/20 dark:text-rose-400"
                     >
                       依赖项
                     </span>
diff --git a/src/components/RankingAppRow.vue b/src/components/RankingAppRow.vue
index c9fd378e..76a06a21 100644
--- a/src/components/RankingAppRow.vue
+++ b/src/components/RankingAppRow.vue
@@ -34,17 +34,17 @@
         </div>
         <span
           v-if="app.origin === 'spark'"
-          class="rounded-md bg-orange-100 px-1.5 py-0.5 text-[0.625rem] font-bold uppercase tracking-wider text-orange-600 dark:bg-orange-900/30 dark:text-orange-400"
+          class="rounded-md bg-orange-100 px-1.5 py-0.5 text-[10px] font-bold uppercase tracking-wider text-orange-600 dark:bg-orange-900/30 dark:text-orange-400"
           >Spark</span
         >
         <span
           v-else
-          class="rounded-md bg-blue-100 px-1.5 py-0.5 text-[0.625rem] font-bold uppercase tracking-wider text-blue-600 dark:bg-blue-900/30 dark:text-blue-400"
+          class="rounded-md bg-blue-100 px-1.5 py-0.5 text-[10px] font-bold uppercase tracking-wider text-blue-600 dark:bg-blue-900/30 dark:text-blue-400"
           >APM</span
         >
         <span
           v-if="showDownload && downloadCount"
-          class="ml-auto shrink-0 text-[0.625rem] text-slate-400 dark:text-slate-500"
+          class="ml-auto shrink-0 text-[10px] text-slate-400 dark:text-slate-500"
           >{{ formatDownloads(downloadCount) }}</span
         >
       </div>
diff --git a/src/components/SettingsModal.vue b/src/components/SettingsModal.vue
index 98e1f57a..8207964a 100644
--- a/src/components/SettingsModal.vue
+++ b/src/components/SettingsModal.vue
@@ -164,56 +164,6 @@
             </div>
           </div>
 
-          <!-- 字体大小（字号档位：小 / 标准 / 大 / 特大） -->
-          <div
-            class="rounded-2xl border border-slate-200/60 bg-slate-50/50 px-4 py-4 dark:border-slate-800/60 dark:bg-slate-800/50"
-          >
-            <div class="flex items-start gap-3">
-              <div
-                class="flex h-10 w-10 flex-shrink-0 items-center justify-center rounded-xl bg-pink-100 text-pink-600 dark:bg-pink-900/30 dark:text-pink-400"
-              >
-                <i class="fas fa-font"></i>
-              </div>
-              <div class="min-w-0 flex-1">
-                <p
-                  class="text-sm font-medium text-slate-800 dark:text-slate-200"
-                >
-                  字体大小
-                </p>
-                <p class="text-xs text-slate-500 dark:text-slate-400">
-                  调整全局界面字体大小（仅字号）
-                </p>
-                <div
-                  class="mt-3 inline-flex w-full overflow-hidden rounded-lg border border-slate-200 dark:border-slate-700"
-                  role="radiogroup"
-                  aria-label="字体大小"
-                >
-                  <button
-                    v-for="opt in fontSizeOptions"
-                    :key="opt.value"
-                    type="button"
-                    role="radio"
-                    :aria-checked="fontSize === opt.value"
-                    class="flex-1 px-2 py-1.5 text-xs font-medium transition-colors"
-                    :class="
-                      fontSize === opt.value
-                        ? 'bg-brand text-white'
-                        : 'bg-white text-slate-500 hover:bg-slate-100 dark:bg-slate-700 dark:text-slate-400 dark:hover:bg-slate-600'
-                    "
-                    @click="selectFontSize(opt.value)"
-                  >
-                    {{ opt.label }}
-                  </button>
-                </div>
-                <p
-                  class="mt-2 text-[0.6875rem] text-slate-400 dark:text-slate-500"
-                >
-                  预览：星火应用商店 Spark Store 123
-                </p>
-              </div>
-            </div>
-          </div>
-
           <!-- 界面缩放（整体缩放：图标 / 间距 / 布局等比变化） -->
           <div
             class="rounded-2xl border border-slate-200/60 bg-slate-50/50 px-4 py-4 dark:border-slate-800/60 dark:bg-slate-800/50"
@@ -281,10 +231,6 @@ import {
   type TagPriorityStrategy,
 } from "../global/tagPriority";
 import {
-  getFontSize,
-  setFontSize,
-  FONT_SIZE_OPTIONS,
-  type FontSizeOption,
   getUiScale,
   setUiScale,
   uiScaleToFactor,
@@ -312,9 +258,6 @@ const strategyOptions: Array<{ value: TagPriorityStrategy; label: string }> = [
   { value: "apm", label: "APM 优先" },
 ];
 
-// 字体大小档位选项（小 / 标准 / 大 / 特大）
-const fontSizeOptions = FONT_SIZE_OPTIONS;
-
 // 界面缩放档位选项（90% / 100% / 110% / 125% / 150%）
 const uiScaleOptions = UI_SCALE_OPTIONS;
 
@@ -331,19 +274,6 @@ const selectStrategy = (value: TagPriorityStrategy) => {
   setTagPriorityStrategy(value);
 };
 
-// 字体大小档位（仅字号，不含整体缩放/字体族）
-const fontSize = ref<FontSizeOption>("medium");
-
-const loadFontSize = () => {
-  fontSize.value = getFontSize();
-};
-
-// 选择并保存字号档位（立即应用到 html，全局 rem 字号类联动）
-const selectFontSize = (value: FontSizeOption) => {
-  fontSize.value = value;
-  setFontSize(value);
-};
-
 // 界面整体缩放档位（Electron setZoomFactor，连图标/间距/布局等比变化）
 const uiScale = ref<UiScaleOption>("100");
 
@@ -422,7 +352,6 @@ watch(
     if (newVal) {
       loadSettings();
       loadTagPriority();
-      loadFontSize();
       loadUiScale();
     }
   },
diff --git a/src/components/SourceLabel.vue b/src/components/SourceLabel.vue
index 98c67018..bbbc060d 100644
--- a/src/components/SourceLabel.vue
+++ b/src/components/SourceLabel.vue
@@ -8,7 +8,7 @@
     "
   >
     <span
-      class="rounded px-1.5 py-0.5 text-[0.625rem] font-bold uppercase"
+      class="rounded px-1.5 py-0.5 text-[10px] font-bold uppercase"
       :class="
         origin === 'spark'
           ? 'bg-orange-100 dark:bg-orange-900/30'
diff --git a/src/components/WindowTitleBar.vue b/src/components/WindowTitleBar.vue
index 9324ac09..b1c90d88 100644
--- a/src/components/WindowTitleBar.vue
+++ b/src/components/WindowTitleBar.vue
@@ -20,7 +20,7 @@
       />
       <span class="truncate text-base font-semibold">星火应用商店</span>
       <span
-        class="rounded-full border border-orange-400 bg-orange-50 px-2 py-0.5 text-[0.625rem] font-semibold text-orange-600 dark:border-amber-400/70 dark:bg-amber-400/10 dark:text-amber-300 dark:shadow-[0_0_8px_rgba(251,191,36,0.4)]"
+        class="rounded-full border border-orange-400 bg-orange-50 px-2 py-0.5 text-[10px] font-semibold text-orange-600 dark:border-amber-400/70 dark:bg-amber-400/10 dark:text-amber-300 dark:shadow-[0_0_8px_rgba(251,191,36,0.4)]"
         >社区版</span
       >
     </div>
diff --git a/src/components/update-center/UpdateCenterItem.vue b/src/components/update-center/UpdateCenterItem.vue
index 73bf4175..fd329c64 100644
--- a/src/components/update-center/UpdateCenterItem.vue
+++ b/src/components/update-center/UpdateCenterItem.vue
@@ -42,25 +42,25 @@
           {{ item.displayName }}
         </p>
         <span
-          class="shrink-0 rounded-full bg-slate-100 px-2 py-0.5 text-[0.625rem] font-semibold text-slate-600 dark:bg-slate-800 dark:text-slate-200"
+          class="shrink-0 rounded-full bg-slate-100 px-2 py-0.5 text-[10px] font-semibold text-slate-600 dark:bg-slate-800 dark:text-slate-200"
         >
           {{ sourceLabel }}
         </span>
         <span
           v-if="item.ignored === true"
-          class="shrink-0 rounded-full bg-slate-200 px-2 py-0.5 text-[0.625rem] font-semibold text-slate-500 dark:bg-slate-800 dark:text-slate-300"
+          class="shrink-0 rounded-full bg-slate-200 px-2 py-0.5 text-[10px] font-semibold text-slate-500 dark:bg-slate-800 dark:text-slate-300"
         >
           已忽略
         </span>
         <span
           v-else-if="item.held === true && !forced"
-          class="shrink-0 rounded-full bg-amber-200 px-2 py-0.5 text-[0.625rem] font-semibold text-amber-700 dark:bg-amber-500/20 dark:text-amber-200"
+          class="shrink-0 rounded-full bg-amber-200 px-2 py-0.5 text-[10px] font-semibold text-amber-700 dark:bg-amber-500/20 dark:text-amber-200"
         >
           已锁定
         </span>
         <span
           v-else-if="item.held === true && forced"
-          class="shrink-0 rounded-full bg-amber-500 px-2 py-0.5 text-[0.625rem] font-semibold text-white dark:bg-amber-500"
+          class="shrink-0 rounded-full bg-amber-500 px-2 py-0.5 text-[10px] font-semibold text-white dark:bg-amber-500"
         >
           将强制
         </span>
@@ -84,16 +84,16 @@
       class="flex shrink-0 flex-col items-end gap-0.5"
     >
       <span
-        class="text-[0.6875rem] font-semibold text-brand dark:text-amber-300"
+        class="text-[11px] font-semibold text-brand dark:text-amber-300"
         >{{ timeLabel }}</span
       >
-      <span class="text-[0.625rem] text-slate-400">{{ sizeLabel }}</span>
+      <span class="text-[10px] text-slate-400">{{ sizeLabel }}</span>
     </div>
     <div v-else-if="!task" class="flex shrink-0 flex-col items-end gap-0.5">
-      <span class="text-[0.6875rem] font-semibold text-slate-400">{{
+      <span class="text-[11px] font-semibold text-slate-400">{{
         timeLabel
       }}</span>
-      <span class="text-[0.625rem] text-slate-400">{{ sizeLabel }}</span>
+      <span class="text-[10px] text-slate-400">{{ sizeLabel }}</span>
     </div>
 
     <!-- 强制安装开关：仅对被系统锁定（held）的包显示 -->
@@ -116,7 +116,7 @@
           :class="forced ? 'translate-x-[16px]' : 'translate-x-[2px]'"
         ></span>
       </button>
-      <span class="text-[0.625rem] text-slate-400">强制</span>
+      <span class="text-[10px] text-slate-400">强制</span>
     </div>
 
     <button
diff --git a/src/global/displaySettings.ts b/src/global/displaySettings.ts
index 4fd154ba..ee66f808 100644
--- a/src/global/displaySettings.ts
+++ b/src/global/displaySettings.ts
@@ -1,89 +1,13 @@
 /**
- * 显示设置：全局字体大小档位（仅字号，不含整体缩放/字体族）。
+ * 显示设置：界面整体缩放（Electron webContents.setZoomFactor）
  *
- * 实现原理：Tailwind 4 的 `text-*` 字号类均为 rem 单位（如 text-sm = 0.875rem），
- * 因此修改根元素 `html` 的 font-size 即可让全部 rem 字号类联动缩放。
- * 取值范围：14px(小) ~ 18px(特大)，默认 16px(标准)。
+ * 通过 Electron 的 setZoomFactor 整体缩放渲染内容，连图标、间距、布局
+ * 一起等比放大/缩小（逻辑分辨率变化），不会破坏布局；与单纯改字号相比
+ * 更稳定，故本应用只提供此一种显示放大入口。
  *
- * 持久化：localStorage key = "spark-store-font-size"，存档位枚举字符串。
- */
-export type FontSizeOption = "small" | "medium" | "large" | "xlarge" | "xxlarge";
-
-interface FontSizeMeta {
-  /** 应用到 html 的 font-size（px） */
-  px: number;
-  label: string;
-}
-
-export const FONT_SIZE_OPTIONS: Array<{
-  value: FontSizeOption;
-  label: string;
-}> = [
-  { value: "small", label: "小" },
-  { value: "medium", label: "标准" },
-  { value: "large", label: "大" },
-  { value: "xlarge", label: "特大" },
-  { value: "xxlarge", label: "超大" },
-];
-
-// 各档位对应的根字号。medium 保持现状 16px，向上放大、向下略缩。
-const FONT_SIZE_MAP: Record<FontSizeOption, FontSizeMeta> = {
-  small: { px: 15, label: "小" },
-  medium: { px: 16, label: "标准" },
-  large: { px: 17, label: "大" },
-  xlarge: { px: 18, label: "特大" },
-  xxlarge: { px: 20, label: "超大" },
-};
-
-const FONT_SIZE_STORAGE_KEY = "spark-store-font-size";
-const DEFAULT_FONT_SIZE: FontSizeOption = "medium";
-
-const isValidFontSize = (v: unknown): v is FontSizeOption =>
-  typeof v === "string" && v in FONT_SIZE_MAP;
-
-/** 读取持久化的字号档位（无/非法时回退默认「标准」） */
-export const getFontSize = (): FontSizeOption => {
-  try {
-    const raw = localStorage.getItem(FONT_SIZE_STORAGE_KEY);
-    if (isValidFontSize(raw)) return raw;
-  } catch {
-    // localStorage 不可用时忽略，使用默认
-  }
-  return DEFAULT_FONT_SIZE;
-};
-
-/** 将字号档位应用到根元素 html（写入 inline font-size） */
-export const applyFontSize = (option: FontSizeOption): void => {
-  const meta = FONT_SIZE_MAP[option] ?? FONT_SIZE_MAP[DEFAULT_FONT_SIZE];
-  document.documentElement.style.fontSize = `${meta.px}px`;
-};
-
-/** 选择并持久化字号档位，同时立即应用 */
-export const setFontSize = (option: FontSizeOption): void => {
-  applyFontSize(option);
-  try {
-    localStorage.setItem(FONT_SIZE_STORAGE_KEY, option);
-  } catch {
-    // 持久化失败时仍已应用当前会话，忽略写入错误
-  }
-};
-
-/**
- * 应用启动时初始化：从持久化恢复并使用，避免渲染瞬间闪烁。
- * 应在 App.vue 的 onMounted 最前调用（与 initTagPriorityStrategy 同级）。
- */
-export const initFontSize = (): void => {
-  applyFontSize(getFontSize());
-};
-
-/* ------------------------------------------------------------------ *
- * 界面整体缩放（Electron webContents.setZoomFactor）
- *
- * 与「字体大小」正交：字号只改 html font-size（rem 字号类），
- * 而界面缩放会连图标、间距、布局一起等比放大/缩小（逻辑分辨率变化）。
  * 实际缩放由主进程 setZoomFactor 执行；渲染端仅负责持久化档位偏好，
  * 并在启动时把档位换算的系数通过 IPC 告知主进程。
- * ------------------------------------------------------------------ */
+ */
 
 export type UiScaleOption = "90" | "100" | "110" | "125" | "150";
 
@@ -139,8 +63,8 @@ export const setUiScale = (option: UiScaleOption): void => {
 
 /**
  * 应用启动时初始化：从持久化恢复档位，并经 IPC 告知主进程应用缩放。
- * 需在 App.vue onMounted 调用（initFontSize 之后或同级均可），
- * 主进程 createWindow 阶段已自有兜底（默认 1），此处确保渲染端偏好生效。
+ * 需在 App.vue onMounted 调用，主进程 createWindow 阶段已自有兜底（默认 1），
+ * 此处确保渲染端偏好生效。
  */
 export const initUiScale = async (): Promise<void> => {
   const factor = uiScaleToFactor(getUiScale());

From d0e6dc1b79136ac445671e765f7e821c11bb370b Mon Sep 17 00:00:00 2001
From: xiyidaiwa <g17729830615@163.com>
Date: Tue, 18 Aug 2026 09:09:52 +0800
Subject: [PATCH 6/6] =?UTF-8?q?feat(build):=20=E6=9B=B4=E6=96=B0=E6=B5=8B?=
 =?UTF-8?q?=E8=AF=95=E6=9E=84=E5=BB=BA=E8=84=9A=E6=9C=AC=E4=BB=A5=E5=90=8C?=
 =?UTF-8?q?=E6=AD=A5=E5=BA=94=E7=94=A8=E5=86=85=E7=89=88=E6=9C=AC=E5=8F=B7?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 为 electron-builder.yml 添加 extraMetadata.version 临时配置
- 实现打包完成后自动恢复 electron-builder.yml 文件
- 添加 trap 机制确保异常退出时也能正确恢复配置
- 清理旧的 electron-builder 产物避免内容污染
- 完善脚本注释说明版本同步机制和使用注意事项
---
 scripts/test-build.sh | 33 ++++++++++++++++++++++++++++++++-
 1 file changed, 32 insertions(+), 1 deletion(-)

diff --git a/scripts/test-build.sh b/scripts/test-build.sh
index 8346bafe..2730ad1d 100755
--- a/scripts/test-build.sh
+++ b/scripts/test-build.sh
@@ -11,7 +11,12 @@
 #   再运行一次 -> 5.2.1.2-test
 #
 # 注意：
-#   - 此脚本仅用于本地测试，不会修改 package.json（electron-builder 的 dir 产物版本）。
+#   - 此脚本仅用于本地测试，不会修改 package.json（其 version 为 semver 格式，
+#     而 deb 测试版本如 5.3.0.8-test 会被 electron-builder 拒绝）。
+#   - 为保证打包后「关于」页面显示版本与 deb 版本一致，脚本会临时向
+#     electron-builder.yml 追加 extraMetadata.version（electron-builder 会将其写入
+#     app.asar 内的 package.json，Electron 的 app.getVersion() 即从中读取），
+#     打包完成后自动恢复，异常退出时由 trap 兜底恢复。
 #   - 每次运行都会改写 debian/changelog，属于未跟踪的工作区改动，按需自行还原。
 #   - 如需恢复正式版本，将 debian/changelog 顶部版本改回即可。
 
@@ -71,7 +76,33 @@ sed -i -E "1s/\\(${old_ver_esc}\\)/(${new_ver})/" "$CHANGELOG"
 # Electron 二进制下载镜像（本机到 GitHub 不通，使用 npmmirror 镜像）
 export ELECTRON_MIRROR="${ELECTRON_MIRROR:-https://registry.npmmirror.com/-/binary/electron/}"
 
+# 同步应用内版本号：临时向 electron-builder.yml 追加 extraMetadata.version。
+# electron-builder 会把它合并进 app.asar 内的 package.json，
+# 「关于」页面经 IPC 调用的 app.getVersion() 即读取该值。
+EB_YML="electron-builder.yml"
+EB_YML_BAK="${EB_YML}.bak-test-build"
+
+# 清理上次异常中断可能残留的 extraMetadata 块（追加内容始终位于文件末尾）
+if grep -q "^extraMetadata:" "$EB_YML"; then
+  echo "清理 $EB_YML 中残留的 extraMetadata 块"
+  sed -i '/^extraMetadata:/,$d' "$EB_YML"
+fi
+cp "$EB_YML" "$EB_YML_BAK"
+restore_eb_yml() {
+  mv -f "$EB_YML_BAK" "$EB_YML" 2>/dev/null || true
+}
+trap restore_eb_yml EXIT
+printf 'extraMetadata:\n  version: "%s"\n' "$new_ver" >> "$EB_YML"
+
+# 清理旧的 electron-builder 产物，避免 release/ 下多个版本目录被 make install
+# 的 release/*/linux*-unpacked/* 通配一并拷入 deb，造成内容污染
+rm -rf release/
+
 echo "开始测试打包（版本 ${new_ver}）..."
 dpkg-buildpackage -us -uc -b
 
+# 打包成功，立即恢复 electron-builder.yml 并解除 trap
+restore_eb_yml
+trap - EXIT
+
 echo "完成。产物: ../spark-store_${new_ver}_amd64.deb"