/* 背景容器：自适应宽度，高度占屏幕的 100%（可根据需求修改） */
.bg-container {
  width: 100%;
  height: 100vh; /* 若想固定像素高度可改为 400px 等 */
  background: url('bangong.svg') no-repeat center center;
  background-size: cover; /* 填充背景，可根据需求改为 contain */
  position: relative;
  overflow: hidden;
  margin: 0 auto;
}

/* 文字部分：靠右显示 */
.text {
  position: absolute;
  top: 40%;
  right: 5%;
  transform: translateY(-40%);
  font-size: 4rem; /* 在手机和PC上都相对适用的大小，可调整 */
  color: #0c31ff;
  font-weight: bold;
  text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.6);
  text-decoration: none; /* 去除默认链接下划线 */
}

/* 鼠标图标：位于文字下方，并设置闪烁动画 */
.mouse-icon {
  position: absolute;
  top: 50%; /* 在文字下方，可根据需求微调 */
  right: 2%;
  transform: translateY(-40%);
  width: 200px;
  height: auto;
  animation: blink 1s infinite alternate; /* 闪烁动画 */
}

/* 闪烁动画 */
@keyframes blink {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

/* 媒体查询：在较小屏幕上进一步优化 */
@media screen and (max-width: 768px) {
  .text {
    font-size: 2rem; /* 小屏时略微缩小文字 */
  }
  .mouse-icon {
    width: 100px; /* 小屏时缩小图标 */
  }
}