diff --git a/plugins/genshin/abyss.py b/plugins/genshin/abyss.py
index cc793076..fca992a2 100644
--- a/plugins/genshin/abyss.py
+++ b/plugins/genshin/abyss.py
@@ -280,7 +280,7 @@ class AbyssPlugin(Plugin):
 
             def overview_task():
                 return -1, self.template_service.render(
-                    "genshin/abyss/overview.html", render_data, viewport={"width": 750, "height": 580}
+                    "genshin/abyss/overview.jinja2", render_data, viewport={"width": 750, "height": 580}
                 )
 
             def floor_task(floor_index: int):
@@ -288,7 +288,7 @@ class AbyssPlugin(Plugin):
                 return (
                     floor_d["floor"],
                     self.template_service.render(
-                        "genshin/abyss/floor.html",
+                        "genshin/abyss/floor.jinja2",
                         {
                             **render_data,
                             "floor": floor_d,
@@ -314,7 +314,7 @@ class AbyssPlugin(Plugin):
             render_data["data"] = jsonlib.loads(result)
             return [
                 await self.template_service.render(
-                    "genshin/abyss/overview.html", render_data, viewport={"width": 750, "height": 580}
+                    "genshin/abyss/overview.jinja2", render_data, viewport={"width": 750, "height": 580}
                 )
             ]
         num_dic = {
@@ -342,6 +342,6 @@ class AbyssPlugin(Plugin):
         render_data["total_stars"] = f"{floor_data[0]['stars']}/{floor_data[0]['max_stars']}"
         return [
             await self.template_service.render(
-                "genshin/abyss/floor.html", render_data, viewport={"width": 690, "height": 500}
+                "genshin/abyss/floor.jinja2", render_data, viewport={"width": 690, "height": 500}
             )
         ]
diff --git a/plugins/genshin/abyss_team.py b/plugins/genshin/abyss_team.py
index bc05e435..4a9b09fd 100644
--- a/plugins/genshin/abyss_team.py
+++ b/plugins/genshin/abyss_team.py
@@ -80,7 +80,7 @@ class AbyssTeamPlugin(Plugin):
 
         await message.reply_chat_action(ChatAction.UPLOAD_PHOTO)
         render_result = await self.template_service.render(
-            "genshin/abyss_team/abyss_team.html",
+            "genshin/abyss_team/abyss_team.jinja2",
             abyss_teams_data,
             {"width": 785, "height": 800},
             full_page=True,
diff --git a/plugins/genshin/avatar_list.py b/plugins/genshin/avatar_list.py
index e1b96e3c..940cedab 100644
--- a/plugins/genshin/avatar_list.py
+++ b/plugins/genshin/avatar_list.py
@@ -239,7 +239,7 @@ class AvatarListPlugin(Plugin):
         await message.reply_chat_action(ChatAction.UPLOAD_DOCUMENT if as_document else ChatAction.UPLOAD_PHOTO)
 
         image = await self.template_service.render(
-            "genshin/avatar_list/main.html",
+            "genshin/avatar_list/main.jinja2",
             render_data,
             viewport={"width": 1040, "height": 500},
             full_page=True,
diff --git a/plugins/genshin/calendar.py b/plugins/genshin/calendar.py
index 3a9d3f78..b7666853 100644
--- a/plugins/genshin/calendar.py
+++ b/plugins/genshin/calendar.py
@@ -52,7 +52,7 @@ class CalendarPlugin(Plugin):
         data = await self._fetch_data()
         data["display_mode"] = mode
         image = await self.template_service.render(
-            "genshin/calendar/calendar.html",
+            "genshin/calendar/calendar.jinja2",
             data,
             query_selector=".container",
         )
diff --git a/plugins/genshin/daily/material.py b/plugins/genshin/daily/material.py
index 0d10793e..0d208c73 100644
--- a/plugins/genshin/daily/material.py
+++ b/plugins/genshin/daily/material.py
@@ -314,14 +314,14 @@ class DailyMaterial(Plugin):
 
         character_img_data, weapon_img_data = await asyncio.gather(
             self.template_service.render(  # 渲染角色素材页
-                "genshin/daily_material/character.html",
+                "genshin/daily_material/character.jinja2",
                 {"data": render_data},
                 {"width": 1164, "height": 500},
                 file_type=file_type,
                 ttl=30 * 24 * 60 * 60,
             ),
             self.template_service.render(  # 渲染武器素材页
-                "genshin/daily_material/weapon.html",
+                "genshin/daily_material/weapon.jinja2",
                 {"data": render_data},
                 {"width": 1164, "height": 500},
                 file_type=file_type,
diff --git a/plugins/genshin/daily_note.py b/plugins/genshin/daily_note.py
index 021fd1ab..9f4ac147 100644
--- a/plugins/genshin/daily_note.py
+++ b/plugins/genshin/daily_note.py
@@ -82,7 +82,7 @@ class DailyNotePlugin(Plugin):
             "transformer_recovery_time": transformer_recovery_time,
         }
         render_result = await self.template_service.render(
-            "genshin/daily_note/daily_note.html",
+            "genshin/daily_note/daily_note.jinja2",
             render_data,
             {"width": 600, "height": 548},
             full_page=False,
diff --git a/plugins/genshin/help.py b/plugins/genshin/help.py
index 51703837..bc18cf42 100644
--- a/plugins/genshin/help.py
+++ b/plugins/genshin/help.py
@@ -22,7 +22,7 @@ class HelpPlugin(Plugin):
         logger.info("用户 %s[%s] 发出help命令", user.full_name, user.id)
         await message.reply_chat_action(ChatAction.TYPING)
         render_result = await self.template_service.render(
-            "bot/help/help.html",
+            "bot/help/help.jinja2",
             {"bot_username": self.application.bot.username},
             {"width": 1280, "height": 900},
             ttl=30 * 24 * 60 * 60,
diff --git a/plugins/genshin/ledger.py b/plugins/genshin/ledger.py
index 68d5a9cf..efe40949 100644
--- a/plugins/genshin/ledger.py
+++ b/plugins/genshin/ledger.py
@@ -63,7 +63,7 @@ class LedgerPlugin(Plugin):
             "color": color,
         }
         render_result = await self.template_service.render(
-            "genshin/ledger/ledger.html", ledger_data, {"width": 580, "height": 610}
+            "genshin/ledger/ledger.jinja2", ledger_data, {"width": 580, "height": 610}
         )
         return render_result
 
diff --git a/plugins/genshin/material.py b/plugins/genshin/material.py
index 1c93dfce..a5196314 100644
--- a/plugins/genshin/material.py
+++ b/plugins/genshin/material.py
@@ -181,7 +181,7 @@ class MaterialPlugin(Plugin):
         if not data:
             return
         return await self.template_service.render(
-            "genshin/material/roles_material.html",
+            "genshin/material/roles_material.jinja2",
             data,
             {"width": 960, "height": 1460},
             full_page=True,
diff --git a/plugins/genshin/player_cards.py b/plugins/genshin/player_cards.py
index 5751cc7b..fd9c61af 100644
--- a/plugins/genshin/player_cards.py
+++ b/plugins/genshin/player_cards.py
@@ -228,7 +228,7 @@ class PlayerCards(Plugin):
         buttons = self.gen_button(data, user.id, uid, update_button=False)
         render_data = await self.parse_holder_data(data)
         holder = await self.template_service.render(
-            "genshin/player_card/holder.html",
+            "genshin/player_card/holder.jinja2",
             render_data,
             viewport={"width": 750, "height": 580},
             ttl=60 * 10,
@@ -492,13 +492,8 @@ class RenderTemplate:
             "DigitType": DigitType,
         }
 
-        # html = await self.template_service.render_async(
-        #     "genshin/player_card/player_card.html", data
-        # )
-        # logger.debug(html)
-
         return await self.template_service.render(
-            "genshin/player_card/player_card.html",
+            "genshin/player_card/player_card.jinja2",
             data,
             {"width": 950, "height": 1080},
             full_page=True,
diff --git a/plugins/genshin/stats.py b/plugins/genshin/stats.py
index 89a3ae49..94138127 100644
--- a/plugins/genshin/stats.py
+++ b/plugins/genshin/stats.py
@@ -113,15 +113,10 @@ class PlayerStatsPlugins(Plugin):
             "style": random.choice(["mondstadt", "liyue"]),  # nosec
         }
 
-        # html = await self.template_service.render_async(
-        #     "genshin/stats/stats.html", data
-        # )
-        # logger.debug(html)
-
         await self.cache_images(user_info)
 
         return await self.template_service.render(
-            "genshin/stats/stats.html",
+            "genshin/stats/stats.jinja2",
             data,
             {"width": 650, "height": 800},
             full_page=True,
diff --git a/plugins/genshin/weapon.py b/plugins/genshin/weapon.py
index edfa983f..c3f8b412 100644
--- a/plugins/genshin/weapon.py
+++ b/plugins/genshin/weapon.py
@@ -120,7 +120,7 @@ class WeaponPlugin(Plugin):
                 self.add_delete_message_job(reply_message)
             return
         png_data = await self.template_service.render(
-            "genshin/weapon/weapon.html", template_data, {"width": 540, "height": 540}, ttl=31 * 24 * 60 * 60
+            "genshin/weapon/weapon.jinja2", template_data, {"width": 540, "height": 540}, ttl=31 * 24 * 60 * 60
         )
         await message.reply_chat_action(ChatAction.UPLOAD_PHOTO)
         reply_photo = await png_data.reply_photo(
diff --git a/plugins/genshin/wish.py b/plugins/genshin/wish.py
index 298b3e13..f51bf377 100644
--- a/plugins/genshin/wish.py
+++ b/plugins/genshin/wish.py
@@ -266,7 +266,7 @@ class WishSimulatorPlugin(Plugin):
         template_data["items"] = data
         await message.reply_chat_action(ChatAction.UPLOAD_PHOTO)
         png_data = await self.template_service.render(
-            "genshin/gacha/gacha.html", template_data, {"width": 1157, "height": 603}, False
+            "genshin/wish/wish.jinja2", template_data, {"width": 1157, "height": 603}, False
         )
 
         reply_message = await message.reply_photo(png_data.photo)
diff --git a/resources/bot/help/help.html b/resources/bot/help/example.html
similarity index 99%
rename from resources/bot/help/help.html
rename to resources/bot/help/example.html
index 69400a45..6a174540 100644
--- a/resources/bot/help/help.html
+++ b/resources/bot/help/example.html
@@ -11,7 +11,7 @@
 <div class="container mx-auto px-5 py-10 max-w-7xl">
     <div class="header p-6 flex mb-8 rounded-xl bg-cover justify-between">
         <div>
-            <h1 class="text-4xl italic">TGPaimonBot</h1>
+            <h1 class="text-4xl italic">PaiGram</h1>
             <h1 class="text-2xl">使用说明</h1>
         </div>
         <div>
diff --git a/resources/bot/help/help.jinja2 b/resources/bot/help/help.jinja2
new file mode 100644
index 00000000..6a174540
--- /dev/null
+++ b/resources/bot/help/help.jinja2
@@ -0,0 +1,255 @@
+<!DOCTYPE html>
+<html lang="zh">
+<head>
+    <meta charset="UTF-8" />
+    <title>Title</title>
+    <link href="../../styles/tailwind.min.css" rel="stylesheet" />
+    <link href="../../styles/font-awesome.min.css" rel="stylesheet" />
+    <link href="help.css" rel="stylesheet" />
+</head>
+<body>
+<div class="container mx-auto px-5 py-10 max-w-7xl">
+    <div class="header p-6 flex mb-8 rounded-xl bg-cover justify-between">
+        <div>
+            <h1 class="text-4xl italic">PaiGram</h1>
+            <h1 class="text-2xl">使用说明</h1>
+        </div>
+        <div>
+            <div class="pt-1 opacity-70">
+            <i class="fa fa-id-card-o mr-2"></i>需要绑定Cookie
+        </div>
+        <div class="pt-1 opacity-70">
+            <i class="fa fa-user-circle-o mr-2"></i>需要绑定UID
+        </div>
+        </div>
+    </div>
+    <div class="box pt-4 rounded-xl space-y-4 overflow-hidden">
+        <div>
+            <div class="command-background pointer-events-none">
+                <img src="background/2015.png"  alt=""/>
+            </div>
+            <div class="command-title text-2xl mx-1">
+                <h1>查询命令</h1>
+            </div>
+            <div class="grid grid-cols-4 py-4 px-2">
+                <!-- WIKI类 -->
+                <div class="command">
+                    <div class="command-name">/weapon</div>
+                    <div class="command-description">查询武器</div>
+                </div>
+                <div class="command rounded-xl flex-1">
+                    <div class="command-name">/strategy</div>
+                    <div class="command-description">查询角色攻略</div>
+                </div>
+                <div class="command">
+                    <div class="command-name">/material</div>
+                    <div class="command-description">角色培养素材查询</div>
+                </div>
+                <!-- UID 查询类 -->
+                <div class="command">
+                    <div class="command-name">
+                        /stats
+                        <i class="fa fa-user-circle-o ml-2"></i>
+                    </div>
+                    <div class="command-description">玩家统计查询</div>
+                </div>
+                <div class="command">
+                    <div class="command-name">
+                        /player_card
+                        <i class="fa fa-user-circle-o ml-2"></i>
+                    </div>
+                    <div class="command-description">角色卡片</div>
+                </div>
+                <!-- 最高查询类 -->
+                <div class="command">
+                    <div class="command-name">
+                        /dailynote
+                        <i class="fa fa-id-card-o ml-2"></i>
+                    </div>
+                    <div class="command-description">查询实时便笺</div>
+                </div>
+                <div class="command">
+                    <div class="command-name">
+                        /ledger
+                        <i class="fa fa-id-card-o ml-2"></i>
+                    </div>
+                    <div class="command-description">查询当月旅行札记</div>
+                </div>
+                <div class="command">
+                    <div class="command-name">
+                        /abyss
+                        <i class="fa fa-id-card-o ml-2"></i>
+                    </div>
+                    <div class="command-description">查询当期深渊战绩</div>
+                </div>
+                <div class="command">
+                    <div class="command-name">
+                        /abyss_team
+                        <i class="fa fa-id-card-o ml-2"></i>
+                    </div>
+                    <div class="command-description">查询深渊推荐配队</div>
+                </div>
+                <div class="command">
+                    <div class="command-name">
+                        /avatars
+                        <i class="fa fa-id-card-o ml-2"></i>
+                    </div>
+                    <div class="command-description">查询角色练度</div>
+                </div>
+                <div class="command">
+                    <div class="command-name">
+                        /reg_time
+                        <i class="fa fa-id-card-o ml-2"></i>
+                    </div>
+                    <div class="command-description">原神账号注册时间</div>
+                </div>
+                <!--! gacha_log 相关 -->
+                <div class="command">
+                    <div class="command-name">
+                        /gacha_log
+                        <i class="fa fa-user-circle-o ml-2"></i>
+                    </div>
+                    <div class="command-description">抽卡记录</div>
+                </div>
+                <div class="command">
+                    <div class="command-name">
+                        /gacha_count
+                        <i class="fa fa-user-circle-o ml-2"></i>
+                    </div>
+                    <div class="command-description">抽卡统计</div>
+                </div>
+                <div class="command">
+                    <div class="command-name">
+                        /pay_log
+                        <i class="fa fa-user-circle-o ml-2"></i>
+                    </div>
+                    <div class="command-description">充值记录</div>
+                </div>
+                <div class="command">
+                    <div class="command-name">
+                        /sign
+                        <i class="fa fa-id-card-o ml-2"></i>
+                    </div>
+                    <div class="command-description">每日签到 | 查询</div>
+                </div>
+                <div class="command">
+                    <div class="command-name">/daily_material</div>
+                    <div class="command-description">每日素材</div>
+                </div>
+                <!--! 其他 -->
+                <div class="command">
+                    <div class="command-name">/hilichurls</div>
+                    <div class="command-description">丘丘语字典</div>
+                </div>
+                <div class="command">
+                    <div class="command-name">/birthday</div>
+                    <div class="command-description">角色生日</div>
+                </div>
+                <div class="command">
+                    <div class="command-name">
+                        /birthday_card
+                        <i class="fa fa-id-card-o ml-2"></i>
+                    </div>
+                    <div class="command-description">领取角色生日画片</div>
+                </div>
+                <div class="command">
+                    <div class="command-name">/calendar</div>
+                    <div class="command-description">活动日历</div>
+                </div>
+             </div>
+        </div>
+
+        <div>
+            <div class="command-background pointer-events-none">
+                <img src="background/1006.png" />
+            </div>
+            <div class="command-title text-2xl mx-1">
+                <h1>其他命令</h1>
+            </div>
+            <div class="grid grid-cols-4 py-4 px-2">
+                <div class="command">
+                    <div class="command-name">/wish</div>
+                    <div class="command-description">抽卡模拟器（非洲人模拟器）</div>
+                </div>
+                <div class="command">
+                    <div class="command-name">/set_wish</div>
+                    <div class="command-description">抽卡模拟器定轨</div>
+                </div>
+                <div class="command">
+                    <div class="command-name">/quiz</div>
+                    <div class="command-description">
+                        派蒙的十万个为什么
+                    </div>
+                </div>
+                <!--! gacha_log 相关 -->
+                <div class="command">
+                    <div class="command-name">/gacha_log_import</div>
+                    <div class="command-description">导入抽卡记录</div>
+                </div>
+                <div class="command">
+                    <div class="command-name">/gacha_log_export</div>
+                    <div class="command-description">导出抽卡记录</div>
+                </div>
+                <div class="command">
+                    <div class="command-name">/gacha_log_delete</div>
+                    <div class="command-description">删除抽卡记录</div>
+                </div>
+                <!--! pay_log 相关 -->
+                <div class="command">
+                    <div class="command-name">/pay_log_import</div>
+                    <div class="command-description">导入充值记录</div>
+                </div>
+                <div class="command">
+                    <div class="command-name">/pay_log_export</div>
+                    <div class="command-description">导出充值记录</div>
+                </div>
+                <div class="command">
+                    <div class="command-name">/pay_log_delete</div>
+                    <div class="command-description">删除充值记录</div>
+                </div>
+                <!--! user 相关 -->
+                <div class="command">
+                    <div class="command-name">/setuid</div>
+                    <div class="command-description">添加/重设UID（请私聊BOT）</div>
+                </div>
+                <div class="command">
+                    <div class="command-name">/setcookie</div>
+                    <div class="command-description">添加/重设Cookie（请私聊BOT）</div>
+                </div>
+                <div class="command">
+                    <div class="command-name">/player</div>
+                    <div class="command-description">管理账号（请私聊BOT）</div>
+                </div>
+                <!--! 取消操作 -->
+                <div class="command rounded-xl flex-1">
+                    <div class="command-name">/cancel</div>
+                    <div class="command-description">
+                        取消操作（解决一切玄学问题）
+                    </div>
+                </div>
+             </div>
+        </div>
+
+        <div>
+            <div class="command-title text-2xl mx-1">
+                <h1>inline 模式关键词</h1>
+            </div>
+            <div class="grid grid-cols-2 py-4 px-2">
+                <div class="command">
+                    <div class="command-name">@{{bot_username}} 角色名</div>
+                    <div class="command-description">查询角色攻略</div>
+                </div>
+                <div class="command">
+                    <div class="command-name">@{{bot_username}} 武器名</div>
+                    <div class="command-description">查询武器信息</div>
+                </div>
+            </div>
+        </div>
+
+        <div class="about text-center leading-8 text-xs opacity-50">
+            更多功能，还在咕咕咕！咕咕咕！
+        </div>
+    </div>
+</div>
+</body>
+</html>
diff --git a/resources/genshin/abyss/floor.html b/resources/genshin/abyss/floor.jinja2
similarity index 95%
rename from resources/genshin/abyss/floor.html
rename to resources/genshin/abyss/floor.jinja2
index 380a69fa..52758add 100644
--- a/resources/genshin/abyss/floor.html
+++ b/resources/genshin/abyss/floor.jinja2
@@ -75,7 +75,8 @@
                                                 {{ constellation }} 命
                                             </div>
                                         {% endif %}
-                                        <div class="element" style="background-image: url('../../img/element/{{ character.element }}.png')"></div>
+                                        <div class="element"
+                                             style="background-image: url('../../img/element/{{ character.element }}.png')"></div>
                                         <div class="icon"
                                              style="background-image: url('../../background/rarity/half/{{ character.rarity }}.png')">
                                             <img src="{{ character.icon }}" alt=""/>
diff --git a/resources/genshin/abyss/overview.html b/resources/genshin/abyss/overview.jinja2
similarity index 96%
rename from resources/genshin/abyss/overview.html
rename to resources/genshin/abyss/overview.jinja2
index be4a3306..f2ce53ee 100644
--- a/resources/genshin/abyss/overview.html
+++ b/resources/genshin/abyss/overview.jinja2
@@ -37,7 +37,8 @@
             <div class="characters">
                 {% for avatar in data.ranks.most_played %}
                     <div class="character">
-                        <div class="element" style="background-image: url('../../img/element/{{ avatar.element }}.png')"></div>
+                        <div class="element"
+                             style="background-image: url('../../img/element/{{ avatar.element }}.png')"></div>
                         <div
                                 class="icon"
                                 style="background-image: url('../../background/rarity/half/{{ avatar.rarity }}.png')"
diff --git a/resources/genshin/abyss_team/abyss_team.html b/resources/genshin/abyss_team/abyss_team.jinja2
similarity index 100%
rename from resources/genshin/abyss_team/abyss_team.html
rename to resources/genshin/abyss_team/abyss_team.jinja2
diff --git a/resources/genshin/avatar_list/main.html b/resources/genshin/avatar_list/main.jinja2
similarity index 100%
rename from resources/genshin/avatar_list/main.html
rename to resources/genshin/avatar_list/main.jinja2
diff --git a/resources/genshin/calendar/calendar.html b/resources/genshin/calendar/calendar.jinja2
similarity index 100%
rename from resources/genshin/calendar/calendar.html
rename to resources/genshin/calendar/calendar.jinja2
diff --git a/resources/genshin/daily_material/character.html b/resources/genshin/daily_material/character.jinja2
similarity index 100%
rename from resources/genshin/daily_material/character.html
rename to resources/genshin/daily_material/character.jinja2
diff --git a/resources/genshin/daily_material/weapon.html b/resources/genshin/daily_material/weapon.jinja2
similarity index 100%
rename from resources/genshin/daily_material/weapon.html
rename to resources/genshin/daily_material/weapon.jinja2
diff --git a/resources/genshin/daily_note/daily_note.html b/resources/genshin/daily_note/daily_note.jinja2
similarity index 100%
rename from resources/genshin/daily_note/daily_note.html
rename to resources/genshin/daily_note/daily_note.jinja2
diff --git a/resources/genshin/ledger/ledger.html b/resources/genshin/ledger/ledger.jinja2
similarity index 100%
rename from resources/genshin/ledger/ledger.html
rename to resources/genshin/ledger/ledger.jinja2
diff --git a/resources/genshin/material/roles_material.html b/resources/genshin/material/roles_material.jinja2
similarity index 100%
rename from resources/genshin/material/roles_material.html
rename to resources/genshin/material/roles_material.jinja2
diff --git a/resources/genshin/player_card/artifacts.html b/resources/genshin/player_card/artifacts.jinja2
similarity index 100%
rename from resources/genshin/player_card/artifacts.html
rename to resources/genshin/player_card/artifacts.jinja2
diff --git a/resources/genshin/player_card/constellations.html b/resources/genshin/player_card/constellations.jinja2
similarity index 100%
rename from resources/genshin/player_card/constellations.html
rename to resources/genshin/player_card/constellations.jinja2
diff --git a/resources/genshin/player_card/holder.html b/resources/genshin/player_card/holder.jinja2
similarity index 100%
rename from resources/genshin/player_card/holder.html
rename to resources/genshin/player_card/holder.jinja2
diff --git a/resources/genshin/player_card/holder_example.html b/resources/genshin/player_card/holder_example.jinja2
similarity index 100%
rename from resources/genshin/player_card/holder_example.html
rename to resources/genshin/player_card/holder_example.jinja2
diff --git a/resources/genshin/player_card/player_card.html b/resources/genshin/player_card/player_card.jinja2
similarity index 88%
rename from resources/genshin/player_card/player_card.html
rename to resources/genshin/player_card/player_card.jinja2
index d181d6a7..cdc76ac3 100644
--- a/resources/genshin/player_card/player_card.html
+++ b/resources/genshin/player_card/player_card.jinja2
@@ -46,7 +46,7 @@
       }
       .enka-log:before {
         content: "\e93a";
-        font-family: shicon;
+          font-family: shicon, serif;
         font-size: 1.25em;
       }
     </style>
@@ -63,7 +63,7 @@
           style="background-image: url('{{ character.image.banner.url }}'); background-size: auto 100%;"
         ></div>
         <div class="relative w-full flex p-5 space-x-8">
-          {% include 'genshin/player_card/constellations.html' %}
+          {% include "genshin/player_card/constellations.jinja2" %}
 
           <div class="flex-1 space-y-4">
             <div class="text-right italic">
@@ -83,8 +83,8 @@
               </div>
             </div>
 
-            {% include 'genshin/player_card/skills.html' %} {% include
-            'genshin/player_card/stats.html' %}
+            {% include "genshin/player_card/skills.jinja2" %} {% include
+            "genshin/player_card/stats.jinja2" %}
           </div>
         </div>
       </div>
@@ -93,11 +93,11 @@
       <div class="px-5 relative">
         <div class="grid grid-cols-3 gap-4">
           <div class="flex flex-col space-y-2">
-            {% include 'genshin/player_card/weapon.html' %} {% include
-            'genshin/player_card/score.html' %}
+            {% include "genshin/player_card/weapon.jinja2" %} {% include
+            "genshin/player_card/score.jinja2" %}
           </div>
 
-          {% include 'genshin/player_card/artifacts.html' %}
+          {% include "genshin/player_card/artifacts.jinja2" %}
         </div>
       </div>
 
diff --git a/resources/genshin/player_card/score.html b/resources/genshin/player_card/score.jinja2
similarity index 100%
rename from resources/genshin/player_card/score.html
rename to resources/genshin/player_card/score.jinja2
diff --git a/resources/genshin/player_card/skills.html b/resources/genshin/player_card/skills.jinja2
similarity index 100%
rename from resources/genshin/player_card/skills.html
rename to resources/genshin/player_card/skills.jinja2
diff --git a/resources/genshin/player_card/stats.html b/resources/genshin/player_card/stats.jinja2
similarity index 100%
rename from resources/genshin/player_card/stats.html
rename to resources/genshin/player_card/stats.jinja2
diff --git a/resources/genshin/player_card/weapon.html b/resources/genshin/player_card/weapon.jinja2
similarity index 100%
rename from resources/genshin/player_card/weapon.html
rename to resources/genshin/player_card/weapon.jinja2
diff --git a/resources/genshin/stats/stats.html b/resources/genshin/stats/stats.jinja2
similarity index 100%
rename from resources/genshin/stats/stats.html
rename to resources/genshin/stats/stats.jinja2
diff --git a/resources/genshin/weapon/weapon.html b/resources/genshin/weapon/weapon.jinja2
similarity index 100%
rename from resources/genshin/weapon/weapon.html
rename to resources/genshin/weapon/weapon.jinja2
diff --git a/resources/genshin/gacha/items/Electric.png b/resources/genshin/wish/items/Electric.png
similarity index 100%
rename from resources/genshin/gacha/items/Electric.png
rename to resources/genshin/wish/items/Electric.png
diff --git a/resources/genshin/gacha/items/Fire.png b/resources/genshin/wish/items/Fire.png
similarity index 100%
rename from resources/genshin/gacha/items/Fire.png
rename to resources/genshin/wish/items/Fire.png
diff --git a/resources/genshin/gacha/items/Grass.png b/resources/genshin/wish/items/Grass.png
similarity index 100%
rename from resources/genshin/gacha/items/Grass.png
rename to resources/genshin/wish/items/Grass.png
diff --git a/resources/genshin/gacha/items/Ice.png b/resources/genshin/wish/items/Ice.png
similarity index 100%
rename from resources/genshin/gacha/items/Ice.png
rename to resources/genshin/wish/items/Ice.png
diff --git a/resources/genshin/gacha/items/Rock.png b/resources/genshin/wish/items/Rock.png
similarity index 100%
rename from resources/genshin/gacha/items/Rock.png
rename to resources/genshin/wish/items/Rock.png
diff --git a/resources/genshin/gacha/items/WEAPON_BOW.png b/resources/genshin/wish/items/WEAPON_BOW.png
similarity index 100%
rename from resources/genshin/gacha/items/WEAPON_BOW.png
rename to resources/genshin/wish/items/WEAPON_BOW.png
diff --git a/resources/genshin/gacha/items/WEAPON_CATALYST.png b/resources/genshin/wish/items/WEAPON_CATALYST.png
similarity index 100%
rename from resources/genshin/gacha/items/WEAPON_CATALYST.png
rename to resources/genshin/wish/items/WEAPON_CATALYST.png
diff --git a/resources/genshin/gacha/items/WEAPON_CLAYMORE.png b/resources/genshin/wish/items/WEAPON_CLAYMORE.png
similarity index 100%
rename from resources/genshin/gacha/items/WEAPON_CLAYMORE.png
rename to resources/genshin/wish/items/WEAPON_CLAYMORE.png
diff --git a/resources/genshin/gacha/items/WEAPON_POLE.png b/resources/genshin/wish/items/WEAPON_POLE.png
similarity index 100%
rename from resources/genshin/gacha/items/WEAPON_POLE.png
rename to resources/genshin/wish/items/WEAPON_POLE.png
diff --git a/resources/genshin/gacha/items/WEAPON_SWORD_ONE_HAND.png b/resources/genshin/wish/items/WEAPON_SWORD_ONE_HAND.png
similarity index 100%
rename from resources/genshin/gacha/items/WEAPON_SWORD_ONE_HAND.png
rename to resources/genshin/wish/items/WEAPON_SWORD_ONE_HAND.png
diff --git a/resources/genshin/gacha/items/Water.png b/resources/genshin/wish/items/Water.png
similarity index 100%
rename from resources/genshin/gacha/items/Water.png
rename to resources/genshin/wish/items/Water.png
diff --git a/resources/genshin/gacha/items/Wind.png b/resources/genshin/wish/items/Wind.png
similarity index 100%
rename from resources/genshin/gacha/items/Wind.png
rename to resources/genshin/wish/items/Wind.png
diff --git a/resources/genshin/gacha/items/background.jpg b/resources/genshin/wish/items/background.jpg
similarity index 100%
rename from resources/genshin/gacha/items/background.jpg
rename to resources/genshin/wish/items/background.jpg
diff --git a/resources/genshin/gacha/items/bg.png b/resources/genshin/wish/items/bg.png
similarity index 100%
rename from resources/genshin/gacha/items/bg.png
rename to resources/genshin/wish/items/bg.png
diff --git a/resources/genshin/gacha/items/bg2.png b/resources/genshin/wish/items/bg2.png
similarity index 100%
rename from resources/genshin/gacha/items/bg2.png
rename to resources/genshin/wish/items/bg2.png
diff --git a/resources/genshin/gacha/items/bgWeapon.png b/resources/genshin/wish/items/bgWeapon.png
similarity index 100%
rename from resources/genshin/gacha/items/bgWeapon.png
rename to resources/genshin/wish/items/bgWeapon.png
diff --git a/resources/genshin/gacha/items/s-3.png b/resources/genshin/wish/items/s-3.png
similarity index 100%
rename from resources/genshin/gacha/items/s-3.png
rename to resources/genshin/wish/items/s-3.png
diff --git a/resources/genshin/gacha/items/s-4.png b/resources/genshin/wish/items/s-4.png
similarity index 100%
rename from resources/genshin/gacha/items/s-4.png
rename to resources/genshin/wish/items/s-4.png
diff --git a/resources/genshin/gacha/items/s-5.png b/resources/genshin/wish/items/s-5.png
similarity index 100%
rename from resources/genshin/gacha/items/s-5.png
rename to resources/genshin/wish/items/s-5.png
diff --git a/resources/genshin/gacha/items/shadow-3.png b/resources/genshin/wish/items/shadow-3.png
similarity index 100%
rename from resources/genshin/gacha/items/shadow-3.png
rename to resources/genshin/wish/items/shadow-3.png
diff --git a/resources/genshin/gacha/items/shadow-4.png b/resources/genshin/wish/items/shadow-4.png
similarity index 100%
rename from resources/genshin/gacha/items/shadow-4.png
rename to resources/genshin/wish/items/shadow-4.png
diff --git a/resources/genshin/gacha/items/shadow-5-1.png b/resources/genshin/wish/items/shadow-5-1.png
similarity index 100%
rename from resources/genshin/gacha/items/shadow-5-1.png
rename to resources/genshin/wish/items/shadow-5-1.png
diff --git a/resources/genshin/gacha/items/shadow-5-2.png b/resources/genshin/wish/items/shadow-5-2.png
similarity index 100%
rename from resources/genshin/gacha/items/shadow-5-2.png
rename to resources/genshin/wish/items/shadow-5-2.png
diff --git a/resources/genshin/gacha/items/shadow-5-3.png b/resources/genshin/wish/items/shadow-5-3.png
similarity index 100%
rename from resources/genshin/gacha/items/shadow-5-3.png
rename to resources/genshin/wish/items/shadow-5-3.png
diff --git a/resources/genshin/gacha/items/shadow-5-4.png b/resources/genshin/wish/items/shadow-5-4.png
similarity index 100%
rename from resources/genshin/gacha/items/shadow-5-4.png
rename to resources/genshin/wish/items/shadow-5-4.png
diff --git a/resources/genshin/gacha/items/shadow-5-5.png b/resources/genshin/wish/items/shadow-5-5.png
similarity index 100%
rename from resources/genshin/gacha/items/shadow-5-5.png
rename to resources/genshin/wish/items/shadow-5-5.png
diff --git a/resources/genshin/gacha/items/shadow-5-6.png b/resources/genshin/wish/items/shadow-5-6.png
similarity index 100%
rename from resources/genshin/gacha/items/shadow-5-6.png
rename to resources/genshin/wish/items/shadow-5-6.png
diff --git a/resources/genshin/gacha/items/shadow-5-7.png b/resources/genshin/wish/items/shadow-5-7.png
similarity index 100%
rename from resources/genshin/gacha/items/shadow-5-7.png
rename to resources/genshin/wish/items/shadow-5-7.png
diff --git a/resources/genshin/gacha/items/shadow-5.png b/resources/genshin/wish/items/shadow-5.png
similarity index 100%
rename from resources/genshin/gacha/items/shadow-5.png
rename to resources/genshin/wish/items/shadow-5.png
diff --git a/resources/genshin/gacha/items/星尘紫.png b/resources/genshin/wish/items/星尘紫.png
similarity index 100%
rename from resources/genshin/gacha/items/星尘紫.png
rename to resources/genshin/wish/items/星尘紫.png
diff --git a/resources/genshin/gacha/items/星尘金.png b/resources/genshin/wish/items/星尘金.png
similarity index 100%
rename from resources/genshin/gacha/items/星尘金.png
rename to resources/genshin/wish/items/星尘金.png
diff --git a/resources/genshin/gacha/items/星辉10.png b/resources/genshin/wish/items/星辉10.png
similarity index 100%
rename from resources/genshin/gacha/items/星辉10.png
rename to resources/genshin/wish/items/星辉10.png
diff --git a/resources/genshin/gacha/items/星辉2.png b/resources/genshin/wish/items/星辉2.png
similarity index 100%
rename from resources/genshin/gacha/items/星辉2.png
rename to resources/genshin/wish/items/星辉2.png
diff --git a/resources/genshin/gacha/gacha.css b/resources/genshin/wish/wish.css
similarity index 97%
rename from resources/genshin/gacha/gacha.css
rename to resources/genshin/wish/wish.css
index e9fc98ac..a21d62fa 100644
--- a/resources/genshin/gacha/gacha.css
+++ b/resources/genshin/wish/wish.css
@@ -116,7 +116,7 @@ body {
     left: 3px;
     width: 106px;
     height: 448px;
-    clip-path: url(#wishframe);
+    clip-path: url(#wish-frame);
     z-index: 100;
 }
 
@@ -134,7 +134,7 @@ body {
     width: 106px;
     height: 448px;
     z-index: 101;
-    clip-path: url(#wishframe);
+    clip-path: url(#wish-frame);
 }
 
 .item-weapon-img {
diff --git a/resources/genshin/gacha/gacha.html b/resources/genshin/wish/wish.jinja2
similarity index 93%
rename from resources/genshin/gacha/gacha.html
rename to resources/genshin/wish/wish.jinja2
index 643484dd..2eabf344 100644
--- a/resources/genshin/gacha/gacha.html
+++ b/resources/genshin/wish/wish.jinja2
@@ -3,7 +3,7 @@
 <head>
     <meta http-equiv="content-type" content="text/html;charset=utf-8"/>
     <link rel="preload" href="./items/background.jpg" as="image">
-    <link type="text/css" href="./gacha.css" rel="stylesheet">
+    <link type="text/css" href="wish.css" rel="stylesheet">
     <link type="text/css" href="../../styles/public.css" rel="stylesheet">
 </head>
 <body>
@@ -53,10 +53,9 @@
 </div>
 </body>
 <svg viewBox="0 0 302.22 1333.94" height="0" width="0">
-    <clipPath id="wishframe" transform="scale(0.003308 0.00074965)" clipPathUnits="objectBoundingBox">
+    <clipPath id="wish-frame" transform="scale(0.003308 0.00074965)" clipPathUnits="objectBoundingBox">
         <path
-                d="M0.01 168.12l0 -9.64c4.32,-21.34 12,-32.33 25.46,-25.58 -2.35,-10.3 -1.53,-26.06 5.79,-25.96 19.18,0.25 29.95,-3.14 40.24,-13.16 -4.5,-66.43 51.39,-54.26 79.61,-93.78l0 0c28.22,39.52 84.1,27.34 79.61,93.78 10.29,10.02 21.06,13.41 40.24,13.16 7.32,-0.1 8.13,15.66 5.79,25.96 13.46,-6.75 21.14,4.24 25.46,25.58l0 9.64 0.01 0 0 1004.21 -0.01 0 0 3.13c-4.32,21.34 -12,32.33 -25.46,25.58 2.35,10.3 1.53,26.06 -5.79,25.96 -19.18,-0.25 -29.95,3.14 -40.24,13.16 4.5,66.43 -51.39,54.26 -79.61,93.78l0 0c-28.22,-39.52 -84.1,-27.34 -79.61,-93.78 -10.29,-10.02 -21.06,-13.41 -40.24,-13.16 -7.32,0.1 -8.13,-15.66 -5.79,-25.96 -13.46,6.75 -21.14,-4.24 -25.46,-25.58l0 -3.13 -0.01 0 0 -1004.21 0.01 0z"
-        />
+                d="M0.01 168.12l0 -9.64c4.32,-21.34 12,-32.33 25.46,-25.58 -2.35,-10.3 -1.53,-26.06 5.79,-25.96 19.18,0.25 29.95,-3.14 40.24,-13.16 -4.5,-66.43 51.39,-54.26 79.61,-93.78l0 0c28.22,39.52 84.1,27.34 79.61,93.78 10.29,10.02 21.06,13.41 40.24,13.16 7.32,-0.1 8.13,15.66 5.79,25.96 13.46,-6.75 21.14,4.24 25.46,25.58l0 9.64 0.01 0 0 1004.21 -0.01 0 0 3.13c-4.32,21.34 -12,32.33 -25.46,25.58 2.35,10.3 1.53,26.06 -5.79,25.96 -19.18,-0.25 -29.95,3.14 -40.24,13.16 4.5,66.43 -51.39,54.26 -79.61,93.78l0 0c-28.22,-39.52 -84.1,-27.34 -79.61,-93.78 -10.29,-10.02 -21.06,-13.41 -40.24,-13.16 -7.32,0.1 -8.13,-15.66 -5.79,-25.96 -13.46,6.75 -21.14,-4.24 -25.46,-25.58l0 -3.13 -0.01 0 0 -1004.21 0.01 0z"></path>
     </clipPath>
 </svg>
 </html>
\ No newline at end of file