feat: 产品详情页附件模块添加使用说明

- 在相关附件标题下方添加灰色提示文字
- 提示用户无法下载时可通过预览页转发到其他设备
- 优化附件下载的用户体验

@@ -5,6 +5,23 @@
 
 
 ---
 ---
 
 
+## [2026-02-03] - 优化产品详情页附件模块
+
+### 新增
+- 产品详情页附件模块添加使用说明
+  - 在"相关附件"标题下方添加灰色提示文字
+  - 提示用户"如无法下载，可在预览页点击右上角「...」转发至其他设备"
+  - 优化附件下载的用户体验
+
+---
+
+**详细信息**：
+- **影响文件**: `src/pages/product-detail/index.vue`
+- **技术栈**: Vue 3, Taro 4, TailwindCSS
+- **测试状态**: ✅ 已完成
+
+---
+
 ## [2026-02-03] - 修复头像页面圆形背景变形
 ## [2026-02-03] - 修复头像页面圆形背景变形
 
 
 ### 修复
 ### 修复

@@ -68,7 +68,8 @@
       <!-- Attachments -->
       <!-- Attachments -->
       <div v-if="productDetail.documents && productDetail.documents.length" class="px-[32rpx] mt-[32rpx]">
       <div v-if="productDetail.documents && productDetail.documents.length" class="px-[32rpx] mt-[32rpx]">
         <div class="bg-white rounded-[32rpx] p-[40rpx]">
         <div class="bg-white rounded-[32rpx] p-[40rpx]">
-          <h2 class="text-[#1F2937] text-[32rpx] font-bold mb-[32rpx]">相关附件</h2>
+          <h2 class="text-[#1F2937] text-[32rpx] font-bold mb-[16rpx]">相关附件</h2>
+          <text class="text-[#9CA3AF] text-[24rpx] mb-[24rpx] block">如无法下载，可在预览页点击右上角「...」转发至其他设备</text>
           <div class="flex flex-col gap-[24rpx]">
           <div class="flex flex-col gap-[24rpx]">
             <div
             <div
               v-for="(doc, index) in productDetail.documents"
               v-for="(doc, index) in productDetail.documents"