/* 音频页面特有样式 - 与首页保持一致 */
    .audio-card {
      background: #ffffff;
      border: 1px solid rgba(184, 31, 45, 0.1);
      border-radius: 16px;
      overflow: hidden;
      transition: all .3s ease;
      cursor: pointer;
      height: 280px;
      display: flex;
      flex-direction: column;
      box-shadow: 0 4px 16px rgba(0,0,0,0.05);
    }

    .audio-card:hover {
      transform: translateY(-4px);
      box-shadow: 0 12px 32px rgba(184, 31, 45, 0.15);
    }

    .media-cover-container {
      position: relative;
      height: 200px;
      background: #f8f9fa;
      overflow: hidden;
    }

    .media-cover {
      width: 100%;
      height: 100%;
      object-fit: cover;
    }

    .play-button {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      width: 64px;
      height: 64px;
      background: rgba(184, 31, 45, 0.9);
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      transition: all .3s ease;
      backdrop-filter: blur(10px);
    }

    .play-button::after {
      content: '';
      width: 0;
      height: 0;
      border-left: 16px solid white;
      border-top: 10px solid transparent;
      border-bottom: 10px solid transparent;
      margin-left: 4px;
    }

    .play-button:hover {
      transform: translate(-50%, -50%) scale(1.1);
      background: rgba(184, 31, 45, 1);
    }

    .media-info {
      padding: 16px;
      flex: 1;
      display: flex;
      flex-direction: column;
      justify-content: center;
    }

    .media-title {
      font-size: 16px;
      font-weight: 600;
      color: #222;
      text-align: center;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      overflow: hidden;
      line-height: 1.4;
    }

    .media-artist {
      color: #6b7280;
      font-size: 14px;
      text-align: center;
      margin-top: 4px;
    }

    /* 响应式样式 */
    @media (max-width: 768px) {
      .audio-card {
        height: 240px;
      }

      .media-cover-container {
        height: 160px;
      }
    }