.dropdown-i18 {
  position: relative; /* 确保下拉菜单相对于父元素定位 */
}

.dropdown-i18:hover .dropdown-menu {
  opacity: 1; /* 完全显示 */
  visibility: visible; /* 可见 */
  transform: translateX(-50%) translateY(0); /* 移动到正常位置 */
}

.dropdown-menu {
  /* 基础定位 */
  position: absolute;
  top: 100%; /* 定位在父元素底部 */
  left: 50%;
  transform: translateX(-50%) translateY(-10px); /* 起始位置：向上偏移10px（隐藏在父元素上方） */

  /* 样式保持不变 */
  background-color: #fff;
  color: #333;
  font-size: 12px;
  text-align: center;
  padding: 4px;
  border-radius: 8px;
  box-shadow: 0 6px 16px 0 rgba(0, 0, 0, 0.08),
    0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
  z-index: 999;

  /* 关键：用透明度和可见性控制显隐（替代display） */
  opacity: 0;
  visibility: hidden;

  /* 过渡动画：从上到下移动+渐显，0.3秒完成 */
  transition: opacity 0.3s ease, visibility 0.3s ease, transform 0.3s ease-out; /* ease-out让结束时更自然 */
}

.dropdown-menu-item {
  cursor: pointer;
  width: 80px;
  padding: 5px 12px;
}

.menu-header {
  cursor: pointer;
  user-select: none;
  transition: all 0.3s ease;
}

.arrow-icon {
  transition: transform 0.3s ease;
}

.arrow-icon.rotated {
  transform: rotate(180deg);
}

.menu-content {
  transition: all 0.3s ease;
}
.carousel-container {
  position: relative;
  width: 100%;

  overflow: hidden;
}

.carousel-track {
  display: flex;
  width: 100%;
  height: 100%;
  transition: transform 0.5s ease-in-out; /* 过渡动画 */
}

.carousel-slide {
  width: 100%; /* 每张幻灯片占容器宽度的100% */
  height: 100%;
  flex-shrink: 0;
}
body.menu-open {
  overflow: hidden;
  position: fixed;
  width: 100%;
  height: 100%;
}
.mobile-menu {
  overflow-y: scroll;
  height: 100vh;
  position: fixed;
  top: 0;
  background-color: #fff;
  width: 100%;
  opacity: 0;
  visibility: hidden;

  /* 过渡动画：从上到下移动+渐显，0.3秒完成 */
  transition: opacity 0.3s ease, visibility 0.3s ease, transform 0.3s ease-out; /* ease-out让结束时更自然 */
  transform: translateX(0) translateY(-100%); /* 移动到正常位置 */
  z-index: 999;
}
.active {
  opacity: 1; /* 完全显示 */
  visibility: visible; /* 可见 */
  transform: translateX(0) translateY(0); /* 移动到正常位置 */
}