#header {
    background:  linear-gradient(to right, #f5f8f9, #dcecf5);
    color: rgb(17, 17, 17);
    padding: 1px 0;
    text-align: center;
    box-shadow: 0 2px 4px rgba(94, 90, 90, 0.2);
    height: 120px; 
    line-height: 120px;
}

#footer {
  display: flex; /* 使用Flexbox */
  align-items: center; /* 垂直居中 */
  justify-content: center; /* 水平居中 */

  color: rgb(160 160 160);
  text-align: center;
  margin-top: auto;
  width: 100%;
  font-size: 12px;
}

.container-fluid {
  display: flex;
  align-items: center;
  height: 100%;
  position: relative;
}

/* Logo样式 */
.logo {
  height: 120px;
  width: 120px;
  border-radius: 50%;
  object-fit: cover;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  margin-left: 20px; /* 添加20像素的左外边距 */
}

/* 标题样式 */
.header-title {
  margin: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  width: 100%;
}

/* 链接样式 */
.header-link {
  text-decoration: none;
  color: rgb(46, 42, 42);
  flex-grow: 1;
}