.repo-card {
    display: flex;
    justify-content: space-between; /* 让子元素分别靠左和靠右贴边 */
    align-items: center; /* 垂直居中对齐 */
    width: 100%; /* 确保容器占满父元素宽度 */
}

.repo-card-repo {
    font-size: 0.7em; /* 减小字体大小 */
    white-space: nowrap; /* 防止链接文本换行 */
}

.repo-card-repo-description {
    font-size: 0.7em; /* 减小字体大小 */
}

.repo-card-author-name-star {
    display: flex;
    align-items: center; /* 垂直居中对齐 */
    gap: 10px; /* 星星和fork数量之间的间距 */
}

.repo-card-author-name {
    display: flex; /* 使用 Flexbox 布局 */
    flex-direction: column; /* 设置主轴方向为垂直方向 */
    align-items: center; /* 元素靠左对齐 */
    gap: 3px; /* 元素之间的垂直间距 */
}

.repo-card-author-star {
    display: flex; /* 使用 Flexbox 布局 */
    flex-direction: column; /* 设置主轴方向为垂直方向 */
    align-items: flex-start; /* 元素靠左对齐 */
    gap: 3px; /* 元素之间的垂直间距 */
}

.repo-card-author {
    display: flex;
    align-items: center; /* 垂直居中对齐 */
    gap: 5px; /* 头像和作者名称之间的间距 */
    width: auto; /* 重置宽度，避免影响布局 */
}

.repo-card-total-stars{
    font-size: 0.7em; /* 调整字体大小 */
}

.repo-card-today-stars {
    display: inline-flex;
    align-items: center;
    gap: 3px; /* 图标和文字间距 */
    background-color: #ffc107; /* 黄色背景 */
    color: #fff; /* 白色文字 */
    font-size: 0.7em; /* 调整字体大小 */
    padding: 0.25em 0.5em; /* 调整内边距 */
}

.repo-card-total-stars i.fa-star {
    font-size: 0.8em; /* 调整箭头图标大小 */
}

.repo-card-today-stars i.fa-arrow-up {
    font-size: 0.8em; /* 调整箭头图标大小 */
}

.repo-card-author-image {
    width: 50px; /* 设置头像容器宽度 */
    height: 50px; /* 设置头像容器高度 */
    border-radius: 50%; /* 使头像容器呈圆形 */
    overflow: hidden;
    margin-right: 0; /* 移除右侧外边距，使用 gap 控制间距 */
    border: 2px solid green; /* 增加黄色边框 */
}

.repo-card-author-image img {
    width: 100%; /* 让图片填充容器 */
    height: 100%;
    object-fit: cover; /* 保持图片比例并填充容器 */
}

.repo-card-author-name {
    font-weight: 600;
    line-height: 20px;
    font-size: 0.8em; /* 减小字体大小 */
    white-space: nowrap; /* 防止链接文本换行 */
}