feat: 新增分销分佣结算、商家认证及草稿管理功能，优化界面与版本更新

uniapp/pages/detail/detail.vue

@@ -122,8 +122,11 @@
 				</view>
 			</view>
 			<view v-else class="detail__locked">
-				<image class="fc-icon fc-icon--xl" :src="iconUrl('lock')" mode="aspectFit" />
-				<text class="detail__locked-text">非会员查看完整联系方式需付费或开通会员</text>
+				<view class="detail__locked-halo">
+					<image class="detail__locked-icon" :src="iconUrl('lock')" mode="aspectFit" />
+				</view>
+				<text class="detail__locked-title">联系方式已受保护</text>
+				<text class="detail__locked-text">开通会员或单次付费即可立即解锁完整手机号与微信</text>
 				<view class="detail__pay-type">
 					<view class="detail__pay-item" :class="{ 'detail__pay-item--active': payType === 'balance' }"
 						@click="payType = 'balance'"><text>余额支付</text></view>
@@ -842,20 +845,68 @@ export default {
 	font-size: $fc-font-sm;
 	color: $fc-text-placeholder;
 }
+.detail {
+	min-height: 100vh;
+	padding-bottom: calc(180rpx + env(safe-area-inset-bottom));
+	box-sizing: border-box;
+}
 .detail__bar-space {
-	height: 160rpx;
+	height: calc(160rpx + env(safe-area-inset-bottom));
 }
 .detail__bar {
 	position: fixed;
 	left: 0;
 	right: 0;
 	bottom: 0;
+	z-index: 99;
 	display: flex;
 	align-items: center;
-	padding: 14rpx 24rpx;
+	padding: 16rpx 24rpx calc(16rpx + env(safe-area-inset-bottom));
 	background: #ffffff;
 	border-top: 2rpx solid $fc-border;
-	box-shadow: 0 -6rpx 24rpx rgba(4, 48, 30, 0.08);
+	box-shadow: 0 -8rpx 28rpx rgba(4, 48, 30, 0.08);
+}
+.detail__bar-item {
+	cursor: pointer;
+	transition: transform 0.15s ease;
+	&:active {
+		transform: scale(0.92);
+	}
+}
+.detail__bar-main {
+	cursor: pointer;
+	transition: transform 0.15s ease;
+	&:active {
+		transform: scale(0.97);
+	}
+}
+.detail__locked {
+	display: flex;
+	flex-direction: column;
+	align-items: center;
+	padding: 36rpx 20rpx 24rpx;
+}
+.detail__locked-halo {
+	width: 104rpx;
+	height: 104rpx;
+	border-radius: 50%;
+	background: #eefbf4;
+	border: 2rpx solid rgba(0, 224, 112, 0.25);
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	box-shadow: 0 6rpx 20rpx rgba(4, 48, 30, 0.08);
+	margin-bottom: 16rpx;
+}
+.detail__locked-icon {
+	width: 52rpx;
+	height: 52rpx;
+}
+.detail__locked-title {
+	font-size: 30rpx;
+	font-weight: 700;
+	color: $fc-text;
+	margin-bottom: 6rpx;
 }
 .detail__bar-item {
 	width: 110rpx;
@@ -879,7 +930,7 @@ export default {
 	display: flex;
 	align-items: center;
 	justify-content: center;
-	box-shadow: 0 8rpx 24rpx rgba(4, 48, 30, 0.3);
+	box-shadow: 0 8rpx 24rpx rgba(0, 224, 112, 0.38);
 }
 .detail__mask {
 	position: fixed;