From d39bb8e290958b8ea9a8b82778360411ea37663e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=BE=90=E9=A3=9E=E6=B4=8B?=
 <15778543+xufeiyang6017@user.noreply.gitee.com>
Date: Wed, 3 Dec 2025 15:17:36 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BC=98=E5=8C=96=E5=8D=96=E5=AE=B6=E9=A1=B5?=
 =?UTF-8?q?=E9=9D=A2=E6=A0=B7=E5=BC=8F=EF=BC=9A=E7=BB=9F=E4=B8=80=E6=8C=89?=
 =?UTF-8?q?=E9=92=AE=E5=AD=97=E4=BD=93=E3=80=81=E6=90=9C=E7=B4=A2=E6=8C=89?=
 =?UTF-8?q?=E9=92=AE=E5=B1=85=E4=B8=AD=E3=80=81=E4=B8=8B=E6=9E=B6=E8=B4=A7?=
 =?UTF-8?q?=E6=BA=90=E6=B7=BB=E5=8A=A0=E7=A9=BA=E7=99=BD=E9=A1=B5=E3=80=81?=
 =?UTF-8?q?=E6=9C=AA=E5=85=A5=E9=A9=BB=E6=8C=89=E9=92=AE=E7=BA=A2=E8=89=B2?=
 =?UTF-8?q?=E6=98=BE=E7=A4=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 pages/seller/index.wxml | 135 ++++++-----
 pages/seller/index.wxss | 510 +++++++++++++++++++++++++++++++++++++---
 2 files changed, 547 insertions(+), 98 deletions(-)

diff --git a/pages/seller/index.wxml b/pages/seller/index.wxml
index 2c5cb80..955270f 100644
--- a/pages/seller/index.wxml
+++ b/pages/seller/index.wxml
@@ -1,38 +1,36 @@
 <view class="container {{pageScrollLock ? 'page-scroll-lock' : ''}}" 
-      style="align-items: flex-start; padding: 20rpx; width: 100%; max-width: 100vw; overflow-x: hidden; position: relative; box-sizing: border-box;"
+      style="align-items: flex-start; padding: 0; width: 100%; max-width: 100vw; overflow-x: hidden; position: relative; box-sizing: border-box;"
       catchtouchmove="{{touchMoveBlocked ? 'preventTouchMove' : ''}}">
-  <view style="display: flex; justify-content: space-between; align-items: center; width: 90%; margin-bottom: 20rpx;">
-    <view class="title">我的货源</view>
-    <view style="display: flex; align-items: center; gap: 10rpx;">
+<view class="title">我的货源</view>
+  <!-- 标题栏 -->
+  <view class="title-bar">
+    <view class="title-bar-actions">
       <button 
         bindtap="contactCustomerService"
         class="customer-service-btn"
       >
         联系客服
       </button>
-      <view style="color: {{partnerstatus === 'approved' ? '#52c41a' : '#f5222d'}}; font-size: 24rpx;">
-        {{partnerstatus === 'approved' ? '已入驻' : '未入驻'}}
-      </view>
       <button 
-        bindtap="applyForSettlement"
-        class="apply-settlement-btn"
-      >
-        {{partnerstatus === 'approved' ? '已入驻' : '入驻'}}
-      </button>
+    bindtap="applyForSettlement"
+    class="apply-settlement-btn {{partnerstatus !== 'approved' ? 'not-approved' : ''}}"
+  >
+    {{partnerstatus === 'approved' ? '已入驻' : '未入驻'}}
+  </button>
     </view>
   </view>
   
   <!-- 搜索框 -->
-  <view style="width: 100%; display: flex; justify-content: center; margin-bottom: 20rpx;">
-    <view style="width: 90%; display: flex; border: 1rpx solid #ddd; border-radius: 40rpx; overflow: hidden;">
+  <view class="search-container">
+    <view class="search-box">
       <input 
-        style="flex: 1; padding: 20rpx 30rpx;"
+        class="search-input"
         placeholder="搜索货源名称或品种" 
         bindinput="onSearchInput" 
         value="{{searchKeyword}}"
       />
       <button 
-        style="background-color: #52c41a; color: white; font-size: 26rpx; height: 80rpx; line-height: 80rpx; padding: 0 30rpx;"
+        class="search-btn"
         bindtap="searchSupplies"
       >
         搜索
@@ -60,60 +58,73 @@
     
     <block wx:if="{{isPublishedExpanded}}">
       <block wx:if="{{publishedSupplies.length > 0}}">
-        <view wx:for="{{publishedSupplies}}" wx:key="id" class="card" style="width: 100%;">
-          <!-- 图片和信息1:1比例并排显示 -->
-          <view style="display: flex; width: 100%; border-radius: 8rpx; overflow: hidden; background-color: #f5f5f5;">
-            <!-- 左侧图片区域 50%宽度 -->
-            <view style="width: 50%; position: relative;">
-              <!-- 第一张图片 -->
-              <view wx:if="{{item.imageUrls && item.imageUrls.length > 0}}" style="width: 100%; height: 100%;">
-                <image src="{{item.imageUrls[0]}}" mode="aspectFill" style="width: 100%; height: 100%;" bindtap="previewImage" data-urls="{{item.imageUrls}}" data-index="0" binderror="imageError" bindload="imageLoad" 
-                  loading="lazy" 
-                  fallback-src="../../images/logo.svg">
-                </image>
-              </view>
-              <view wx:else style="width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; color: #999;">
+        <view wx:for="{{publishedSupplies}}" wx:key="id" class="supply-card">
+          <!-- 垂直布局：图片在上，信息在下 -->
+          <view class="card-image-section">
+            <!-- 图片展示区域 -->
+            <view class="image-container">
+              <!-- 图片轮播 -->
+              <swiper 
+                class="image-swiper" 
+                current="{{item.currentImageIndex || 0}}" 
+                bindchange="swiperChange"
+                data-id="{{item.id}}">
+                <block wx:for="{{item.imageUrls}}" wx:for-item="img" wx:for-index="idx" wx:key="idx">
+                  <swiper-item>
+                    <image src="{{img}}" mode="aspectFill" class="supply-image" bindtap="previewImage" data-urls="{{item.imageUrls}}" data-index="{{idx}}" 
+                      loading="lazy" 
+                      fallback-src="../../images/logo.svg"></image>
+                  </swiper-item>
+                </block>
+              </swiper>
+              <!-- 无图片占位 -->
+              <view wx:if="{{!item.imageUrls || item.imageUrls.length === 0}}" class="no-image">
                 <text>暂无图片</text>
               </view>
-              <!-- 剩余图片可滑动区域 -->
-              <view wx:if="{{item.imageUrls && item.imageUrls.length > 1}}" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%;">
-                <swiper 
-                  class="image-swiper" 
-                  style="width: 100%; height: 100%;" 
-                  current="{{item.currentImageIndex || 0}}" 
-                  bindchange="swiperChange"
-                  data-id="{{item.id}}">
-                  <block wx:for="{{item.imageUrls}}" wx:for-item="img" wx:for-index="idx" wx:key="idx">
-                    <swiper-item>
-                      <image src="{{img}}" mode="aspectFill" style="width: 100%; height: 100%;" bindtap="previewImage" data-urls="{{item.imageUrls}}" data-index="{{idx}}"></image>
-                    </swiper-item>
-                  </block>
-                </swiper>
-                <!-- 显示页码指示器 -->
-                <view style="position: absolute; bottom: 10rpx; right: 10rpx; background-color: rgba(0,0,0,0.5); color: white; padding: 5rpx 10rpx; border-radius: 15rpx; font-size: 20rpx;">
-                  {{(item.currentImageIndex || 0) + 1}}/{{item.imageUrls.length}}
-                </view>
+              <!-- 显示页码指示器 -->
+              <view wx:if="{{item.imageUrls && item.imageUrls.length > 1}}" class="swiper-pagination">
+                {{(item.currentImageIndex || 0) + 1}}/{{item.imageUrls.length}}
               </view>
             </view>
+          </view>
             
-            <!-- 右侧信息区域 50%宽度 -->
-            <view style="width: 50%; padding: 15rpx; display: flex; flex-direction: column; justify-content: space-between; background-color: white; border-left: 1rpx solid #f0f0f0;">
-              <view>
-                <view style="font-size: 28rpx; font-weight: bold; word-break: break-word;">{{item.name}}
-                  <view style="display: inline-block; margin-left: 10rpx; font-size: 18rpx; color: #fff; background-color: #52c41a; padding: 2rpx 8rpx; border-radius: 10rpx;">已上架</view>
+            <!-- 信息区域 -->
+            <view class="card-info-section">
+              <view class="supply-name-row">
+                <view class="supply-name">{{item.name}}</view>
+                <view class="supply-status published">已上架</view>
+              </view>
+              <view class="supply-details">
+                <view class="detail-item">
+                  <text class="detail-label">蛋黄:</text>
+                  <text class="detail-value">{{item.yolk || '无'}}</text>
+                </view>
+                <view class="detail-item">
+                  <text class="detail-label">规格:</text>
+                  <text class="detail-value">{{item.spec || '无'}}</text>
+                </view>
+                <view class="detail-item">
+                  <text class="detail-label">件数:</text>
+                  <text class="detail-value">{{item.minOrder}}件</text>
+                </view>
+                <view class="detail-item">
+                  <text class="detail-label">斤重:</text>
+                  <text class="detail-value">{{item.grossWeight || ''}}斤</text>
+                </view>
+                <view class="detail-item">
+                  <text class="detail-label">地区:</text>
+                  <text class="detail-value">{{item.region || '未设置'}}</text>
+                </view>
+                <view class="detail-item">
+                  <text class="detail-label">创建时间:</text>
+                  <text class="detail-value">{{item.formattedCreatedAt}}</text>
                 </view>
-                <view style="font-size: 24rpx; color: #666; margin-top: 8rpx;">蛋黄: {{item.yolk || '无'}}</view>
-                <view style="font-size: 24rpx; color: #666; margin-top: 8rpx;">规格: {{item.spec || '无'}}</view>
-                <view style="color: #f5222d; font-size: 24rpx; margin-top: 8rpx;">件数: {{item.minOrder}}件</view>
-                <view style="color: #1677ff; font-size: 24rpx; margin-top: 8rpx;">斤重: {{item.grossWeight || ''}}斤</view>
-                <view style="color: #722ed1; font-size: 24rpx; margin-top: 8rpx;">地区: {{item.region || '未设置'}}</view> 
-                <view style="font-size: 22rpx; color: #999; margin-top: 8rpx;">创建时间: {{item.formattedCreatedAt}}</view>
               </view>
               
               <!-- 按钮区域 -->
-              <view style="display: flex; justify-content: center; align-items: center; margin-top: 10rpx;">
+              <view class="card-actions">
                 <button 
-                  style="background-color: #f5222d; color: white; font-size: 22rpx; padding: 0 20rpx; line-height: 60rpx;"
+                  class="action-btn unpublish-btn"
                   bindtap="unpublishSupply"
                   data-id="{{item.id}}"
                 >
@@ -122,7 +133,6 @@
               </view>
             </view>
           </view>
-        </view>
         
         <!-- 已上架货源加载更多 -->
         <view class="load-more" wx:if="{{pagination.published.hasMore}}">
@@ -459,6 +469,9 @@
         暂无下架状态的货源
       </view>
     </block>
+    
+    <!-- 半页空白页 -->
+    <view class="half-page-blank"></view>
   </view>
   
   <!-- 创建货源弹窗 -->
diff --git a/pages/seller/index.wxss b/pages/seller/index.wxss
index 7c08cb3..dc94f92 100644
--- a/pages/seller/index.wxss
+++ b/pages/seller/index.wxss
@@ -1,15 +1,128 @@
 /* pages/seller/index.wxss */
+/* 重置默认样式，确保不继承父类样式 */
+button {
+  margin: 0;
+  padding: 0;
+  border: none;
+  background: none;
+  font-size: inherit;
+  color: inherit;
+  line-height: inherit;
+}
+
+/* 页面容器样式 */
+.container {
+  display: flex;
+  flex-direction: column;
+  justify-content: flex-start;
+  align-items: flex-start;
+  padding: 0 20rpx;
+  box-sizing: border-box;
+  min-height: 100vh;
+  width: 100%;
+  background-color: #fafafa;
+}
+
+/* 页面标题栏 */
+.title-bar {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  width: 100%;
+  margin-bottom: 20rpx;
+  padding: 10rpx 0;
+}
+
+.title-bar .title {
+  display: none;
+}
+
+/* 页面主标题样式 */
+.title {
+  font-size: 40rpx;
+  font-weight: bold;
+  color: #2c3e50;
+  text-shadow: 0 2rpx 4rpx rgba(0, 0, 0, 0.1);
+  letter-spacing: 2rpx;
+  margin: 20rpx 0;
+  align-self: center;
+}
+
+/* 搜索框样式 */
+.search-container {
+  width: 100%;
+  display: flex;
+  justify-content: center;
+  margin-bottom: 20rpx;
+  padding: 0 10rpx;
+}
+
+.search-container .search-box {
+  width: 100%;
+  max-width: 720rpx;
+  display: flex;
+  border: 2rpx solid #d9d9d9;
+  border-radius: 8rpx;
+  overflow: hidden;
+  background-color: white;
+  box-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.06);
+  transition: all 0.3s ease;
+}
+
+.search-container .search-box:focus-within {
+  border-color: #1890ff;
+  box-shadow: 0 0 0 4rpx rgba(24, 144, 255, 0.1);
+}
+
+.search-container input {
+  flex: 1;
+  padding: 24rpx 32rpx;
+  font-size: 28rpx;
+  color: #333;
+  border: none;
+  outline: none;
+  background-color: transparent;
+  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23999' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'%3E%3C/line%3E%3C/svg%3E");
+  background-repeat: no-repeat;
+  background-position: 32rpx center;
+  background-size: 28rpx 28rpx;
+  padding-left: 80rpx;
+}
+
+.search-container button {
+  padding: 0 40rpx;
+  background-color: #1890ff;
+  color: white;
+  font-size: 36rpx;
+  font-weight: 600;
+  text-shadow: 0 2rpx 4rpx rgba(0, 0, 0, 0.2);
+  border: none;
+  outline: none;
+  transition: all 0.2s ease;
+  border-radius: 0 8rpx 8rpx 0;
+  text-align: center;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+
+.search-container button:active {
+  background-color: #40a9ff;
+  transform: translateY(1rpx);
+  box-shadow: inset 0 2rpx 4rpx rgba(0, 0, 0, 0.1);
+}
+
 /* 立体玻璃质感按钮基础样式 */
 .glass-btn {
   position: relative;
   overflow: hidden;
   border: none;
-  padding: 28rpx 40rpx;
+  padding: 32rpx 45rpx;
   font-size: 32rpx;
   font-weight: 600;
-  border-radius: 16rpx;
+  border-radius: 20rpx;
   box-shadow: 
-    0 8rpx 24rpx rgba(0, 0, 0, 0.15),
+    0 10rpx 28rpx rgba(0, 0, 0, 0.15),
     0 0 0 1rpx rgba(255, 255, 255, 0.3) inset,
     0 1rpx 0 rgba(255, 255, 255, 0.2) inset;
   text-shadow: 0 2rpx 4rpx rgba(0, 0, 0, 0.2);
@@ -18,62 +131,58 @@
   backdrop-filter: blur(10rpx);
   -webkit-backdrop-filter: blur(10rpx);
   white-space: nowrap;
-  width: auto;
-  min-width: 80%;
+  width: 100%;
   text-align: center;
+  margin-bottom: 20rpx;
 }
 
 /* 按压效果 */
 .glass-btn:active {
-  transform: translateY(2rpx);
+  transform: translateY(3rpx);
   box-shadow: 
-    0 4rpx 12rpx rgba(0, 0, 0, 0.1),
+    0 5rpx 15rpx rgba(0, 0, 0, 0.1),
     0 0 0 1rpx rgba(255, 255, 255, 0.2) inset,
     0 1rpx 0 rgba(255, 255, 255, 0.1) inset;
 }
 
 /* 主按钮 - 蓝色玻璃效果 */
 .primary-glass-btn {
-  background: rgba(22, 119, 255, 0.7);
+  background: linear-gradient(135deg, rgba(22, 119, 255, 0.8), rgba(33, 150, 243, 0.7));
   color: white;
   box-shadow: 
-    0 8rpx 24rpx rgba(22, 119, 255, 0.3),
+    0 10rpx 28rpx rgba(22, 119, 255, 0.3),
     0 0 0 1rpx rgba(255, 255, 255, 0.3) inset,
     0 1rpx 0 rgba(255, 255, 255, 0.2) inset;
 }
 
 /* 联系客服按钮样式 */
 .customer-service-btn {
-  background: #f0f0f0;
-  color: black;
-  font-size: 30rpx;
-  width: 70rpx;
-  height: 80rpx;
-  line-height: 70rpx;
-  padding: 0;
-  border-radius: 500rpx;
-  border: 1rpx solid #d9d9d9;
-  box-shadow: 
-    0 4rpx 16rpx rgba(0, 0, 0, 0.1),
-    0 1rpx 0 rgba(255, 255, 255, 0.5) inset;
-  transition: all 0.3s ease;
+  background: #1890ff;
+  color: white;
+  font-size: 32rpx;
+  font-weight: 600;
+  text-shadow: 0 2rpx 4rpx rgba(0, 0, 0, 0.2);
+  padding: 15rpx 25rpx;
+  border-radius: 8rpx;
+  border: none;
+  box-shadow: 0 2rpx 4rpx rgba(24, 144, 255, 0.2);
+  transition: all 0.2s ease;
   white-space: nowrap;
   text-align: center;
 }
 
 .customer-service-btn:active {
-  transform: translateY(2rpx);
-  background: #f5f5f5;
-  box-shadow: 
-    0 2rpx 8rpx rgba(0, 0, 0, 0.08),
-    0 1rpx 0 rgba(255, 255, 255, 0.3) inset;
+  transform: translateY(1rpx);
+  background: #40a9ff;
+  box-shadow: 0 1rpx 2rpx rgba(24, 144, 255, 0.15);
 }
 
-/* 服务区域容器 */
-.service-container {
+/* 标题栏操作区域 */
+.title-bar-actions {
   display: flex;
   align-items: center;
-  gap: 20rpx;
+  gap: 15rpx;
+  padding: 0 20rpx;
 }
 
 /* 未入驻状态样式 */
@@ -85,22 +194,332 @@
 
 /* 入驻按钮样式 */
 .apply-settlement-btn {
-  background: #1677ff;
+  background: #52c41a;
   color: white;
-  font-size: 28rpx;
-  padding: 10rpx 20rpx;
+  font-size: 32rpx;
+  font-weight: 600;
+  text-shadow: 0 2rpx 4rpx rgba(0, 0, 0, 0.2);
+  padding: 15rpx 25rpx;
   border-radius: 8rpx;
   border: none;
-  box-shadow: none;
+  box-shadow: 0 2rpx 4rpx rgba(82, 196, 26, 0.2);
   transition: all 0.2s ease;
   min-width: 100rpx;
   text-align: center;
 }
 
 .apply-settlement-btn:active {
-  background: #4096ff;
-  transform: none;
-  box-shadow: none;
+  transform: translateY(1rpx);
+  background: #73d13d;
+  box-shadow: 0 1rpx 2rpx rgba(82, 196, 26, 0.15);
+}
+
+/* 未入驻状态按钮 - 红色 */
+.apply-settlement-btn.not-approved {
+  background: #ff4d4f;
+  box-shadow: 0 2rpx 4rpx rgba(255, 77, 79, 0.2);
+}
+
+.apply-settlement-btn.not-approved:active {
+  transform: translateY(1rpx);
+  background: #ff7875;
+  box-shadow: 0 1rpx 2rpx rgba(255, 77, 79, 0.15);
+}
+
+/* 货源分类标题 */
+.supply-category {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  margin-bottom: 20rpx;
+  padding: 0 10rpx;
+}
+
+.supply-category .category-title {
+  font-size: 32rpx;
+  font-weight: bold;
+  margin: 0;
+}
+
+.supply-category .expand-icon {
+  width: 50rpx;
+  height: 30rpx;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  font-size: 28rpx;
+  border-radius: 15rpx;
+  background-color: rgba(0, 0, 0, 0.05);
+}
+
+/* 卡片样式 */
+.card {
+  width: 100%;
+  margin-bottom: 30rpx;
+  background-color: white;
+  border-radius: 12rpx;
+  overflow: hidden;
+  box-shadow: 0 4rpx 16rpx rgba(0, 0, 0, 0.08);
+}
+
+/* 卡片内容布局 */
+.card-content {
+  display: flex;
+  width: 100%;
+  flex-direction: column;
+}
+
+/* 图片区域 */
+.card-image {
+  width: 100%;
+  height: 360rpx;
+  position: relative;
+}
+
+.card-image image {
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
+}
+
+/* 信息区域 */
+.card-info {
+  padding: 24rpx;
+  background-color: white;
+}
+
+/* 商品标题 */
+.card-title {
+  font-size: 32rpx;
+  font-weight: bold;
+  color: #333;
+  margin-bottom: 16rpx;
+  word-break: break-word;
+  line-height: 1.4;
+}
+
+/* 商品状态标签 */
+.status-tag {
+  display: inline-block;
+  margin-left: 10rpx;
+  font-size: 20rpx;
+  color: #fff;
+  padding: 4rpx 12rpx;
+  border-radius: 12rpx;
+  vertical-align: middle;
+}
+
+.status-tag.published {
+  background-color: #52c41a;
+}
+
+.status-tag.pending {
+  background-color: #1677ff;
+}
+
+.status-tag.rejected {
+  background-color: #f5222d;
+}
+
+.status-tag.draft {
+  background-color: #999;
+}
+
+/* 商品详细信息 */
+.card-details {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 20rpx 40rpx;
+  margin-bottom: 24rpx;
+}
+
+.detail-item {
+  display: flex;
+  align-items: center;
+  font-size: 26rpx;
+  color: #666;
+  margin-bottom: 12rpx;
+}
+
+.detail-item .detail-label {
+  color: #999;
+  margin-right: 12rpx;
+  min-width: 60rpx;
+}
+
+.detail-item .detail-value {
+  color: #333;
+  font-weight: 500;
+}
+
+/* 货源卡片样式 */
+.supply-card {
+  width: 100%;
+  margin-bottom: 25rpx;
+  background-color: white;
+  border-radius: 16rpx;
+  overflow: hidden;
+  box-shadow: 0 4rpx 16rpx rgba(0, 0, 0, 0.08);
+  transition: all 0.3s ease;
+}
+
+.supply-card:hover {
+  box-shadow: 0 6rpx 20rpx rgba(0, 0, 0, 0.12);
+}
+
+/* 卡片图片区域 */
+.card-image-section {
+  width: 100%;
+  height: 360rpx;
+  position: relative;
+  background-color: #f5f5f5;
+}
+
+.image-container {
+  width: 100%;
+  height: 100%;
+  position: relative;
+}
+
+.image-swiper {
+  width: 100%;
+  height: 100%;
+}
+
+.supply-image {
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
+}
+
+.no-image {
+  width: 100%;
+  height: 100%;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  background-color: #f5f5f5;
+  color: #999;
+  font-size: 28rpx;
+}
+
+.swiper-pagination {
+  position: absolute;
+  bottom: 15rpx;
+  right: 15rpx;
+  background-color: rgba(0, 0, 0, 0.6);
+  color: white;
+  padding: 6rpx 12rpx;
+  border-radius: 20rpx;
+  font-size: 22rpx;
+}
+
+/* 卡片信息区域 */
+.card-info-section {
+  padding: 24rpx;
+  background-color: white;
+}
+
+/* 商品名称行 */
+.supply-name-row {
+  display: flex;
+  justify-content: space-between;
+  align-items: flex-start;
+  margin-bottom: 20rpx;
+}
+
+.supply-name {
+  font-size: 32rpx;
+  font-weight: bold;
+  color: #333;
+  flex: 1;
+  margin-right: 15rpx;
+  word-break: break-word;
+  line-height: 1.4;
+}
+
+.supply-status {
+  padding: 6rpx 16rpx;
+  border-radius: 20rpx;
+  font-size: 22rpx;
+  font-weight: 600;
+  color: white;
+  align-self: flex-start;
+}
+
+.supply-status.published {
+  background-color: #52c41a;
+}
+
+.supply-status.pending {
+  background-color: #1677ff;
+}
+
+.supply-status.rejected {
+  background-color: #f5222d;
+}
+
+.supply-status.draft {
+  background-color: #999;
+}
+
+/* 商品详情 */
+.supply-details {
+  margin-bottom: 20rpx;
+}
+
+/* 创建时间 */
+.create-time {
+  font-size: 24rpx;
+  color: #999;
+  margin-bottom: 24rpx;
+}
+
+/* 按钮区域 */
+.card-actions {
+  display: flex;
+  gap: 20rpx;
+  justify-content: center;
+}
+
+/* 统一按钮样式 */
+.action-btn {
+  flex: 1;
+  padding: 18rpx 0;
+  font-size: 28rpx;
+  font-weight: 600;
+  border-radius: 8rpx;
+  border: none;
+  outline: none;
+  transition: all 0.2s ease;
+  text-align: center;
+}
+
+/* 按钮变体 */
+.action-btn.delete {
+  background-color: #f5222d;
+  color: white;
+}
+
+.action-btn.unpublish {
+  background-color: #faad14;
+  color: white;
+}
+
+.action-btn.edit {
+  background-color: #1677ff;
+  color: white;
+}
+
+.action-btn.publish {
+  background-color: #52c41a;
+  color: white;
+}
+
+/* 按钮点击效果 */
+.action-btn:active {
+  transform: translateY(2rpx);
+  opacity: 0.9;
 }
 
 /* 登录授权弹窗样式 - 专门用于登录相关弹窗 */
@@ -155,12 +574,18 @@
   border-radius: 8rpx;
   margin-bottom: 20rpx;
   border: none;
+  font-size: 32rpx;
+  font-weight: 600;
+  text-shadow: 0 2rpx 4rpx rgba(0, 0, 0, 0.2);
 }
 
 .auth-cancel-button {
   background: none;
   color: #666;
   border: none;
+  font-size: 32rpx;
+  font-weight: 600;
+  text-shadow: 0 2rpx 4rpx rgba(0, 0, 0, 0.1);
 }
 
 /* 头像选择样式 */
@@ -173,6 +598,8 @@
   padding: 0;
   background: none;
   border: none;
+  font-size: 32rpx;
+  font-weight: 600;
 }
 
 .auth-avatar {
@@ -213,6 +640,15 @@
   width: 100%;
   border-radius: 8rpx;
   border: none;
+  font-size: 32rpx;
+  font-weight: 600;
+  text-shadow: 0 2rpx 4rpx rgba(0, 0, 0, 0.2);
+}
+
+/* 半页空白页样式 */
+.half-page-blank {
+  height: 50vh;
+  background-color: transparent;
 }
 
 /* 加载更多样式 */