.carousel-wrapper {
      max-width: 1200px;
     }

    /* 轮播容器：固定比例（16:9），避免尺寸突变 */
    #imageCarousel {
      position: relative;
      width: 100%;
    padding-top: 75%; /* 4:3 比例（高度=宽度×3/4 = 75%） */
      overflow: hidden;
    }
 

    /* 轮播内容容器：绝对定位填充父容器，高度固定 */
    #imageCarousel .carousel-inner {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%; /* 强制与父容器高度一致 */
      background: #f8f9fa;
    }

    /* 轮播项：固定高度，避免切换时高度变化 */
    #imageCarousel .item {
      height: 100%; /* 所有轮播项高度与容器一致 */
      overflow: hidden; /* 防止内容溢出导致高度变化 */
    }
    /* 未加载图片的占位样式 */
    .unloaded-img {
      width: 100%;
      height: 100%; /* 强制占满轮播项高度 */
      display: flex;
      align-items: center;
      justify-content: center;
      color: #6c757d;
      /* 避免占位符因内容导致尺寸变化 */
      min-height: 100%;
    }
    .loading {
      font-size: 1.2rem;
    }
    /* 图片加载后样式 */
    .carousel-inner .item img {
      width: 100%;
      height: 100%;
      object-fit: cover;
    }

    /* 轮播箭头样式（Bootstrap v3 箭头类名为 .carousel-control） */
    .carousel-control {
      /* 圆形背景 */
      width: 50px;
      height: 50px;
      border-radius: 50%;
      background-color: rgba(0, 0, 0, 0.5);
      /* 垂直居中 */
      top: 50%;
      margin-top: -30px; /* 自身高度的一半，配合top:50%实现居中 */
      /* 距离边缘 */
      margin-left: 10px;
      margin-right: 10px;
      /* 清除默认渐变背景 */
      background-image: none !important;
      /* 箭头居中 */
      display: flex;
      align-items: center;
      justify-content: center;
    }

    /* 加粗箭头样式（清除默认箭头，使用自定义SVG） */
    .carousel-control .glyphicon {
      display: none; /* 隐藏默认glyphicon箭头 */
    }
    .carousel-control:before {
      content: '';
      display: block;
      width: 30px;
      height: 30px;
    }
    /* 左箭头SVG */
    .carousel-control.left:before {
      background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M15.41 7.41L14 6l-6 6 6 6 1.41-1.41L10.83 12l4.58-4.59z' fill='white' stroke='white' stroke-width='2'/%3E%3C/svg%3E") no-repeat center;
    }
    /* 右箭头SVG */
    .carousel-control.right:before {
      background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6-6-6z' fill='white' stroke='white' stroke-width='2'/%3E%3C/svg%3E") no-repeat center;
    }

    /* 鼠标悬停效果 */
    .carousel-control:hover {
      background-color: rgba(0, 0, 0, 0.7);
    }