涛涛涛涛

css/index.css

@@ -1107,6 +1107,11 @@
     inset 0 1px 0 rgba(255, 255, 255, 0.05);
 }
 
+/* 隐藏移动端的查看更多按钮 */
+.products-more-btn-wrapper {
+  display: none;
+}
+
 .product-card:hover {
   transform: translateY(-4px);
   border-color: rgba(56, 189, 248, 0.4);
@@ -5047,6 +5052,56 @@ html {
     border-radius: 4px;
   }
 
+  /* Hot Products - Mobile Fold & Expand */
+  .products-grid .product-card:nth-child(n+5) {
+    display: none;
+  }
+
+  .products-grid.expanded .product-card:nth-child(n+5) {
+    display: block;
+    animation: fadeIn 0.5s ease;
+  }
+
+  .products-more-btn-wrapper {
+    display: flex;
+    justify-content: center;
+    margin-top: 20px;
+    padding-bottom: 20px;
+  }
+
+  .products-more-btn {
+    background: rgba(30, 41, 59, 0.6);
+    backdrop-filter: blur(10px);
+    border: 1px solid rgba(148, 163, 184, 0.2);
+    color: #cbd5e1;
+    padding: 10px 24px;
+    border-radius: 20px;
+    font-size: 14px;
+    cursor: pointer;
+    transition: all 0.3s ease;
+    display: flex;
+    align-items: center;
+    gap: 8px;
+  }
+
+  .products-more-btn:hover {
+    background: rgba(56, 189, 248, 0.2);
+    border-color: rgba(56, 189, 248, 0.4);
+    color: #fff;
+  }
+
+  @keyframes fadeIn {
+    from {
+      opacity: 0;
+      transform: translateY(10px);
+    }
+
+    to {
+      opacity: 1;
+      transform: translateY(0);
+    }
+  }
+
   /* Hot Products - Card View Override */
   .products-table thead {
     display: none;