diff --git a/.github/workflows/build.yml b/.github/workflows/build.yml
index fd09ed66..7b6ac995 100644
--- a/.github/workflows/build.yml
+++ b/.github/workflows/build.yml
@@ -44,7 +44,7 @@ jobs:
       - name: setup pnpm
         uses: pnpm/action-setup@v2
         with:
-          version: 8.14.1
+          version: 8.15.6
       - name: remove lockfile
         run: rm pnpm-lock.yaml
       - name: Install frontend dependencies
diff --git a/.github/workflows/qodana_code_quality.yml b/.github/workflows/qodana_code_quality.yml
index c5d6c318..30974b5c 100644
--- a/.github/workflows/qodana_code_quality.yml
+++ b/.github/workflows/qodana_code_quality.yml
@@ -18,7 +18,7 @@ jobs:
       - name: setup pnpm
         uses: pnpm/action-setup@v2
         with:
-          version: 8.14.1
+          version: 8.15.6
       - name: remove lockfile
         run: rm -f pnpm-lock.yaml
       - name: Install dependencies
diff --git a/CHANGELOG.md b/CHANGELOG.md
index 7ecf1159..f255df2b 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -2,13 +2,36 @@
 Author: 目棃
 Description: CHANGELOG
 Date: 2024-01-15
-Update: 2024-02-09
+Update: 2024-04-05
 ---
 
-> 本文档 [`Frontmatter`](https://github.com/BTMuli/MuCli#Frontmatter) 由 [MuCli](https://github.com/BTMuli/Mucli)
-> 自动生成于 `2024-01-15 17:29:15`
+> 本文档 [`Frontmatter`](https://github.com/BTMuli/MuCli#Frontmatter) 由 [MuCli](https://github.com/BTMuli/Mucli) 自动生成于 `2024-01-15 17:29:15`
 >
-> 更新于 `2024-02-09 20:30:26`
+> 更新于 `2024-04-05 14:19:04`
+
+## [0.4.5](https://github.com/BTMuli/TeyvatGuide/releases/v0.4.5) (2024-04-05)
+
+### Feat
+
+- 添加收藏页面，支持导入用户收藏 [`#100`](https://github.com/BTMuli/TeyvatGuide/issues/100)
+- 设置页添加更新日志跳转
+- 首页：组件样式迭代
+- 帖子：替换默认封面
+- 帖子：支持关键词搜索 [`#103`](https://github.com/BTMuli/TeyvatGuide/issues/103)
+
+### Fix
+
+- 成就：修正部分成就版本信息 [`3501590f`](https://github.com/BTMuli/TeyvatGuide/commit/3501590f)
+- 帖子：链接卡片添加间距
+- 图鉴：修复埃洛伊背景渲染异常
+- 留影叙佳期：补充遗漏数据，支持特定日期查看
+
+### Change
+
+- 帖子：微调解析逻辑
+- 重构：通用帖子卡片抽离作为组件，添加 `select` 状态
+- 帖子：抽奖详情改为 `overlay`
+- 应用：调整默认颜色
 
 ## [0.4.4](https://github.com/BTMuli/TeyvatGuide/releases/v0.4.4) (2024-03-13)
 
diff --git a/README.md b/README.md
index e206c711..2b14b41c 100644
--- a/README.md
+++ b/README.md
@@ -2,12 +2,12 @@
 Author: 目棃
 Description: 说明文档
 Date: 2023-03-05
-Update: 2024-03-14
+Update: 2024-04-05
 ---
 
 > 本文档 [`Frontmatter`](https://github.com/BTMuli/MuCli#Frontmatter) 由 [MuCli](https://github.com/BTMuli/Mucli) 自动生成于 `2023-03-05 14:41:55`
 >
-> 更新于 `2024-03-14 00:46:48`
+> 更新于 `2024-04-05 14:25:24`
 
 ![](https://img.shields.io/github/last-commit/BTMuli/TeyvatGuide?style=for-the-badge) ![](https://img.shields.io/github/commits-since/BTMuli/TeyvatGuide/latest?include_prereleases&style=for-the-badge)
 
@@ -49,6 +49,8 @@ Game Tool for Genshin Impact player, supports Windows and macOS.
   - [x] 米游社各分区帖子获取（支持通过 ID 获取）
   - [x] 成就管理（UIAF v1.1），支持 [`YaeAchievement`](https://github.com/HolographicHat/YaeAchievement) 导入
   - [x] 祈愿管理（UIGF v3.0）
+  - [x] 留影叙佳期画片查看
+  - [x] 帖子收藏
 
 - 登陆功能：
 
diff --git a/package.json b/package.json
index afd828c5..01302823 100644
--- a/package.json
+++ b/package.json
@@ -1,9 +1,9 @@
 {
   "name": "TeyvatGuide",
-  "version": "0.4.4",
+  "version": "0.4.5",
   "description": "Game Tool for Genshin Impact player",
   "private": true,
-  "packageManager": "pnpm@8.15.3",
+  "packageManager": "pnpm@8.15.6",
   "scripts": {
     "build": "tauri build",
     "debug": "tauri build --debug",
diff --git a/src-tauri/Cargo.lock b/src-tauri/Cargo.lock
index 53e910fd..b541961d 100644
--- a/src-tauri/Cargo.lock
+++ b/src-tauri/Cargo.lock
@@ -4,7 +4,7 @@ version = 3
 
 [[package]]
 name = "TeyvatGuide"
-version = "0.4.4"
+version = "0.4.5"
 dependencies = [
  "chrono",
  "log",
diff --git a/src-tauri/Cargo.toml b/src-tauri/Cargo.toml
index d7af55e1..09d23ad1 100644
--- a/src-tauri/Cargo.toml
+++ b/src-tauri/Cargo.toml
@@ -1,6 +1,6 @@
 [package]
 name = "TeyvatGuide"
-version = "0.4.4"
+version = "0.4.5"
 description = "Game Tool for Genshin Impact player"
 authors = ["BTMuli <bt-muli@outlook.com>"]
 license = "MIT"
diff --git a/src-tauri/tauri.conf.json b/src-tauri/tauri.conf.json
index 6eaeeb43..c7f6fabc 100644
--- a/src-tauri/tauri.conf.json
+++ b/src-tauri/tauri.conf.json
@@ -8,7 +8,7 @@
   },
   "package": {
     "productName": "TeyvatGuide",
-    "version": "0.4.4"
+    "version": "0.4.5"
   },
   "tauri": {
     "allowlist": {
@@ -170,7 +170,7 @@
         "title": "米游社",
         "label": "mhy_client",
         "url": "",
-        "userAgent": "Mozilla/5.0 (Linux; Android 12) Mobile miHoYoBBS/2.67.1",
+        "userAgent": "Mozilla/5.0 (Linux; Android 12) Mobile miHoYoBBS/2.70.1",
         "visible": false,
         "width": 400,
         "height": 800,
diff --git a/src/plugins/Hutao/types/Character.d.ts b/src/plugins/Hutao/types/Character.d.ts
index c4d8f2e8..c71d6a86 100644
--- a/src/plugins/Hutao/types/Character.d.ts
+++ b/src/plugins/Hutao/types/Character.d.ts
@@ -1,7 +1,7 @@
 /**
  * @file plugins/Hutao/types/Character.d.ts
  * @description 角色类型定义
- * @since Beta v0.3.8
+ * @since Beta v0.4.5
  */
 
 /**
@@ -11,100 +11,6 @@
  * @memberof TGApp.Plugins.Hutao
  */
 declare namespace TGApp.Plugins.Hutao.Character {
-  /**
-   * @description 元数据-胡桃
-   * @since Beta v0.3.8
-   * @memberof TGApp.Plugins.Hutao.Character
-   * @description RawHutaoItem => Rhi
-   * @property {number} Id 角色编号
-   * @property {number} PromoteId 未知
-   * @property {number} Sort 排序
-   * @property {number} Body 未知
-   * @property {string} Icon 角色头像
-   * @property {string} SideIcon 角色侧面头像
-   * @property {string} Name 角色名称
-   * @property {string} Description 角色简介
-   * @property {string} BeginTime 上线时间 // 2021-03-02T16:00:00+08:00
-   * @property {number} Quality 角色星级
-   * @property {TGApp.Plugins.Hutao.Base.WeaponType} Weapon 武器类型
-   * @property {RhiBaseValue} BaseValue 角色基础属性
-   * @property {RhiGrowCurve[]} GrowCurves 未知
-   * @property {RhiSkillDepot} SkillDepot 角色技能
-   * @property {RhiFetterInfo} FetterInfo 好感信息
-   * @property {RhiCostume[]} Costumes 角色皮肤
-   * @property {number[]} CultivationItems 角色培养材料
-   * @return RawHutaoItem
-   */
-  interface RawHutaoItem {
-    Id: number;
-    PromoteId: number;
-    Sort: number;
-    Body: number;
-    Icon: string;
-    SideIcon: string;
-    Name: string;
-    Description: string;
-    BeginTime: string;
-    Quality: number;
-    Weapon: TGApp.Plugins.Hutao.Base.WeaponType;
-    BaseValue: RhiBaseValue;
-    GrowCurves: RhiGrowCurve[];
-    SkillDepot: RhiSkillDepot;
-    FetterInfo: RhiFetterInfo;
-    Costumes: RhiCostume[];
-    CultivationItems: number[];
-  }
-
-  /**
-   * @description 元数据-胡桃-基础属性
-   * @since Beta v0.3.8
-   * @memberof TGApp.Plugins.Hutao.Character
-   * @description RawHutaoItem.BaseValue => Rhi.BaseValue
-   * @property {number} HpBase 生命值
-   * @property {number} AttackBase 攻击力
-   * @property {number} DefenseBase 防御力
-   * @return RhiBaseValue
-   */
-  interface RhiBaseValue {
-    HpBase: number;
-    AttackBase: number;
-    DefenseBase: number;
-  }
-
-  /**
-   * @description 元数据-胡桃-成长曲线
-   * @since Beta v0.3.8
-   * @memberof TGApp.Plugins.Hutao.Character
-   * @description RawHutaoItem.GrowCurves => Rhi.GrowCurves
-   * @property {number} Type 未知
-   * @property {number} Value 未知
-   * @return RhiGrowCurve
-   */
-  interface RhiGrowCurve {
-    Type: number;
-    Value: number;
-  }
-
-  /**
-   * @description 元数据-胡桃-技能
-   * @since Beta v0.3.8
-   * @memberof TGApp.Plugins.Hutao.Character
-   * @description RawHutaoItem.SkillDepot => Rhi.SkillDepot
-   * @property {number} Arkhe 未知
-   * @property {RhisdSkill[]} Skills 角色技能
-   * @property {RhisdSkill} EnergySkill 角色元素爆发
-   * @property {RhisdSkill[]} Inherents 角色天赋
-   * @property {RhisdTalent[]} Talents 角色天赋
-   * @return RhiSkillDepot
-   */
-  interface RhiSkillDepot {
-    Arkhe: number;
-    Skills: RhisdSkill[];
-    EnergySkill: RhisdSkill;
-    Inherents: RhisdSkill[];
-    Talents: RhisdTalent[];
-  }
-
   /**
    * @description 元数据-胡桃-技能
    * @since Beta v0.3.8
@@ -163,56 +69,6 @@ declare namespace TGApp.Plugins.Hutao.Character {
     Icon: string;
   }
 
-  /**
-   * @description 元数据-胡桃-好感信息
-   * @since Beta v0.3.8
-   * @memberof TGApp.Plugins.Hutao.Character
-   * @description RawHutaoItem.FetterInfo => RhiFetterInfo
-   * @property {string} Title 角色称号
-   * @property {string} Detail 角色简介
-   * @property {number} Association 角色地区
-   * @property {string} Native 角色地区
-   * @property {number} BirthMonth 角色生日-月
-   * @property {number} BirthDay 角色生日-日
-   * @property {string} VisionBefore 角色元素类型
-   * @property {string} VisionAfter 未知
-   * @property {string} ConstellationBefore 角色星座
-   * @property {string} ConstellationAfter 未知
-   * @property {string} CvChinese 角色声优-中文
-   * @property {string} CvJapanese 角色声优-日文
-   * @property {string} CvEnglish 角色声优-英文
-   * @property {string} CvKorean 角色声优-韩文
-   * @property {number} CookBonus.OriginItemId 角色特殊料理编号
-   * @property {number} CookBonus.ItemId 角色特殊料理编号
-   * @property {number[]} CookBonus.InputList 角色特殊料理材料
-   * @property {RhiFetter[]} Fetters 角色语音
-   * @property {RhiFetter[]} FetterStories 角色好感故事
-   * @return RhiFetterInfo
-   */
-  interface RhiFetterInfo {
-    Title: string;
-    Detail: string;
-    Association: number;
-    Native: string;
-    BirthMonth: number;
-    BirthDay: number;
-    VisionBefore: string;
-    VisionAfter: string;
-    ConstellationBefore: string;
-    ConstellationAfter: string;
-    CvChinese: string;
-    CvJapanese: string;
-    CvEnglish: string;
-    CvKorean: string;
-    CookBonus: {
-      OriginItemId: number;
-      ItemId: number;
-      InputList: number[];
-    };
-    Fetters: RhiFetter[];
-    FetterStories: RhiFetter[];
-  }
-
   /**
    * @description 元数据-胡桃-好感信息-语音
    * @since Beta v0.3.8
@@ -226,32 +82,4 @@ declare namespace TGApp.Plugins.Hutao.Character {
     Title: string;
     Context: string;
   }
-
-  /**
-   * @description 元数据-胡桃-皮肤
-   * @since Beta v0.3.8
-   * @memberof TGApp.Plugins.Hutao.Character
-   * @description RawHutaoItem.Costumes => RhiCostume
-   * @property {number} Id 皮肤编号
-   * @property {string} Name 皮肤名称
-   * @property {string} Description 皮肤描述
-   * @property {boolean} IsDefault 是否默认皮肤
-   * @property {string} [FrontIcon] 非默认皮肤头像
-   * @property {string} [SideIcon] 非默认皮肤侧面头像
-   * @return RhiCostume
-   */
-  type RhiCostume = {
-    Id: number;
-    Name: string;
-    Description: string;
-  } & (
-    | {
-        FrontIcon: string;
-        SideIcon: string;
-        IsDefault: false;
-      }
-    | {
-        IsDefault: true;
-      }
-  );
 }
diff --git a/src/web/constant/bbs.ts b/src/web/constant/bbs.ts
index b4e5963f..5313ba44 100644
--- a/src/web/constant/bbs.ts
+++ b/src/web/constant/bbs.ts
@@ -1,22 +1,22 @@
 /**
  * @file web/constant/bbs.ts
  * @description 常量-应用数据
- * @since Beta v0.4.0
+ * @since Beta v0.4.5
  */
 
-export const BBS_VERSION = "2.67.1";
+export const BBS_VERSION = "2.70.1";
 export const BBS_UA_PC = `Mozilla/5.0 (Windows NT 10.0; Win64; x64) miHoYoBBS/${BBS_VERSION}`;
 export const BBS_UA_MOBILE = `Mozilla/5.0 (Linux; Android 12) Mobile miHoYoBBS/${BBS_VERSION}`;
 export const BBS_APP_ID = "bll8iq97cem8";
 
 /**
  * @description salt 值
- * @version 2.67.1
- * @since Beta v0.4.0
+ * @version 2.70.1
+ * @since Beta v0.4.5
  */
 export const BBS_SALT = {
-  K2: "yajbb9O8TgQYOW7JVZYfUJhXN7mAeZPE",
-  LK2: "LyD1rXqMv2GJhnwdvCBjFOKGiKuLY3aO",
+  K2: "S9Hrn38d2b55PamfIR9BNA3Tx9sQTOem",
+  LK2: "sjdNFJB7XxyDWGIAk0eTV8AOCfMJmyEo",
   X4: "xV8v4Qu54lUKrEYFZkJhB8cuOh9Asafs",
   X6: "t0qEgfub6cvueAPgR5m9aQWWVciEer7v",
   PROD: "t0qEgfub6cvueAPgR5m9aQWWVciEer7v",