/* .back-to-top {
  position: fixed;
  bottom: 30px;
  right: 30px;
  height: 65px;
  cursor: pointer;
  opacity: 0;
  visibility: hidden;
}

.back-to-top.show {
  opacity: 1;
  visibility: visible;
} */

.end-container {
  position: relative;
}

.end-container-content {
  position: absolute;
  right: 100px;
  bottom: 50px;
  padding: 8px 12px;
  border-radius: 6px;
  font-size: 25px;

  display: flex;
  flex-direction: column;
  align-items: flex-end;
}

.end-container-content-item {
  display: flex;
  align-items: center; /* 垂直居中对齐 */
  gap: 15px; /* 文字与竖线之间的间距，可调整 */
  width: fit-content; /* 容器宽度贴合内容，不占满整行 */
  /* padding: 0px 0px; 内边距，让组件更美观 */
  cursor: pointer; /* 鼠标移入显示手型，提升交互体验 */
  /* 初始文字颜色：蓝色（鼠标移除状态） */
  color: #e9ae84;
  font-weight: bold;
  transition: #e9ae84 0.3s ease; /* 文字颜色过渡，动画更顺滑 */
  padding-bottom: 50px;
}

/* 右侧竖线样式（初始隐藏状态） */
.end-item-line {
  /* 竖线核心属性：宽窄、长高 */
  width: 10px; /* 竖线宽度 */
  height: 65px; /* 竖线高度，可根据文字行数调整 */
  /* 初始状态：隐藏竖线 */
  background-color: transparent; /* 透明背景 = 隐藏 */
  transition: background-color 0.3s ease; /* 竖线显示/隐藏过渡，动画更顺滑 */
}

/* 鼠标移入容器时的样式（触发效果） */
.end-container-content-item:hover {
  color: #eb6100; /* 文字变为红色 */
}

/* 鼠标移入容器时，右侧竖线显示（设置背景色） */
.end-container-content-item:hover .end-item-line {
  background-color: #eb6100; /* 竖线显示为红色，可改为其他颜色 */
}

.end-last-item {
  margin-bottom: 0px;
}