.sharepage_container {
	position: relative;
	width: 100%;
	min-height: 100vh;
	background: #F5F0E8;
	
	.background_image {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		z-index: 1;
	}
	
	.page_content {
		position: relative;
		z-index: 2;
		padding: 40rpx 30rpx;
		
		// 头部横幅区域
		.header_banner {
			display: flex;
			align-items: center;
			justify-content: space-between;
			margin-bottom: 60rpx;
			
			.banner_content {
				flex: 1;
				
				.main_title {
					font-size: 48rpx;
					font-weight: bold;
					color: #1d1e25;
					line-height: 1.3;
					margin-bottom: 20rpx;
					display: block;
				}
				
				.sub_title {
					font-size: 28rpx;
					color: #666666;
					line-height: 1.4;
					display: block;
				}
			}
			
			.gift_box {
				width: 120rpx;
				height: 120rpx;
				
				.gift_icon {
					width: 100%;
					height: 100%;
				}
			}
		}
		
		// 通用区域标题
		.section_title {
			font-size: 40rpx;
			font-weight: bold;
			color: #1d1e25;
			margin-bottom: 30rpx;
			display: block;
		}
		
		// 育儿课程区域
		.courses_section {
			margin-bottom: 60rpx;
			
			.courses_scroll {
				width: 100%;
				white-space: nowrap;
				
				.courses_container {
					display: flex;
					gap: 20rpx;
					padding-bottom: 20rpx;
					
					.course_card {
						flex-shrink: 0;
						width: 300rpx;
						background: #ffffff;
						border-radius: 20rpx;
						padding: 30rpx;
						box-shadow: 0 4rpx 20rpx rgba(0, 0, 0, 0.08);
						
						.course_header {
							display: flex;
							align-items: center;
							margin-bottom: 20rpx;
							
							.logo_icon {
								width: 40rpx;
								height: 40rpx;
								margin-right: 10rpx;
							}
							
							.tag_icon {
								width: 20rpx;
								height: 20rpx;
							}
						}
						
						.doctor_image {
							width: 100%;
							height: 200rpx;
							margin-bottom: 20rpx;
							border-radius: 10rpx;
						}
						
						.course_title {
							font-size: 28rpx;
							font-weight: bold;
							color: #1d1e25;
							line-height: 1.3;
							margin-bottom: 10rpx;
							display: block;
						}
						
						.course_subtitle {
							font-size: 24rpx;
							color: #666666;
							margin-bottom: 20rpx;
							display: block;
						}
						
						.doctor_info {
							.doctor_name {
								font-size: 22rpx;
								color: #D3A458;
								margin-bottom: 5rpx;
								display: block;
							}
							
							.doctor_title {
								font-size: 20rpx;
								color: #999999;
								display: block;
							}
						}
					}
				}
			}
			
			.courses_description {
				font-size: 24rpx;
				color: #666666;
				line-height: 1.5;
				margin-top: 20rpx;
				display: block;
			}
		}
		
		// 免费问诊区域
		.consultation_section {
			margin-bottom: 60rpx;
			
			.doctors_scroll {
				width: 100%;
				white-space: nowrap;
				
				.doctors_container {
					display: flex;
					gap: 20rpx;
					padding-bottom: 20rpx;
					
					.doctor_card {
						flex-shrink: 0;
						width: 200rpx;
						background: #ffffff;
						border-radius: 20rpx;
						padding: 30rpx;
						box-shadow: 0 4rpx 20rpx rgba(0, 0, 0, 0.08);
						text-align: center;
						
						.doctor_avatar {
							width: 120rpx;
							height: 120rpx;
							border-radius: 50%;
							margin: 0 auto 20rpx;
							display: block;
						}
						
						.doctor_name {
							font-size: 28rpx;
							font-weight: bold;
							color: #1d1e25;
							margin-bottom: 10rpx;
							display: block;
						}
						
						.doctor_position {
							font-size: 22rpx;
							color: #666666;
							line-height: 1.3;
							margin-bottom: 8rpx;
							display: block;
						}
						
						.doctor_affiliation {
							font-size: 20rpx;
							color: #999999;
							line-height: 1.3;
							display: block;
						}
					}
				}
			}
			
			.consultation_description {
				font-size: 24rpx;
				color: #666666;
				line-height: 1.5;
				margin-top: 20rpx;
				display: block;
			}
		}
		
		// 限时1分购区域
		.limited_purchase_section {
			margin-bottom: 60rpx;
			
			.schedule_info {
				display: flex;
				align-items: center;
				justify-content: space-between;
				margin-bottom: 30rpx;
				
				.schedule_text {
					font-size: 24rpx;
					color: #666666;
				}
				
				.vip_info {
					display: flex;
					align-items: center;
					
					.lock_icon {
						width: 24rpx;
						height: 24rpx;
						margin-right: 8rpx;
					}
					
					.vip_text {
						font-size: 22rpx;
						color: #D3A458;
					}
				}
			}
			
			.time_slots {
				display: flex;
				gap: 20rpx;
				margin-bottom: 30rpx;
				
				.time_slot {
					flex: 1;
					background: #F5F0E8;
					border-radius: 12rpx;
					padding: 20rpx;
					text-align: center;
					
					.time_text {
						font-size: 28rpx;
						font-weight: bold;
						color: #1d1e25;
						margin-bottom: 8rpx;
						display: block;
					}
					
					.status_text {
						font-size: 22rpx;
						color: #999999;
						display: block;
					}
				}
			}
			
			.exchange_coupon {
				background: #ffffff;
				border-radius: 20rpx;
				padding: 30rpx;
				box-shadow: 0 4rpx 20rpx rgba(0, 0, 0, 0.08);
				display: flex;
				align-items: center;
				border-right: 2rpx dashed #D3A458;
				
				.product_image {
					width: 120rpx;
					height: 120rpx;
					margin-right: 30rpx;
				}
				
				.coupon_info {
					flex: 1;
					
					.coupon_title {
						font-size: 32rpx;
						font-weight: bold;
						color: #1d1e25;
						margin-bottom: 10rpx;
						display: block;
					}
					
					.coupon_description {
						font-size: 24rpx;
						color: #666666;
						display: block;
					}
				}
				
				.unlock_button {
					background: #D3A458;
					border-radius: 30rpx;
					padding: 20rpx 30rpx;
					
					.unlock_text {
						font-size: 24rpx;
						color: #ffffff;
						font-weight: 500;
					}
				}
			}
		}
		
		// 精选好券区域
		.coupons_section {
			margin-bottom: 80rpx;
			
			.coupons_scroll {
				width: 100%;
				white-space: nowrap;
				
				.coupons_container {
					display: flex;
					gap: 20rpx;
					padding-bottom: 20rpx;
					
					.coupon_card {
						flex-shrink: 0;
						width: 200rpx;
						background: #F5F0E8;
						border-radius: 20rpx;
						padding: 30rpx;
						text-align: center;
						position: relative;
						
						.coupon_label {
							position: absolute;
							top: -10rpx;
							left: 50%;
							transform: translateX(-50%);
							background: #D3A458;
							color: #ffffff;
							font-size: 20rpx;
							padding: 4rpx 12rpx;
							border-radius: 10rpx;
						}
						
						.coupon_amount {
							font-size: 48rpx;
							font-weight: bold;
							color: #D3A458;
							margin-bottom: 10rpx;
							display: block;
						}
						
						.coupon_description {
							font-size: 22rpx;
							color: #666666;
							line-height: 1.3;
							display: block;
						}
					}
				}
			}
		}
		
		// 一键领取按钮
		.claim_button {
			width: 100%;
			height: 100rpx;
			background: linear-gradient(90deg, #D3A458 0%, #B8941F 100%);
			border-radius: 50rpx;
			display: flex;
			align-items: center;
			justify-content: center;
			box-shadow: 0 4rpx 20rpx rgba(211, 164, 88, 0.3);
			transition: transform 0.2s ease;
			
			&:active {
				transform: scale(0.95);
			}
			
			.claim_text {
				font-size: 36rpx;
				color: #ffffff;
				font-weight: bold;
			}
		}
	}
}
