nova-live/projects/live-app/src/modules/user/comment/comment.component.scss

.content {
  // background-image: url("https://file-cloud.fmode.cn/Qje9D4bqol/20241220/b313ov054708770.png");
  // background-repeat: no-repeat;
  // background-position: center top;
  // background-size: 100% 100%;
  // height: 100%;
  // padding-top: 2.5641vw;
  // width: 100%;
  // text-align: center;
  // --background:#fff;
  .comment-list {
    // background-color: #47474726;
    // border: 1px solid white;
    // margin-top: 4px;
    border-radius: 6px;
    .li {
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding: 4px;
      border-bottom: 1px solid #eee;
      .li-user {
        display: flex;
        align-items: center;
        .avatar {
          width: 30px;
          height: 30px;
          margin-right: 4px;
        }
        .level {
          margin-left: 1.5385vw;
          text-align: center;
          font-size: 3.0769vw;
          border-radius: 5.1282vw;
          padding: 0vw 1.5385vw;
          color: #000;
        }
      }
      .li-score{
        font-size: 12px;
        span{
          background-color: #c509ff;
          padding: 2px 4px;
          color: white;
          margin-left: 2px;
          border-radius: 4px;
        }
      }
    }
  }
}