diff --git a/src/router/index.js b/src/router/index.js
index 4e15b26..92b87ac 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -212,7 +212,7 @@ const router = createRouter({
     {
       path: '/weekly-star',
       name: 'weekly-star',
-      component: () => import('../views/WeeklyStar/WeeklyStar.vue'),
+      component: () => import('../views/Activities/WeeklyStar/WeeklyStar.vue'),
       meta: { requiresAuth: true },
     },
     {
diff --git a/src/views/WeeklyStar/WeeklyStar.vue b/src/views/Activities/WeeklyStar/WeeklyStar.vue
similarity index 98%
rename from src/views/WeeklyStar/WeeklyStar.vue
rename to src/views/Activities/WeeklyStar/WeeklyStar.vue
index 7551236..0924385 100644
--- a/src/views/WeeklyStar/WeeklyStar.vue
+++ b/src/views/Activities/WeeklyStar/WeeklyStar.vue
@@ -151,16 +151,13 @@
             <div
               style="
                 position: absolute;
-                top: 0;
-                bottom: 0;
-                left: 0;
-                right: 0;
+                inset: 0;
                 display: flex;
                 align-items: center;
                 padding: 0 3%;
               "
             >
-              <div style="width: 100%; display: flex; align-items: center">
+              <div style="flex: 1; min-width: 0; display: flex; align-items: center">
                 <div style="color: #edb247; font-weight: 700; width: 10%" class="UserNickname">
                   {{ listItem.rank }}
                 </div>
@@ -177,13 +174,7 @@
                   @error="defaultAvatarUrl"
                 />
 
-                <div
-                  style="
-                    width: calc(100% - 10% - 28% - 16px);
-                    display: flex;
-                    flex-direction: column;
-                  "
-                >
+                <div style="width: calc(100% - 10% - 24%); display: flex; flex-direction: column">
                   <div
                     style="
                       color: #fff;
@@ -203,7 +194,7 @@
                 </div>
               </div>
 
-              <div style="display: flex; width: 30%; display: flex; align-items: center">
+              <div style="display: flex; width: 20%; display: flex; align-items: center">
                 <img src="/src/assets/icon/coin.png" alt="" style="width: 30%" />
                 <div style="color: #edb247; font-weight: 700" class="UserNickname">
                   {{ listItem.quantity }}
@@ -770,7 +761,7 @@ import {
 import { computed, onMounted, onUnmounted, ref } from 'vue'
 import itemCenter from '@/components/WeeklyStar/itemCenter.vue'
 import TopUser from '@/components/WeeklyStar/topUser.vue'
-import maskLayer from '../../components/MaskLayer.vue'
+import maskLayer from '@/components/MaskLayer.vue'
 import { useDebounce, useThrottle } from '@/utils/useDebounce'
 import { getMemberProfile } from '@/api/wallet'
 import { showError, showWarning, showInfo, showSuccess } from '@/utils/toast.js'