@charset "UTF-8";
/* 定义跳动动画关键帧 */
@keyframes jumpText {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-10px);
  }
  100% {
    transform: translateY(0);
  }
}
/* main-txt 的样式 */
.main-txt p {
  opacity: 0;
  transform: translateY(20px);
}

/* 为两行文字设置不同的动画延迟 */
.main-txt p:first-child.show {
  animation: jumpText 2s ease-in-out infinite;
  opacity: 1;
  transform: translateY(0);
}

.main-txt p:last-child.show {
  animation: jumpText 2s ease-in-out infinite;
  animation-delay: 0.5s; /* 第二行文字延迟播放 */
  opacity: 1;
  transform: translateY(0);
}

.google,
.apple {
  border-radius: 10px;
  cursor: pointer;
  transition: all 0.3s ease; /* 添加过渡效果 */
}

/* 悬浮效果 */
.google:hover,
.apple:hover {
  transform: translateY(-5px); /* 向上浮动5px */
}

/* 点击效果 */
.google:active,
.apple:active {
  transform: translateY(0); /* 回到原位 */
}

/* 初始状态 - 元素不可见且向下偏移 */
.middle-main {
  opacity: 0;
  transform: translateY(100px);
  transition: all 1s ease;
}

/* 显示状态 - 添加这个类名会触发动画 */
.middle-main.show {
  opacity: 1;
  transform: translateY(0);
}

/* emil-text 下划线动画 */
.emil-text {
  position: relative;
  display: inline-block;
  text-decoration: none;
}

.emil-text::after {
  content: "";
  position: absolute;
  bottom: 3px;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: currentColor;
  transform: scaleX(1);
  transform-origin: right;
  transition: transform 0.3s ease;
  opacity: 0.8;
}

.emil-text:hover::after {
  transform: scaleX(0);
  transform-origin: left;
}/*# sourceMappingURL=animation.css.map */