diff --git a/uniapp/src/packages_match/components/MatchCenterPanel.vue b/uniapp/src/packages_match/components/MatchCenterPanel.vue
index 728056d..4d58c8b 100644
--- a/uniapp/src/packages_match/components/MatchCenterPanel.vue
+++ b/uniapp/src/packages_match/components/MatchCenterPanel.vue
@@ -54,8 +54,8 @@ onMounted(() => {
 
     &__title {
         position: relative;
-        min-height: 88rpx;
-        padding: 14rpx 32rpx 10rpx;
+        min-height: 72rpx;
+        padding: 8rpx 24rpx 6rpx;
         display: flex;
         align-items: center;
         justify-content: center;
@@ -63,7 +63,7 @@ onMounted(() => {
     }
 
     &__title-text {
-        font-size: 42rpx;
+        font-size: 34rpx;
         font-weight: 800;
         color: #151a2b;
         letter-spacing: 2rpx;
@@ -71,7 +71,7 @@ onMounted(() => {
 
     &__assistant {
         position: absolute;
-        right: 28rpx;
+        right: 22rpx;
         top: 50%;
         transform: translateY(-50%);
     }
diff --git a/uniapp/src/packages_match/components/MatchCenterTabsPanel.vue b/uniapp/src/packages_match/components/MatchCenterTabsPanel.vue
index b57faa4..952fee1 100644
--- a/uniapp/src/packages_match/components/MatchCenterTabsPanel.vue
+++ b/uniapp/src/packages_match/components/MatchCenterTabsPanel.vue
@@ -824,45 +824,45 @@ onMounted(() => {
 }
 
 .content-tabs {
-    margin: 0 34rpx 16rpx;
-    padding: 8rpx;
+    margin: 0 24rpx 10rpx;
+    padding: 6rpx;
     display: flex;
-    gap: 8rpx;
+    gap: 6rpx;
     border: 1rpx solid #dfe3eb;
-    border-radius: 24rpx;
+    border-radius: 18rpx;
     background: #fff;
 
     &__item {
         flex: 1;
         min-width: 0;
-        height: 70rpx;
-        border-radius: 18rpx;
+        height: 56rpx;
+        border-radius: 14rpx;
         color: #404654;
-        font-size: 28rpx;
+        font-size: 24rpx;
         font-weight: 700;
-        line-height: 70rpx;
+        line-height: 56rpx;
         text-align: center;
     }
 
     &__item--active {
         background: linear-gradient(110deg, #1875ff 0%, #0863f3 100%);
         color: #fff;
-        box-shadow: 0 8rpx 20rpx rgba(20, 105, 246, 0.2);
+        box-shadow: 0 6rpx 14rpx rgba(20, 105, 246, 0.16);
     }
 }
 
 .date-filter {
-    height: 94rpx;
-    padding: 0 32rpx;
+    height: 76rpx;
+    padding: 0 24rpx;
     display: flex;
     align-items: center;
-    gap: 12rpx;
+    gap: 8rpx;
     background: #fff;
 
     &__previous,
     &__calendar {
-        width: 58rpx;
-        height: 58rpx;
+        width: 48rpx;
+        height: 48rpx;
         display: flex;
         align-items: center;
         justify-content: center;
@@ -871,14 +871,14 @@ onMounted(() => {
 
     &__previous {
         color: #20283a;
-        font-size: 58rpx;
+        font-size: 48rpx;
         font-weight: 300;
         line-height: 1;
     }
 
     &__calendar {
         border: 1rpx solid #e0e4eb;
-        border-radius: 16rpx;
+        border-radius: 12rpx;
         background: #fff;
     }
 
@@ -887,26 +887,26 @@ onMounted(() => {
         min-width: 0;
         display: grid;
         grid-template-columns: repeat(3, minmax(0, 1fr));
-        gap: 12rpx;
+        gap: 8rpx;
     }
 
     &__date {
         position: relative;
-        height: 70rpx;
+        height: 56rpx;
         display: flex;
         align-items: center;
         justify-content: center;
-        gap: 8rpx;
-        border-radius: 16rpx;
+        gap: 5rpx;
+        border-radius: 12rpx;
         color: #5b606b;
 
         &::after {
             content: '';
             position: absolute;
             left: 50%;
-            bottom: -9rpx;
-            width: 34rpx;
-            height: 5rpx;
+            bottom: -7rpx;
+            width: 28rpx;
+            height: 4rpx;
             border-radius: 999rpx;
             background: transparent;
             transform: translateX(-50%);
@@ -923,27 +923,27 @@ onMounted(() => {
     }
 
     &__date-main {
-        font-size: 29rpx;
+        font-size: 25rpx;
         font-weight: 700;
     }
 
     &__date-week {
-        font-size: 22rpx;
+        font-size: 19rpx;
     }
 }
 
 .sport-tabs {
     white-space: nowrap;
-    height: 94rpx;
+    height: 76rpx;
     background: #fff;
 }
 
 .sport-tabs__inner {
     display: inline-flex;
     align-items: center;
-    height: 94rpx;
-    padding: 0 32rpx;
-    gap: 28rpx;
+    height: 76rpx;
+    padding: 0 24rpx;
+    gap: 16rpx;
     box-sizing: border-box;
 }
 
@@ -951,16 +951,16 @@ onMounted(() => {
     display: inline-flex;
     align-items: center;
     justify-content: center;
-    min-width: 116rpx;
-    height: 62rpx;
-    padding: 0 18rpx;
-    border-radius: 16rpx;
+    min-width: 96rpx;
+    height: 50rpx;
+    padding: 0 14rpx;
+    border-radius: 12rpx;
     background: #f5f6f9;
     white-space: nowrap;
     flex-shrink: 0;
 
     &__label {
-        font-size: 27rpx;
+        font-size: 24rpx;
         color: #313745;
         font-weight: 600;
         line-height: 1.4;
@@ -986,8 +986,8 @@ onMounted(() => {
 .league-tabs__inner {
     display: inline-flex;
     align-items: center;
-    padding: 0 32rpx 22rpx;
-    gap: 28rpx;
+    padding: 0 24rpx 14rpx;
+    gap: 16rpx;
     white-space: nowrap;
 }
 
@@ -995,12 +995,12 @@ onMounted(() => {
     display: inline-flex;
     align-items: center;
     justify-content: center;
-    min-width: 116rpx;
-    height: 62rpx;
-    padding: 0 18rpx;
+    min-width: 96rpx;
+    height: 50rpx;
+    padding: 0 14rpx;
     border: 1rpx solid transparent;
-    border-radius: 16rpx;
-    font-size: 26rpx;
+    border-radius: 12rpx;
+    font-size: 23rpx;
     color: #3f4552;
     background: #f5f6f9;
     white-space: nowrap;