.baikeList {
  padding-top: 2.5rem;
}
.page-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 2.44rem;
}
.page-header .page-title {
  font-size: 3.13rem;
  font-weight: 700;
  color: #000;
}
.page-header .header-icon img {
  width: 50px;
  display: block;
}
.knowledge-grid {
  margin: 0 -15px;
}
.knowledge-grid .knowledge-item {
  padding: 0 0.98%;
  margin-bottom: 1.96%;
}
.knowledge-grid .knowledge-card {
  background-color: #fff;
  border: 1px solid #ededed;
  border-radius: 1.25rem;
  padding: 1.88rem;
  transition: box-shadow 0.3s ease;
}
.knowledge-grid .knowledge-card:hover {
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
}
.knowledge-grid .knowledge-card .card-title {
  font-size: 1.13rem;
  font-weight: 600;
  color: #000000;
  margin-bottom: 1.2rem;
  line-height: 1.4;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.knowledge-grid .knowledge-card .card-desc {
  font-size: 0.88rem;
  color: #808080;
  line-height: 1.5;
  margin-bottom: 1.2rem;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.knowledge-grid .knowledge-card .card-desc a {
  color: #000000;
}
.knowledge-grid .knowledge-card .card-desc .meta-detail {
  color: #000000;
  text-decoration: none;
}
.knowledge-grid .knowledge-card .card-desc .meta-detail:hover {
  text-decoration: underline;
}
.knowledge-grid .knowledge-card .card-meta {
  font-size: 0.75rem;
  color: #000000;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.knowledge-grid .knowledge-card .card-meta .meta-cate {
  margin-right: 0.5rem;
}
.knowledge-grid .knowledge-card .card-meta .meta-line {
  margin-right: 0.5rem;
}
.knowledge-grid .knowledge-card .card-meta .meta-view {
  margin-right: 0.5rem;
}
.footer-info {
  font-size: 0.8rem;
  color: #999;
}
@media (max-width: 767.98px) {
  .baikeList {
    padding-top: 1.53846154rem;
  }
  .page-header {
    margin-bottom: 1.15384615rem;
    position: relative;
  }
  .page-header .page-title {
    font-size: 1.92rem;
  }
  .page-header .header-icon {
    position: absolute;
    right: 0;
    top: 0.2rem;
  }
  .page-header .header-icon img {
    width: 1.92rem;
  }
  .knowledge-grid .knowledge-item {
    padding: 0 1.15rem;
    margin-bottom: 1.15rem;
  }
  .knowledge-grid .knowledge-card {
    padding: 1.5rem;
  }
}