fix(知识库): 修复状态提示条未水平居中的样式问题

将 scroll-view 上的内边距移至内部产品列表容器，确保全宽状态提示条相对于屏幕水平居中，同时保持产品网格布局不变。

@@ -5,6 +5,21 @@
 
 ---
 
+## [2026-02-03] - 修复知识库页面样式问题
+
+### 修复
+- 修复知识库页面底部提示文字未水平居中的问题
+  - 将 `scroll-view` 上的 `px-[40rpx]` 内边距移至内部的产品列表容器
+  - 确保"加载中"、"加载更多"、"没有更多了"、"暂无相关产品"等全宽状态提示条能够相对于屏幕水平居中
+  - 保持产品列表网格的视觉布局不变
+
+---
+
+**详细信息**：
+- **影响文件**: `src/pages/knowledge-base/index.vue`
+- **技术栈**: Vue 3, Taro 4, TailwindCSS
+- **测试状态**: ✅ 已修复
+
 ## [2026-02-03] - 知识库页面产品列表接口集成
 
 ### 新增

@@ -32,7 +32,7 @@
 
     <!-- 列表容器 -->
     <scroll-view
-      class="flex-1 min-h-0 overflow-y-auto px-[40rpx] pb-[calc(160rpx+env(safe-area-inset-bottom))]"
+      class="flex-1 min-h-0 overflow-y-auto pb-[calc(160rpx+env(safe-area-inset-bottom))]"
       scroll-y
       @scrolltolower="onScrollToLower"
     >
@@ -42,7 +42,7 @@
       </view>
 
       <!-- Product Grid -->
-      <view v-else class="flex flex-wrap justify-between">
+      <view v-else class="flex flex-wrap justify-between px-[40rpx]">
         <!-- Card Item -->
         <view v-for="(item, index) in products" :key="item.id"
           class="w-[48%] bg-white rounded-[24rpx] overflow-hidden mb-[24rpx] shadow-sm flex flex-col active:scale-[0.98] transition-transform duration-200"