你是一个前端工程师，现在正在开发一个驾驶舱页面，整个是蓝色背景，现在有一个报警列表需要显示，请使用css写一个符合主题的每个报警的背景，可以使用半透明，渐变等

可以使用以下CSS样式来实现一个符合主题的报警列表背景： ```css .alarm-item { background-color: rgba(255, 255, 255, 0.1); border-radius: 5px; padding: 10px; margin-bottom: 10px; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); } .alarm-item:hover { background-color: rgba(255, 255, 255, 0.2); } .alarm-item .title { font-size: 16px; font-weight: bold; color: #fff; margin-bottom: 5px; } .alarm-item .description { font-size: 14px; color: #fff; } .alarm-item .time { font-size: 12px; color: #fff; opacity: 0.8; margin-top: 5px; } ``` 这个样式定义了一个`.alarm-item`类，用于表示每个报警项。它有一个半透明的白色背景，圆角边框，阴影效果和悬停时的渐变背景。报警项包括标题、描述和时间等信息，这些信息也有对应的样式定义。 可以根据具体需求进行修改和调整，以达到最终想要的效果。