
.me { padding: 0.75rem;
}
.card.user { display: flex; gap: 0.5625rem; padding: 0.6875rem; background: #fff; border-radius: 0.5rem; box-shadow: 0 0.1875rem 0.5rem rgba(0,0,0,0.06); align-items: center;
}
.avatar { width: 3.75rem; height: 3.75rem; border-radius: 1.875rem; background: #f5f5f5;
}
.meta { display: flex; flex-direction: column; gap: 0.1875rem;
}
.name { font-size: 1.0625rem; font-weight: 700; color: #333;
}
.phone { font-size: 0.8125rem; color: #888;
}
.role { font-size: 0.6875rem; color: #999;
}
.group { margin-top: 0.75rem; background: #fff; border-radius: 0.5rem; overflow: hidden;
}
.group-title { padding: 0.5625rem 0.6875rem; font-size: 0.8125rem; color: #999; background: #fafafa;
}
.cell { display: flex; align-items: center; padding: 0.8125rem 0.6875rem; border-top: 0.03125rem solid #f0f0f0; color: #333;
}
.cell .desc { margin-left: auto; margin-right: 0.25rem; font-size: 0.6875rem; color: #999;
}
.cell .arrow { margin-left: auto; color: #bbb;
}
.cell.danger { color: #dd524d; justify-content: center; font-weight: 700;
}
