message: feat: update zenmode style
diff: @@ -12,7 +12,7 @@ $prefix: '#{$component-prefix}-zen-mode' !default;
  bottom: 0;
  height: 100%;
  z-index: 1000;
  - background: #fff;
  + background: use-color-static('white');
  transition: opacity 0.3s, height 0s 0.3s;
  overflow: auto;
  @@ -29,13 +29,13 @@ $prefix: '#{$component-prefix}-zen-mode' !default;
  &__back-btn {
  cursor: pointer;
  - padding: 2px 6px;
  - border-radius: 4px;
  + padding: use-spacing(2) use-spacing(6);
  + border-radius: use-border-radius('normal');
  display: inline-block;
  transition: background 0.3s;
  &:hover {
  - background-color: rgba(31, 35, 41, 0.1);
  + background-color: use-color('gray', 200);
  }
  }
  @@ -45,11 +45,11 @@ $prefix: '#{$component-prefix}-zen-mode' !default;
  z-index: 1;
  width: 100%;
  height: 60px;
  - border-bottom: 1px solid #ccc;
  - background-color: #fff;
  + border-bottom: 1px solid use-color('gray', 200);
  + background-color: use-color-static('white');
  display: flex;
  align-items: center;
  - padding: 0 20px;
  + padding: 0 use-spaing(10);
  opacity: 0.8;
  transition: opacity 0.8s;
  }
  