refactor(ui): 优化视觉柔和度和统一性

- ProductCard 组件：降低对比度，更加柔和
  - 边框颜色调整为 border-gray-200，增强可见性
  - 阴影优化：更细腻的阴影参数
  - 装饰背景从蓝色改为中性灰色光晕
  - 按钮样式调整为浅色背景（浅蓝 + 浅灰）
- 首页"查看更多"按钮：移除背景色，改为透明样式
- 金额输入弹窗：调整弹窗位置为 top: 40%，更符合视觉中心

Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>

 <template>
   <view
-    class="relative bg-white rounded-[24rpx] p-[32rpx] border border-gray-100 product-card overflow-hidden transition-all duration-300 active:scale-[0.99]"
-    style="box-shadow: 0 8rpx 30rpx rgba(0, 0, 0, 0.04);"
+    class="relative bg-white rounded-[24rpx] p-[32rpx] border border-gray-200 product-card overflow-hidden transition-all duration-300 active:scale-[0.99]"
+    style="box-shadow: 0 8rpx 24rpx rgba(0, 0, 0, 0.05);"
   >
-    <!-- 装饰背景: 右上角淡蓝色光晕 -->
-    <view class="absolute -right-[40rpx] -top-[40rpx] w-[160rpx] h-[160rpx] bg-blue-50 rounded-full opacity-60 blur-[30rpx] pointer-events-none"></view>
+    <!-- 装饰背景: 右上角灰色光晕 -->
+    <view class="absolute -right-[40rpx] -top-[40rpx] w-[160rpx] h-[160rpx] bg-gray-100 rounded-full opacity-60 blur-[30rpx] pointer-events-none"></view>
 
     <!-- 内容区域 -->
     <view class="relative z-10">
@@ -33,21 +33,21 @@
       </view>
 
       <!-- 操作按钮组 -->
-      <view class="flex justify-between gap-[24rpx]">
-        <!-- 详情按钮: 次级样式 -->
+      <view class="flex justify-between gap-[20rpx]">
+        <!-- 详情按钮: 柔和的灰色背景 -->
         <view
-          class="flex-1 h-[80rpx] flex items-center justify-center rounded-[16rpx] bg-gray-50 active:bg-gray-100 transition-colors border border-gray-100"
+          class="flex-1 h-[76rpx] flex items-center justify-center rounded-[16rpx] bg-[#F3F4F6] active:bg-[#E5E7EB] transition-colors"
           @tap.stop="handleDetail"
         >
           <text class="text-[28rpx] text-gray-600 font-medium">产品详情</text>
         </view>
 
-        <!-- 计划书按钮: 主要样式 -->
+        <!-- 计划书按钮: 柔和的蓝色背景，降低对比度 -->
         <view
-          class="flex-1 h-[80rpx] flex items-center justify-center rounded-[16rpx] bg-blue-600 active:bg-blue-700 transition-all shadow-md shadow-blue-100"
+          class="flex-1 h-[76rpx] flex items-center justify-center rounded-[16rpx] bg-[#EFF6FF] active:bg-[#DBEAFE] transition-colors"
           @tap.stop="handlePlan"
         >
-          <text class="text-[28rpx] text-white font-medium">制作计划书</text>
+          <text class="text-[28rpx] text-blue-600 font-medium">制作计划书</text>
         </view>
       </view>
     </view>

@@ -42,8 +42,7 @@
     <!-- 金额显示弹窗 -->
     <nut-popup
       v-model:visible="showAmountModal"
-      position="center"
-      :style="{ padding: '0', borderRadius: '24rpx', overflow: 'hidden' }"
+      :style="{ padding: '0', borderRadius: '24rpx', overflow: 'hidden', top: '40%' }"
       :overlay-style="{ backgroundColor: 'rgba(0, 0, 0, 0.5)' }"
       :close-on-click-overlay="false"
     >

@@ -58,11 +58,11 @@
 
           <!-- 查看更多按钮优化 -->
           <view
-            class="flex items-center bg-gray-50 hover:bg-gray-100 active:bg-gray-200 px-[20rpx] py-[10rpx] rounded-full transition-colors"
+            class="flex items-center px-[12rpx] py-[6rpx] rounded-full active:bg-gray-50 transition-colors"
             @tap="go('/pages/product-center/index')"
           >
-            <text class="text-[24rpx] text-gray-600 mr-[4rpx] font-medium">全部</text>
-            <IconFont name="rectRight" size="10" class="text-gray-400" />
+            <text class="text-[26rpx] text-gray-500 mr-[2rpx]">全部</text>
+            <IconFont name="rectRight" size="12" color="#9CA3AF" />
           </view>
         </view>
 
@@ -95,11 +95,11 @@
 
           <!-- 查看更多按钮优化 -->
           <view
-            class="flex items-center bg-gray-50 hover:bg-gray-100 active:bg-gray-200 px-[20rpx] py-[10rpx] rounded-full transition-colors"
+            class="flex items-center px-[12rpx] py-[6rpx] rounded-full active:bg-gray-50 transition-colors"
             @tap="go('/pages/week-hot-material/index')"
           >
-            <text class="text-[24rpx] text-gray-600 mr-[4rpx] font-medium">全部</text>
-            <IconFont name="rectRight" size="10" class="text-gray-400" />
+            <text class="text-[26rpx] text-gray-500 mr-[2rpx]">全部</text>
+            <IconFont name="rectRight" size="12" color="#9CA3AF" />
           </view>
         </view>