style:fix Global.less does not work

src/global.less

-html,
-body,
-#root {
+:global {
+  html,
+  body,
+  #root {
     height: 100%;
-}
+  }
 
-.colorWeak {
+  .colorWeak {
     filter: invert(80%);
-}
+  }
 
-.ant-layout {
+  .ant-layout {
     min-height: 100vh;
-}
+  }
 
-canvas {
+  canvas {
     display: block;
-}
+  }
 
-body {
+  body {
     text-rendering: optimizeLegibility;
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
-}
+  }
 
-.globalSpin {
+  .globalSpin {
     width: 100%;
     margin: 40px 0 !important;
-}
+  }
 
-// temp fix for https://github.com/ant-design/ant-design/commit/a1fafb5b727b62cb0be29ce6e9eca8f579d4f8b7
-.ant-spin-container {
+  // temp fix for https://github.com/ant-design/ant-design/commit/a1fafb5b727b62cb0be29ce6e9eca8f579d4f8b7
+  .ant-spin-container {
     overflow: visible !important;
+  }
 }