diff --git a/src/assets/home/blind box img.png b/src/assets/home/blind box img.png
index 58f9a63..a97fa3f 100644
Binary files a/src/assets/home/blind box img.png and b/src/assets/home/blind box img.png differ
diff --git a/src/components/loading.vue b/src/components/loading.vue
index dbf062c..3abba09 100644
--- a/src/components/loading.vue
+++ b/src/components/loading.vue
@@ -29,7 +29,6 @@ export default {
   // .RecentlyLoading {
   // ::v-deep
   .RecentlyLoading .el-dialog {
-    width: 480px;
     // height: 60px;
     background: url("@/assets/common/bg button.png") no-repeat;
     background-size: 100% 100%;
diff --git a/src/view/mintIndex.vue b/src/view/mintIndex.vue
index af97da0..3865ab1 100644
--- a/src/view/mintIndex.vue
+++ b/src/view/mintIndex.vue
@@ -13,7 +13,7 @@
                 href="https://x.com/playCounterFire/status/1757766694498599230?s=20"
                 target="_blank"
               >
-                <img src="./../assets/home/playBtn.png" alt /> &nbsp; WATCH GAME PLAY
+                <img src="./../assets/home/playBtn.png" alt /> &nbsp; Watch Gameplay
               </a>
             </div>
             <div class="link-item">
@@ -79,8 +79,8 @@
             <div class="box-img">
               <img src="./../assets/home/blind box img.png" alt="">
             </div>
-            <p>My Genesis Box</p>
-            <p>quantity: {{ nftList.length }}</p>
+            <!-- <p>My Genesis Box</p> -->
+            <p>Quantity: {{ nftList.length }}</p>
             <div class="box-btn" @click="nftDialogVisible = true">
               My Genesis Box
             </div>
@@ -158,14 +158,14 @@
                     <div>Supply</div>
                   </div>
                   <div class="claim-price">
-                    <h1>MINT Price: {{mintPrice}}</h1>
+                    <h1>Mint Price: {{mintPrice}}</h1>
                     <div>
                       <img src="./../assets/home/ETHicon.png" alt />
                     </div>
                   </div>
                 </div>
                 <div class="claim-tips">
-                  <h1>DETAILS</h1>
+                  <h1>Details</h1>
                   <div @click="tipsDialogVisible = true">
                     <img src="./../assets/home/Icon_!.png" alt />
                   </div>
@@ -173,7 +173,7 @@
               </div>
               <div class="join-list-btm">
                 <div class="claim-price">
-                  <h1>MINT Price: {{mintPrice}}</h1>
+                  <h1>Mint Price: {{mintPrice}}</h1>
                   <div>
                     <img src="./../assets/home/ETHicon.png" alt />
                   </div>
@@ -183,7 +183,7 @@
             <div class="join-btm">
               <div class="join-btm-left">
                 <div class="quantity">
-                  <p>Mint quantity:</p>
+                  <p>Mint Quantity:</p>
                   <div>
                     <span @click="decrease">
                       <span v-if="isOpenClaim == 2 && mintTotal != 1">-</span>
@@ -220,7 +220,7 @@
                   </div>
                 </div>
                 <div class="claim-tips">
-                  <h1>DETAILS</h1>
+                  <h1>Details</h1>
                   <div @click="tipsDialogVisible = true">
                     <img src="./../assets/home/Icon_!.png" alt />
                   </div>
@@ -228,7 +228,7 @@
               </div>
               <div class="join-list-btm">
                 <div class="claim-price">
-                  <h1>MINT Price: {{mintPrice}}</h1>
+                  <h1>Mint Price: {{mintPrice}}</h1>
                   <div>
                     <img src="./../assets/home/ETHicon.png" alt />
                   </div>
@@ -238,7 +238,7 @@
             <div class="join-btm">
               <div class="join-btm-left">
                 <div class="quantity">
-                  <p>Mint quantity:</p>
+                  <p>Mint Quantity:</p>
                   <div>
                     <span @click="decrease">
                       <span v-if="isOpenClaim == 2 && mintTotal != 1">-</span>
@@ -301,7 +301,7 @@
                   <div></div>
                 </div>
                 <div class="claim-tips">
-                  <h1>DETAILS</h1>
+                  <h1>Details</h1>
                   <div @click="tipsDialogVisible = true">
                     <img src="./../assets/home/Icon_!.png" alt />
                   </div>
@@ -349,7 +349,7 @@
                   <div></div>
                 </div>
                 <div class="claim-tips">
-                  <h1>DETAILS</h1>
+                  <h1>Details</h1>
                   <div @click="tipsDialogVisible = true">
                     <img src="./../assets/home/Icon_!.png" alt />
                   </div>
@@ -408,7 +408,7 @@
                   </div>
                 </div>
                 <div class="claim-tips">
-                  <h1>DETAILS</h1>
+                  <h1>Details</h1>
                   <div @click="tipsDialogVisible = true">
                     <img src="./../assets/home/Icon_!.png" alt />
                   </div>
@@ -416,7 +416,7 @@
               </div>
               <div class="join-list-btm">
                 <div class="claim-price">
-                  <h1>MINT Price: {{mintPrice}}</h1>
+                  <h1>Mint Price: {{mintPrice}}</h1>
                   <div>
                     <img src="./../assets/home/ETHicon.png" alt />
                   </div>
@@ -426,7 +426,7 @@
             <div class="join-btm">
               <div class="join-btm-left">
                 <div class="quantity">
-                  <p>Mint quantity:</p>
+                  <p>Mint Quantity:</p>
                   <div>
                     <span @click="decrease">
                       <span v-if="isOpenClaim == 2 && mintTotal != 1">-</span>
@@ -586,10 +586,8 @@
         </div>
       </div>
       <div class="content">
-        <div v-if="nftList == undefined || nftList.length <= 0">
-          <div class="empty">
-            <img src="./../assets/home/Empty state.png" alt="">
-          </div>
+        <div class="no-nft" v-if="nftList == undefined || nftList.length <= 0">
+          <div class="no-text">No data available</div>
         </div>
         <div class="content-scroll" v-else>
           <li v-for="(item, index) in nftList" :key="index">
@@ -647,7 +645,7 @@
           </div>
           <div class="title" :style="`${titleColor}`">MINT SUCCESSFUL</div>
           <div class="name">
-            <div>Blind Box <span>X{{ thisMintTotal }}</span></div>
+            <div>Genesis Box <span>X{{ thisMintTotal }}</span></div>
           </div>
           <div class="mint-bottom">
             <div>
@@ -692,7 +690,7 @@
         </div>
       </div>
     </el-dialog>
-    <Loading :Loading="openLoading" />
+    <Loading class="loading-dialog" :Loading="openLoading" />
     <ErrDialog :errDialogVisible="errDialogVisible" :dialogText="dialogText" @errHandleClose="errHandleClose" />
   </div>
 </template>
@@ -870,7 +868,7 @@ const getLinkWallet = async value => {
 };
 
 // Mint状态
-const activityState = ref(2);
+const activityState = ref(3);
 let days1 = ref(0);
 let hours1 = ref(0);
 let minutes1 = ref(0);
@@ -1170,6 +1168,15 @@ const stopTimeChange = (e) => {
   stopTimes.value = true
 }
 
+// 发送推文
+const toTwitter = () => {
+  const url = 'https://twitter.com/intent/tweet?text=';
+      const hashtags = encodeURIComponent("I have just minted my Genesis Box for @playCounterFire!Eagerly starting the play2earn season, excited for my hero's debut in this thrilling quest!");
+      const imageUrl = encodeURIComponent(`https://opensea.io/assets/ethereum/0xec23679653337d4c6390d0eeba682246a6067777/${this.NFTID}`);
+      const params = `${hashtags}&url=${imageUrl}`;
+      window.open(`${url}${params}`, '_blank');
+}
+
 const mintInit = async () => {
   await getIsWhite();
   await getNftAmount();
@@ -1321,7 +1328,7 @@ onMounted(() => {
               justify-content: space-evenly;
               // padding: 10px 0;
               // margin-top: 10px;
-              background: #1A1821;
+              background: rgba(26,24,33, .8);
               border-radius: 29px;
               span {
                 display: inline-block;
@@ -1336,7 +1343,7 @@ onMounted(() => {
                   /* 定位 */
                   position: absolute;
                   top: 50%;
-                  left: -50%;
+                  left: -65%;
                   transform: translateY(-50%);
                 }
                 &:nth-child(1) {
@@ -1352,24 +1359,25 @@ onMounted(() => {
             }
           }
           .home-content-left-time-btm-tow {
-            margin-top: 50px;
+            margin-top: 40px;
           }
         }
         .home-content-left-amount {
           width: 219px;
           height: 195px;
           margin-right: 70px;
-          padding: 20px;
+          // padding: 20px;
+          // box-sizing: border-box;
           border-radius: 20px;
-          // background: rgba(0, 0, 0, 0.5);
-          background: url('./../assets/home/invite_box.png') no-repeat;
-          background-size: 100% 100%;
+          background: rgba(45,39,56, .6);
+          border-radius: 36px;
           color: #fff;
           .box-img {
             width: 82px;
             height: 82px;
             margin: 0 auto;
-            margin-bottom: 8px;
+            margin-bottom: 10px;
+            margin-top: 22px;
             border-radius: 10px;
             overflow: hidden;
             img {
@@ -1379,6 +1387,8 @@ onMounted(() => {
           }
           p {
             width: 140px;
+            height: 15px;
+            line-height: 15px;
             margin: 0 auto;
             font-family: 'Poppins';
             font-weight: 500;
@@ -1390,7 +1400,7 @@ onMounted(() => {
             height: 36px;
             line-height: 36px;
             margin: 0 auto;
-            margin-top: 8px;
+            margin-top: 7px;
             font-size: 16px;
             color: #000;
             background: #fec25d;
@@ -1403,12 +1413,12 @@ onMounted(() => {
         width: 392px;
         height: 183px;
         border-radius: 36px;
-        background: rgba(26,24,33,.4);
+        background: rgba(26,24,33, .6);
         padding: 20px 8px;
         box-sizing: border-box;
         position: absolute;
         left: 60px;
-        bottom: 56px;
+        bottom: 105px;
         .base-title {
           display: flex;
           align-items: center;
@@ -1646,21 +1656,20 @@ onMounted(() => {
       .mint-table {
         display: flex;
         margin: 35px 0 10px 95px;
-        // height: 30px;
         div {
-          // width: 160px;
           padding: 0 10px;
+          padding-bottom: 5px;
           margin-right: 10px;
           font-size: 15px;
           font-family: 'Poppins';
           font-weight: 600;
           text-align: center;
-          border-bottom: 3px solid #fff;
+          border-bottom: 2px solid #fff;
           cursor: pointer;
         }
         .activity {
           color: #994FFD;
-          border-bottom: 3px solid #994FFD;
+          border-bottom: 2px solid #994FFD;
           position: relative;
           &::after {
             display: block;
@@ -2068,7 +2077,7 @@ onMounted(() => {
           .tow-time-event {
             margin: 0 auto;
             margin-top: 10px;
-            width: 180px;
+            width: 289px;
             display: flex;
             align-items: center;
             justify-content: space-evenly;
@@ -2083,9 +2092,9 @@ onMounted(() => {
                 content: ":";
                 /* 定位 */
                 position: absolute;
-                top: 50%;
-                left: -12%;
-                transform: translateY(-50%);
+                top: 47%;
+                left: -25%;
+                transform: translate(-50%, -50%);
               }
               &:nth-child(1) {
                 &::after {
@@ -2098,7 +2107,7 @@ onMounted(() => {
         }
         .FCFS-no {
           background: #2d2738;
-          height: 290px;
+          height: 275px;
           border-radius: 0 0 80px 80px;
           .tow-title {
             // margin-top: 60px;
@@ -2299,6 +2308,27 @@ onMounted(() => {
           color: #fff;
           box-sizing: border-box;
           overflow-y: scroll;
+          .no-nft {
+            width: 401px;
+            height: 322px;
+            margin: 0 auto;
+            position: relative;
+            background: url('./../assets/home/Empty state.png') no-repeat;
+            background-size: 100% 100%;
+            .no-text {
+              position: absolute;
+              left: 55%;
+              bottom: 10px;
+              transform: translateX(-50%);
+              width: 280px;
+              height: 37px;
+              line-height: 37px;
+              font-family: 'Anton';
+              font-weight: 400;
+              font-size: 40px;
+              color: #8587B2;
+            }
+          }
           .content-scroll {
             text-align: left;
             display: flex;
@@ -2432,18 +2462,7 @@ onMounted(() => {
                 margin-right: 0;
               }
             }
-            div {
-              width: 100%;
-              .empty {
-                width: 401px;
-                height: 322px;
-                margin: 0 auto;
-                img {
-                  width: 100%;
-                  height: 100%;
-                }
-              }
-            }
+            
           }
           &::-webkit-scrollbar {
             width: 5px;
@@ -2743,7 +2762,7 @@ onMounted(() => {
               }
             }
             .lmmutascan {
-              width: 120px;
+              width: 105px;
               height: 20px;
               a {
                 display: flex;
@@ -2838,6 +2857,9 @@ onMounted(() => {
         }
       }
     }
+    .loading-dialog {
+      width: 430px;
+    }
   }
 }
 </style>