fix: 只要任意一张实名了就可以不强制跳

components/RenewalPaymentPopup.vue

@@ -255,12 +255,13 @@
 
 <style scoped lang="scss">
 	.renewal-popup {
-		width: 620rpx;
+		width: 600rpx;
 		max-width: calc(100vw - 80rpx);
-		padding: 32rpx;
+		padding: 0;
 		box-sizing: border-box;
 		background: #fff;
 		border-radius: 24rpx;
+		overflow: hidden;
 	}
 
 	.popup-header,
@@ -272,63 +273,72 @@
 
 	.popup-header {
 		justify-content: space-between;
+		padding: 30rpx;
+		border-bottom: 1rpx solid var(--border-light);
 	}
 
 	.popup-title {
 		color: var(--text-primary);
-		font-size: 34rpx;
+		font-size: 32rpx;
 		font-weight: 600;
 	}
 
 	.popup-close {
-		width: 52rpx;
-		height: 52rpx;
+		width: 48rpx;
+		height: 48rpx;
 		color: var(--text-tertiary);
-		font-size: 44rpx;
-		line-height: 46rpx;
+		font-size: 40rpx;
+		line-height: 48rpx;
 		text-align: center;
 	}
 
 	.package-summary {
-		margin-top: 28rpx;
-		padding: 22rpx;
-		background: var(--bg-secondary);
-		border-radius: 14rpx;
+		padding: 40rpx 30rpx 30rpx;
+		background: linear-gradient(135deg, rgba(0, 122, 255, 0.05) 0%, rgba(0, 122, 255, 0.02) 100%);
+		border-bottom: 1rpx solid var(--border-light);
+		text-align: center;
 	}
 
 	.summary-label {
 		color: var(--text-tertiary);
-		font-size: 24rpx;
+		font-size: 22rpx;
 	}
 
 	.summary-name {
-		margin-top: 8rpx;
+		margin: 20rpx 0 0;
 		color: var(--text-primary);
-		font-size: 30rpx;
-		font-weight: 600;
-		line-height: 1.5;
+		font-size: 32rpx;
+		font-weight: 700;
+		line-height: 1.4;
 	}
 
 	.payment-methods {
-		margin-top: 24rpx;
+		padding: 30rpx;
 	}
 
 	.method-item {
 		display: flex;
 		align-items: center;
 		justify-content: space-between;
-		padding: 22rpx 0;
-		border-bottom: 1rpx solid var(--border-light);
+		padding: 24rpx;
+		margin-bottom: 20rpx;
+		border: 2rpx solid var(--border-light);
+		border-radius: var(--radius-medium);
+		transition: all 0.3s;
 
-		&.active .method-name { color: var(--primary); }
-	}
+		&:last-child { margin-bottom: 0; }
 
-	.method-left { gap: 16rpx; }
+		&.active {
+			border-color: var(--primary);
+			background: rgba(0, 122, 255, 0.05);
+		}
+}
+
+	.method-left { gap: 20rpx; }
 
 	.method-icon {
-		width: 44rpx;
-		height: 44rpx;
-		border-radius: 10rpx;
+		width: 64rpx;
+		height: 64rpx;
 	}
 
 	.method-badge {
@@ -345,26 +355,41 @@
 	.method-name { color: var(--text-primary); font-size: 28rpx; }
 
 	.method-radio {
-		width: 32rpx;
-		height: 32rpx;
-		border: 2rpx solid var(--border-light);
+		width: 36rpx;
+		height: 36rpx;
+		border: 2rpx solid var(--gray-400);
 		border-radius: 50%;
+		position: relative;
 
 		&.checked {
-			border: 8rpx solid var(--primary);
+			border-color: var(--primary);
+			background: var(--primary);
+
+			&::after {
+				content: '✓';
+				position: absolute;
+				top: 50%;
+				left: 50%;
+				transform: translate(-50%, -50%);
+				color: #fff;
+				font-size: 20rpx;
+				font-weight: 700;
+			}
 		}
 	}
 
 	.method-empty {
-		padding: 28rpx 0;
+		padding: 28rpx;
 		color: var(--text-tertiary);
 		font-size: 26rpx;
 		text-align: center;
 	}
 
 	.popup-footer {
+		display: flex;
+		padding: 30rpx;
 		gap: 20rpx;
-		margin-top: 28rpx;
+		border-top: 1rpx solid var(--border-light);
 
 		button {
 			flex: 1;