/* 基础设备判定 */
@media (max-width: 767px) {
  /* 手机端样式 */
  .responsive-img {
    width: 200%;
    height: auto;
    max-height: 80vh;
    object-fit: contain;
  }
  
  /* 等比例高度方案 */
  .ratio-box {
    position: relative;
    width: 200%;
    padding-bottom: 75%; /* 4:3比例 */
  }
  .ratio-img {
    position: absolute;
    width: 200%;
    height: auto;
    object-fit: cover;
  }
}

@media (min-width: 768px) {
  /* PC端样式 */
  .responsive-img {
    max-width: 100%;
    height: auto;
  }
}