diff --git a/README.md b/README.md
index 685a7508..e26aec7a 100644
--- a/README.md
+++ b/README.md
@@ -48,7 +48,7 @@
 
 #### Windows 应用
 
-参见 [Release Electron v3](https://github.com/InfSein/hqhelper-dawntrail/releases/tag/electron.v3)
+参见 [Release Electron v4](https://github.com/InfSein/hqhelper-dawntrail/releases/tag/electron.v4)
 
 #### iOS 应用
 
diff --git a/docs/README.en.md b/docs/README.en.md
index 15f77bfc..3f7d8071 100644
--- a/docs/README.en.md
+++ b/docs/README.en.md
@@ -44,7 +44,7 @@ We may provide various types of applications, but it is difficult to guarantee t
 
 #### Windows APP
 
-See [Release Electron v3](https://github.com/InfSein/hqhelper-dawntrail/releases/tag/electron.v3)
+See [Release Electron v4](https://github.com/InfSein/hqhelper-dawntrail/releases/tag/electron.v4)
 
 #### iOS APP
 
diff --git a/docs/README.ja.md b/docs/README.ja.md
index 2f609d61..b418f1ac 100644
--- a/docs/README.ja.md
+++ b/docs/README.ja.md
@@ -45,7 +45,7 @@
 
 #### Windows アプリ
 
- [Release Electron v3](https://github.com/InfSein/hqhelper-dawntrail/releases/tag/electron.v3) をご覧ください。
+ [Release Electron v4](https://github.com/InfSein/hqhelper-dawntrail/releases/tag/electron.v4) をご覧ください。
 
 #### iOS アプリ
 
diff --git a/env.electron.d.ts b/env.electron.d.ts
index 7ec49ac2..d5a34ddf 100644
--- a/env.electron.d.ts
+++ b/env.electron.d.ts
@@ -14,6 +14,7 @@ export interface ElectronAPI {
   onUpdateProgress: (callback: (progressData: ProgressData) => void) => void;
   openUrlByBrowser: (url: string) => void;
   copyText: (text: string) => Promise<string>;
+  createNewWindow: (id: string, url: string, defaultWidth: number, defaultHeight: number) => void;
 }
 
 export interface ProgressData {
diff --git a/package-lock.json b/package-lock.json
index 54d0d907..dfa83c5a 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,12 +1,12 @@
 {
   "name": "hqhelper-dawntrail",
-  "version": "2.0.8",
+  "version": "2.0.9",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "hqhelper-dawntrail",
-      "version": "2.0.8",
+      "version": "2.0.9",
       "hasInstallScript": true,
       "dependencies": {
         "@voerkai18n/runtime": "^2.1.8",
diff --git a/package.json b/package.json
index 00838499..fdbe2bcb 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "hqhelper-dawntrail",
-  "version": "2.0.8",
+  "version": "2.0.9",
   "private": true,
   "type": "module",
   "scripts": {
diff --git a/public/version.json b/public/version.json
index 7ab283e3..361de748 100644
--- a/public/version.json
+++ b/public/version.json
@@ -1,4 +1,4 @@
 {
-  "hqhelper": "2.0.8",
+  "hqhelper": "2.0.9",
   "electron": "v4"
 }
diff --git a/src/App.vue b/src/App.vue
index c6dbae87..e3560c5a 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -6,8 +6,9 @@ import { computed, provide, ref, getCurrentInstance, onMounted } from 'vue'
 import {
   darkTheme, lightTheme, useOsTheme,
   zhCN, enUS, jaJP, dateZhCN, dateEnUS, dateJaJP,
-  NConfigProvider, NMessageProvider,
-  NLayout, NLayoutHeader, NLayoutContent
+  NConfigProvider, NGlobalStyle, NMessageProvider,
+  NLayout, NLayoutHeader, NLayoutContent,
+  type GlobalThemeOverrides
 } from 'naive-ui'
 
 // * import pages and components
@@ -216,6 +217,27 @@ onMounted(async () => {
     }
   }
 })
+
+const naiveUIThemeOverrides = computed(() : GlobalThemeOverrides => {
+  let fontFamily = 'Lato, -apple-system, Helvetica Neue, Segoe UI, Microsoft Yahei, 微软雅黑, Arial, Helvetica, sans-serif'
+  if (userConfig.value.custom_font) {
+    fontFamily = userConfig.value.custom_font + ', ' + fontFamily
+  }
+  fontFamily = 'FFXIV, ' + fontFamily
+  const fontSize = userConfig.value.custom_font_size || '14px'
+  return {
+    common: {
+      fontFamily,
+      fontSize,
+      fontSizeMedium: fontSize,
+      fontSizeSmall: fontSize,
+      fontSizeTiny: `calc(${fontSize} - 2px)`,
+      fontSizeMini: `calc(${fontSize} - 1px)`,
+      fontSizeLarge: `calc(${fontSize} + 1px)`,
+      fontSizeHuge: `calc(${fontSize} + 2px)`
+    }
+  }
+})
 </script>
 
 <template>
@@ -223,7 +245,9 @@ onMounted(async () => {
     :theme="naiveUiTheme"
     :locale="naiveUiLocale"
     :date-locale="naiveUiDateLocale"
+    :theme-overrides="naiveUIThemeOverrides"
   >
+    <n-global-style />
     <n-message-provider :placement="naiveUiMessagePlacement">
       <div :class="appClass">
         <n-layout id="main-layout" position="absolute" :native-scrollbar="false">
diff --git a/src/assets/custom.css b/src/assets/custom.css
index e632f538..d78f572d 100644
--- a/src/assets/custom.css
+++ b/src/assets/custom.css
@@ -52,6 +52,9 @@
 .font-center {
   text-align: center;
 }
+.font-small {
+  font-size: calc(var(--n-font-size) - 2px);
+}
 .align-left {
   text-align: left;
 }
diff --git a/src/assets/data/translations/xiv-item-remarks.json b/src/assets/data/translations/xiv-item-remarks.json
new file mode 100644
index 00000000..6938bea9
--- /dev/null
+++ b/src/assets/data/translations/xiv-item-remarks.json
@@ -0,0 +1,14 @@
+{
+  "-99999": [
+    "此文件存放物品的备注(制作/采集提醒，物品功能，等等)",
+    "备注以string数组格式呈现，除了普通的笔记之外，还可以使用一些特殊的值，比如：",
+    "BR - 换行",
+    "~ITEM:22356 - 展示一个物品，ID为22356",
+    "~LOCATION:6640,12.3,21.9 - 展示一个带有坐标的地图，ID(xiv-maps.json的键)为6640，坐标为12.3,21.9"
+  ],
+  "43668": [
+    "可通过雇员探险获得。",
+    "BR",
+    "91级捕鱼筹集委托，需要雇员获得力达到2336。雇员鉴别力达到3405时可一次筹集9条。"
+  ]
+}
\ No newline at end of file
diff --git a/src/assets/data/unpacks/hq-config.json b/src/assets/data/unpacks/hq-config.json
index 2efc0dbb..652208ec 100644
--- a/src/assets/data/unpacks/hq-config.json
+++ b/src/assets/data/unpacks/hq-config.json
@@ -5546,4 +5546,4 @@
     "normalCrafting": [],
     "tradeShops": []
   }
-}
\ No newline at end of file
+}
diff --git a/src/assets/data/unpacks/item.json b/src/assets/data/unpacks/item.json
index 28a011fe..44a7593d 100644
--- a/src/assets/data/unpacks/item.json
+++ b/src/assets/data/unpacks/item.json
@@ -209,7 +209,7 @@
 "43341":{"rids":["6196"],"id":43341,"lang":["ブラックスター・クラフタースカーフ","Black Star Scarf of Crafting","黑星石巧匠围巾"],"icon":55086,"ilv":690,"uc":40,"sc":39,"hq":true,"dye":0,"act":0,"bon":9278,"reduce":false,"elv":100,"jobs":33,"ms":1,"jd":true,"p":"7.0","desc":["","",""],"bpm":[[18,11,22]],"spm":[[11,71,10],[70,74,10]],"actParm":[]},
 "43342":{"rids":["6197"],"id":43342,"lang":["ブラックスター・クラフターブレスレット","Black Star Bracelets of Crafting","黑星石巧匠手镯"],"icon":55885,"ilv":690,"uc":42,"sc":41,"hq":true,"dye":0,"act":0,"bon":9279,"reduce":false,"elv":100,"jobs":33,"ms":1,"jd":true,"p":"7.0","desc":["","",""],"bpm":[[18,11,22]],"spm":[[11,71,10],[70,74,10]],"actParm":[]},
 "43343":{"rids":["6198"],"id":43343,"lang":["カザナル・クラフターリング","Black Star Ring of Crafting","卡扎纳尔巧匠戒指"],"icon":54736,"ilv":690,"uc":43,"sc":42,"hq":true,"dye":0,"act":0,"bon":9280,"reduce":false,"elv":100,"jobs":33,"ms":1,"jd":true,"p":"7.0","desc":["","",""],"bpm":[[18,11,22]],"spm":[[11,37,5],[71,138,18]],"actParm":[]},
-"43344":{"rids":["6199"],"id":43344,"lang":["ブラックスター・ギャザラーイヤリング","Black Star Earrings of Gathering","黑星石大地耳环"],"icon":55533,"ilv":690,"uc":41,"sc":40,"hq":true,"dye":0,"act":0,"bon":9281,"reduce":false,"elv":100,"jobs":32,"ms":1,"jd":true,"p":"7.0","desc":["","",""],"bpm":[[18,10,20]],"spm":[[10,92,12]],"actParm":[]},
+"43344":{"rids":["6199"],"id":43344,"lang":["ブラックスター・ギャザラーイヤリング","Black Star Earrings of Gathering","黑星石大地耳坠"],"icon":55533,"ilv":690,"uc":41,"sc":40,"hq":true,"dye":0,"act":0,"bon":9281,"reduce":false,"elv":100,"jobs":32,"ms":1,"jd":true,"p":"7.0","desc":["","",""],"bpm":[[18,10,20]],"spm":[[10,92,12]],"actParm":[]},
 "43345":{"rids":["6200"],"id":43345,"lang":["クラロウォルナット・ギャザラーネックレス","Claro Walnut Necklace of Gathering","克拉洛胡桃木大地项链"],"icon":55085,"ilv":690,"uc":40,"sc":39,"hq":true,"dye":0,"act":0,"bon":9282,"reduce":false,"elv":100,"jobs":32,"ms":1,"jd":true,"p":"7.0","desc":["","",""],"bpm":[[18,10,20]],"spm":[[10,92,12]],"actParm":[]},
 "43346":{"rids":["6201"],"id":43346,"lang":["クラロウォルナット・ギャザラーブレスレット","Claro Walnut Bracelet of Gathering","克拉洛胡桃木大地手环"],"icon":55884,"ilv":690,"uc":42,"sc":41,"hq":true,"dye":0,"act":0,"bon":9283,"reduce":false,"elv":100,"jobs":32,"ms":1,"jd":true,"p":"7.0","desc":["","",""],"bpm":[[18,10,20]],"spm":[[10,92,12]],"actParm":[]},
 "43347":{"rids":["6202"],"id":43347,"lang":["カザナル・ギャザラーリング","Ra'Kaznar Ring of Gathering","卡扎纳尔大地指环"],"icon":54735,"ilv":690,"uc":43,"sc":42,"hq":true,"dye":0,"act":0,"bon":9284,"reduce":false,"elv":100,"jobs":32,"ms":1,"jd":true,"p":"7.0","desc":["","",""],"bpm":[[18,10,20]],"spm":[[10,48,6]],"actParm":[]},
@@ -250,14 +250,14 @@
 "43994":{"rids":[],"id":43994,"lang":["コバルトタングステン鉱","Cobalt Tungsten Ore","钴钨矿"],"icon":21203,"ilv":660,"uc":48,"sc":47,"hq":false,"dye":0,"act":0,"bon":0,"reduce":false,"elv":1,"jobs":0,"ms":0,"jd":false,"p":"7.0","desc":["コバルトタングステンを含有する鉱石","A decent-sized piece of rock containing the precious metal cobalt tungsten.","含有钴钨的矿石。"],"bpm":[],"actParm":[]},
 "43995":{"rids":[],"id":43995,"lang":["ゴールドチタン鉱","Titanium Gold Ore","钛金矿"],"icon":21212,"ilv":670,"uc":48,"sc":47,"hq":false,"dye":0,"act":0,"bon":0,"reduce":false,"elv":1,"jobs":0,"ms":0,"jd":false,"p":"7.0","desc":["ゴールドチタンを含有する鉱石","A decent-sized piece of rock containing the precious metal titanium gold.","含有钛金的矿石。"],"bpm":[],"actParm":[]},
 "43996":{"rids":[],"id":43996,"lang":["黒鉄鉱","Ra'Kaznar Ore","黑铁矿"],"icon":21231,"ilv":680,"uc":48,"sc":47,"hq":false,"dye":0,"act":0,"bon":0,"reduce":false,"elv":1,"jobs":0,"ms":0,"jd":false,"p":"7.0","desc":["黒鉄を含有する鉱石","A decent-sized piece of rock containing a variety of darksteel known as Ra'Kaznar.","含有黑铁的矿石。"],"bpm":[],"actParm":[]},
-"44000":{"rids":["5631"],"id":44000,"lang":["ゴールドチタンナゲット","Titanium Gold Nugget","钛金锭"],"icon":20821,"ilv":670,"uc":49,"sc":48,"hq":true,"dye":0,"act":0,"bon":0,"reduce":false,"elv":1,"jobs":0,"ms":0,"jd":false,"p":"7.0","desc":["製錬、鋳造されたゴールドチタン鋼の小塊","A small nugget of impure titanium gold.","经过精炼铸造等工序得到的钛金锭。"],"bpm":[],"actParm":[]},
+"44000":{"rids":["5631"],"id":44000,"lang":["ゴールドチタンナゲット","Titanium Gold Nugget","钛金块"],"icon":20821,"ilv":670,"uc":49,"sc":48,"hq":true,"dye":0,"act":0,"bon":0,"reduce":false,"elv":1,"jobs":0,"ms":0,"jd":false,"p":"7.0","desc":["製錬、鋳造されたゴールドチタン鋼の小塊","A small nugget of impure titanium gold.","经过精炼铸造等工序得到的钛金块。"],"bpm":[],"actParm":[]},
 "44001":{"rids":["5632"],"id":44001,"lang":["カザナルインゴット","Ra'Kaznar Ingot","卡扎纳尔锭"],"icon":21020,"ilv":680,"uc":49,"sc":48,"hq":true,"dye":0,"act":0,"bon":0,"reduce":false,"elv":1,"jobs":0,"ms":0,"jd":false,"p":"7.0","desc":["製錬、鋳造された黒鉄の塊","An ingot of smelted Ra'Kaznar darksteel.","经过精炼铸造等工序得到的黑铁锭。"],"bpm":[],"actParm":[]},
 "44005":{"rids":[],"id":44005,"lang":["ホワイトゴールド鉱","White Gold Ore","白黄金矿"],"icon":21217,"ilv":670,"uc":48,"sc":47,"hq":false,"dye":0,"act":0,"bon":0,"reduce":false,"elv":1,"jobs":0,"ms":0,"jd":false,"p":"7.0","desc":["ホワイトゴールドを含有する鉱石","A decent-sized piece of rock containing the precious metal white gold.","含有白黄金成分的矿石。"],"bpm":[],"actParm":[]},
 "44006":{"rids":[],"id":44006,"lang":["ブラックスター原石","Raw Black Star","黑星石原石"],"icon":21476,"ilv":680,"uc":48,"sc":47,"hq":false,"dye":0,"act":0,"bon":0,"reduce":false,"elv":1,"jobs":0,"ms":0,"jd":false,"p":"7.0","desc":["ブラックスターを含んでいると思しき原石","An uncut, unpolished stone containing what appears to be black star.","含有黑星石成分的原石。"],"bpm":[],"actParm":[]},
 "44007":{"rids":[],"id":44007,"lang":["マグネシア粉","Magnesia Powder","氧化镁粉"],"icon":21204,"ilv":665,"uc":48,"sc":47,"hq":false,"dye":0,"act":0,"bon":0,"reduce":false,"elv":1,"jobs":0,"ms":0,"jd":false,"p":"7.0","desc":["マグネシアと呼ばれる金属の粉","A fine-grain form of the mineral magnesia.","一种被称为氧化镁的金属的粉末。"],"bpm":[],"actParm":[]},
 "44011":{"rids":["5641"],"id":44011,"lang":["ホワイトゴールドインゴット","White Gold Ingot","白黄金锭"],"icon":20814,"ilv":670,"uc":49,"sc":48,"hq":true,"dye":0,"act":0,"bon":0,"reduce":false,"elv":1,"jobs":0,"ms":0,"jd":false,"p":"7.0","desc":["製錬、鋳造されたホワイトゴールドの塊","An ingot of smelted white gold.","经过精炼铸造等工序得到的白黄金锭。"],"bpm":[],"actParm":[]},
 "44012":{"rids":["5642"],"id":44012,"lang":["ブラックスター","Black Star","黑星石"],"icon":21338,"ilv":680,"uc":48,"sc":47,"hq":true,"dye":0,"act":0,"bon":0,"reduce":false,"elv":1,"jobs":0,"ms":0,"jd":false,"p":"7.0","desc":["星のような光を放つ黒い宝石","A black jewel that shines with the radiance of the heavens.","散发着星光一样光泽的黑色宝石。"],"bpm":[],"actParm":[]},
-"44013":{"rids":["5660"],"id":44013,"lang":["マグネシア砥石","Magnesia Whetstone","氧化镁砥石"],"icon":20974,"ilv":665,"uc":48,"sc":47,"hq":true,"dye":0,"act":0,"bon":0,"reduce":false,"elv":1,"jobs":0,"ms":0,"jd":false,"p":"7.0","desc":["マグネシアから精製された砥石。吸熱性があり、金属の研磨に優れる","A whetstone carved from magnesia. Its endothermic properties make it ideal for sharpening metal.","用氧化镁精炼成的砥石，具有吸热性，十分适合研磨金属。"],"bpm":[],"actParm":[]},
+"44013":{"rids":["5660"],"id":44013,"lang":["マグネシア砥石","Magnesia Whetstone","氧化镁磨刀石"],"icon":20974,"ilv":665,"uc":48,"sc":47,"hq":true,"dye":0,"act":0,"bon":0,"reduce":false,"elv":1,"jobs":0,"ms":0,"jd":false,"p":"7.0","desc":["マグネシアから精製された砥石。吸熱性があり、金属の研磨に優れる","A whetstone carved from magnesia. Its endothermic properties make it ideal for sharpening metal.","用氧化镁精炼成的磨刀石，具有吸热性，十分适合研磨金属。"],"bpm":[],"actParm":[]},
 "44017":{"rids":[],"id":44017,"lang":["アカシア原木","Acacia Log","相思木原木"],"icon":22404,"ilv":670,"uc":50,"sc":49,"hq":false,"dye":0,"act":0,"bon":0,"reduce":false,"elv":1,"jobs":0,"ms":0,"jd":false,"p":"7.0","desc":["切り出されたアカシアの丸材","A rough-cut log of acacia timber.","砍伐之后得到的相思木木材。"],"bpm":[],"actParm":[]},
 "44018":{"rids":[],"id":44018,"lang":["クラロウォルナット原木","Claro Walnut Log","克拉洛胡桃木原木"],"icon":22425,"ilv":680,"uc":50,"sc":49,"hq":false,"dye":0,"act":0,"bon":0,"reduce":false,"elv":1,"jobs":0,"ms":0,"jd":false,"p":"7.0","desc":["切り出されたクラロウォルナットの丸材","A rough-cut log of claro walnut timber.","砍伐之后得到的克拉洛胡桃木木材。"],"bpm":[],"actParm":[]},
 "44022":{"rids":["5626"],"id":44022,"lang":["アカシア材","Acacia Lumber","相思木木材"],"icon":22457,"ilv":670,"uc":50,"sc":49,"hq":true,"dye":0,"act":0,"bon":0,"reduce":false,"elv":1,"jobs":0,"ms":0,"jd":false,"p":"7.0","desc":["削り出されたアカシアの材木","Processed acacia lumber.","初步加工过的相思木木材。"],"bpm":[],"actParm":[]},
@@ -274,7 +274,7 @@
 "44039":{"rids":[],"id":44039,"lang":["ウィンドパセリ","Wind Parsley","风芹"],"icon":25211,"ilv":685,"uc":54,"sc":53,"hq":false,"dye":0,"act":0,"bon":0,"reduce":false,"elv":1,"jobs":0,"ms":0,"jd":false,"p":"7.0","desc":["爽快な香りが漂う、薬効のある葉菜","A medicinal herb with a crisp, fresh scent.","具有药效，散发着清爽味道的叶菜。"],"bpm":[],"actParm":[]},
 "44040":{"rids":[],"id":44040,"lang":["コザマル・カモミール","Kozama'uka Chamomile","克扎玛乌甘菊"],"icon":25008,"ilv":660,"uc":54,"sc":53,"hq":false,"dye":0,"act":0,"bon":0,"reduce":false,"elv":1,"jobs":0,"ms":0,"jd":false,"p":"7.0","desc":["コザマル・カに自生する薬草。高温多湿な環境も厭わずに生える","A flowering herb found growing throughout Kozama'uka and other hot, humid environs.","生长在克扎玛乌卡湿地的药草。在高温高湿的环境中也能成长。"],"bpm":[],"actParm":[]},
 "44041":{"rids":[],"id":44041,"lang":["ウィンドローレル","Windsbalm Bay Leaf","香风月桂叶"],"icon":25009,"ilv":685,"uc":54,"sc":53,"hq":false,"dye":0,"act":0,"bon":0,"reduce":false,"elv":1,"jobs":0,"ms":0,"jd":false,"p":"7.0","desc":["生薬として使用される、香り高い香草","An especially fragrant herb used in medicinal tinctures.","具有很强香味的香草，可以入药。"],"bpm":[],"actParm":[]},
-"44042":{"rids":[],"id":44042,"lang":["ユーカリ","Eucalyptus","桉树"],"icon":25010,"ilv":650,"uc":54,"sc":53,"hq":false,"dye":0,"act":0,"bon":0,"reduce":false,"elv":1,"jobs":0,"ms":0,"jd":false,"p":"7.0","desc":["油分を含む肉厚な葉の植物。薬効や消毒成分に優れ、葉を揉むと爽やかな芳香がする","The tough, leathery leaves release a minty-smelling oil when crushed.","一种厚叶植物，叶子中含有油脂。具有大量药用以及消毒成分，揉搓叶子后会散发出清爽的香味。"],"bpm":[],"actParm":[]},
+"44042":{"rids":[],"id":44042,"lang":["ユーカリ","Eucalyptus","桉叶"],"icon":25010,"ilv":650,"uc":54,"sc":53,"hq":false,"dye":0,"act":0,"bon":0,"reduce":false,"elv":1,"jobs":0,"ms":0,"jd":false,"p":"7.0","desc":["油分を含む肉厚な葉の植物。薬効や消毒成分に優れ、葉を揉むと爽やかな芳香がする","The tough, leathery leaves release a minty-smelling oil when crushed.","一种厚叶植物的叶子，其中含有油脂。具有大量药用以及消毒成分，揉搓叶子后会散发出清爽的香味。"],"bpm":[],"actParm":[]},
 "44043":{"rids":[],"id":44043,"lang":["パールグラス","Pearl Grass","珍珠草"],"icon":25015,"ilv":670,"uc":54,"sc":53,"hq":false,"dye":0,"act":0,"bon":0,"reduce":false,"elv":1,"jobs":0,"ms":0,"jd":false,"p":"7.0","desc":["水辺や水中に生育する小振りな葉の植物。食用には適さないが、薬の材料として利用される","An aquatic plant with small, arched leaves. Though it has no culinary value, it is a desirable ingredient in many medicines.","生长在水边、水中的小叶植物。不适合食用，但可以入药。"],"bpm":[],"actParm":[]},
 "44050":{"rids":["5659"],"id":44050,"lang":["タングステン・エンチャントインク","Tungsten Ink","重钨墨水"],"icon":26651,"ilv":660,"uc":54,"sc":53,"hq":true,"dye":0,"act":0,"bon":0,"reduce":false,"elv":1,"jobs":0,"ms":0,"jd":false,"p":"7.0","desc":["コバルトタングステンの粉末を混ぜ、エーテル伝導率を高めたカラフルなインク","Colorful ink fortified with cobalt tungsten sand to improve aetherial conductivity.","多彩的墨水中混有重钨的粉末，能够提高以太的传导率。"],"bpm":[],"actParm":[]},
 "44051":{"rids":["5661"],"id":44051,"lang":["大聖水","Sanctified Water","大圣水"],"icon":22653,"ilv":675,"uc":54,"sc":53,"hq":true,"dye":0,"act":0,"bon":0,"reduce":false,"elv":1,"jobs":0,"ms":0,"jd":false,"p":"7.0","desc":["大地の祝福を受け、邪気を洗い流すとされる聖水","Water believed to be blessed by the will of the land. Used to exorcise evil spirits from worldly items.","被视为受到大地的祝福，能够洗刷邪气的圣水。"],"bpm":[],"actParm":[]},
@@ -286,7 +286,7 @@
 "44063":{"rids":[],"id":44063,"lang":["アルパカのフィレ肉","Alpaca Fillet","羊驼的里脊肉"],"icon":25153,"ilv":650,"uc":45,"sc":44,"hq":false,"dye":0,"act":0,"bon":0,"reduce":false,"elv":1,"jobs":0,"ms":0,"jd":false,"p":"7.0","desc":["柔らかく癖のないアルパカのフィレ肉。慶事や祭りなどに用いられる貴重な食材","A choice cut of alpaca meat commonly reserved for celebratory banquets.","柔软没有异味的羊驼里脊肉，是常见于喜事或庆典中的贵重食材。"],"bpm":[],"actParm":[]},
 "44064":{"rids":[],"id":44064,"lang":["スワンプモンクのモモ肉","Swampmonk Thigh","沼泽鬼鱼的腿肉"],"icon":25160,"ilv":653,"uc":45,"sc":44,"hq":false,"dye":0,"act":0,"bon":0,"reduce":false,"elv":1,"jobs":0,"ms":0,"jd":false,"p":"7.0","desc":["潤いを保った歯ごたえのあるスワンプモンクのモモ肉","A moist, tender slice of meat taken from the leg of a swampmonk.","多汁又有弹性的沼泽鬼鱼的腿肉。"],"bpm":[],"actParm":[]},
 "44065":{"rids":[],"id":44065,"lang":["ブランチベアラーの果実","Branchbearer Fruit","拟鸟枝的果实"],"icon":25331,"ilv":660,"uc":45,"sc":44,"hq":false,"dye":0,"act":0,"bon":0,"reduce":false,"elv":1,"jobs":0,"ms":0,"jd":false,"p":"7.0","desc":["ブランチベアラーに生る果実。酸味の強い緑色の果肉を持つ","Harvested from the body of a branchbearer. The green flesh is exceedingly sour.","拟鸟枝的果实，果肉呈绿色，具有很强的酸味。"],"bpm":[],"actParm":[]},
-"44066":{"rids":[],"id":44066,"lang":["ノパルテンダーのトゥナ","Nopalitender Tuna","圆扇刺梨"],"icon":25330,"ilv":670,"uc":45,"sc":44,"hq":false,"dye":0,"act":0,"bon":0,"reduce":false,"elv":1,"jobs":0,"ms":0,"jd":false,"p":"7.0","desc":["ノパルテンダーに生る果実。水分豊富な甘い果肉を持つ","Harvested from the body of a nopalitender. Its flesh is watery, yet sweet.","圆扇刺的果实，味道甜美富含水分"],"bpm":[],"actParm":[]},
+"44066":{"rids":[],"id":44066,"lang":["ノパルテンダーのトゥナ","Nopalitender Tuna","圆扇刺梨"],"icon":25330,"ilv":670,"uc":45,"sc":44,"hq":false,"dye":0,"act":0,"bon":0,"reduce":false,"elv":1,"jobs":0,"ms":0,"jd":false,"p":"7.0","desc":["ノパルテンダーに生る果実。水分豊富な甘い果肉を持つ","Harvested from the body of a nopalitender. Its flesh is watery, yet sweet.","圆扇刺的果实，味道甜美、富含水分。"],"bpm":[],"actParm":[]},
 "44067":{"rids":[],"id":44067,"lang":["メガマゲイの球茎","Megamaguey Pineapple","巨龙舌兰的球茎"],"icon":25332,"ilv":650,"uc":45,"sc":44,"hq":false,"dye":0,"act":0,"bon":0,"reduce":false,"elv":1,"jobs":0,"ms":0,"jd":false,"p":"7.0","desc":["メガマゲイの球茎部分。アガベ同様、芳醇なメスカルの材料となる","Harvested from the body of a megamaguey. Like agave, it can be used to produce mezcal with a rich and full-bodied flavor.","巨龙舌兰的球茎，和龙舌兰一样和可以酿造醇厚的梅斯卡酒。"],"bpm":[],"actParm":[]},
 "44069":{"rids":[],"id":44069,"lang":["レッサーアポリオンの甲殻","Lesser Apollyon Shell","小亚波伦的甲壳"],"icon":22257,"ilv":653,"uc":54,"sc":53,"hq":false,"dye":0,"act":0,"bon":0,"reduce":false,"elv":1,"jobs":0,"ms":0,"jd":false,"p":"7.0","desc":["レッサーアポリオンの体を覆う外骨格の一部","The chitinous exoskeleton of a lesser apollyon.","包裹小亚波伦身体的外骨骼。"],"bpm":[],"actParm":[]},
 "44070":{"rids":[],"id":44070,"lang":["チャイチャの刃爪","Ty'aitya Wingblade","小鸣鼠的刃爪"],"icon":22306,"ilv":660,"uc":54,"sc":53,"hq":false,"dye":0,"act":0,"bon":0,"reduce":false,"elv":1,"jobs":0,"ms":0,"jd":false,"p":"7.0","desc":["鋭利なチャイチャの爪","The sharp keratin barb of a ty'aitya.","小鸣鼠锐利的爪子。"],"bpm":[],"actParm":[]},
@@ -304,10 +304,10 @@
 "44084":{"rids":["5599"],"id":44084,"lang":["照り焼きメープルチキン","Maple Teriyaki","照烧枫糖鸡肉"],"icon":24204,"ilv":656,"uc":46,"sc":45,"hq":true,"dye":0,"act":2503,"bon":0,"reduce":false,"elv":1,"jobs":0,"ms":0,"jd":false,"p":"7.0","desc":["鶏肉をシロップと塩で甘じょっぱく焼き上げた料理<br>敵討伐・製作・採集時の経験値獲得量が上昇する<br>経験値獲得量 +3%<br>効果時間 30:00 [最大2倍まで効果時間の継ぎ足し可能]","Juicy white meat, sliced into strips and stir-fried in a sweet maple glaze.<br><br>{{color|id=504|EXP Bonus:}} +3% {{color|id=504|Duration:}} 30m<br>(Duration can be extended to 60m by consuming multiple servings)","用糖浆和盐调味后烤制而成的甜中带咸的菜肴。<br>打倒敌人时、制作时以及采集时获得的经验增加<br>取得经验值 +3%<br>持续时间 30分<br>（持续时间最多可叠加延长2倍）"],"bpm":[],"actParm":[[22,true,8,85,10,107],[3,true,8,126,10,158]]},
 "44085":{"rids":["5601"],"id":44085,"lang":["スイートマフィン","Sweetmuffin","纸杯甜松糕"],"icon":24004,"ilv":660,"uc":46,"sc":45,"hq":true,"dye":0,"act":2505,"bon":0,"reduce":false,"elv":1,"jobs":0,"ms":0,"jd":false,"p":"7.0","desc":["黒麦ベースの生地にククルビーンの粉末を混ぜ合わせ、ふっくらと焼き上げた菓子<br>敵討伐・製作・採集時の経験値獲得量が上昇する<br>経験値獲得量 +3%<br>効果時間 30:00 [最大2倍まで効果時間の継ぎ足し可能]","Kukuru bean powder has been mixed into the batter for even more sugary sweetness.<br><br>{{color|id=504|EXP Bonus:}} +3% {{color|id=504|Duration:}} 30m<br>(Duration can be extended to 60m by consuming multiple servings)","在以黑麦为主的面团中加入可可豆粉并搅拌，最终烤成的蓬松甜点。<br>打倒敌人时、制作时以及采集时获得的经验增加<br>取得经验值 +3%<br>持续时间 30分<br>（持续时间最多可叠加延长2倍）"],"bpm":[],"actParm":[[46,true,8,86,10,108],[3,true,8,130,10,163]]},
 "44086":{"rids":["5605"],"id":44086,"lang":["ホイップ・ホットココア","Creamy Hot Chocolate","奶油热巧克力"],"icon":24407,"ilv":670,"uc":46,"sc":45,"hq":true,"dye":0,"act":2509,"bon":0,"reduce":false,"elv":1,"jobs":0,"ms":0,"jd":false,"p":"7.0","desc":["スイートククルビーンから作ったココアにホイップクリームを乗せた飲み物<br>敵討伐・製作・採集時の経験値獲得量が上昇する<br>経験値獲得量 +3%<br>効果時間 30:00 [最大2倍まで効果時間の継ぎ足し可能]","Brewed with cocoa powder created from sweet kukuru beans, this warm winter beverage is made all the sweeter with a dollop of whipped cream on top.<br><br>{{color|id=504|EXP Bonus:}} +3% {{color|id=504|Duration:}} 30m<br>(Duration can be extended to 60m by consuming multiple servings)","在甜可可豆做成的热巧克力上面挤上奶油的饮品。<br>打倒敌人时、制作时以及采集时获得的经验增加<br>取得经验值 +3%<br>持续时间 30分<br>（持续时间最多可叠加延长2倍）"],"bpm":[],"actParm":[[45,true,8,88,10,110],[3,true,8,131,10,164],[19,true,8,52,10,66]]},
-"44087":{"rids":["5620"],"id":44087,"lang":["アルパカクリームパスタ","Creamy Alpaca Pasta","羊驼奶油面"],"icon":24019,"ilv":690,"uc":46,"sc":45,"hq":true,"dye":0,"act":2524,"bon":0,"reduce":false,"elv":1,"jobs":0,"ms":0,"jd":false,"p":"7.0","desc":["アルパカの肉とブロッコリーを使用したクリームパスタ<br>敵討伐・製作・採集時の経験値獲得量が上昇する<br>経験値獲得量 +3%<br>効果時間 30:00 [最大2倍まで効果時間の継ぎ足し可能]","The rustic handmade noodles are boiled until tender, then tossed in a pan with grilled alpaca fillet and broccoli florets in a cream sauce.<br><br>{{color|id=504|EXP Bonus:}} +3% {{color|id=504|Duration:}} 30m<br>(Duration can be extended to 60m by consuming multiple servings)","使用羊驼肉和西蓝花制作的奶油面。<br>打倒敌人时、制作时以及采集时获得的经验增加<br>取得经验值 +3%<br>持续时间 30分<br>（持续时间最多可叠加延长2倍）"],"bpm":[],"actParm":[[46,true,8,96,10,121],[3,true,8,141,10,177],[22,true,8,58,10,73]]},
+"44087":{"rids":["5620"],"id":44087,"lang":["アルパカクリームパスタ","Creamy Alpaca Pasta","羊驼奶油面"],"icon":24019,"ilv":690,"uc":46,"sc":45,"hq":true,"dye":0,"act":2524,"bon":0,"reduce":false,"elv":1,"jobs":0,"ms":0,"jd":false,"p":"7.0","desc":["アルパカの肉とブロッコリーを使用したクリームパスタ<br>敵討伐・製作・採集時の経験値獲得量が上昇する<br>経験値獲得量 +3%<br>効果時間 30:00 [最大2倍まで効果時間の継ぎ足し可能]","The rustic handmade noodles are boiled until tender, then tossed in a pan with grilled alpaca fillet and broccoli florets in a cream sauce.<br><br>{{color|id=504|EXP Bonus:}} +3% {{color|id=504|Duration:}} 30m<br>(Duration can be extended to 60m by consuming multiple servings)","使用羊驼肉和西兰花制作的奶油面。<br>打倒敌人时、制作时以及采集时获得的经验增加<br>取得经验值 +3%<br>持续时间 30分<br>（持续时间最多可叠加延长2倍）"],"bpm":[],"actParm":[[46,true,8,96,10,121],[3,true,8,141,10,177],[22,true,8,58,10,73]]},
 "44088":{"rids":["5602"],"id":44088,"lang":["ガトーショコラ","Gateau Au Chocolat","巧克力奶油蛋糕"],"icon":24071,"ilv":657,"uc":46,"sc":45,"hq":true,"dye":0,"act":2506,"bon":0,"reduce":false,"elv":1,"jobs":0,"ms":0,"jd":false,"p":"7.0","desc":["ククルビーンを主役に焼き上げた濃厚な食感のケーキ<br>敵討伐・製作・採集時の経験値獲得量が上昇する<br>経験値獲得量 +3%<br>効果時間 30:00 [最大2倍まで効果時間の継ぎ足し可能]","This decadently moist cake is made with downright {{Italic|sinful}} amounts of kukuru bean powder.<br><br>{{color|id=504|EXP Bonus:}} +3% {{color|id=504|Duration:}} 30m<br>(Duration can be extended to 60m by consuming multiple servings)","以可可豆为主材料烤制而成厚重的蛋糕。<br>打倒敌人时、制作时以及采集时获得的经验增加<br>取得经验值 +3%<br>持续时间 30分<br>（持续时间最多可叠加延长2倍）"],"bpm":[],"actParm":[[70,true,7,192,9,240],[11,true,8,30,10,38]]},
 "44089":{"rids":["5608"],"id":44089,"lang":["テンダーショートケーキ","Tender Shortcake","圆扇刺梨蛋糕"],"icon":24226,"ilv":670,"uc":46,"sc":45,"hq":true,"dye":0,"act":2512,"bon":0,"reduce":false,"elv":1,"jobs":0,"ms":0,"jd":false,"p":"7.0","desc":["生地とホイップクリームを重ねて層を作り、ノパルの実が飾られた優しい甘さのケーキ<br>敵討伐・製作・採集時の経験値獲得量が上昇する<br>経験値獲得量 +3%<br>効果時間 30:00 [最大2倍まで効果時間の継ぎ足し可能]","Layered with whipped cream and sliced nopalitender tunas, this light and fruity dessert is the perfect summertime treat.<br><br>{{color|id=504|EXP Bonus:}} +3% {{color|id=504|Duration:}} 30m<br>(Duration can be extended to 60m by consuming multiple servings)","一层蛋糕一层奶油不断叠放，最后在上面放上圆扇刺梨做点缀的微甜蛋糕。<br>打倒敌人时、制作时以及采集时获得的经验增加<br>取得经验值 +3%<br>持续时间 30分<br>（持续时间最多可叠加延长2倍）"],"bpm":[],"actParm":[[6,true,8,88,10,110],[3,true,8,131,10,164],[27,true,8,52,10,66]]},
-"44090":{"rids":["5621"],"id":44090,"lang":["ブロコスピナッチソテー","Broccoli and Spinach Saute","西蓝花炒菠菜"],"icon":24152,"ilv":690,"uc":46,"sc":45,"hq":true,"dye":0,"act":2525,"bon":0,"reduce":false,"elv":1,"jobs":0,"ms":0,"jd":false,"p":"7.0","desc":["ブロッコリーとスピナッチなどを炒めた野菜料理<br>敵討伐・製作・採集時の経験値獲得量が上昇する<br>経験値獲得量 +3%<br>効果時間 30:00 [最大2倍まで効果時間の継ぎ足し可能]","A medley of healthy vegetables, stir-fried in corn oil until soft. May be served on its own or atop a bowl of rice.<br><br>{{color|id=504|EXP Bonus:}} +3% {{color|id=504|Duration:}} 30m<br>(Duration can be extended to 60m by consuming multiple servings)","用西蓝花和菠菜炒制而成的蔬菜菜肴。<br>打倒敌人时、制作时以及采集时获得的经验增加<br>取得经验值 +3%<br>持续时间 30分<br>（持续时间最多可叠加延长2倍）"],"bpm":[],"actParm":[[6,true,8,96,10,121],[3,true,8,141,10,177],[44,true,8,58,10,73]]},
+"44090":{"rids":["5621"],"id":44090,"lang":["ブロコスピナッチソテー","Broccoli and Spinach Saute","西兰花炒菠菜"],"icon":24152,"ilv":690,"uc":46,"sc":45,"hq":true,"dye":0,"act":2525,"bon":0,"reduce":false,"elv":1,"jobs":0,"ms":0,"jd":false,"p":"7.0","desc":["ブロッコリーとスピナッチなどを炒めた野菜料理<br>敵討伐・製作・採集時の経験値獲得量が上昇する<br>経験値獲得量 +3%<br>効果時間 30:00 [最大2倍まで効果時間の継ぎ足し可能]","A medley of healthy vegetables, stir-fried in corn oil until soft. May be served on its own or atop a bowl of rice.<br><br>{{color|id=504|EXP Bonus:}} +3% {{color|id=504|Duration:}} 30m<br>(Duration can be extended to 60m by consuming multiple servings)","用西兰花和菠菜炒制而成的蔬菜菜肴。<br>打倒敌人时、制作时以及采集时获得的经验增加<br>取得经验值 +3%<br>持续时间 30分<br>（持续时间最多可叠加延长2倍）"],"bpm":[],"actParm":[[6,true,8,96,10,121],[3,true,8,141,10,177],[44,true,8,58,10,73]]},
 "44091":{"rids":["5616"],"id":44091,"lang":["ロネークステーキ","Rroneek Steak","犎牛牛排"],"icon":24360,"ilv":684,"uc":46,"sc":45,"hq":true,"dye":0,"act":2520,"bon":0,"reduce":false,"elv":1,"jobs":0,"ms":0,"jd":false,"p":"7.0","desc":["大きなロネークの肉を贅沢に使い、シンプルな味付けで焼いたステーキ<br>敵討伐・製作・採集時の経験値獲得量が上昇する<br>経験値獲得量 +3%<br>効果時間 30:00 [最大2倍まで効果時間の継ぎ足し可能]","A large slab of lightly marinated rroneek chuck, pan-seared to perfection.<br><br>{{color|id=504|EXP Bonus:}} +3% {{color|id=504|Duration:}} 30m<br>(Duration can be extended to 60m by consuming multiple servings)","奢侈地使用大块犎牛牛肉，只进行简单调味做成的牛排。<br>打倒敌人时、制作时以及采集时获得的经验增加<br>取得经验值 +3%<br>持续时间 30分<br>（持续时间最多可叠加延长2倍）"],"bpm":[],"actParm":[[11,true,21,73,26,92],[71,true,4,77,5,97]]},
 "44092":{"rids":["5611"],"id":44092,"lang":["ローストロネーク","Roast Rroneek","烤犎牛肉"],"icon":24366,"ilv":680,"uc":46,"sc":45,"hq":true,"dye":0,"act":2515,"bon":0,"reduce":false,"elv":1,"jobs":0,"ms":0,"jd":false,"p":"7.0","desc":["ロネークの肉を蒸し焼きにし、薄くスライスした料理<br>敵討伐・製作・採集時の経験値獲得量が上昇する<br>経験値獲得量 +3%<br>効果時間 30:00 [最大2倍まで効果時間の継ぎ足し可能]","Thin slices of rroneek chuck, seasoned and slow-roasted for hours until tender.<br><br>{{color|id=504|EXP Bonus:}} +3% {{color|id=504|Duration:}} 30m<br>(Duration can be extended to 60m by consuming multiple servings)","将烘烤后的犎牛肉切成薄片的菜肴。<br>打倒敌人时、制作时以及采集时获得的经验增加<br>取得经验值 +3%<br>持续时间 30分<br>（持续时间最多可叠加延长2倍）"],"bpm":[],"actParm":[[46,true,8,90,10,113],[3,true,8,132,10,166],[22,true,8,54,10,68]]},
 "44093":{"rids":["5600"],"id":44093,"lang":["オーリオ・ペペロンチーノ","Spaghetti al Olio e Peperoncino","双油风味拌细面"],"icon":24016,"ilv":660,"uc":46,"sc":45,"hq":true,"dye":0,"act":2504,"bon":0,"reduce":false,"elv":1,"jobs":0,"ms":0,"jd":false,"p":"7.0","desc":["2種類の油を使って仕上げたペペロンチーノ<br>敵討伐・製作・採集時の経験値獲得量が上昇する<br>経験値獲得量 +3%<br>効果時間 30:00 [最大2倍まで効果時間の継ぎ足し可能]","This classic pasta dish uses two types of oil to bring out the spice of the dragon peppers.<br><br>{{color|id=504|EXP Bonus:}} +3% {{color|id=504|Duration:}} 30m<br>(Duration can be extended to 60m by consuming multiple servings)","用两种油制作的风味拌细面。<br>打倒敌人时、制作时以及采集时获得的经验增加<br>取得经验值 +3%<br>持续时间 30分<br>（持续时间最多可叠加延长2倍）"],"bpm":[],"actParm":[[6,true,8,86,10,108],[3,true,8,130,10,163]]},
diff --git a/src/components/custom-controls/AppHeader.vue b/src/components/custom-controls/AppHeader.vue
index 07678385..842335bd 100644
--- a/src/components/custom-controls/AppHeader.vue
+++ b/src/components/custom-controls/AppHeader.vue
@@ -89,6 +89,18 @@ const redirectToFoodAndTincPage = () => {
   router.push('/fthelper')
 }
 const redirectToGatherClockPage = () => {
+  /*
+  if (window.electronAPI?.createNewWindow) {
+    const path = router.resolve({ path: '/gatherclock' }).href
+    window.electronAPI.createNewWindow(
+      'gatherclock',
+      document?.location?.origin + document.location.pathname + path,
+      300,
+      600
+    )
+  } else {
+  }
+  */
   router.push('/gatherclock')
 }
 
diff --git a/src/components/modals/ModalUserPreferences.vue b/src/components/modals/ModalUserPreferences.vue
index 138cc5d4..0bcd2378 100644
--- a/src/components/modals/ModalUserPreferences.vue
+++ b/src/components/modals/ModalUserPreferences.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import { inject, ref, watch, type Ref } from 'vue'
 import {
-  NButton, NCard, NCascader, NCollapse, NCollapseItem, NIcon, NModal, NPopover, NRadioButton, NRadioGroup, NSelect, NSwitch, NTabs, NTabPane,
+  NButton, NCard, NCascader, NCollapse, NCollapseItem, NIcon, NInput, NModal, NPopover, NRadioButton, NRadioGroup, NSelect, NSwitch, NTabs, NTabPane,
   type CascaderOption
 } from 'naive-ui'
 import { useStore } from '@/store/index'
@@ -48,7 +48,7 @@ interface UserPreferenceItem {
     class: string
     style: string
   }[]
-  type: 'radio-group' | 'switch' | 'select' | 'cascader'
+  type: 'radio-group' | 'switch' | 'select' | 'cascader' | 'string'
   options: CascaderOption[]
 }
 const dealSimOptions = (options: string[]) => {
@@ -145,6 +145,66 @@ const UserPreferenceGroups : UserPreferenceGroup[] = [
           { value: 'dark', label: t('深色') }
         ]
       },
+      {
+        key: 'custom_font_size',
+        label: t('字体大小'),
+        descriptions: [
+          {
+            value: t('全局性地修改程序/网站的字体大小。'),
+            class: '',
+            style: ''
+          },
+          {
+            value: t('部分区域的字体大小不受此设置的影响。此外，还会受到浏览器“最小字号”设置的限制。'),
+            class: '',
+            style: ''
+          },
+          {
+            value: t('暂时无法保证“标准”大小之外的显示效果。除非有特殊需要，否则不建议修改。'),
+            class: '',
+            style: ''
+          },
+        ],
+        warnings: [],
+        type: 'radio-group',
+        options: [
+          { value: '12px', label: t('更小') },
+          { value: '13px', label: t('较小') },
+          { value: '14px', label: t('标准') },
+          { value: '15px', label: t('较大') },
+          { value: '16px', label: t('更大') },
+        ]
+      },
+      {
+        key: 'custom_font',
+        label: t('自定义字体'),
+        descriptions: [
+          {
+            value: t('全局性地修改程序/网站的字体。'),
+            class: '',
+            style: ''
+          },
+          {
+            value: t('可以设置多个字体，用英文逗号分隔。当前一个字体字库未包括要显示的文字时，程序会使用下一个字体；如果均不包括，程序会使用设置前的字体。'),
+            class: '',
+            style: ''
+          },
+          {
+            value: t('字体名称出现空格时，建议用英文的单引号或双引号来将其包裹，例如"思源黑体 CN Medium"。'),
+            class: '',
+            style: ''
+          },
+          {
+            value: t('如果你对CSS有所了解，可以直接参照font-family的语法来填写。'),
+            class: '',
+            style: ''
+          }
+        ],
+        warnings: [
+        ],
+        type: 'string',
+        options: []
+      },
       {
         key: 'hide_collector_icons',
         label: t('隐藏物品按钮的职业图标'),
@@ -782,6 +842,12 @@ const handleSave = () => {
                       filterable
                       :style="{ width: isMobile ? '85%' : '70%' }"
                     />
+                    <n-input
+                      v-if="item.type === 'string'"
+                      v-model:value="(formData as any)[item.key]"
+                      type="text"
+                      :style="{ width: isMobile ? '85%' : '70%' }"
+                    />
                   </template>
                   <div class="flex-column flex-center">
                     <p
@@ -827,6 +893,12 @@ const handleSave = () => {
                     filterable
                     :style="{ width: isMobile ? '85%' : '70%' }"
                   />
+                  <n-input
+                    v-if="item.type === 'string'"
+                    v-model:value="(formData as any)[item.key]"
+                    type="text"
+                    :style="{ width: isMobile ? '85%' : '70%' }"
+                  />
                 </div>
               </div>
             </div>
diff --git a/src/data/change-logs.ts b/src/data/change-logs.ts
index dc1c5d6f..34b00b9b 100644
--- a/src/data/change-logs.ts
+++ b/src/data/change-logs.ts
@@ -35,6 +35,32 @@ export const getChangelogs = (
   }
   const isZh = ui_lang === 'zh'
   return [
+    {
+      version: '2.0.9',
+      date: '2024-10-22',
+      changes: [
+        {
+          name: groupName.breaking,
+          changes: [
+            t('国服数据库更新至{ver}。', {
+              ver: '7.01'
+            })
+          ]
+        },
+        {
+          name: groupName.feature,
+          changes: [
+            t('现在可以在“{f1}”的“{f2}”选项卡中调整程序/网站使用的字体及字体大小。', {
+              f1: t('偏好设置'),
+              f2: t('外观')
+            }),
+            t('现在“{f}”还会在当前可采集道具的采集卡片中显示现实世界的剩余时间。', {
+              f: t('采集时钟')
+            })
+          ]
+        }
+      ]
+    },
     {
       version: '2.0.8',
       date: '2024-10-18',
diff --git a/src/languages/en.ts b/src/languages/en.ts
index 2509567b..a33d9584 100644
--- a/src/languages/en.ts
+++ b/src/languages/en.ts
@@ -475,5 +475,24 @@ export default {
     "474": "You can change settings and check details in \"{f1}\"→\"{f2}\"→\"{f3}\"",
     "475": "Cache got in old version would be expired after update due to data type adjustment.",
     "476": "Now the item button popup shows not only \"This item could be reduced from\" but also \"Reducing this item could get (aethersand)\"",
-    "477": "To avoid infinite jumping of the item button popup, the latter will not display info icon that can open the popup."
+    "477": "To avoid infinite jumping of the item button popup, the latter will not display info icon that can open the popup.",
+    "478": "Now you can customize font and font size in \"{f1}\"→\"{f2}\".",
+    "479": "Remains:",
+    "480": "{minute}m",
+    "481": "{second}s",
+    "482": "Font size",
+    "483": "Change the size of text in program/website globally.",
+    "484": "Some areas do not follow this setting. In addition, it is also limited by the 'Minimum font size' setting of the browser.",
+    "485": "Now we could not guarantee the display effect of sizes other than \"Standard\". Unless there is a special need, we do not recommend modifying.",
+    "486": "Tiny",
+    "487": "Small",
+    "488": "Standard",
+    "489": "Large",
+    "490": "Huge",
+    "491": "Custom font",
+    "492": "Change the font of text in program/website globally.",
+    "493": "Allow multi fonts, separated by comma. If the font library of the first font does not include the text to be displayed, the program will use the second font; if none of them include the text, the program will use the font before the setting.",
+    "494": "Recommends to wrap the font name with single or double quotes, such as \"Source Han Sans Medium\".",
+    "495": "If you have knowledge about CSS, you can refer to the syntax of font-family to fill in.",
+    "496": "Now the \"{f}\" will also show the remaining earth time in the item card of the current collectible item."
 }
\ No newline at end of file
diff --git a/src/languages/idMap.ts b/src/languages/idMap.ts
index cd2b647e..a40ab97e 100644
--- a/src/languages/idMap.ts
+++ b/src/languages/idMap.ts
@@ -475,5 +475,24 @@ export default {
     "可以在 “{f1}”→“{f2}”→“{f3}” 设置和查看详细说明。": 474,
     "由于进行了数据类型调整，旧版本获取到的物品价格缓存在更新后需要重新获取。": 475,
     "现在物品按钮悬浮窗的精选栏目除了会展示“可以通过什么道具精选出此物品”还会显示“精选此物品有可能获得什么道具(限灵砂)”。": 476,
-    "为了避免物品按钮悬浮窗的无限跳转，后者不会展示可以打开悬浮窗的信息图标。": 477
+    "为了避免物品按钮悬浮窗的无限跳转，后者不会展示可以打开悬浮窗的信息图标。": 477,
+    "现在可以在“{f1}”的“{f2}”选项卡中调整程序/网站使用的字体及字体大小。": 478,
+    "剩余:": 479,
+    "{minute}分": 480,
+    "{second}秒": 481,
+    "字体大小": 482,
+    "全局性地修改程序/网站的字体大小。": 483,
+    "部分区域的字体大小不受此设置的影响。此外，还会受到浏览器“最小字号”设置的限制。": 484,
+    "暂时无法保证“标准”大小之外的显示效果。除非有特殊需要，否则不建议修改。": 485,
+    "更小": 486,
+    "较小": 487,
+    "标准": 488,
+    "较大": 489,
+    "更大": 490,
+    "自定义字体": 491,
+    "全局性地修改程序/网站的字体。": 492,
+    "可以设置多个字体，用英文逗号分隔。当前一个字体字库未包括要显示的文字时，程序会使用下一个字体；如果均不包括，程序会使用设置前的字体。": 493,
+    "字体名称出现空格时，建议用英文的单引号或双引号来将其包裹，例如\"思源黑体 CN Medium\"。": 494,
+    "如果你对CSS有所了解，可以直接参照font-family的语法来填写。": 495,
+    "现在“{f}”还会在当前可采集道具的采集卡片中显示现实世界的剩余时间。": 496
 }
\ No newline at end of file
diff --git a/src/languages/ja.ts b/src/languages/ja.ts
index 8f3b5168..ca749cee 100644
--- a/src/languages/ja.ts
+++ b/src/languages/ja.ts
@@ -475,5 +475,24 @@ export default {
     "474": "「{f1}」→「{f2}」→「{f3}」で詳細な説明を設定・確認できます。",
     "475": "データタイプの調整が行われたため、旧バージョンで取得したアイテム価格のキャッシュは、アップデート後に再取得が必要です。",
     "476": "アイテムボタンのツールチップの精選項目では、「どのアイテムでこのアイテムを精選可能か」のほか、「このアイテムを精選することで得られる可能性のあるアイテム（霊砂限定）」も表示されます。",
-    "477": "アイテムボタンのツールチップで無限ループが発生するのを防ぐため、後者ではツールチップを開けるアイコンは表示されません。"
+    "477": "アイテムボタンのツールチップで無限ループが発生するのを防ぐため、後者ではツールチップを開けるアイコンは表示されません。",
+    "478": "「{f1}」の「{f2}」タブでプログラム/Webサイトで使用するフォントとフォントのサイズを変更できるようになりました。",
+    "479": "残り:",
+    "480": "{minute}分",
+    "481": "{second}秒",
+    "482": "フォントサイズ",
+    "483": "プログラム/Webサイトのフォントサイズをグローバルに変更します。",
+    "484": "一部の領域のフォントサイズはこの設定に影響されません。また、ブラウザの「最小サイズ」設定によっても制限されます。",
+    "485": "「標準」サイズ以外の表示効果はしばらく保証できません。特別な必要がない限り、変更は推奨されません。",
+    "486": "さらに小さい",
+    "487": "小さい",
+    "488": "標準",
+    "489": "大さい",
+    "490": "さらに大きい",
+    "491": "カスタムフォント",
+    "492": "プログラム/Webサイトのフォントをグローバルに変更します。",
+    "493": "複数のフォントを英語のカンマで区切ることができます。現在のフォントライブラリに表示するテキストが含まれていない場合、プログラムは次のフォントを使用します。どちらも含まれていない場合は、プログラムは設定前のフォントを使用します。",
+    "494": "フォント名にスペースがある場合は、英文の一重引用符または二重引用符で囲むことをお勧めします。たとえば、\"Jupiter Pro\"です。",
+    "495": "CSSに詳しい場合は、font-familyの文法を直接参照して記入することができます。",
+    "496": "現在採取可能な道具の採取カードには、現実世界の残り時間が表示されるようになりました。"
 }
\ No newline at end of file
diff --git a/src/languages/translates/default.json b/src/languages/translates/default.json
index 1d7539e0..aa138f39 100644
--- a/src/languages/translates/default.json
+++ b/src/languages/translates/default.json
@@ -3356,5 +3356,138 @@
     "$files": [
       "data\\change-logs.ts"
     ]
+  },
+  "现在可以在“{f1}”的“{f2}”选项卡中调整程序/网站使用的字体及字体大小。": {
+    "en": "Now you can customize font and font size in \"{f1}\"→\"{f2}\".",
+    "ja": "「{f1}」の「{f2}」タブでプログラム/Webサイトで使用するフォントとフォントのサイズを変更できるようになりました。",
+    "$files": [
+      "data\\change-logs.ts"
+    ]
+  },
+  "剩余:": {
+    "en": "Remains:",
+    "ja": "残り:",
+    "$files": [
+      "views\\GatherClockPage.vue"
+    ]
+  },
+  "{minute}分": {
+    "en": "{minute}m",
+    "ja": "{minute}分",
+    "$files": [
+      "views\\GatherClockPage.vue"
+    ]
+  },
+  "{second}秒": {
+    "en": "{second}s",
+    "ja": "{second}秒",
+    "$files": [
+      "views\\GatherClockPage.vue"
+    ]
+  },
+  "字体大小": {
+    "en": "Font size",
+    "ja": "フォントサイズ",
+    "$files": [
+      "components\\modals\\ModalUserPreferences.vue"
+    ]
+  },
+  "全局性地修改程序/网站的字体大小。": {
+    "en": "Change the size of text in program/website globally.",
+    "ja": "プログラム/Webサイトのフォントサイズをグローバルに変更します。",
+    "$files": [
+      "components\\modals\\ModalUserPreferences.vue"
+    ]
+  },
+  "部分区域的字体大小不受此设置的影响。此外，还会受到浏览器“最小字号”设置的限制。": {
+    "en": "Some areas do not follow this setting. In addition, it is also limited by the 'Minimum font size' setting of the browser.",
+    "ja": "一部の領域のフォントサイズはこの設定に影響されません。また、ブラウザの「最小サイズ」設定によっても制限されます。",
+    "$files": [
+      "components\\modals\\ModalUserPreferences.vue"
+    ]
+  },
+  "暂时无法保证“标准”大小之外的显示效果。除非有特殊需要，否则不建议修改。": {
+    "en": "Now we could not guarantee the display effect of sizes other than \"Standard\". Unless there is a special need, we do not recommend modifying.",
+    "ja": "「標準」サイズ以外の表示効果はしばらく保証できません。特別な必要がない限り、変更は推奨されません。",
+    "$files": [
+      "components\\modals\\ModalUserPreferences.vue"
+    ]
+  },
+  "更小": {
+    "en": "Tiny",
+    "ja": "さらに小さい",
+    "$files": [
+      "components\\modals\\ModalUserPreferences.vue"
+    ]
+  },
+  "较小": {
+    "en": "Small",
+    "ja": "小さい",
+    "$files": [
+      "components\\modals\\ModalUserPreferences.vue"
+    ]
+  },
+  "标准": {
+    "en": "Standard",
+    "ja": "標準",
+    "$files": [
+      "components\\modals\\ModalUserPreferences.vue"
+    ]
+  },
+  "较大": {
+    "en": "Large",
+    "ja": "大さい",
+    "$files": [
+      "components\\modals\\ModalUserPreferences.vue"
+    ]
+  },
+  "更大": {
+    "en": "Huge",
+    "ja": "さらに大きい",
+    "$files": [
+      "components\\modals\\ModalUserPreferences.vue"
+    ]
+  },
+  "自定义字体": {
+    "en": "Custom font",
+    "ja": "カスタムフォント",
+    "$files": [
+      "components\\modals\\ModalUserPreferences.vue"
+    ]
+  },
+  "全局性地修改程序/网站的字体。": {
+    "en": "Change the font of text in program/website globally.",
+    "ja": "プログラム/Webサイトのフォントをグローバルに変更します。",
+    "$files": [
+      "components\\modals\\ModalUserPreferences.vue"
+    ]
+  },
+  "可以设置多个字体，用英文逗号分隔。当前一个字体字库未包括要显示的文字时，程序会使用下一个字体；如果均不包括，程序会使用设置前的字体。": {
+    "en": "Allow multi fonts, separated by comma. If the font library of the first font does not include the text to be displayed, the program will use the second font; if none of them include the text, the program will use the font before the setting.",
+    "ja": "複数のフォントを英語のカンマで区切ることができます。現在のフォントライブラリに表示するテキストが含まれていない場合、プログラムは次のフォントを使用します。どちらも含まれていない場合は、プログラムは設定前のフォントを使用します。",
+    "$files": [
+      "components\\modals\\ModalUserPreferences.vue"
+    ]
+  },
+  "字体名称出现空格时，建议用英文的单引号或双引号来将其包裹，例如\"思源黑体 CN Medium\"。": {
+    "en": "Recommends to wrap the font name with single or double quotes, such as \"Source Han Sans Medium\".",
+    "ja": "フォント名にスペースがある場合は、英文の一重引用符または二重引用符で囲むことをお勧めします。たとえば、\"Jupiter Pro\"です。",
+    "$files": [
+      "components\\modals\\ModalUserPreferences.vue"
+    ]
+  },
+  "如果你对CSS有所了解，可以直接参照font-family的语法来填写。": {
+    "en": "If you have knowledge about CSS, you can refer to the syntax of font-family to fill in.",
+    "ja": "CSSに詳しい場合は、font-familyの文法を直接参照して記入することができます。",
+    "$files": [
+      "components\\modals\\ModalUserPreferences.vue"
+    ]
+  },
+  "现在“{f}”还会在当前可采集道具的采集卡片中显示现实世界的剩余时间。": {
+    "en": "Now the \"{f}\" will also show the remaining earth time in the item card of the current collectible item.",
+    "ja": "現在採取可能な道具の採取カードには、現実世界の残り時間が表示されるようになりました。",
+    "$files": [
+      "data\\change-logs.ts"
+    ]
   }
 }
\ No newline at end of file
diff --git a/src/languages/zh.ts b/src/languages/zh.ts
index e768d3e5..533b69fb 100644
--- a/src/languages/zh.ts
+++ b/src/languages/zh.ts
@@ -475,5 +475,24 @@ export default {
     "474": "可以在 “{f1}”→“{f2}”→“{f3}” 设置和查看详细说明。",
     "475": "由于进行了数据类型调整，旧版本获取到的物品价格缓存在更新后需要重新获取。",
     "476": "现在物品按钮悬浮窗的精选栏目除了会展示“可以通过什么道具精选出此物品”还会显示“精选此物品有可能获得什么道具(限灵砂)”。",
-    "477": "为了避免物品按钮悬浮窗的无限跳转，后者不会展示可以打开悬浮窗的信息图标。"
+    "477": "为了避免物品按钮悬浮窗的无限跳转，后者不会展示可以打开悬浮窗的信息图标。",
+    "478": "现在可以在“{f1}”的“{f2}”选项卡中调整程序/网站使用的字体及字体大小。",
+    "479": "剩余:",
+    "480": "{minute}分",
+    "481": "{second}秒",
+    "482": "字体大小",
+    "483": "全局性地修改程序/网站的字体大小。",
+    "484": "部分区域的字体大小不受此设置的影响。此外，还会受到浏览器“最小字号”设置的限制。",
+    "485": "暂时无法保证“标准”大小之外的显示效果。除非有特殊需要，否则不建议修改。",
+    "486": "更小",
+    "487": "较小",
+    "488": "标准",
+    "489": "较大",
+    "490": "更大",
+    "491": "自定义字体",
+    "492": "全局性地修改程序/网站的字体。",
+    "493": "可以设置多个字体，用英文逗号分隔。当前一个字体字库未包括要显示的文字时，程序会使用下一个字体；如果均不包括，程序会使用设置前的字体。",
+    "494": "字体名称出现空格时，建议用英文的单引号或双引号来将其包裹，例如\"思源黑体 CN Medium\"。",
+    "495": "如果你对CSS有所了解，可以直接参照font-family的语法来填写。",
+    "496": "现在“{f}”还会在当前可采集道具的采集卡片中显示现实世界的剩余时间。"
 }
\ No newline at end of file
diff --git a/src/models/user-config.ts b/src/models/user-config.ts
index 37f794a5..319e8c83 100644
--- a/src/models/user-config.ts
+++ b/src/models/user-config.ts
@@ -7,6 +7,8 @@ export interface UserConfigModel {
   item_server: 'auto' | 'chs' | 'global'
   // appearance
   theme: 'light' | 'dark' | 'system'
+  custom_font: string
+  custom_font_size: string
   hide_collector_icons: boolean
   // enhancements
   item_button_click_event: 'none' | 'copy_name' | 'copy_isearch'
@@ -47,6 +49,8 @@ const defaultUserConfig: UserConfigModel = {
   item_server: 'auto',
   // appearance
   theme: 'light',
+  custom_font: '',
+  custom_font_size: '14px',
   hide_collector_icons: false,
   // enhancements
   item_button_click_event: 'none',
diff --git a/src/tools/eorzea-time.ts b/src/tools/eorzea-time.ts
index 43debf2e..8835c4ff 100644
--- a/src/tools/eorzea-time.ts
+++ b/src/tools/eorzea-time.ts
@@ -115,6 +115,10 @@ class EorzeaTime {
     }
     this._hour = h; this._minute = m
   }
+
+  public static EorzeaMinute2LocalSecond = (eorzeaMinute: number) => {
+    return eorzeaMinute * EorzeaTime.TimeRate / EorzeaTime.MinutesOfHour
+  }
 }
 
 export default EorzeaTime
\ No newline at end of file
diff --git a/src/variables/app-status.ts b/src/variables/app-status.ts
index ec129756..24fe9ad4 100644
--- a/src/variables/app-status.ts
+++ b/src/variables/app-status.ts
@@ -6,7 +6,7 @@ class AppStatus {
   }
   static get SupportedGameVersion() {
     return {
-      CN: '7.0',
+      CN: '7.01',
       GLOBAL: '7.05'
     }
   }
diff --git a/src/views/GatherClockPage.vue b/src/views/GatherClockPage.vue
index f37897f0..9aae8a09 100644
--- a/src/views/GatherClockPage.vue
+++ b/src/views/GatherClockPage.vue
@@ -20,7 +20,7 @@ import { useNbbCal } from '@/tools/use-nbb-cal'
 import { getNearestAetheryte } from '@/tools/map'
 import type { ItemInfo } from '@/tools/item'
 import type { UserConfigModel } from '@/models/user-config'
-import type EorzeaTime from '@/tools/eorzea-time'
+import EorzeaTime from '@/tools/eorzea-time'
 
 const t = inject<(text: string, ...args: any[]) => string>('t') ?? (() => { return '' })
 const isMobile = inject<Ref<boolean>>('isMobile') ?? ref(false)
@@ -137,6 +137,8 @@ const dealTimeLimit = (start: string, end: string) => {
   let progressStatus : 'info' | 'warning' | 'error' = 'info'
   let progressPercentage = 0
   let canGather = false
+  let remainLT : string | undefined = undefined
+  let ltClass = 'font-small'
   try {
     const parseTime = (time: string) => time.split(':').reduce((acc, val, idx) => acc + parseInt(val) * [60, 1][idx], 0)
     const s = parseTime(start)
@@ -145,6 +147,17 @@ const dealTimeLimit = (start: string, end: string) => {
     if (c >= s && c <= e) {
       canGather = true
       progressPercentage = (c - s) / (e - s) * 100
+      const ls = Math.floor(EorzeaTime.EorzeaMinute2LocalSecond(e - c))
+      if (ls < 30) {
+        ltClass += ' red'
+      } else if (ls < 60) {
+        ltClass += ' color-warning'
+      }
+      remainLT = t('剩余:')
+      if (ls >= 60) {
+        remainLT += t('{minute}分', Math.floor(ls / 60))
+      }
+      remainLT += t('{second}秒', ls % 60)
     } else {
       progressPercentage = 0
     }
@@ -156,7 +169,7 @@ const dealTimeLimit = (start: string, end: string) => {
     canGather: canGather,
     status: progressStatus,
     percentage: progressPercentage,
-    text: '正在进行中'
+    remainLT, ltClass
   }
 }
 
@@ -422,6 +435,9 @@ const getPlaceName = (itemInfo : ItemInfo) => {
                       <span v-if="dealTimeLimit(timelimit.start, timelimit.end).canGather" class="green" style="margin-left: 5px;">
                         {{ t('现可采集') }}
                       </span>
+                      <span v-if="dealTimeLimit(timelimit.start, timelimit.end).remainLT" :class="dealTimeLimit(timelimit.start, timelimit.end).ltClass" style="margin-left: 5px;">
+                        {{ dealTimeLimit(timelimit.start, timelimit.end).remainLT }}
+                      </span>
                     </div>
                     <n-progress
                       type="line"
@@ -429,9 +445,7 @@ const getPlaceName = (itemInfo : ItemInfo) => {
                       :show-indicator="false"
                       :status="dealTimeLimit(timelimit.start, timelimit.end).status"
                       :percentage="dealTimeLimit(timelimit.start, timelimit.end).percentage"
-                    >
-                      {{ dealTimeLimit(timelimit.start, timelimit.end).text }}
-                    </n-progress>
+                    />
                   </div>
                 </div>
               </div>