这是一个微信小程序签到情况的前端页面用来显示有哪些人签到了哪些人没签到你能帮我设计一个好看的样式吗给出wxss文件view class=container view class=title已签到view block wxfor=list1 wxfor-item=item view class=signed view class=signed-info签到人：itemrealna

.container { padding: 20rpx; background-color: #F5F5F5; }

.title { font-size: 24rpx; font-weight: bold; margin-top: 30rpx; margin-bottom: 10rpx; }

.signed { background-color: #FFF; padding: 20rpx; border-radius: 10rpx; margin-bottom: 20rpx; }

.signed-info { font-size: 28rpx; font-weight: bold; color: #333; }

.signed-lable { font-size: 24rpx; color: #666; margin-top: 10rpx; }

.signed-time { font-size: 24rpx; color: #666; margin-top: 10rpx; }

.unsigned { background-color: #FFF; padding: 20rpx; border-radius: 10rpx; margin-bottom: 20rpx; }

.unsigned-info { font-size: 28rpx; font-weight: bold; color: #333; }