@charset "utf-8";

#my-collect {
  .user-action {
    .tip {
      font-size: 12px;
      color: #A7A7B7;

      span {
        color: #4299FF;
        cursor: pointer;
        margin: 0 5px;
      }

      i {
        font-size: 14px;
        cursor: pointer;
      }
    }
  }

  .table-layout {
    padding: 20px 30px;

    .user-table {
      font-size: 12px;

      td {
        vertical-align: top;
      }
    }

    .article-item {
      .detail {
        max-height: 140px;
        overflow: hidden;
        background: linear-gradient(360deg, rgba(161, 161, 171, 0) 0%, rgba(104, 104, 114, 1) 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
      }
    }
  }
}

.g-modal.article-detail-modal {
  .ant-modal-body {
    .detail {
      height: 600px;
      overflow-y: auto;
    }

    .prev {
      position: absolute;
      left: -100px;
      top: 300px;
      color: #fff;
      font-size: 37px;
      cursor: pointer;
    }

    .next {
      position: absolute;
      right: -100px;
      top: 300px;
      color: #fff;
      font-size: 37px;
      cursor: pointer;
    }
  }
}