diff --git a/public/platforms/other/hutao.webp b/public/platforms/other/hutao.webp
new file mode 100644
index 00000000..cf6b2b3e
Binary files /dev/null and b/public/platforms/other/hutao.webp differ
diff --git a/public/platforms/other/hutao2.webp b/public/platforms/other/hutao2.webp
new file mode 100644
index 00000000..52d50e49
Binary files /dev/null and b/public/platforms/other/hutao2.webp differ
diff --git a/src/components/app/t-sidebar.vue b/src/components/app/t-sidebar.vue
index 6e0f4104..2674464a 100644
--- a/src/components/app/t-sidebar.vue
+++ b/src/components/app/t-sidebar.vue
@@ -116,9 +116,9 @@
           </v-list-item>
         </template>
         <v-list :nav="true" class="side-list-menu sub" density="compact">
-          <v-list-item :link="true" class="side-item-menu" href="/wiki/abyss" title="深渊数据库">
+          <v-list-item :link="true" class="side-item-menu" href="/wiki/abyss" title="深渊统计">
             <template #prepend>
-              <img alt="abyssIcon" class="side-icon-menu" src="/source/UI/wikiAbyss.webp" />
+              <img alt="abyssIcon" class="side-icon-menu" src="/platforms/other/hutao.webp" />
             </template>
           </v-list-item>
           <v-list-item :link="true" class="side-item-menu" href="/wiki/character" title="角色图鉴">
diff --git a/src/pages/User/Abyss.vue b/src/pages/User/Abyss.vue
index 64a943e6..1dbddab7 100644
--- a/src/pages/User/Abyss.vue
+++ b/src/pages/User/Abyss.vue
@@ -3,8 +3,10 @@
   <v-app-bar>
     <template #prepend>
       <div class="uat-left">
-        <img alt="icon" src="/source/UI/userAbyss.webp" />
-        <span>深境螺旋</span>
+        <div class="uat-title">
+          <img alt="icon" src="/source/UI/userAbyss.webp" />
+          <span>深境螺旋</span>
+        </div>
         <v-select
           v-model="uidCur"
           :hide-details="true"
@@ -52,8 +54,8 @@
     </template>
     <template #extension>
       <div class="uat-extension">
-        <v-btn :rounded="true" variant="elevated" class="ua-btn" @click="toWiki()">
-          <img alt="wiki" src="/source/UI/wikiAbyss.webp" />
+        <v-btn :rounded="true" class="ua-btn" variant="elevated" @click="toWiki()">
+          <img alt="wiki" src="/platforms/other/hutao.webp" />
           <span>统计数据</span>
         </v-btn>
         <div class="uat-extension-right">
@@ -413,11 +415,20 @@ async function uploadAbyss(): Promise<void> {
 </script>
 <style lang="css" scoped>
 .uat-left {
+  position: relative;
   display: flex;
   align-items: center;
   justify-content: center;
   margin-left: 12px;
   gap: 8px;
+}
+
+.uat-title {
+  position: relative;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  column-gap: 4px;
 
   img {
     width: 32px;
@@ -425,13 +436,10 @@ async function uploadAbyss(): Promise<void> {
   }
 
   span {
+    color: var(--common-text-title);
     font-family: var(--font-title);
     font-size: 20px;
   }
-
-  span :first-child {
-    color: var(--common-text-title);
-  }
 }
 
 .uat-acts {
@@ -446,7 +454,7 @@ async function uploadAbyss(): Promise<void> {
 .ua-btn {
   background: var(--tgc-btn-1);
   color: var(--btn-text);
-  font-family: var(--font-text);
+  font-family: var(--font-title);
 
   img {
     width: 24px;
diff --git a/src/pages/User/Combat.vue b/src/pages/User/Combat.vue
index 9162d40c..304807ae 100644
--- a/src/pages/User/Combat.vue
+++ b/src/pages/User/Combat.vue
@@ -3,8 +3,10 @@
   <v-app-bar>
     <template #prepend>
       <div class="uct-left">
-        <img alt="icon" src="/source/UI/userCombat.webp" />
-        <span>幻想真境剧诗</span>
+        <div class="uct-title">
+          <img alt="icon" src="/source/UI/userCombat.webp" />
+          <span>幻想真境剧诗</span>
+        </div>
         <v-select
           v-model="uidCur"
           :hide-details="true"
@@ -58,7 +60,7 @@
     <template #extension>
       <div class="uct-extension">
         <v-btn class="uc-btn" variant="elevated" @click="loadWiki()">
-          <img alt="abyss" src="/source/UI/wikiAbyss.webp" />
+          <img alt="abyss" src="/platforms/other/hutao.webp" />
           <span>统计数据</span>
         </v-btn>
         <div class="uct-extension-right">
@@ -407,6 +409,14 @@ async function tryReadCombat(): Promise<void> {
   justify-content: center;
   margin-left: 12px;
   gap: 8px;
+}
+
+.uct-title {
+  position: relative;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  column-gap: 4px;
 
   img {
     width: 32px;
@@ -414,13 +424,10 @@ async function tryReadCombat(): Promise<void> {
   }
 
   span {
+    color: var(--common-text-title);
     font-family: var(--font-title);
     font-size: 20px;
   }
-
-  span :first-child {
-    color: var(--common-text-title);
-  }
 }
 
 .uct-extension {
diff --git a/src/pages/WIKI/Abyss.vue b/src/pages/WIKI/Abyss.vue
index 40b3c61e..e8d5d85c 100644
--- a/src/pages/WIKI/Abyss.vue
+++ b/src/pages/WIKI/Abyss.vue
@@ -4,7 +4,7 @@
     <template #prepend>
       <div class="hta-top-prepend">
         <div class="hta-top-title">
-          <img alt="icon" src="/source/UI/wikiAbyss.webp" />
+          <img alt="icon" src="/platforms/other/hutao.webp" />
           <span>深渊统计</span>
         </div>
         <v-select