/* Relevant Cases */

    .info-case-wrapper {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 40px;
    }

    .info-case-slide {
      background: #fff;
      box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.08);
      overflow: hidden;
    }

    .info-case-img {
      width: 100%;
      overflow: hidden;
      display: flex;
      justify-content: center;
    }

    .info-case-img img{
      height: 300px;
      max-width: max-content;
      display: block;
      transition: all 0.3s ease;
    }

    .info-case-slide:hover .info-case-img img{
      transform: scale(1.05);
    }

    .info-case-text {
      padding: 16px 24px 35px 24px;
    }

    .info-case-date {
      margin-bottom: 24px;
      position: relative;
      padding: 0 0 0 22px;
    }

    .info-case-date::before {
        content: '\e73a';
        font-family: "iconfont" !important;
        position: absolute;
        left: 0;
        top: -5px;
        font-size: 20px;
    }

    .info-case-name {
      font-size: 20px;
      font-weight: bold;
      margin-bottom: 12px;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      overflow: hidden;
      text-overflow: ellipsis;
      word-break: break-word;
      max-height: 56px;
      line-height: 1.4;
    }

    .info-case-desc {
      color: #666;
      margin-bottom: 24px;
      line-height: 1.5;
    }

    .info-case-btn {
      background: #000;
      color: #fff;
      text-decoration: none;
      transition: background 0.2s;
      height: 44px;
        padding: 0 16px;
        line-height: 1;
        display: inline-flex;
        align-items: center;
        justify-content: center;
    }

    .info-case-slide:hover .info-case-btn {
      background: #D62A29;
    }

    /* ========== 响应式设计 ========== */

    /* 平板 */
    @media (max-width: 992px) {
        .info-case-wrapper {
            grid-template-columns: repeat(2, 1fr);
            gap: 10px;
        }

        .info-case-slide {
            display: none; /* 全部隐藏 */
        }
          
        .info-case-slide:nth-child(1),
        .info-case-slide:nth-child(2) {
            display: block; /* 只显示前2个 */
        }
        .info-case-date,.info-case-desc,.info-case-btn{
            display: none; /* 全部隐藏 */
        }
        .info-case-text{
            padding: 10px;
        }
        .info-case-name{
            font-size: 14px;
            margin: 0;
        }
        .info-case-img img{
            height: auto;
            width: 100%;
        }
    }