.tech-dept {
    background-color: #e0f7e9; /* 浅绿色背景 */
  }
  .marketing-dept {
    background-color: #e3f2fd; /* 浅蓝色背景 */
  }
  .hr-dept {
    background-color: #ffe0b2; /* 浅橙色背景 */
  }

  /* 限制的 ID 选择器 */
  #special-employee {
    border: 2px solid #8e24aa; /* 紫色实线边框 */
    background-color: #f5f5f5; /* 浅灰色背景 */
  }

  /* 后代选择器 */
  .tech-dept .employee-card, .marketing-dept .employee-card {
    color: #424242; /* 深灰色字体 */
    padding: 10px; /* 内边距 */
    border-bottom: 1px solid #e0e0e0; /* 底部边框 */
  }

  /* 并集选择器 */
  .tech-dept, .marketing-dept {
    font-family: Arial, sans-serif; /* 无衬线字体 */
    line-height: 1.5; /* 行高 */
  }

  /* 伪类选择器 */
  .employee-card:hover {
    background-color: #fff9c4; /* 悬停时淡黄色背景 */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); /* 阴影 */
  }
  .tech-dept :nth-child(odd), .marketing-dept :nth-child(odd) {
    background-color: #f5f5f5; /* 奇数项浅灰色背景 */
  }

  /* 伪类与类别选择器组合 */
  .high-rating:hover {
    color: #ffd700; /* 金色字体 */
    font-weight: bold; /* 字体加粗 */
    text-decoration: underline; /* 下划线 */
  }