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

.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; justify-content: space-between; align-items: center; width: 80%; margin-bottom: 10px; padding: 10px; border: 1px solid #ccc; border-radius: 5px; }

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

.user-account { font-size: 14px; color: #666; }

.user-role { font-size: 16px; font-weight: bold; color: #333; }

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

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

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