fix: avatar page

pages/avatar/index.vue

@@ -25,7 +25,12 @@
     </view>
 
     <view class="preview-card">
+      <view class="premium-tag">
+        <uni-icons type="info" size="12" color="#fff"></uni-icons>
+        <text>分享或保存即可去除水印</text>
+      </view>
       <view class="preview-square">
+        <view class="watermark">年禧集.马年春节祝福</view>
         <image
           class="avatar-img"
           :src="currentAvatar?.imageUrl"
@@ -786,20 +791,51 @@ onShareAppMessage(async () => {
   margin: 0 30rpx 30rpx;
   padding: 40rpx;
   border-radius: 32rpx;
+  position: relative;
   display: flex;
   flex-direction: column;
   align-items: center;
   box-shadow: 0 4rpx 20rpx rgba(0, 0, 0, 0.05);
 
+  .premium-tag {
+    position: absolute;
+    top: 20rpx;
+    right: 0rpx;
+    background: linear-gradient(90deg, #ff8d42, #ff3b30);
+    color: #fff;
+    font-size: 20rpx;
+    padding: 8rpx 30rpx 8rpx 20rpx;
+    border-radius: 20rpx 0 0 20rpx;
+    z-index: 10;
+    display: flex;
+    align-items: center;
+    gap: 6rpx;
+    box-shadow: 0 4rpx 12rpx rgba(255, 59, 48, 0.3);
+    transform: translateX(10rpx);
+  }
+
   .preview-square {
+    position: relative;
     width: 600rpx;
     height: 600rpx;
-    background: #f0f0f0;
+    background: #fff;
-    position: relative;
+    border-radius: 32rpx;
-    border-radius: 24rpx;
     overflow: hidden;
     box-shadow: 0 8rpx 30rpx rgba(0, 0, 0, 0.1);
 
+    .watermark {
+      position: absolute;
+      top: 50%;
+      left: 50%;
+      transform: translate(-50%, -50%) rotate(-45deg);
+      font-size: 36rpx;
+      color: rgba(255, 255, 255, 0.2);
+      font-weight: bold;
+      pointer-events: none;
+      white-space: nowrap;
+      z-index: 10;
+    }
+
     .avatar-img {
       width: 100%;
       height: 100%;
@@ -849,6 +885,7 @@ onShareAppMessage(async () => {
   padding: 0 30rpx;
   display: flex;
   gap: 20rpx;
+  margin-bottom: 30rpx;
 
   .btn {
     flex: 1;