/* 聊天容器样式 */
.chat-container {
	padding-top: 0.15rem;
	padding-bottom: 0.3rem;
	height: calc(100vh - 0.9rem);
	height: calc(100dvh - 0.9rem);
	overflow: auto;
}

.chat-container-xcx {
	padding-top: 0.15rem;
	/* padding-bottom: 0.3rem; */
	height: calc(100vh - 0.4rem);
	height: calc(100dvh - 0.4rem);
	overflow: auto;
}

#chatContainer::-webkit-scrollbar {
	display: none !important;
}

#chatContainer {
	-ms-overflow-style: none;
	scrollbar-width: none;
}

/* 顶部会话时间样式 */
.session-time {
	text-align: center;
	margin-bottom: 0.15rem;
	font-size: 0.12rem;
	color: rgba(253, 253, 253, 1);
	line-height: 1;
	font-family: SourceHanSansCN-Medium;
}

/* 消息内时间戳样式 */
.msg-time-stamp {
	text-align: center;
	margin: 0.15rem 0;
	font-size: 0.12rem;
	color: rgba(253, 253, 253, 1);
	line-height: 1;
	font-family: SourceHanSansCN-Medium;
}

/* 欢迎语卡片样式  */
.welcome-card {
	padding: 16px 14px;
}

/* 欢迎语标题 */
.welcome-title {
	font-family: SourceHanSansCN-Medium;
	font-size: 0.14rem;
	color: rgba(253, 253, 253, 1);
	font-weight: 500;
	margin-bottom: 11px;
}

/* 欢迎语描述文本 */
.welcome-desc {
	font-family: SourceHanSansCN-Medium;
	font-weight: 500;
	font-size: 0.13rem;
	color: rgba(253, 253, 253, 1);
	line-height: 0.15rem;
}

/* 消息项通用样式 */
.message-item {
	display: flex;
	margin-bottom: 0.22rem;
}

/* 机器人消息样式 */
.robot-message {
	flex-direction: row;
	margin-right: 0.43rem;
	margin-left: 0.14rem;
}

/* 机器人头像样式 */
.robot-avatar {
	width: 0.35rem;
	height: 0.35rem;
	border-radius: 50%;
	margin-right: 8px;
	flex-shrink: 0;
	background-image: url('../img/apct/robot-avatar.png');
	background-size: 100% 100%;
	background-repeat: no-repeat;
}

.robot-name {
	margin-bottom: 0.06rem;
	color: rgba(253, 253, 253, 1);
}

/* 机器人消息内容容器 */
.robot-content {
	background-color: rgba(33, 38, 42, 1);
	border-radius: 0.07rem;
	padding: 0.11rem;
	font-size: 0.12rem;
	color: rgba(253, 253, 253, 1);
	line-height: 1.4;
	font-family: SourceHanSansCN-Medium;
	font-weight: 500;
}

/* 猜你想问区域 */
.robot-message:nth-child(2) .robot-content {
	padding: 0.17rem 0.09rem 0.18rem 0.1rem;
}

/* 猜你想问区域 文字 */
.wantAsk {
	font-family: SourceHanSansCN-Medium;
	font-weight: 700;
	color: rgba(253, 253, 253, 1);
	font-size: 0.14rem;
}

/* 预设问题列表样式 */
.question-list {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	margin-top: 16px;
}

/* 预设问题项样式 */
.question-item {
	border: 1px solid rgba(209, 209, 211, 1);
	border-radius: 0.05rem;
	padding: 0.08rem 0.12rem;
	font-size: 0.12rem;
	font-family: SourceHanSansCN-Medium;
	font-weight: 500;
	color: rgba(253, 253, 253, 1);
	cursor: pointer;
	width: 100%;
}

/* 用户消息样式 */
.user-message {
	flex-direction: row-reverse;
	margin-left: 0.54rem;
	margin-right: 0.43rem;
}

/* 用户消息内容容器 */
.user-content {
	background-color: rgba(134, 93, 245, 1);
	color: rgba(253, 253, 253, 1);
	border-radius: 0.07rem;
	padding: 0.11rem;
	font-size: 0.12rem;
	line-height: 1.4;
	font-family: SourceHanSansCN-Medium;
	font-weight: 500;
}

.robot-content-area:has(.qrcode-container) {
	width: 100%;
}

.robot-content:has(.qrcode-container) {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.qrcode-container {
	text-align: center;
}

/* 二维码图片容器 */
.qrcode-img {
	width: 1.26rem;
	height: 1.3rem;
	margin-top: 7px;
	-webkit-touch-callout: default;
	touch-callout: default;
	cursor: pointer;
}

/* 二维码提示文字 */
.qrcode-tip {
	font-family: SourceHanSansCN-Medium;
	font-weight: 500;
	font-size: 0.12rem;
	color: rgba(255, 255, 255, 1);
}

/* 底部联系客服按钮 */
.contact-service {
	position: fixed;
	bottom: 0.28rem;
	text-align: center;
	left: 50%;
	transform: translateX(-50%);
}

/* 客服按钮标题 */
.service-title {
	font-size: 0.14rem;
	font-family: SourceHanSansCN-Medium;
	font-weight: 700;
	color: rgba(255, 255, 255, 1);
	cursor: pointer;
	width: 2.76rem;
	height: 0.43rem;
	background-image: url('../img/apct/service-title-bg.png');
	background-size: 100% 100%;
	background-repeat: no-repeat;
	display: flex;
	align-items: center;
	justify-content: center;
}

/* 客服按钮副标题 */
.service-time {
	margin-top: 0.03rem;
	font-size: 0.09rem;
	font-family: SourceHanSansCN-Medium;
	color: rgba(111, 111, 111, 1);
	line-height: 1;
	height: 0.09rem;
}

/* 二维码全屏预览样式 */
.qrcode-preview-mask {
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	background-color: rgba(0, 0, 0, 0.85);
	z-index: 9999;
	display: flex;
	justify-content: center;
	align-items: center;
	opacity: 0;
	visibility: hidden;
	transition: all 0.2s ease;
}

.qrcode-preview-mask.show {
	opacity: 1;
	visibility: visible;
}

.qrcode-preview-img {
	max-width: 90vw;
	max-height: 90vh;
	-webkit-touch-callout: default;
	touch-callout: default;
}

/* 回答图片区域 */
.answer-img-area {
	display: flex;
	flex-wrap: wrap;
	gap: 2%;
}

.answer-img {
	width: 48%;
	min-height: 2.5rem;
	margin-bottom: 5px;
}