.card .img img {
    transition: transform 0.3s ease;
}
.nrcard {
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

a:hover {
  color: #3498db;
  text-decoration: none;
}
.nrcard:hover {
  transform: translateY(-5px);
  box-shadow: 0 12px 24px rgba(0,0,0,0.2);
}
.nrcard:hover .img img {
  transform: scale(1.05);
}
/* 新增加载动画 */
@keyframes fadeIn {
  from { opacity: 0; transform: translateY(10px); }
  to { opacity: 1; transform: translateY(0); }
}

.card, .gG {
  animation: fadeIn 0.6s ease forwards;
}


    body {
       background-image: url("../img/index.webp");
      background-color: #f5f5f9;
    }
    .body {
      padding-top:10px;
      /*padding-left:10px;
      padding-right:10px;*/
    }
    .whitecard{
      background-color: rgba(255, 255, 255, 0.7);
      border-radius: 20px;
      padding:10px;
    }
    .cards {
      display: flex;
      gap: 15px;
      flex-wrap: wrap;
      /* 卡片自动换行 */
      justify-content: center;
      /* 居中排列卡片 */
    }

    .card {
      margin: 10px;
      /*在元素外部 元素最多靠近元素10px */
      /* 固定卡片宽度 */
      /*height: 300px; */
      /* 固定卡片高度 */
      position: relative;
      border-radius: 20px;
            
      box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;/*影子*/
      border: 1px solid rgba(255, 255, 255, 0.8);
      /* 边框属性 */
      padding: 10px;
      /*四周间距*/

    }

    .card .img {
      max-width: 100%;
      height: 233px;
      /* 固定卡片高度 */
    }

    .card .img img {
      
      /*margin-top: 10px;*/
      max-width: 100%;
      max-height: 233px;
      height: auto;
      border-radius: 20px;
      /* 图像圆角 */
    }

    .cards .nrcard .nr {
      margin-top: 10px;
      /* 标题与图像之间的间距 */
      height: max-height;
          overflow:hidden;/*超出的隐藏*/
    text-overflow:ellipsis;/*显示省略符号来代表被修剪的文本。*/
    white-space:nowrap/*不换行*/
    }

    .nrcard {
      /* 固定高和宽 */
      width: 200px;
      height: 300px;
      text-align:center;
      /* 文本居中 */
      box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;/*影子*/
      padding:5px;
      border-radius: 5px;
    }

    a{
      text-decoration:none;
      color:black;
    }