/* 全局样式 */
	body, html {
	height: 100%;
	margin: 0;
	font-family: Arial, sans-serif;
	background: linear-gradient(to bottom, #ffffff, #f0f0f0); /* 白云渐变背景 */
	}
	/* 应用容器样式 */
	#app {
	display: flex;
	height: 100%;
	}
	/* 侧边栏样式 */
	.sidebar {
	width: 15%;
	background-color: #cce9ff; /* 深色调 */
	color: white;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 24px;
	padding: 20px;
	}
	/* 聊天容器样式 */
	.chat-container {
	width: 85%;
	display: flex;
	flex-direction: column;
	}
	/* 聊天区域样式 */
	.chat {
	flex-grow: 1;
	padding: 20px;
	overflow-y: auto; /* 滚动条 */
	background-color: #f9f9f9; /* 柔和的白色调 */
	border-left: 1px solid #ccc; /* 灰色边框 */
	}
	/* 消息样式 */
	.message {
	margin-bottom: 10px;
	padding: 10px;
	border-radius: 5px;
	}
	/* 用户消息样式 */
	.user-message {
	margin-left: 60%;
	background-color: #cfcfcf; /* 柔和的灰色调 */
	}
	/* AI消息样式 */
	.ai-message {
	margin-right: 60%;
	background-color: #cce9ff; /* 柔和的蓝色调 */
	}
	/* 输入容器样式 */
	.input-container {
	padding: 10px;
	background-color: white;
	display: flex;
	align-items: center;
	border-top: 1px solid #ccc; /* 灰色边框 */
	}
	/* 输入框样式 */
	#messageInput {
	flex-grow: 1;
	padding: 10px;
	border: 1px solid #ccc; /* 灰色边框 */
	border-radius: 5px;
	margin-right: 10px;
	}
	/* 按钮样式 */
	button {
	padding: 10px 20px;
	margin-left: 10px;
	border: none;
	border-radius: 5px;
	cursor: pointer;
	}
	/* 新建对话按钮样式 */
	.new-conversation-btn {
	background-color: #007bff; /* 蓝色调 */
	color: white;
	}