帮我写一下这个页面的样式这是一个用来显示所有用户账号姓名和修改身份的页面最好账号一行姓名一行身份和按钮在一行view class=container view class=header用户信息view view class=user-list block wxfor=users wxkey=openid view class=user-item view clas

.container { width: 100%; max-width: 600px; margin: 0 auto; padding: 20px; }

.header { font-size: 24px; font-weight: bold; margin-bottom: 20px; }

.user-list { border: 1px solid #ccc; padding: 10px; }

.user-item { display: flex; align-items: center; justify-content: space-between; margin-bottom: 10px; }

.user-name { font-size: 18px; font-weight: bold; }

.user-account { font-size: 16px; }

.user-role { font-size: 16px; }

.user-edit { display: flex; align-items: center; }

.btn { background-color: #007aff; color: #fff; border: none; border-radius: 5px; padding: 5px 10px; font-size: 16px; cursor: pointer; margin-left: 10px; }

.btn:hover { background-color: #0062cc; }