
.head-info-content[data-v-0591079f] {
  font-family: "Segoe UI", "Microsoft YaHei", "Arial", sans-serif;
  position: relative;
}

/* 多行toast样式 - 从顶部开始显示，最新消息在最上方 */
.toast-container[data-v-0591079f] {
  position: fixed;
  top: 20px; /* 从顶部开始显示 */
  left: 50%;
  transform: translateX(-50%); /* 水平居中 */
  pointer-events: none; /* 允许点击穿透 */
  z-index: 9999;
  width: 100%;
  text-align: center;
}
.toast-message[data-v-0591079f] {
  position: relative;
  min-width: 20%;
  max-width: 35%;
  margin: 8px auto; /* 上下间距，水平居中 */
  background-color: rgba(0, 0, 0, 0.8);
  color: white;
  padding: 12px 24px;
  border-radius: 4px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.4);
  animation: fadeInOut-0591079f 3s ease-in-out forwards;
  pointer-events: auto;
  text-align: left;
  display: flex;
  align-items: center; /* 时间戳与内容垂直居中（单行时更美观） */
}
.timestamp-wrapper[data-v-0591079f] {
  min-width: 70px; /* 刚好容纳 HH:MM:SS 格式（等宽字体下） */
  flex-shrink: 0; /* 禁止收缩，保证宽度稳定 */
}

/* 时间戳样式 */
.timestamp[data-v-0591079f] {
  color: #ccc;
  margin-right: 10px;
  font-size: 0.9em;
  font-family: monospace;
  padding-right: 10px;
  border-right: 1px solid rgba(255, 255, 255, 0.3);
}

/* 消息内容样式 */
.message-content[data-v-0591079f] {
  margin-left: 10px;
}

/* 动画调整：从顶部淡入，最新消息在上 */
@keyframes fadeInOut-0591079f {
0% {
    opacity: 0;
    transform: translateY(-20px); /* 从上方淡入 */
}
10% {
    opacity: 1;
    transform: translateY(0);
}
80% {
    opacity: 1;
    transform: translateY(0);
}
100% {
    opacity: 0;
    transform: translateY(-20px); /* 向上淡出 */
}
}

/* 防止消息未完全淡出时被删除导致的闪烁 */
.toast-message[style*="opacity: 0"][data-v-0591079f] {
  pointer-events: none;
  height: 0;
  padding: 0;
  margin: 0 auto;
  overflow: hidden;
}
