.lb-sj {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
    gap: 25px;
    margin: 20px 0px;
}


.aspect-ratio {
  width: 100%; /* 自适应宽度 */
  position: relative;
  overflow: hidden;
  background: #FCA35E;
}
 
.aspect-ratio:before {
  content: "";
  display: block;
  width: 100%; /* 自适应宽度 */
  padding-top: 137.78%; /* 16:9 比例，可根据需要调整 */
}
 
.content {
    padding: 5px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.aspect-ratio:hover {
    transform: translateY(-5px);
    box-shadow: 0 5px 15px rgba(0,0,0,0.1);
}

.lb-sj-title {
    width: 100%;
    height: 70%;
    background: #996339;
}

.lb-sj-fl {
    position: absolute;
    text-align: center;
  top: 5%;
  left: 0;
  right: 0;
  font-size: 14px;
}

.lb-sj-name {
    padding: 5px;
    background: #C27D48;
  position: absolute;
  top: 20%;
  left: 0;
  right: 0;
  bottom: 20%;
  display: inline-block;
  text-align: center;
  font-family: 黑体;
}

article:nth-child(3n+2) {
  background: #F7F2F1;
}

article:nth-child(2n+1) {
  background: #F0DFDC;
}

.lb-sj-time {
    position: absolute;
    text-align: center;
    left: 0;
    right: 0;
    bottom: 5%;
    font-size: 12px;
}