/* 添加适当的样式来定位和美化弹窗 */  
.class-selector-overlay {  
  position: fixed;  
  top: 0;  
  left: 0;  
  right: 0;  
  bottom: 0;  
  background: rgba(0, 0, 0, 0.5);  
  display: flex;  
  justify-content: center;  
  align-items: center;  
}  
  
.class-selector {  
  background: white;  
  padding: 20px;  
  border-radius: 10px;  
  /* 其他样式 */  
}  

.class-item {  
  /* 班级项的默认样式 */  
  margin: 10rpx;
  padding: 10rpx;  
  border-bottom: 1px solid rgb(21, 255, 0);  
}  
  
.class-item.selected {  
  /* 选中后的样式 */  
  background-color: #007aff; /* 例如，蓝色背景 */  
  color: white; /* 白色文字 */  
}