.chat-history-container {
	height: 100vh;
	padding-top: 150rpx;
	// transform: scaleY(-1) ;
	// padding-bottom: 100rpx;
	overflow: auto;
	scrollbar-width: none; /* Firefox */
	-ms-overflow-style: none; /* IE and Edge */
	// 聊天记录内容样式
	.chat-content{
		transform: rotate(180deg);
		height: 100vh;
		box-sizing: border-box;
		// padding-top: 200rpx;
		// padding-bottom: 100rpx;
		overflow: auto;
		scrollbar-width: none; /* Firefox */
		-ms-overflow-style: none; /* IE and Edge */
	}

	
	.chat-list {
		
		
		box-sizing: border-box;
		// margin-top: 40rpx;
		// margin-bottom: 300rpx;
		display: flex;
		// justify-content: flex-end;
		flex-direction: column;

		// padding-bottom: 300rpx;
		// height: calc(100vh - 200px); /* 根据需要调整高度 */
		overflow-y: scroll; /* 使聊天内容可滚动 */
		gap: 30rpx;
		.chat-item{
			transform: rotate(180deg);
			// transform: rotate(180deg)
		}
		.time {
			margin-top: 40rpx;
			text-align: center;
			text {
				font-size: 22rpx;
				color: white;
				font-weight: 400;
				border-radius: 40rpx;
				padding: 4rpx 28rpx;
				display: inline-block;
				background-color: #d6d7dc;
			}
		}
		// 患者
		.user {
			display: flex;
			width: 100%;
			align-items: center;
			justify-content: flex-end;
			// align-items: flex-end;
			font-weight: 500;
			font-size: 30rpx;
			color: #282f38;
			.user-content {
				display: flex;
				// align-items: center;
				gap: 10rpx;
				justify-content: start;
				.right-box {
					flex: 1;
					// width: 80%;
					padding-left: 82rpx;
					text:nth-child(1) {
						text-align: right;
					}
					// width: 80%;
				}
				.right {
					// width: 100%;
					
					margin-top: 8rpx;
					padding: 20rpx;
					color: white;
					background-color: #11c3ae;
					border-radius: 12rpx 0rpx 12rpx 12rpx;

					box-shadow: 0rpx 2 6rpx 0rpx rgba(0, 0, 0, 0.02);
				}
				.after {
					margin-top: 12rpx;
					// height: 120rpx;
					background: #fff8e7;
					border-radius: 8rpx 8rpx 8rpx 8rpx;
					border: 1rpx solid #dec68a;
					font-weight: 500;
					font-size: 30rpx;
					color: #be9737;
					padding: 18rpx 16rpx;
					box-sizing: border-box;
				}
				.tool {
					margin-top: 12rpx;
					display: flex;
					justify-content: flex-end;
					gap: 16rpx;
					view:nth-child(1) {
						font-weight: 400;
						display: flex;
						gap: 10rpx;
						font-size: 24rpx;
						color: #11c3ae;
					}
					view {
						background-color: white;
						height: 62rpx;
						padding: 15rpx;
						box-sizing: border-box;
						background: #ffffff;
						display: flex;
						align-items: center;
						justify-content: center;
						border-radius: 11rpx 11rpx 11rpx 11rpx;
					}
				}
			}
		}
		image {
			width: 80rpx;
			// flex: 1 1 80rpx;
			// flex: 1;
			height: 80rpx;
			border-radius: 50%;
			margin-right: 10rpx;
			object-fit: cover;
			box-sizing: border-box;
		}
		// ai
		.ai {
			display: flex;
			width: 100%;
			align-items: start;
			font-weight: 500;
			font-size: 30rpx;
			color: #282f38;
			.ai-content {
				display: flex;

				.right-box {
					flex: 1;
					// width: 80%;
					padding-right: 82rpx;
				}
				.right {
					// width: 100%;
					margin-top: 8rpx;
					padding: 20rpx;
					background-color: white;
					border-radius: 12rpx 12rpx 12rpx 12rpx;

					box-shadow: 0rpx 2 6rpx 0rpx rgba(0, 0, 0, 0.02);
				}
			}
		}
	}
}
.popup-content{
	padding: 32rpx;
	box-sizing: border-box;
	padding-bottom: calc(env(safe-area-inset-bottom) + 40rpx);
	width: 100%;
	.header{
		width: 100%;
		display: flex;
		justify-content: space-between;
		font-weight: 400;
		font-size: 30rpx;
		color: #11C3AE;
		margin-bottom: 29rpx;
	}
}
