.me { padding: 24rpx;
}
.card.user { display: flex; gap: 18rpx; padding: 22rpx; background: #fff; border-radius: 16rpx; box-shadow: 0 6rpx 16rpx rgba(0,0,0,0.06); align-items: center;
}
.avatar { width: 120rpx; height: 120rpx; border-radius: 60rpx; background: #f5f5f5;
}
.meta { display: flex; flex-direction: column; gap: 6rpx;
}
.name { font-size: 34rpx; font-weight: 700; color: #333;
}
.phone { font-size: 26rpx; color: #888;
}
.role { font-size: 22rpx; color: #999;
}
.group { margin-top: 24rpx; background: #fff; border-radius: 16rpx; overflow: hidden;
}
.group-title { padding: 18rpx 22rpx; font-size: 26rpx; color: #999; background: #fafafa;
}
.cell { display: flex; align-items: center; padding: 26rpx 22rpx; border-top: 1rpx solid #f0f0f0; color: #333;
}
.cell .desc { margin-left: auto; margin-right: 8rpx; font-size: 22rpx; color: #999;
}
.cell .arrow { margin-left: auto; color: #bbb;
}
.cell.danger { color: #dd524d; justify-content: center; font-weight: 700;
}