.movietuijian-list {
      display: flex;
      flex-wrap: wrap;
      gap: 16px;
      justify-content: flex-start;
	  margin: 0px 0px 0px 180px; /* 上 右 下 左 */
    }

    .movietuijian-item {
      display: flex;
      flex-direction: column;
      width: calc(20% - 16px); /* 5个一行，减去gap的影响 */
      min-width: 200px; /* 设置最小宽度 */
      background-color: #2c2c2c;
      color: white;
      border-radius: 10px;
      overflow: hidden;
      font-family: Arial, sans-serif;
      transition: all 0.2s ease;
      box-sizing: border-box;
      position: relative;
    }
    
    .movietuijian-item:hover {
      background: #2c2c2c;
      box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
      transform: scale(1.06);
      z-index: 1900;
    }

    .movietuijian_videoimg {
      position: relative; /* 为伪元素和绝对定位元素提供参照 */
      width: 100%;
    }

    /* 底部渐变遮罩 */
    .movietuijian_videoimg::after {
      content: '';
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      height: 100px; /* 调整遮罩高度 */
      background: linear-gradient(to bottom, transparent, rgb(44 44 44));
      z-index: 1;
      pointer-events: none;
    }

    .movietuijian-img {
      width: 100%;
      aspect-ratio: 4/2;
      object-fit: cover;
      display: block;
	  cursor: pointer;
    }
    
    .movietuijian_videoimg video {
      width: 100%;
      aspect-ratio: 4/2;
      object-fit: cover;
      display: none;
    }
    

    .movietuijian_title {
      position: absolute;
      bottom: 5px; /* 距离底部10px */
      left: 10px; /* 距离左侧15px */
      font-size: 18px;
      margin: 0;
      z-index: 2; /* 确保标题在遮罩上方 */
      text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5); /* 添加文字阴影增强可读性 */
      display: -webkit-box;
      -webkit-line-clamp: 1;
      -webkit-box-orient: vertical;
      overflow: hidden;
      text-overflow: ellipsis;
    }

    .movietuijian_content {
      padding: 10px 10px 10px 10px; /* 上 右 下 左 */
      flex-grow: 1;
      display: flex;
      flex-direction: column;
	  height: 85px;
    }

	.movietuijian_info {
	  font-size: 14px;
	  display: flex;
	  gap: 8px;
	  overflow-x: auto; /* 启用横向滚动 */
	  overflow-y: hidden; /* 隐藏纵向滚动条 */
	  white-space: nowrap; /* 防止内容换行 */
	  scrollbar-width: none; /* Firefox 隐藏滚动条 */
	  -ms-overflow-style: none; /* IE/Edge 隐藏滚动条 */
	  cursor: pointer;	/* 手型指针手势*/
	}

	/* Webkit 浏览器隐藏滚动条（Chrome, Safari 等） */
	.movietuijian_info::-webkit-scrollbar {
	  display: none;
	}

    .movietuijian_vip {
      background: rgb(80 106 244 / 13%);
      backdrop-filter: blur(10px); 
      color: rgb(104 129 194);
      padding: 5px 10px;
      border-radius: 5px;
	  font-size: 12px;
    }
    
    .movietuijian_vip:empty {
      display: none;
    }

    .movietuijian_type,
    .movietuijian_remarks {
      background: rgba(255,255,255,.1);
      backdrop-filter: blur(10px); 
      padding: 5px 10px;
      border-radius: 5px;
	  color: #c7c6c6;
	  font-size: 12px;
    }
	
	.movietuijian_type:empty, .movietuijian_remarks:empty {
      display: none;
    }
	

    .movietuijian_description {
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      overflow: hidden;
      text-overflow: ellipsis;
      max-width: 100%;
      font-size: 12px;
      margin-bottom: 15px;
      flex-grow: 1;
	  margin: 10px 0px 0px 0px; /* 上 右 下 左 */
	  color: #c7c6c6;
    }
	
    
    .movietuijian_heart_cant {
      font-size: 14px;
      color: #ff5501;
      margin-bottom: 15px;
	  display: none;
    }
    

    .movietuijian_footer {
      display: flex;
      align-items: center;
      font-size: 14px;
      margin-top: auto;
      position: relative;
	  display: none;
    }

    .movietuijian_play-button{
      background: rgb(255 255 255);
      -webkit-backdrop-filter: blur(10px);
      backdrop-filter: blur(10px);
      color: #000;
      border-radius: 50%;
      border: 0px solid #fff;
      width: 40px; /* 固定宽度 */
      height: 40px; /* 固定高度 */
      cursor: pointer;
      display: flex;
      align-items: center;
      justify-content: center; /* 水平居中 */
      font-size: 20px;
      margin: 0 15px 0 0; /* 只保留右边距 */
      padding: 0; /* 移除内边距，改用固定宽高 */
      position: relative;
      z-index: 3;
	  transition: all 0.2s ease;
    }
	
	.movietuijian_play-button:hover{
		transform: scale(1.1);
	}
	
	.fa-play {
		padding: 0px 0px 0px 4px; /* 上 右 下 左 */
	}
    
    /* 修改后的movietuijian-action样式 */
    .movietuijian-action {
      position: absolute;
      right: 0px;
      bottom: 5px;
      display: flex;
      gap: 8px;
      align-items: center;
      z-index: 3;
      opacity: 1;	/* 默认显示 可以设0隐藏(已用JS监听鼠标经过显示)*/
      transition: opacity 0.2s ease;
    }
    
    .movietuijian-item:hover .movietuijian-action {
      opacity: 1;
    }
    
    .btn-favorite_tuijian {
      display: flex;
      align-items: center;
      justify-content: center;
	  font-size: 12px;
      width: 70px;
      height: 34px;
      padding: 6px 12px;
      background: rgba(255, 255, 255, 0.1);
      border-radius: 20px;
      color: white;
      cursor: pointer;
      transition: all 0.2s ease;
      font-size: 12px;
      border: 1px solid rgba(255,255,255,0.2);
      backdrop-filter: blur(10px);
    }
    
    .btn-favorite_tuijian:hover {
      background: rgba(255, 255, 255, 0.2);
      transform: scale(1.1);
    }
    
    .btn-favorite_tuijian.active {
      background: rgba(255, 85, 1, 0.8);
      border-color: rgba(255, 85, 1, 0.9);
    }
    
    .btn-favorite_tuijian i {
      margin-right: 4px;
      font-size: 12px;
    }
    
    /* 响应式设计 - 在小屏幕上减少每行数量 */
    @media (max-width: 1200px) {
      .movietuijian-item {
        width: calc(25% - 16px); /* 4个一行 */
      }
    }
    
    @media (max-width: 900px) {
      .movietuijian-item {
        width: calc(33.333% - 16px); /* 3个一行 */
      }
    }
    
    @media (max-width: 600px) {
      .movietuijian-item {
        width: calc(50% - 16px); /* 2个一行 */
      }
    }
    
    @media (max-width: 400px) {
      .movietuijian-item {
        width: 100%; /* 1个一行 */
      }
    }