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

.container { display: flex; flex-direction: column; align-items: center; margin-top: 20px; }

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

.user-list { display: flex; flex-direction: column; align-items: center; }

.user-item { display: flex; flex-direction: row; align-items: center; margin-bottom: 10px; padding: 10px; border: 1px solid #ccc; border-radius: 5px; width: 80%; }

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

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

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

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

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

.btn:hover { cursor: pointer; opacity: 0.8; }