diff --git a/src/views/homePage.vue b/src/views/homePage.vue
index d433bbe..eafb228 100644
--- a/src/views/homePage.vue
+++ b/src/views/homePage.vue
@@ -1706,9 +1706,13 @@ onUnmounted(() => {
       :width="isMobile ? '60%' : '30%'"
       :show-close="false"
       class="changeSuccessDialog"
-      :align-center="isMobile"
+      align-center
+      center
     >
-      <div class="changeSuccessDialogTitle">兑换成功</div>
+      <div class="changeSuccessDialogTitle">
+        <img v-if="!isMobile" src="https://d31zlh4on95l9h.cloudfront.net/images/84edd341b2ddec464fc4475254f7a309.png" style="scale: 0.7;" alt="token图标">
+        兑换成功
+      </div>
       <div class="changeSuccessDialogContent">
         尊敬的用户，恭喜您成功兑换：{{ activeLevel.calculatedPosition }} Token
       </div>
@@ -2043,6 +2047,7 @@ body {
   position: absolute;
   right: 20px;
   display: flex;
+  gap: 10px;
 }
 
 .pc-countBtn {
@@ -2567,7 +2572,17 @@ body {
 .changeSuccessDialogTitle {
   font-size: 1.7rem;
   font-weight: bold;
-  color: #de93a3;
+  color: #7849DE;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  letter-spacing: 10px;
+}
+
+.changeSuccessDialogTitle image{
+  font-size: 1.7rem;
+  font-weight: bold;
+  color: #7849DE;
   display: flex;
   justify-content: center;
   align-items: center;
@@ -2576,6 +2591,7 @@ body {
 
 .changeSuccessDialogContent {
   padding: 20px;
+  color: white;
   font-size: 1.2rem;
   font-weight: bold;
   text-align: center;
@@ -2860,6 +2876,6 @@ body {
 
 <style>
 .changeSuccessDialog {
-  background: linear-gradient(180deg, #a2dffe, #b59be1);
+  background: linear-gradient(180deg, #80D3F8, #8080FF);
 }
 </style>