/* 保持 Flexbox 结构不变 */
html, body {
  height: 100%;
  margin: 0;
}

.wrapper {
  min-height: 100%;
  display: flex;
  flex-direction: column;
}

.content {
  flex: 1;
  padding: 20px;
  text-align: center; /* 确保内容居中 */
}

.title {
  margin: 0; /* 移除默认的外边距 */
  font-size: 16px; /* 根据需要调整字体大小 */
}

.footer {
  color: #ffffff;
  background: transparent; /* 透明背景 */
  min-height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 10px 20px;
  margin-top: auto; /* 自动推到容器底部 */
}

.runtime {
  font-weight: bold; /* 加粗网站运行时间 */
  display: flex;
  align-items: center;
}

.runtime span {
  margin: 0 5px; /* 调整内部元素间距 */
}

.footer-content {
  display: flex;
  flex-direction: column; /* 使内容垂直排列 */
  align-items: center; /* 垂直居中 */
}

.footer-content div {
  margin: 5px 0; /* 调整每行之间的间距 */
}