#event-list.event-media-ready{
  grid-template-columns:repeat(3,minmax(0,1fr));
  max-width:1180px;
  margin-inline:auto;
}

.cards article[data-event-cover]{
  display:flex;
  flex-direction:column;
  overflow:hidden;
  padding:0;
  border:0;
  border-radius:10px;
  box-shadow:0 14px 36px #3d160f24;
}

.event-cover{
  position:relative;
  height:250px;
  overflow:hidden;
  background:#2a0b09;
}

.event-cover::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,#1706040d 35%,#210706c9 100%);
}

.event-cover img{
  width:100%;
  height:100%;
  object-fit:cover;
  transition:transform .35s ease;
}

.event-cover--lidou img{object-position:center 38%}
.event-cover--zhongyuan img{object-position:center 48%}
.event-cover--guandi img{object-position:center 72%}
.cards article[data-event-cover]:hover .event-cover img{transform:scale(1.025)}

.event-cover span{
  position:absolute;
  z-index:1;
  left:20px;
  bottom:18px;
  padding:7px 13px;
  border:1px solid #f1c46d;
  border-radius:999px;
  background:#651411e6;
  color:#ffe3a2;
  font-family:var(--brush-font,"BiauKai","DFKai-SB",serif);
  font-weight:700;
  letter-spacing:.12em;
}

.cards article[data-event-cover]>time,
.cards article[data-event-cover]>h3,
.cards article[data-event-cover]>p{
  margin-inline:26px;
}

.cards article[data-event-cover]>time{margin-top:24px;color:#7b6258;font-weight:700}
.cards article[data-event-cover]>h3{margin-top:10px;margin-bottom:8px}
.cards article[data-event-cover]>p{margin-top:7px}
.cards article[data-event-cover]>p:last-child{margin-bottom:28px}

@media(max-width:900px){
  #event-list.event-media-ready{grid-template-columns:1fr}
  .event-cover{height:280px}
}

@media(max-width:520px){
  .event-cover{height:230px}
  .cards article[data-event-cover]>time,
  .cards article[data-event-cover]>h3,
  .cards article[data-event-cover]>p{margin-inline:20px}
}

@media(prefers-reduced-motion:reduce){.event-cover img{transition:none}}