fix: 功能按钮宽度调小，图标和文字缩小

src/pages/index/index.vue

@@ -416,14 +416,15 @@ export default {
 /* 手机端 - 2列布局 */
 .menu-card {
   aspect-ratio: 1;
-  width: 30%;
+  width: 22%;
   background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
-  border-radius: 20rpx;
-  margin: 10rpx;
+  border-radius: 16rpx;
+  margin: 8rpx;
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;
+  padding: 10rpx;
 }
 
 .menu-card:active {
@@ -431,10 +432,10 @@ export default {
 }
 
 .menu-card-title {
-  font-size: 24rpx;
+  font-size: 20rpx;
   color: #fff;
   font-weight: bold;
-  margin-top: 10rpx;
+  margin-top: 6rpx;
 }
 
 @media (min-width: 768px) {
@@ -449,13 +450,13 @@ export default {
 }
 
 .menu-card-icon {
-  width: 80rpx;
-  height: 80rpx;
-  border-radius: 20rpx;
+  width: 50rpx;
+  height: 50rpx;
+  border-radius: 12rpx;
   display: flex;
   align-items: center;
   justify-content: center;
-  margin-bottom: 16rpx;
+  margin-bottom: 6rpx;
 }
 
 .menu-card-icon.blue {