优化ui，公司背景，底部导航栏图标，筛选功能，详情导航栏，单位

pages/index/components/CompanyIntro.vue

@@ -1,16 +1,16 @@
 <template>
   <!-- 公司简介 + 底部CTA - Figma 1461:1606 + 1498:1769 -->
   <view class="company-section">
-    <!-- 背景图 - 设计师切图原图（UI-007），清晰 + 0.2透明（同设计稿） -->
-    <view class="company-bg">
-      <image
-        class="bg-img"
-        :src="bgUrl"
-        mode="aspectFill"
-      ></image>
-    </view>
-
     <view class="company-content">
+      <!-- 背景图 - 设计师切图原图（UI-007），作为内容区背景，不设透明度 -->
+      <view class="company-bg">
+        <image
+          class="bg-img"
+          :src="bgUrl"
+          mode="aspectFill"
+        ></image>
+      </view>
+
       <!-- 公司简介标题 - 居中 20px Heavy -->
       <text class="section-title">公司简介</text>
 
@@ -131,14 +131,14 @@ export default {
   overflow: hidden;
 }
 
-/* 背景图 - 模糊 + 0.5透明 */
+/* 背景图 - company-content 的背景层（z-index:-1 垫在文字下，高度跟随内容区） */
 .company-bg {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
-  height: 1088rpx;
-  z-index: 0;
+  height: 100%;
+  z-index: -1;
   overflow: hidden;
 }
 .bg-img {
@@ -151,6 +151,7 @@ export default {
   position: relative;
   z-index: 1;
   padding-top: 40rpx;
+  padding-bottom: 40rpx;
 }
 
 /* 公司简介标题 - 20px Heavy #000000 居中 */
@@ -231,7 +232,6 @@ export default {
   display: flex;
   flex-wrap: wrap;
   gap: 20rpx;
-  margin-bottom: 60rpx;
 }
 .ability-card {
   width: 345rpx;
@@ -239,7 +239,7 @@ export default {
   height: 180rpx;
   background: #ffffff;
   border-radius: 12rpx;
-  margin-bottom: 20rpx;
+  /* 上下间距与 WhyChoose 四方块一致：只用 grid 的 gap 20rpx，不叠加 margin */
   padding: 32rpx 20rpx;
   box-sizing: border-box;
   display: flex;