.comp-card {

  :global(.arco-col) {
    padding: 10px;
  }

  :global(.arco-card-body) {
    display: flex;
  }

  .img-box {
    width: 80px;
    height: 110px;
    margin-right: 10px;
  }

  .info-box {
    width: calc(100% - 100px);

    .info-author {
      margin-bottom: 40px;
      white-space: nowrap; /* 禁止换行 */
      overflow: hidden; /* 超出部分隐藏 */
      text-overflow: ellipsis; /* 溢出部分用省略号表示 */
    }

    .info-rate {
      display: flex;
      align-items: center;
    }
  }

  .comp-card-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 20px;
    background: linear-gradient(90deg, #64b5f6, #2175f3);
    color: #ffffff;
  }
}
