fix: 按钮等间距分布，宽度调为18%

src/pages/index/index.vue

@@ -413,18 +413,25 @@ export default {
   flex-wrap: wrap;
 }
 
-/* 手机端 - 2列布局 */
+/* 手机端 - 等间距布局 */
+.menu-grid {
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: space-around;
+  padding: 10rpx;
+}
+
 .menu-card {
+  width: 18%;
   aspect-ratio: 1;
-  width: 22%;
   background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
-  border-radius: 16rpx;
+  border-radius: 12rpx;
   margin: 8rpx;
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;
-  padding: 10rpx;
+  padding: 6rpx;
 }
 
 .menu-card:active {