feat: 样式调整

pages/channel-detail/index.wxss

@@ -56,8 +56,58 @@
   font-size: 26rpx;
   font-weight: 500;
   color: rgba(255, 255, 255, 0.8);
-  margin-bottom: 40rpx;
+  margin-bottom: 12rpx;
 }
+.hero-desc {
+  display: -webkit-box;
+  -webkit-line-clamp: 2;
+  -webkit-box-orient: vertical;
+  overflow: hidden;
+  font-size: 24rpx;
+  color: rgba(255, 255, 255, 0.65);
+  line-height: 1.6;
+  text-align: center;
+  padding: 0 48rpx;
+  margin-bottom: 12rpx;
+}
+.hero-stats {
+  display: flex;
+  align-items: center;
+  gap: 10rpx;
+  margin-bottom: 32rpx;
+}
+.hero-stat {
+  font-size: 22rpx;
+  color: rgba(255, 255, 255, 0.55);
+  font-weight: 500;
+}
+.hero-stat-dot {
+  font-size: 22rpx;
+  color: rgba(255, 255, 255, 0.35);
+}
+
+/* 按钮区 */
+.hero-action-row {
+  display: flex;
+  align-items: center;
+  gap: 20rpx;
+  z-index: 10;
+}
+.hero-share-inline-btn {
+  width: 72rpx;
+  height: 72rpx;
+  border-radius: 50%;
+  background: rgba(255, 255, 255, 0.2);
+  backdrop-filter: blur(10px);
+  border: 2rpx solid rgba(255, 255, 255, 0.3);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding: 0;
+  margin: 0;
+}
+.hero-share-inline-btn::after { border: none; }
+.hero-share-inline-btn:active { transform: scale(0.92); }
 
 .hero-sub-btn {
   padding: 16rpx 56rpx;
@@ -121,7 +171,7 @@
 /* 按钮变体 */
 .hero-sub-btn.free-btn    { background: #2ECC71; color: #FFF; box-shadow: 0 8rpx 24rpx rgba(46,204,113,0.3); }
 .hero-sub-btn.vip-btn     { background: linear-gradient(135deg, #FBBF24, #D97706); color: #1F2937; box-shadow: 0 8rpx 24rpx rgba(251,191,36,0.35); }
-.hero-sub-btn.renew-btn   { background: linear-gradient(135deg, #FF9D42, #FF7832); color: #FFF; box-shadow: 0 8rpx 24rpx rgba(255,120,50,0.35); }
+.hero-sub-btn.renew-btn   { background: linear-gradient(135deg, #FF9E6D, #FF7832); color: #FFF; box-shadow: 0 8rpx 24rpx rgba(255,120,50,0.35); }
 
 /* 波浪 */
 .hero-wave {