// ----------
.Z3upFiles {
  a {
    color: black;
  }

  .Z3files {
    .Z3filesRow {
      display: flex;
      align-items: center;
      padding: 8px 12px;
      border: 1px solid #d9d9d9;
      border-radius: 6px;
      margin-bottom: 8px;
      background: #fff;
      transition: all 0.3s;

      &:hover {
        border-color: #40a9ff;
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
      }

      &.dragging {
        opacity: 0.5;
        background: #f0f0f0;
      }

      &.dragOverlay {
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
        transform: rotate(5deg);
      }

      .dragHandle {
        cursor: grab;
        margin-right: 12px;
        color: #999;
        padding: 4px;

        &:active {
          cursor: grabbing;
        }

        &:hover {
          color: #40a9ff;
        }
      }

      .Z3files1 {
        flex: 1;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
      }

      .Z3files2 {
        display: flex;
        align-items: center;

        .anticon {
          cursor: pointer;
          color: #666;

          &:hover {
            color: #40a9ff;
          }
        }
      }
    }
  }

  .fileTit {
    margin-top: 12px;
    color: #666;
    font-size: 12px;

    .noUpThumb {
      display: none;

      &.noUpThumbAc {
        display: block;
        color: #ff4d4f;
      }
    }
  }
}
