.city-live-grid{
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(280px,1fr));
  gap:16px;
  align-items:stretch;
}
.city-live-card{
  min-width:0;
  overflow:hidden;
  border:1px solid #decba7;
  border-radius:14px;
  padding:10px;
  background:#fffdfa;
  box-shadow:0 8px 24px rgba(51,31,12,.07);
}
.city-live-main{
  min-width:0;
  text-decoration:none;
  color:inherit;
  display:block;
}
.city-live-card img{
  display:block;
  width:100%;
  height:230px;
  max-width:100%;
  aspect-ratio:auto !important;
  object-fit:contain !important;
  object-position:center center;
  border-radius:9px;
  background:#fff;
}
.city-live-card h3{
  margin:10px 0 4px;
  color:#781522;
  text-align:center;
  overflow-wrap:anywhere;
}
.city-live-card small{display:block;color:#666;text-align:center}
.city-live-publisher{margin:9px 0 2px;font-size:13px;text-align:center;overflow-wrap:anywhere}
.city-live-publisher a{color:#8b101d;font-weight:600}
.city-live-all{margin-top:15px}.city-live-all a{font-weight:600}
@media (max-width:640px){
  .city-live-grid{grid-template-columns:1fr}
  .city-live-card img{height:260px}
}