/* Toast容器 */
.toast-container {
	position: fixed;
	top: 10px;
	right: 15px;
	display: flex;
	flex-direction: column;
	gap: 12px;
	z-index: 999;
}

/* Toast基础样式 */
.toast {
	width: 300px;
	min-height: 30px; /* 增加最小高度 */
	background: rgba(255, 255, 255, 0.9);
	color: rgb(0, 0, 0);
	padding: 16px;
	border-radius: 8px;
	display: flex;
	align-items: center;
	gap: 12px;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.35);
	opacity: 0;
	transform: translateX(120%);
	transition: all 0.3s cubic-bezier(0.68, -0.55, 0.27, 1.55);
}

/* 深色模式下的Toast样式 */
.dark .toast {
	background: rgba(0, 0, 0, 0.7);
	color: rgb(255, 255, 255);
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.5);
}

/* 显示动画 */
.toast.show {
	opacity: 1;
	transform: translateX(0);
}

/* 图标样式 */
.toast-icon {
	font-size: 25px; /* 改用字体大小控制图标尺寸 */
	width: 1em; /* 根据字体大小自动适配 */
	height: 1em;
	display: flex;
	align-items: center;
	justify-content: center;
}

/* 不同状态的图标颜色 */
.toast-success .toast-icon {
	color: #30a46c;
}
.toast-error .toast-icon {
	color: #e74c3c;
}
.toast-warning .toast-icon {
	color: #f1c40f;
}
.toast-info .toast-icon {
	color: #3498db;
}

/* 内容区域 */
.toast-content {
	flex: 1;
	font-size: 14px;
	line-height: 1.4; /* 增加行高 */
	padding: 2px 0; /* 添加垂直padding */
}

/* 关闭按钮 */
.toast-close {
	background: none;
	border: none;
	color: rgba(0, 0, 0, 0.7);
	cursor: pointer;
	padding: 4px;
	margin-left: 12px;
	transition: opacity 0.2s;
	align-self: flex-start; /* 顶部对齐 */
}

/* 深色模式下的关闭按钮 */
.dark .toast-close {
	color: rgba(255, 255, 255, 0.7);
}

.toast-close i {
	font-size: 14px;
}

.toast-close:hover {
	opacity: 0.8;
}