/**
 * 巧来合信用等级装饰 - 2026-06-09 简化为下排 1-5 星星
 *
 * 设计原则 (老大 2026-06-09):
 *   - 不再压住头像 (旧版: 头像边框/光效/角标)
 *   - 不再装饰卡片背景
 *   - 只在头像**正下方**加一行 1-5 颗 ⭐
 *   - 1 星 = ⭐, 5 星 = ⭐⭐⭐⭐⭐
 *
 * 用法:
 *   <div class="qlh-avatar">
 *     <img src="..." data-user-id="<userId>">
 *     <div class="qlh-credit-stars">⭐⭐⭐</div>   <!-- JS 动态插入 -->
 *   </div>
 */

/* 头像容器: 改成 flex column 让星星排在头像下 */
.qlh-avatar {
    position: relative;
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
}
.qlh-avatar img,
.qlh-avatar > .avatar-img {
    width: 100%;
    height: auto;          /* 2026-06-09: 自适应, 配合下排星星不溢出 */
    max-height: 100%;      /* 不会超过父容器原定高度 */
    max-width: 100%;
    border-radius: 50%;
    object-fit: cover;
    display: block;
    box-sizing: border-box;
    flex-shrink: 0;        /* 不被星星挤压 */
}

/* ===== 头像下排星星 ===== */
.qlh-credit-stars {
    /* 2026-06-09: 头像下面一行星星, 字号小不压, 居中对齐 */
    font-size: 12px;
    line-height: 1;
    color: #f59e0b;       /* 金黄 ⭐ */
    letter-spacing: 1px;
    text-align: center;
    white-space: nowrap;
    user-select: none;
    /* 微微阴影让浅背景也能看清 */
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
}

/* 不同等级: 颜色微调 (star1 灰一点, star5 紫金混合) */
.qlh-credit-stars.star1 { color: #9ca3af; }            /* 灰 */
.qlh-credit-stars.star2 { color: #cd7f32; }            /* 铜 */
.qlh-credit-stars.star3 { color: #6b7280; }            /* 银 */
.qlh-credit-stars.star4 { color: #f59e0b; }            /* 金 */
.qlh-credit-stars.star5 { color: #7c3aed; }            /* 紫 (钻石) */

/* ===== 兼容: card-view.html 用的 .qlh-credit-badge (现在不显示, 但留 CSS 不报错) ===== */
.qlh-credit-badge {
    display: none !important;  /* 老大要最简, 旧角标全隐藏 */
}