+ 新功能提示框(白/黑)

+ fix: 暗黑模式 一些小问题
+ 一些 scss 通用方法

(cherry picked from commit 8c149b6fa82dde3d2c03c236c699939154c65508)

src/scss/_gaps.scss

@@ -3,7 +3,7 @@
  */
 
 $gap: 5px;
-@for $item from 1 through 7 {
+@for $item from 0 through 8 {
   .mt-#{$item} { margin-top     : $gap * $item !important;}
   .mb-#{$item} { margin-bottom  : $gap * $item !important;}
   .ml-#{$item} { margin-left    : $gap * $item !important;}
@@ -15,4 +15,4 @@ $gap: 5px;
   .pl-#{$item} { padding-left   : $gap * $item !important;}
   .pr-#{$item} { padding-right  : $gap * $item !important;}
    .p-#{$item} { padding        : $gap * $item !important;}
-}
+}