/* 核心容器：控制整体尺寸和定位 */
    .play-card {
      position: relative;
      border-radius: 8px; /* 圆角优化 */
      overflow: hidden;
      cursor: pointer; /* 鼠标悬浮显示手型 */
      box-shadow: 0 2px 10px rgba(0,0,0,0.1); /* 轻微阴影提升质感 */
    }

    /* 遮罩层：半透明背景+居中播放图标 */
    .play-mask {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: rgba(0, 0, 0, 0.4); /* 半透明黑色遮罩 */
      display: flex;
      align-items: center;
      justify-content: center;
      transition: background 0.3s ease; /* 悬浮遮罩加深 */
      z-index: 10;
    }

    /* 悬浮时遮罩加深 */
    .play-card:hover .play-mask {
      background: rgba(0, 0, 0, 0.6);
    }

    /* 播放图标样式 */
    .play-icon {
      width: 40px;
      height: 40px;
      border-radius: 50%;
      background: rgba(255, 255, 255, 0.9);
      display: flex;
      align-items: center;
      justify-content: center;
      transition: all 0.2s ease; /* 悬浮缩放+背景变化 */
    }

    /* 悬浮时播放图标放大+纯白背景 */
    .play-card:hover .play-icon {
      transform: scale(1.1);
      background: #ffffff;
    }

    /* 播放三角箭头（纯CSS绘制） */
    .play-icon::after {
      content: '';
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 10px 0 10px 20px;
      border-color: transparent transparent transparent #000000;
      margin-left: 5px; /* 箭头居中微调 */
    }