如何根据用户操作系统更改CSS

/* 默认样式 */
body {
  background-color: #ffffff;
  color: #000000;
}

/* Windows操作系统样式 */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  body {
    background-color: #0078d7;
    color: #ffffff;
  }
}

/* macOS操作系统样式 */
@media screen and (min-resolution: 2dppx) {
  body {
    background-color: #000000;
    color: #ffffff;
  }
}

/* Linux操作系统样式 */
@media screen and (pointer: coarse) {
  body {
    background-color: #f5f5f5;
    color: #000000;
  }
}