v2体验版

pages/index/components/CompanyIntro.vue

@@ -222,7 +222,8 @@ export default {
   line-height: 1.5;
 }
 
-/* 核心能力卡片 - 自适应2列(避免宽度+间距同时固定导致挤压) */
+/* 核心能力卡片 - 固定2列(345rpx×2 + 间距20rpx + 容器内边距40rpx = 750rpx)
+   注意：不要用 flex-basis + calc(50%)，部分手机浏览器解析失败会导致单列 */
 .ability-grid {
   padding: 0 20rpx;
   display: flex;
@@ -231,7 +232,7 @@ export default {
   margin-bottom: 60rpx;
 }
 .ability-card {
-  flex: 1 1 calc(50% - 10rpx);
+  width: 345rpx;
   min-width: 0;
   height: 180rpx;
   background: #ffffff;

pages/index/components/HeroBanner.vue

@@ -165,7 +165,7 @@ export default {
   display: block;
   margin: 12rpx auto 0;
   width: fit-content;
-  max-width: calc(100% - 80rpx);
+  max-width: 670rpx; /* 750 - 两侧留白 80rpx，避免用 calc（部分手机浏览器解析失败） */
   font-size: 20rpx;
   color: #000000;
   line-height: 1.4;

pages/index/components/PodCatalog.vue

@@ -127,7 +127,8 @@ export default {
   color: #ffffff;
 }
 
-/* 产品网格 - 自适应2列(避免宽度+间距同时固定导致挤压) */
+/* 产品网格 - 固定2列(345rpx×2 + 间距20rpx + 容器内边距40rpx = 750rpx)
+   注意：不要用 flex-basis + calc(50%)，部分手机浏览器解析失败会导致单列 */
 .pod-grid {
   padding: 0 20rpx;
   display: flex;
@@ -135,7 +136,7 @@ export default {
   gap: 20rpx;
 }
 .pod-card {
-  flex: 1 1 calc(50% - 10rpx);
+  width: 345rpx;
   min-width: 0;
   background: #ffffff;
   border-radius: 16rpx;

pages/index/components/WhyChoose.vue

@@ -46,7 +46,8 @@ export default {
   margin-bottom: 64rpx;
 }
 
-/* 2x2 网格 - 自适应2列(避免宽度+间距同时固定导致挤压) */
+/* 2x2 网格 - 固定2列(345rpx×2 + 间距20rpx + 容器内边距40rpx = 750rpx)
+   注意：不要用 flex-basis + calc(50%)，部分手机浏览器解析失败会导致单列 */
 .why-grid {
   padding: 0 20rpx;
   display: flex;
@@ -54,7 +55,7 @@ export default {
   gap: 20rpx;
 }
 .why-card {
-  flex: 1 1 calc(50% - 10rpx);
+  width: 345rpx;
   min-width: 0;
   height: 160rpx;
   background: #ffffff;