.container {
  pointer-events: none; // 允许事件穿透
  background: transparent; // 确保背景透明
  position: absolute;
  // top: 23px;  // 113-43-36
  // top: 112px;
  width: 100%;
  height: 100%;
  display: flex;
  z-index: 5;
}

.leftSidebar {
  position: absolute;
  left: 40px;
  top: 0;
  width: 1105px;
  height: 928px;
  display: flex;
  flex-direction: column;
  gap: 30px;
  z-index: 10;
  transition: transform 0.8s ease-in-out;
  pointer-events: auto; // 左侧内容需要响应事件
}

.rightContent {
  position: absolute;
  right: 40px;
  top: 0;
  width: 1105px;
  height: 928px;
  display: flex;
  flex-direction: column;
  gap: 28px;
  z-index: 10;
  transform: translateX(0);
  transition: transform 0.8s ease-in-out;
  pointer-events: auto; // 右侧内容需要响应事件
}

.pageTitle {
  position: absolute;
  top: -80px;
  left: 50%;
  transform: translateX(-50%);
  font-size: 30px;
  font-weight: bold;
  color: white;
  text-shadow: 0 0 10px rgba(0, 100, 255, 0.8);
  pointer-events: none;
  z-index: 15;
}

.centerBottom {
  position: absolute;
  bottom: 40px;
  left: 50%;
  transform: translateX(-50%);
  width: 1490px;
  display: flex;
  justify-content: center;
  pointer-events: auto;
} 