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

pages/products/components/ActiveFilters.vue

@@ -1,13 +1,14 @@
 <template>
   <!-- 筛选条件条：[筛选图标] [已选标签横向滚动] [清除] 同一行，防换行 -->
   <view class="active-filters" id="activeFilters">
-    <!-- 筛选入口：打开筛选抽屉 -->
+    <!-- 筛选入口：打开筛选抽屉；无选中条件时按设计稿显示"筛选"文字 -->
     <view class="filter-entry" @tap="onOpen">
       <image
         class="filter-entry-icon"
         src="/static/icons/products/icon_filter.png"
         mode="aspectFit"
       />
+      <text v-if="list.length === 0" class="filter-entry-text">筛选</text>
     </view>
 
     <!-- 已选标签：横向滚动，不换行 -->
@@ -78,10 +79,11 @@ export default {
   background: #ffffff;
   border-bottom: 1rpx solid #eeeeee;
 }
-/* 筛选入口图标（设计稿 18x18px → 35rpx） */
+/* 筛选入口（设计稿 1962-300：图标 18x18px + "筛选"12px Medium，间距 4px → 8rpx） */
 .filter-entry {
   display: flex;
   align-items: center;
+  gap: 8rpx;
   padding: 8rpx 16rpx 8rpx 0;
   flex-shrink: 0;
 }
@@ -89,6 +91,11 @@ export default {
   width: 35rpx;
   height: 35rpx;
 }
+.filter-entry-text {
+  font-size: 23rpx;
+  font-weight: 500;
+  color: #000000;
+}
 /* 标签区：横向滚动不换行 */
 .tags-scroll {
   flex: 1;