consumer模块完成95%，在和商家端对接聊天购物闭环

pages/mall/consumer/favorites.uvue

@@ -187,8 +187,10 @@ const removeFavorite = async (id: string) => {
 
 .product-grid {
   display: flex;
+  flex-direction: row;
   flex-wrap: wrap;
   gap: 15px;
+  width: 100%;
 }
 
 .empty-state {
@@ -222,12 +224,32 @@ const removeFavorite = async (id: string) => {
 }
 
 .product-item {
-  width: calc(50% - 8px);
+  width: calc(50% - 8px); /* Default Mobile: 2 items per row */
   background-color: white;
   border-radius: 8px;
   overflow: hidden;
   display: flex;
   flex-direction: column;
+  box-sizing: border-box; /* Important for grid */
+}
+
+/* PC/Tablet Responsive */
+@media (min-width: 768px) {
+  .product-item {
+    width: calc(33.33% - 10px) !important; /* Tablet: 3 items (gap 15px roughly distributed) */
+  }
+}
+
+@media (min-width: 1024px) {
+  .product-item {
+    width: calc(16.66% - 13px) !important; /* PC: 6 items */
+  }
+  
+  /* Center content on large screens */
+  .product-grid, .header {
+      max-width: 1200px;
+      margin: 0 auto;
+  }
 }
 
 .product-image {