From 2cb329edcefc3b60dcb7442b7c8de999488d9b11 Mon Sep 17 00:00:00 2001
From: Agent <agent@openclaw.ai>
Date: Fri, 27 Mar 2026 02:02:33 +0000
Subject: [PATCH] =?UTF-8?q?=E4=BC=98=E5=8C=96=E5=8A=9F=E8=83=BD=E8=8F=9C?=
 =?UTF-8?q?=E5=8D=95=E5=B8=83=E5=B1=80=EF=BC=9A=E6=89=8B=E6=9C=BA=E7=AB=AF?=
 =?UTF-8?q?2=E5=88=97=EF=BC=8CPC=E7=AB=AF=E6=A8=AA=E7=89=88?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/index/index.vue | 14 +++++++++++---
 1 file changed, 11 insertions(+), 3 deletions(-)

diff --git a/src/pages/index/index.vue b/src/pages/index/index.vue
index ad2f368..01a0348 100644
--- a/src/pages/index/index.vue
+++ b/src/pages/index/index.vue
@@ -413,20 +413,28 @@ export default {
 .menu-grid {
   display: flex;
   flex-wrap: wrap;
-  justify-content: space-between;
 }
 
+/* 手机端 - 2列布局 */
 .menu-card {
-  width: 48%;
+  width: 44%;
   background: #fff;
   border-radius: 24rpx;
   padding: 30rpx;
-  margin-bottom: 20rpx;
+  margin: 10rpx;
   box-shadow: 0 8rpx 30rpx rgba(0, 0, 0, 0.1);
   display: flex;
   flex-direction: column;
 }
 
+/* 平板/PC端 - 横版布局，超过4个换行 */
+@media (min-width: 768px) {
+  .menu-card {
+    width: 22%;
+    margin: 10rpx;
+  }
+}
+
 .menu-card:active {
   transform: scale(0.98);
   opacity: 0.9;