/* 幻灯片基础样式 */
    .slide-container {
      position: relative;
      height: 100vh;
      width: 100%;
      overflow: hidden;
    }

    @media (max-width: 768px) {
      .slide-indicators {
        right: 1rem !important;
      }
    }

 .slides-wrapper {
      display: flex;
      flex-direction: column;
 height: 100%;
      transition: transform 0.7s cubic-bezier(0.2, 0, 0.3, 1);
    }

    .slide {
      width: 100%;
 height: 100vh;
      flex-shrink: 0;
      display: flex;
      align-items: center;
      justify-content: center;
    }

    /* #region 指示器样式 */
    .slide-indicators {
      position: fixed;
      right: 2rem;
      top: 50%;
 transform:
 translateY(-50%);
 z-index: 50;
}

    .indicator {
      width: 0.875rem;
      height: 0.875rem;
      border-radius: 50%;
      border: none;
      cursor: pointer;
      transition: all 0.3s ease;
      background-color: #555;
      margin: 0.375rem 0;
    }

    .indicator-container {
  position: relative;
}

.title-tooltip {
  position: absolute;
  right: calc(100% + 15px);
  top: 50%;
  transform: translateY(-50%);
  background-color: #555;
  color: white;
  padding: 4px 8px;
  border-radius: 4px;
  font-size: 14px;
  white-space: nowrap;
  display: none;
}

.title-tooltip::after {
  content: '';
  position: absolute;
  left: 100%;
  top: 50%;
  transform: translateY(-50%);
  border-width: 5px;
  border-style: solid;
  border-color: transparent transparent transparent #555;
}

.indicator:hover ~ .title-tooltip {
  display: block;
}

.indicator.active,
.indicator:hover {
  background-color: white;
  border: 1px solid red;
  transform: scale(1.3);
  box-shadow: 0 0 10px rgba(255, 0, 0, 0.8);
}
    /* #endregion */

 /* 用户选择禁用 */
    .slide-container * {
      user-select: none;
    }