修改UI问题初

pages/index/components/WhyChoose.vue

@@ -1,8 +1,8 @@
 <template>
   <!-- 为什么选择 Inkreach - Figma 1458:1492 -->
   <view class="why-section">
-    <!-- 区块标题 - 20px Heavy #1A1A1A 居中 -->
-    <text class="section-title">为什么选择Inkrecah？</text>
+    <!-- 区块标题 - 20px Heavy #1A1A1A 居中（UI-006 标题拼写修正） -->
+    <text class="section-title">为什么选择Inkreach？</text>
 
     <!-- 2x2 网格 - 180x80 卡片 -->
     <view class="why-grid">
@@ -27,10 +27,10 @@ export default {
 </script>
 
 <style scoped>
-/* 区块 - 灰色背景 #F8F8F8 */
+/* 区块 - 灰色背景 #F8F8F8（UI-006 上下留白对称） */
 .why-section {
   width: 100%;
-  padding: 96rpx 0 80rpx 0;
+  padding: 96rpx 0;
   background: #f8f8f8;
   box-sizing: border-box;
 }
@@ -43,11 +43,12 @@ export default {
   font-weight: 900;
   color: #1a1a1a;
   line-height: 1.45;
-  margin-bottom: 64rpx;
+  margin-bottom: 40rpx; /* UI-006 与区块上下留白节奏统一 */
 }
 
 /* 2x2 网格 - 固定2列(345rpx×2 + 间距20rpx + 容器内边距40rpx = 750rpx)
-   注意：不要用 flex-basis + calc(50%)，部分手机浏览器解析失败会导致单列 */
+   注意：不要用 flex-basis + calc(50%)，部分手机浏览器解析失败会导致单列
+   UI-006: 上下间距与左右间距一致（去掉卡片 margin-bottom，统一用 gap 20rpx） */
 .why-grid {
   padding: 0 20rpx;
   display: flex;
@@ -60,7 +61,6 @@ export default {
   height: 160rpx;
   background: #ffffff;
   border-radius: 12rpx;
-  margin-bottom: 20rpx;
   padding: 0 40rpx;
   box-sizing: border-box;
   display: flex;