.featured-column-image {
  position: relative;
  width: 100%;
  height: auto;
  background-color: #f5f5f5;
  overflow: hidden;
  border-radius: var(--image-border-radius, var(--border-radius, 20px)) var(--image-border-radius, var(--border-radius, 20px)) 0 0;
}

.featured-column-image__mobile,
.featured-column-image__desktop {
  width: 100%;
  height: 100%;
}

.featured-column-image img,
.featured-column-image svg {
  width: 100%;
  height: 100%;
  object-fit: var(--fit-type, cover);
  display: block;
}

/* PC端 - 显示桌面端图片 */
@media (min-width: 960px) {
  .featured-column-image {
    aspect-ratio: 16/9;
  }
  
  .featured-column-image__mobile {
    display: none;
  }
  
  .featured-column-image__desktop {
    display: block;
    width: 100%;
    height: 100%;
  }
}

/* 移动端 - 显示移动端图片 */
@media (max-width: 959px) {
  .featured-column-image {
    aspect-ratio: 4/3;
  }
  
  .featured-column-image__mobile {
    display: block;
    width: 100%;
    height: 100%;
  }
  
  .featured-column-image__desktop {
    display: none;
  }
}