/*=========== 公共间距 ===========*/
.ml-35 {
  margin-left: 65.63rpx;
}
.ml-27 {
  margin-left: 50.63rpx;
}
.mt-13 {
  margin-top: 24.38rpx;
}

/*=========== 页面整体 ===========*/
.page {
  padding: 37.76rpx 41.25rpx 980.63rpx;
  background-image: linear-gradient(180deg, #ff8d1a 0%, #ff8d1a00 27%);
  width: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  height: 100%;
}

/*=========== 文本样式，均放大一号 ===========*/
/* 主标题 “我推荐的用户” */
.text {
  color: #ffffff;
  font-size: 36rpx;       /* 原 33.75rpx → 36rpx */
  line-height: 34rpx;     /* 对应行高 */
  font-family: SourceHanSansCN;
}

/* 次级标题 “直推用户”/“间推用户” */
.text_2 {
  margin-top: 40.42rpx;
  color: #ffffff;
  font-size: 36rpx;       /* 新增字号 */
  line-height: 34rpx;
  font-family: SourceHanSansCN;
}

/* 通用白字 */
.font {
  font-size: 33rpx;       /* 原 30rpx → 33rpx */
  line-height: 30rpx;
  color: #ffffff;
  font-family: SourceHanSansCN;
}

/* 卡片容器 */
.section {
  padding: 27.66rpx 27.09rpx 22.67rpx;
  background-color: #ffffff;
  border-radius: 9.38rpx;
}
.view {
  margin-top: 25.58rpx;
}
.group {
  padding-left: 14.06rpx;
}

/* 表头文字 */
.font_2 {
  font-size: 30rpx;       /* 原 26.25rpx → 30rpx */
  line-height: 28rpx;
  color: #323232;
  font-family: SourceHanSansCN;
}

/* 表格内容：收益、时间 */
.font_4 {
  font-size: 30rpx;       /* 原 26.25rpx → 30rpx */
  line-height: 23rpx;
  color: #323232;
  font-family: SourceHanSansCN;
}

/* 小图标 */
.image {
  width: 30rpx;
  height: 30rpx;
}

/* “间推用户”前缀 */
.text_6 {
  margin-left: 2.74rpx;
  color: #323232;
  font-size: 30rpx;       /* 新增字号 */
  line-height: 28rpx;
  font-family: SourceHanSansCN;
}

/* 用户名文字，放大一号 */
.font_3 {
  font-size: 30rpx;       /* 原 26.25rpx → 30rpx */
  line-height: 36rpx;     /* 支持两行 */
  color: #323232;
  font-family: SourceHanSansCN;
}

/*=========== 新增：用户名自动换行 ===========*/
/* 固定宽度，在“sdfdfs”处自动断行 */
.name {
  flex: none;            /* 关闭 flex 自动拉伸 */
  width: 127rpx;         /* 根据字符长度微调，200rpx 在 “user_cxz” 后换行 */
  word-break: break-all; /* 任意字符处断行 */
  white-space: normal;   /* 允许多行 */
  margin-right: 50rpx;
}

/* 列表条目顶部对齐，支持多行用户名 */
.list-item,
.list-item_2 {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  margin-right: 12.28rpx;
}
.list-item:first-child,
.list-item_2:first-child {
  margin-top: 0;
}
