.user-card {
    padding: 0.2rem;
    text-align: center;
}

.avatar {
    width: 0.68rem;
    height: 0.68rem;
    display: grid;
    place-items: center;
    margin: 0 auto 0.1rem;
    color: #fff;
    background: linear-gradient(135deg, #416dff, #79a2ff);
    border-radius: 50%;
    font-size: 0.24rem;
    font-weight: 700;
}

.demo-tip {
    margin: 0.1rem 0;
    color: var(--muted);
    font-size: 0.12rem;
    text-align: center;
}

.user-actions {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0.08rem;
    margin-top: 0.14rem;
}

.user-actions a,
.user-actions button {
    padding: 0.12rem 0.04rem;
    background: #f5f7fb;
    border-radius: 0.14rem;
}

.favorite-list {
    display: grid;
    gap: 0.1rem;
}

.favorite-item {
    display: grid;
    grid-template-columns: 0.7rem 1fr auto;
    gap: 0.1rem;
    align-items: center;
    padding: 0.1rem;
    background: #fff;
    border-radius: 0.18rem;
}

.favorite-item img {
    height: 0.7rem;
    object-fit: contain;
}