style(AdPage): 调整分享按钮位置并优化样式

将分享按钮从左上角移至右上角，避免与系统胶囊按钮重叠
同时调整按钮内边距，移除多余外边距，提升视觉一致性

@@ -19,13 +19,14 @@
 
 
 .share-button-container {
 .share-button-container {
   position: absolute;
   position: absolute;
-    top: 30rpx;
-    left: 30rpx;
+  top: 30rpx; /* 避开胶囊按钮 */
+  right: 30rpx;
   z-index: 10;
   z-index: 10;
 }
 }
 
 
 .share-button {
 .share-button {
-    padding: 1rpx 24rpx;
+  margin: 0;
+  padding: 10rpx 24rpx;
   background: rgba(0, 0, 0, 0.6);
   background: rgba(0, 0, 0, 0.6);
   color: white;
   color: white;
   border: none;
   border: none;
@@ -160,19 +161,19 @@
   font-size: 32rpx;
   font-size: 32rpx;
   color: #666;
   color: #666;
   font-weight: 500;
   font-weight: 500;
-  }
+}
 
 
-  // 骨架屏样式
-  .skeleton-container {
+// 骨架屏样式
+.skeleton-container {
   position: absolute;
   position: absolute;
   top: 0;
   top: 0;
   left: 0;
   left: 0;
   width: 100%;
   width: 100%;
   height: 100vh;
   height: 100vh;
   z-index: 1;
   z-index: 1;
-  }
+}
 
 
-  .skeleton-image {
+.skeleton-image {
   width: 100%;
   width: 100%;
   height: 100%;
   height: 100%;
   background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
   background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
@@ -184,72 +185,68 @@
   flex-direction: column;
   flex-direction: column;
   justify-content: center;
   justify-content: center;
   align-items: center;
   align-items: center;
-  }
+}
 
 
-  .skeleton-shimmer {
+.skeleton-shimmer {
   position: absolute;
   position: absolute;
   top: 0;
   top: 0;
   left: -100%;
   left: -100%;
   width: 100%;
   width: 100%;
   height: 100%;
   height: 100%;
-    background: linear-gradient(
-      90deg,
-      transparent,
-      rgba(255, 255, 255, 0.4),
-      transparent
-    );
+  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.4), transparent);
   animation: shimmer 1.5s infinite;
   animation: shimmer 1.5s infinite;
-  }
+}
 
 
-  .skeleton-text {
+.skeleton-text {
   position: relative;
   position: relative;
   z-index: 2;
   z-index: 2;
   text-align: center;
   text-align: center;
   color: #666;
   color: #666;
-  }
+}
 
 
-  .loading-title {
+.loading-title {
   font-size: 36rpx;
   font-size: 36rpx;
   font-weight: 600;
   font-weight: 600;
   margin-bottom: 16rpx;
   margin-bottom: 16rpx;
   opacity: 0.8;
   opacity: 0.8;
-  }
+}
 
 
-  .loading-subtitle {
+.loading-subtitle {
   font-size: 28rpx;
   font-size: 28rpx;
   opacity: 0.6;
   opacity: 0.6;
   animation: pulse 2s infinite;
   animation: pulse 2s infinite;
-  }
+}
 
 
-  @keyframes skeleton-loading {
+@keyframes skeleton-loading {
   0% {
   0% {
     background-position: 200% 0;
     background-position: 200% 0;
   }
   }
   100% {
   100% {
     background-position: -200% 0;
     background-position: -200% 0;
   }
   }
-  }
+}
 
 
-  @keyframes shimmer {
+@keyframes shimmer {
   0% {
   0% {
     left: -100%;
     left: -100%;
   }
   }
   100% {
   100% {
     left: 100%;
     left: 100%;
   }
   }
-  }
+}
 
 
-  @keyframes pulse {
-    0%, 100% {
+@keyframes pulse {
+  0%,
+  100% {
     opacity: 0.6;
     opacity: 0.6;
   }
   }
   50% {
   50% {
     opacity: 0.3;
     opacity: 0.3;
   }
   }
-  }
+}
 
 
-  // 手动刷新样式
-  .manual-refresh-container {
+// 手动刷新样式
+.manual-refresh-container {
   position: absolute;
   position: absolute;
   top: 0;
   top: 0;
   left: 0;
   left: 0;
@@ -260,9 +257,9 @@
   align-items: center;
   align-items: center;
   background-color: #f8f9fa;
   background-color: #f8f9fa;
   z-index: 2;
   z-index: 2;
-  }
+}
 
 
-  .refresh-content {
+.refresh-content {
   text-align: center;
   text-align: center;
   padding: 60rpx 40rpx;
   padding: 60rpx 40rpx;
   background: white;
   background: white;
@@ -270,36 +267,36 @@
   box-shadow: 0 8rpx 32rpx rgba(0, 0, 0, 0.1);
   box-shadow: 0 8rpx 32rpx rgba(0, 0, 0, 0.1);
   margin: 0 40rpx;
   margin: 0 40rpx;
   max-width: 600rpx;
   max-width: 600rpx;
-  }
+}
 
 
-  .refresh-icon {
+.refresh-icon {
   font-size: 80rpx;
   font-size: 80rpx;
   margin-bottom: 24rpx;
   margin-bottom: 24rpx;
-  }
+}
 
 
-  .refresh-title {
+.refresh-title {
   font-size: 36rpx;
   font-size: 36rpx;
   font-weight: 600;
   font-weight: 600;
   color: #333;
   color: #333;
   margin-bottom: 16rpx;
   margin-bottom: 16rpx;
-  }
+}
 
 
-  .refresh-subtitle {
+.refresh-subtitle {
   font-size: 28rpx;
   font-size: 28rpx;
   color: #666;
   color: #666;
   margin-bottom: 40rpx;
   margin-bottom: 40rpx;
   line-height: 1.5;
   line-height: 1.5;
-  }
+}
 
 
-  .refresh-steps {
+.refresh-steps {
   text-align: left;
   text-align: left;
   background: #f8f9fa;
   background: #f8f9fa;
   border-radius: 12rpx;
   border-radius: 12rpx;
   padding: 32rpx;
   padding: 32rpx;
   margin-top: 20rpx;
   margin-top: 20rpx;
-  }
+}
 
 
-  .step-item {
+.step-item {
   font-size: 30rpx;
   font-size: 30rpx;
   color: #333;
   color: #333;
   line-height: 1.6;
   line-height: 1.6;
@@ -308,10 +305,10 @@
   &:last-child {
   &:last-child {
     margin-bottom: 0;
     margin-bottom: 0;
   }
   }
-  }
+}
 
 
-  // 错误提示样式
-  .error-container {
+// 错误提示样式
+.error-container {
   position: absolute;
   position: absolute;
   top: 0;
   top: 0;
   left: 0;
   left: 0;
@@ -323,15 +320,15 @@
   align-items: center;
   align-items: center;
   background-color: #f5f5f5;
   background-color: #f5f5f5;
   z-index: 1;
   z-index: 1;
-  }
+}
 
 
-  .error-text {
+.error-text {
   font-size: 32rpx;
   font-size: 32rpx;
   color: #999;
   color: #999;
   margin-bottom: 40rpx;
   margin-bottom: 40rpx;
-  }
+}
 
 
-  .retry-button {
+.retry-button {
   padding: 20rpx 40rpx;
   padding: 20rpx 40rpx;
   background-color: #007aff;
   background-color: #007aff;
   color: white;
   color: white;
@@ -342,4 +339,4 @@
   &:active {
   &:active {
     background-color: #0056cc;
     background-color: #0056cc;
   }
   }
-  }
+}