body, html {
    margin: 0;
    padding: 0;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-color: #0a0a0a;
    color: #fff;
    font-family: Arial, sans-serif;
    overflow: hidden;
}

.container {
    text-align: center;
    margin-top: 20px;
}

h1 {
    font-size: 2em;
}

p, a {
    font-size: 1em;
    color: #ccc;
}

a:hover {
    color: #fff;
}


#zknowtrain {
    position: relative;
    display: inline-block;
    animation: scrollText 20s linear infinite , bounce 1.5s linear infinite;; /* 动画名称，持续时间，类型，循环 */
  }
  

@keyframes scrollText {
    from {
      left: 100%; /* 开始于屏幕右侧 */
    }
    to {
      left: -100%; /* 结束于屏幕左侧，文本完全滑出屏幕 */
    }
  }

@keyframes bounce {
    0%, 100% {
      transform: translateY(0);
    }
    50% {
      transform: translateY(-10px);
    }
  }