优化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;

pages/index/components/WhyChoose.vue

@@ -27,10 +27,10 @@ export default {
 </script>
 
 <style scoped>
-/* 区块 - 灰色背景 #F8F8F8（UI-006 上下留白对称） */
+/* 区块 - 灰色背景 #F8F8F8，上下内边距 20px(390px宽) → 38rpx */
 .why-section {
   width: 100%;
-  padding: 96rpx 0;
+  padding: 38rpx 0;
   background: #f8f8f8;
   box-sizing: border-box;
 }

pages/index/index.vue

@@ -105,8 +105,9 @@ export default {
     loadGlobalFont() {
       uni.loadFontFace({
         global: true,
-        family: 'PingFangSC',
+        family: 'CusPingFangSC',
         source: `url("${buildUrl('/assets/miniprogram/fonts/PingFang-Regular.subset.ttf')}")`,
+        // source: 'url("https://raw.githubusercontent.com/googlefonts/zcool-kuaile/main/fonts/ttf/ZCOOLKuaiLe-Regular.ttf")' , // ✅ 正确
         success: () => console.log('字体加载成功'),
         fail: err => console.warn('字体加载失败，回退系统字体', err)
       })