From 83de5beff8b743b84da0e891e7e4f099031dc6c5 Mon Sep 17 00:00:00 2001
From: BTMuli <bt-muli@outlook.com>
Date: Sat, 17 Jan 2026 22:40:06 +0800
Subject: [PATCH] =?UTF-8?q?=F0=9F=92=84=20=E7=BB=9F=E4=B8=80=E9=A1=B6?=
 =?UTF-8?q?=E9=83=A8=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/User/Abyss.vue     |  1 -
 src/pages/User/Challenge.vue | 26 +++++++++++++++-----------
 2 files changed, 15 insertions(+), 12 deletions(-)

diff --git a/src/pages/User/Abyss.vue b/src/pages/User/Abyss.vue
index 4429d570..df4dfdc2 100644
--- a/src/pages/User/Abyss.vue
+++ b/src/pages/User/Abyss.vue
@@ -489,7 +489,6 @@ async function refreshAvatars(
 .ua-btn {
   background: var(--tgc-btn-1);
   color: var(--btn-text);
-  font-family: var(--font-title);
 
   img {
     width: 24px;
diff --git a/src/pages/User/Challenge.vue b/src/pages/User/Challenge.vue
index 33020f26..167c6a44 100644
--- a/src/pages/User/Challenge.vue
+++ b/src/pages/User/Challenge.vue
@@ -3,8 +3,10 @@
   <v-app-bar>
     <template #prepend>
       <div class="ucp-top-prepend">
-        <img alt="icon" src="/source/UI/userChallenge.webp" />
-        <span>幽境危战</span>
+        <div class="ucp-top-title">
+          <img alt="icon" src="/source/UI/userChallenge.webp" />
+          <span>幽境危战</span>
+        </div>
         <v-select
           v-model="uidCur"
           :hide-details="true"
@@ -417,20 +419,22 @@ async function tryReadChallenge(): Promise<void> {
   justify-content: center;
   margin-left: 12px;
   column-gap: 8px;
+}
+
+.ucp-top-title {
+  position: relative;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  color: var(--common-text-title);
+  column-gap: 8px;
+  font-family: var(--font-title);
+  font-size: 20px;
 
   img {
     width: 32px;
     height: 32px;
   }
-
-  span {
-    font-family: var(--font-title);
-    font-size: 20px;
-  }
-
-  span :first-child {
-    color: var(--common-text-title);
-  }
 }
 
 .ucp-btn {