Improve ClassCard style 改进课程表卡片样式

**这个feature请求与你遇到的问题有关吗？请描述这个问题**

目前课程表中同一门课程的卡片样式是相同的，但其实一门课在不同时间段内容可能不同，比如 单双周 和 实验/上机，现在希望在样式上做一些小的调整以直观呈现这些属性

**描述你期望的解决方案**

- 对于单双周的课时，可以添加一条对角线，并在保持原色调的同时改变颜色深浅，单周则上深下浅，双周则下深上浅
- 对于有实验/上机的课时，可以添加能引起联想的 emoji 或 icon，如 🔬 

**描述你期望的其他解决方案**

有更好的解决方案欢迎提出

**附加内容**

完成这项任务后你将会掌握：

- HTML/CSS/JS 基础
- Vue 基本概念

欢迎参与贡献！