.chat-container {
		width: 100vw;
		height: 100vh;
		background-color: #E9F3F7;
		
		display: flex;
		flex-direction: column;
		overflow: hidden !important;
		position: relative;	
		
		.chat-container-bg {
			position: fixed;
			top: 0;
			left: 0;
			right: 0;
			z-index: 0;
			height: 270px;
			background: linear-gradient( 180deg, #42ADF9 0%, #6CD1FF 51%, #E9F3F7 99%);
		}
		
		.chat-content {
			width: 100vw;
			height: 100vh;
			display: flex;
			flex-direction: column;
			
			z-index: 1;
			overflow: hidden; 
		}
		
		.chat-container-top-bannar {
			width: 100vw;
			flex-shrink: 0;
			touch-action: none;
		}
		
		.area-msg-list {
			width: 100vw;
			flex: 1;
			overflow-y: auto;
			min-height: 0;
			padding: 4px 0 0;
			overscroll-behavior: contain; /* 阻止滚动穿透 */
			-webkit-overflow-scrolling: touch;
			
			display: flex;
			flex-direction: column;
			
			.area-msg-list-content {
				/* 隐藏滚动条 */
				scrollbar-width: none; 
				&::-webkit-scrollbar {
				  display: none; 
				}
			}
			
			.message-item-ai {
				display: flex;
				justify-content: flex-start;
			}
			
			.message-item-mine {
				display: flex;
				justify-content: flex-end;
			}
			
			.message-item-other {
				display: flex;
				justify-content: center;
			}
		}
	}
	
	.lastMsgId {
		
		
	}
	
	.footer-area {
		width: 100vw;
		flex-shrink: 0;
		padding: 4px 0 24px 0;
		background-color: #E9F3F7;
		touch-action: pan-x; /* 仅允许横向触摸滚动 */
		overflow-x: auto; /* 允许横向滚动 */
		overflow-y: hidden; /* 禁止垂直滚动 */
	}
	
	.area-input {
		display: flex;
		align-items: center;
		border-radius: 22px;
		background-color: #FFFFFF;
		box-shadow: 0px 0px 20px 0px rgba(52,25,204,0.05);
		margin: 0 12px;
				
		.input-container-voice {
			display: flex;
			align-items: center;
			justify-content: center;
			width: 44px;
			height: 44px;
			flex-shrink: 0;
			align-self: flex-end;
			
			image {
				width: 22px;
				height: 22px;
			}
		}
		
		.input-container-send {
			display: flex;
			align-items: center;
			justify-content: center;
			width: 44px;
			height: 44px;
			flex-shrink: 0;
			align-self: flex-end;
			
			image {
				width: 28px;
				height: 28px;
			}
		}
		
		.textarea {
			flex: 1;
			max-height: 92px;
			min-height: 22px;
			font-size: 16px;
			line-height: 22px;
			margin-bottom: 2px;
			align-items: center;
		}
	}
	
	::-webkit-scrollbar {
		display: none;
		width: 0 !important;
		height: 0 !important;
		-webkit-appearance: none;
		background: transparent;
		color: transparent;
	}