首页轮播，裁剪标题，按钮间距

pages/index/components/PodCatalog.vue

@@ -79,10 +79,12 @@ export default {
 </script>
 
 <style scoped>
-/* 区块 - 灰色背景 #F8F8F8 */
+/* 区块 - 灰色背景 #F8F8F8
+   上下留白对称：顶部标题距离区块上沿 96rpx，底部「更多产品」距离区块下沿也保持同区块背景延续
+   因此这里统一用 padding: 96rpx 0 40rpx 0，让卡片底部→按钮→区块底部都在同一块灰色背景里 */
 .pod-section {
   width: 100%;
-  padding: 96rpx 0 0 0;
+  padding: 96rpx 0 40rpx 0;
   background: #f8f8f8;
   box-sizing: border-box;
 }
@@ -171,13 +173,14 @@ export default {
   line-height: 1.2;
 }
 
-/* 更多产品按钮 - padding 10px 30px 圆角8px */
+/* 更多产品按钮 - 与产品网格底部保持 20rpx，上方下方视觉对称
+   按钮本身无背景，属于灰色 #F8F8F8 区块背景的一部分 */
 .more-products {
   display: flex;
   align-items: center;
   justify-content: center;
   gap: 8rpx;
-  margin: 24rpx auto 0;
+  margin: 20rpx auto 0;
   padding: 20rpx 60rpx;
   background: transparent;
   border-radius: 16rpx;