diff --git a/src/router/index.js b/src/router/index.js
index f050c6c..f77223e 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -19,7 +19,7 @@ const router = createRouter({
     {
       path: '/host-center',
       name: 'host-center',
-      component: () => import('../views/HostCenter/HostCenter.vue'),
+      component: () => import('../views/HostCenter/index.vue'),
       meta: { requiresAuth: true },
     },
     {
diff --git a/src/views/AgencyCenter/index.vue b/src/views/AgencyCenter/index.vue
index c71156c..41b1f4f 100644
--- a/src/views/AgencyCenter/index.vue
+++ b/src/views/AgencyCenter/index.vue
@@ -125,8 +125,8 @@
         </div>
       </div>
 
+      <!-- 标签选项 -->
       <div style="display: flex; justify-content: space-between; align-items: center">
-        <!-- 标签选项 -->
         <div style="display: flex; margin: 5px 0; padding: 5px 0; position: relative">
           <div
             style="padding: 0 5px"
@@ -427,6 +427,7 @@ const fetchMemberWorkData = async () => {
         const billBelong = latestTarget.billBelong.toString()
         const year = billBelong.substring(0, 4)
         const month = billBelong.substring(4, 6)
+        const day = billBelong.substring(6, 8)
 
         // 格式化状态
         const formatStatus = (status) => {
@@ -445,7 +446,7 @@ const fetchMemberWorkData = async () => {
 
         // 更新数据
         Object.assign(progressInfo, {
-          date: `${month}.${year}`,
+          date: `${year}.${month}.${day}`,
           status: formatStatus(latestTarget.status),
           target: level,
           salary: latestTarget.target?.settlementResult?.memberSalary?.toFixed(2) || '–',
@@ -669,21 +670,6 @@ onMounted(() => {
   z-index: 2;
 }
 
-/* 用户信息卡片 */
-.user-card {
-  background-color: white;
-  padding: 16px;
-  border-radius: 12px;
-  margin-bottom: 12px;
-  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
-}
-
-.user-info {
-  display: flex;
-  align-items: center;
-  margin-bottom: 12px;
-}
-
 .avatar {
   width: 50px;
   height: 50px;
@@ -700,149 +686,6 @@ onMounted(() => {
   border-radius: 25px;
 }
 
-.avatar .avatar-placeholder {
-  color: white;
-  font-size: 20px;
-  font-weight: 600;
-}
-
-.notification-btn {
-  width: 32px;
-  height: 32px;
-  border: none;
-  background: none;
-  font-size: 16px;
-  cursor: pointer;
-}
-
-.account-tags {
-  display: flex;
-  gap: 8px;
-}
-
-.tag {
-  padding: 4px 12px;
-  border-radius: 16px;
-  font-size: 12px;
-  font-weight: 600;
-}
-
-.agency-tag {
-  background-color: #dbeafe;
-  color: #1e40af;
-}
-
-/* Host Agency 标签页 */
-.host-agency-tabs {
-  display: flex;
-  background-color: white;
-  border-radius: 12px;
-  margin-bottom: 12px;
-  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
-  overflow: hidden;
-}
-
-/* My salary 区域 */
-.salary-section {
-  background-color: white;
-  padding: 16px;
-  border-radius: 12px;
-  margin-bottom: 12px;
-  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
-}
-
-.salary-header {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  margin-bottom: 16px;
-}
-
-.salary-header h3 {
-  margin: 0;
-  font-size: 16px;
-  font-weight: 600;
-  color: #333;
-}
-
-.personal-salary-btn {
-  background: none;
-  border: none;
-  color: #8b5cf6;
-  font-size: 14px;
-  font-weight: 500;
-  cursor: pointer;
-  display: flex;
-  align-items: center;
-  gap: 4px;
-  transition: all 0.2s;
-}
-
-.personal-salary-btn:hover {
-  color: #7c3aed;
-}
-
-.salary-content {
-  display: flex;
-  align-items: center;
-  gap: 20px;
-}
-
-.salary-item {
-  flex: 1;
-  text-align: center;
-}
-
-.salary-label {
-  margin: 0 0 8px 0;
-  font-size: 14px;
-  color: #666;
-}
-
-.salary-amount {
-  margin: 0;
-  font-size: 20px;
-  font-weight: 600;
-  color: #333;
-}
-
-.salary-separator {
-  width: 1px;
-  height: 40px;
-  background-color: #8b5cf6;
-}
-
-/* Host Agency 内容区域 */
-.host-agency-content {
-  background-color: white;
-  padding: 16px;
-  border-radius: 12px;
-  margin-bottom: 12px;
-  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
-}
-
-/* 任务区域头部样式 */
-.task-header {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  margin-bottom: 16px;
-}
-
-.task-header h3 {
-  margin: 0;
-  font-size: 16px;
-  font-weight: 600;
-  color: #333;
-}
-
-.task-content h3 {
-  margin: 0 0 16px 0;
-  font-size: 16px;
-  font-weight: 600;
-  color: #333;
-}
-
 /* Team Member 独立区域 */
 .team-member-section {
   margin-bottom: 12px;
@@ -861,90 +704,11 @@ onMounted(() => {
   transform: scale(0.98);
 }
 
-.team-member-card .card-content {
+/* 通用卡片内容样式 */
+.card-content {
   display: flex;
   justify-content: space-between;
   align-items: center;
-}
-
-/* 任务表格 */
-.task-table {
-  border: 1px solid #e5e7eb;
-  border-radius: 8px;
-  overflow: hidden;
-  margin-bottom: 12px;
-}
-
-.table-row {
-  display: grid;
-  grid-template-columns: 1fr 1fr 1fr;
-}
-
-.table-header {
-  background-color: #f8f9fa;
-  border-bottom: 1px solid #e5e7eb;
-}
-
-.table-data {
-  background-color: white;
-}
-
-.table-cell {
-  padding: 12px 8px;
-  text-align: center;
-  border-right: 1px solid #e5e7eb;
-  font-size: 14px;
-}
-
-.table-cell:last-child {
-  border-right: none;
-}
-
-.table-header .table-cell {
-  font-weight: 600;
-  color: #374151;
-}
-
-.table-data .table-cell {
-  color: #111827;
-}
-
-.minutes-progress {
-  color: #6b7280;
-}
-
-.minutes-completed {
-  color: #10b981;
-  font-weight: 600;
-}
-
-/* Agency 卡片区域 */
-.agency-task-content {
-  display: flex;
-  flex-direction: column;
-  gap: 12px;
-}
-
-/*.team-bill-card {
-  background-color: white;
-  border-radius: 12px;
-  box-shadow: 0 2px 8px rgba(0,0,0,0.1);
-  cursor: pointer;
-  transition: all 0.2s;
-  border: 2px solid #3B82F6;
-}*/
-
-.team-bill-card:active {
-  transform: scale(0.98);
-}
-
-.team-bill-card .card-content {
-  padding: 16px;
-  position: relative;
-}
-
-/* 通用卡片内容样式 */
-.card-content {
   padding: 16px;
 }
 
@@ -955,29 +719,6 @@ onMounted(() => {
   margin-bottom: 8px;
 }
 
-.card-link {
-  position: absolute;
-  top: 16px;
-  right: 16px;
-  display: flex;
-  align-items: center;
-  gap: 4px;
-  color: #8b5cf6;
-  font-size: 14px;
-  font-weight: 500;
-  cursor: pointer;
-  transition: color 0.2s;
-}
-
-.card-link:hover {
-  color: #7c3aed;
-}
-
-.card-link .arrow {
-  font-size: 16px;
-  font-weight: bold;
-}
-
 .card-details {
   display: flex;
   flex-direction: column;
@@ -985,24 +726,6 @@ onMounted(() => {
   margin-top: 12px;
 }
 
-.detail-row {
-  display: grid;
-  grid-template-columns: auto auto auto auto;
-  gap: 16px;
-  align-items: center;
-}
-
-.detail-label {
-  font-size: 14px;
-  color: #6b7280;
-}
-
-.detail-value {
-  font-size: 14px;
-  font-weight: 500;
-  color: #1f2937;
-}
-
 .status-badge {
   background-color: #dbeafe;
   color: #1d4ed8;
@@ -1014,17 +737,10 @@ onMounted(() => {
 }
 
 .member-title {
-  font-size: 16px;
   font-weight: 600;
   color: #1f2937;
 }
 
-.policy-link span:first-child {
-  font-size: 14px;
-  font-weight: 500;
-  color: #333;
-}
-
 /* 操作按钮 */
 .action-buttons {
   display: grid;
@@ -1060,33 +776,8 @@ onMounted(() => {
   color: white;
 }
 
-/* Platform Policy 按钮样式 */
-.platform-policy-btn {
-  background: none;
-  border: none;
-  color: #8b5cf6;
-  font-size: 14px;
-  font-weight: 500;
-  cursor: pointer;
-  display: flex;
-  align-items: center;
-  gap: 4px;
-  transition: all 0.2s;
-}
-
-.platform-policy-btn:hover {
-  color: #7c3aed;
-}
-
-.platform-policy-btn .arrow {
-  font-size: 16px;
-  font-weight: bold;
-  color: #8b5cf6;
-}
-
 /* 通用箭头样式 */
 .arrow {
-  font-size: 16px;
   font-weight: bold;
   color: #8b5cf6;
 }
@@ -1127,24 +818,7 @@ onMounted(() => {
   margin-left: 12px;
 }
 
-[dir='rtl'] .notification-btn {
-  margin-left: 0;
-  margin-right: 12px;
-}
-
 [dir='rtl'] .help-btn {
   /* transform: scaleX(-1); */
 }
-
-[dir='rtl'] .arrow {
-  transform: scaleX(-1);
-}
-
-[dir='rtl'] .card-link .arrow {
-  transform: scaleX(-1);
-}
-
-[dir='rtl'] .detail-row {
-  direction: rtl;
-}
 </style>
diff --git a/src/views/HostCenter/HostCenter.vue b/src/views/HostCenter/index.vue
similarity index 96%
rename from src/views/HostCenter/HostCenter.vue
rename to src/views/HostCenter/index.vue
index b215064..9ab26e3 100644
--- a/src/views/HostCenter/HostCenter.vue
+++ b/src/views/HostCenter/index.vue
@@ -169,6 +169,7 @@ const fetchMemberWorkData = async () => {
         const billBelong = latestTarget.billBelong.toString()
         const year = billBelong.substring(0, 4)
         const month = billBelong.substring(4, 6)
+        const day = billBelong.substring(6, 8)
 
         // 格式化状态
         const formatStatus = (status) => {
@@ -189,7 +190,7 @@ const fetchMemberWorkData = async () => {
 
         // 更新数据
         Object.assign(progressInfo, {
-          date: `${month}.${year}`,
+          date: `${year}.${month}.${day}`,
           status: formatStatus(latestTarget.status),
           target: level,
           salary:
@@ -518,16 +519,6 @@ onMounted(() => {
   color: white;
 }
 
-@keyframes pulse {
-  0%,
-  100% {
-    opacity: 1;
-  }
-  50% {
-    opacity: 0.5;
-  }
-}
-
 @media screen and (max-width: 360px) {
   * {
     font-size: 10px;
@@ -561,26 +552,10 @@ onMounted(() => {
   margin-right: 10px;
 }
 
-[dir='rtl'] .user-header {
-  /* flex-direction: row-reverse; */
-}
-
 [dir='rtl'] .user-info {
   text-align: right;
 }
 
-[dir='rtl'] .salary-header {
-  /* flex-direction: row-reverse; */
-}
-
-[dir='rtl'] .task-header {
-  /* flex-direction: row-reverse; */
-}
-
-[dir='rtl'] .task-content {
-  /* flex-direction: row-reverse; */
-}
-
 [dir='rtl'] .action-buttons {
   grid-template-columns: 1fr 1fr;
 }