/* 初始化 ul 样式 */
ul.links {
  list-style-type: none;
  padding: 0;
  margin: 0;
  justify-content: center; /* 使两个 a 标签靠近中间 */
  display: flex;
  align-items: center;
}

/* li 标签去除默认样式 */
ul.links li {
  margin: 0 10px; /* 控制a标签之间的距离 */
}

/* 处理手机端垂直排列 */
@media (max-width: 768px) {
  ul.links {
    flex-direction: column; /* 垂直排列 */
  }
  
  ul.links li {
    margin-bottom: 0px; /* 控制垂直a标签的距离 */
  }
}