* {
  margin: 0;
  padding: 0;
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
}

*:not(textarea,input) {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

button{
  background-color: transparent;
  border: none;
}

[contenteditable] {
  -webkit-user-select: text;
  -moz-user-select: text;
       user-select: text;
}
*,
*::before,
*::after {
  box-sizing: border-box;
}

html,
body {
  font-family: -apple-system, "SF UI Text", "Helvetica Neue", Arial, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Zen Hei", sans-serif;
  font-weight: normal;
  line-height: 18px;
  font-size: 16px;
  overflow: hidden;
  height: 100%;
}

body {
  font-size: 12px;
  overflow: hidden;
}

@media screen and (min-resolution: 2dppx) {
  body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
}


.mb-color-selectMenu .icon.dora{
  display: none;
}

/* NOTE: this file is script generated, change should be made at 'fe/scripts/generateFontResource.js' */
@font-face {
  font-style: normal;
  font-family: 'FZLanTingHei';
  font-weight: 400;
  src: local('FZLanTingHeiS-R-GB'), url('/fonts/fangzheng/ht/FZLTHJW.woff2') format('woff2'), url('/fonts/fangzheng/ht/FZLTHJW.woff') format('woff');
}
@font-face {
  font-style: normal;
  font-family: 'FZLanTingHei';
  font-weight: 300;
  src: local('FZLanTingHeiS-L-GB'), url('/fonts/fangzheng/ht/FZLTXIHJW.woff2') format('woff2'), url('/fonts/fangzheng/ht/FZLTXIHJW.woff') format('woff');
}
@font-face {
  font-style: normal;
  font-family: 'FZYuan';
  font-weight: 400;
  src: local('FZZhunYuan-M02S'), url('/fonts/fangzheng/yt/FZY3JW.woff2') format('woff2'), url('/fonts/fangzheng/yt/FZY3JW.woff') format('woff');
}
@font-face {
  font-style: normal;
  font-family: 'FZYuan';
  font-weight: 300;
  src: local('FZXiYuan-M01S'), url('/fonts/fangzheng/yt/FZY1JW.woff2') format('woff2'), url('/fonts/fangzheng/yt/FZY1JW.woff') format('woff');
}
@font-face {
  font-style: normal;
  font-family: 'FZXinSong';
  font-weight: 400;
  src: local('FZNewShuSong-Z10S'), url('/fonts/fangzheng/FZXSSJW.woff2') format('woff2'), url('/fonts/fangzheng/FZXSSJW.woff') format('woff');
}
@font-face {
  font-style: normal;
  font-family: 'FZKai';
  font-weight: 400;
  src: local('FZKai-Z03S'), url('/fonts/fangzheng/FZKTJW.woff2') format('woff2'), url('/fonts/fangzheng/FZKTJW.woff') format('woff');
}
@font-face {
  font-style: normal;
  font-family: 'FZGongYeHei';
  font-weight: 400;
  src: local('FZGongYHS-R-GB'), url('/fonts/fangzheng/FZGongYHJW.woff2') format('woff2'), url('/fonts/fangzheng/FZGongYHJW.woff') format('woff');
}
@font-face {
  font-style: normal;
  font-family: 'FZHanZhenGuangBiao';
  font-weight: 400;
  src: local('FZHanZhenGuangBiaoS-GB'), url('/fonts/fangzheng/FZHZGBJW.woff2') format('woff2'), url('/fonts/fangzheng/FZHZGBJW.woff') format('woff');
}
@font-face {
  font-style: normal;
  font-family: 'FZZongYi';
  font-weight: 400;
  src: local('FZZongYi-M05S'), url('/fonts/fangzheng/FZZYJW.woff2') format('woff2'), url('/fonts/fangzheng/FZZYJW.woff') format('woff');
}
@font-face {
  font-style: normal;
  font-family: 'PingFangSC';
  font-weight: 400;
  src: local('PingFangSC-Regular'), local('PingFang SC Regular'), local('.PingFangSC-Regular'), local('.PingFang SC Regular'), local('PingFangSC'), local('PingFang SC'), url('/fonts/pingfang/SC-Regular.woff2') format('woff2'), url('/fonts/pingfang/SC-Regular.woff') format('woff');
}
@font-face {
  font-style: normal;
  font-family: 'PingFangSC';
  font-weight: 700;
  src: local('PingFangSC-Semibold'), local('PingFang SC Semibold'), local('.PingFangSC-Semibold'), local('.PingFang SC Semibold'), url('/fonts/pingfang/SC-Semibold.woff2') format('woff2'), url('/fonts/pingfang/SC-Semibold.woff') format('woff');
}
@font-face {
  font-style: normal;
  font-family: 'SourceHanSansSC';
  font-weight: 200;
  src: local('SourceHanSansSC-ExtraLight'), local('Source Han Sans SC ExtraLight'), local('Noto Sans CJK SC ExtraLight'), url('/fonts/source-han/SansCN-ExtraLight.woff2') format('woff2'), url('/fonts/source-han/SansCN-ExtraLight.woff') format('woff');
}
@font-face {
  font-style: normal;
  font-family: 'SourceHanSansSC';
  font-weight: 300;
  src: local('SourceHanSansSC-Light'), local('Source Han Sans SC Light'), local('Noto Sans CJK SC Light'), url('/fonts/source-han/SansCN-Light.woff2') format('woff2'), url('/fonts/source-han/SansCN-Light.woff') format('woff');
}
@font-face {
  font-style: normal;
  font-family: 'SourceHanSansSC';
  font-weight: 400;
  src: local('SourceHanSansSC-Regular'), local('Source Han Sans SC Regular'), local('Source Han Sans SC'), local('Noto Sans CJK SC Regular'), local('Noto Sans CJK SC'), url('/fonts/source-han/SansCN-Regular.woff2') format('woff2'), url('/fonts/source-han/SansCN-Regular.woff') format('woff');
}
@font-face {
  font-style: normal;
  font-family: 'SourceHanSansSC';
  font-weight: 500;
  src: local('SourceHanSansSC-Medium'), local('Source Han Sans SC Medium'), local('Noto Sans CJK SC Medium'), url('/fonts/source-han/SansCN-Medium.woff2') format('woff2'), url('/fonts/source-han/SansCN-Medium.woff') format('woff');
}
@font-face {
  font-style: normal;
  font-family: 'SourceHanSansSC';
  font-weight: 700;
  src: local('SourceHanSansSC-Bold'), local('Source Han Sans SC Bold'), local('Noto Sans CJK SC Bold'), url('/fonts/source-han/SansCN-Bold.woff2') format('woff2'), url('/fonts/source-han/SansCN-Bold.woff') format('woff');
}
@font-face {
  font-style: normal;
  font-family: 'SourceHanSansSC';
  font-weight: 800;
  src: local('SourceHanSansSC-ExtraBold'), local('Source Han Sans SC ExtraBold'), local('Noto Sans CJK SC ExtraBold'), url('/fonts/source-han/SansCN-Heavy.woff2') format('woff2'), url('/fonts/source-han/SansCN-Heavy.woff') format('woff');
}
@font-face {
  font-style: normal;
  font-family: 'SFUIText';
  font-weight: 400;
  src: local('SFUIText-Regular'), local('.SFUIText-Regular'), local('SFProText-Regular'), local('SFProText'), url('/fonts/sf-ui/Text-Regular.woff2') format('woff2'), url('/fonts/sf-ui/Text-Regular.woff') format('woff');
}
@font-face {
  font-style: normal;
  font-family: 'SFUIText';
  font-weight: 700;
  src: local('SFUIText-Bold'), local('.SFUIText-Bold'), local('SFProText-Bold'), url('/fonts/sf-ui/Text-Bold.woff2') format('woff2'), url('/fonts/sf-ui/Text-Bold.woff') format('woff');
}
@font-face {
  font-style: normal;
  font-family: 'Roboto';
  font-weight: 400;
  src: local('Roboto'), url('/fonts/roboto/Regular.woff2') format('woff2'), url('/fonts/roboto/Regular.woff') format('woff');
}
@font-face {
  font-style: normal;
  font-family: 'Roboto';
  font-weight: 700;
  src: local('Roboto-Bold'), local('Roboto Bold'), url('/fonts/roboto/Bold.woff2') format('woff2'), url('/fonts/roboto/Bold.woff') format('woff');
}
@font-face {
  font-style: italic;
  font-family: 'Roboto';
  font-weight: 400;
  src: local('Roboto-Italic'), local('Roboto Italic'), url('/fonts/roboto/Italic.woff2') format('woff2'), url('/fonts/roboto/Italic.woff') format('woff');
}
@font-face {
  font-style: italic;
  font-family: 'Roboto';
  font-weight: 700;
  src: local('Roboto-BoldItalic'), local('Roboto Bold Italic'), url('/fonts/roboto/BoldItalic.woff2') format('woff2'), url('/fonts/roboto/BoldItalic.woff') format('woff');
}










/**
 * Draft v0.11.7
 *
 * Copyright (c) Facebook, Inc. and its affiliates.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 */
.DraftEditor-editorContainer,.DraftEditor-root,.public-DraftEditor-content{height:inherit;text-align:initial}.public-DraftEditor-content[contenteditable=true]{-webkit-user-modify:read-write-plaintext-only}.DraftEditor-root{position:relative}.DraftEditor-editorContainer{background-color:rgba(255,255,255,0);border-left:.1px solid transparent;position:relative;z-index:1}.public-DraftEditor-block{position:relative}.DraftEditor-alignLeft .public-DraftStyleDefault-block{text-align:left}.DraftEditor-alignLeft .public-DraftEditorPlaceholder-root{left:0;text-align:left}.DraftEditor-alignCenter .public-DraftStyleDefault-block{text-align:center}.DraftEditor-alignCenter .public-DraftEditorPlaceholder-root{margin:0 auto;text-align:center;width:100%}.DraftEditor-alignRight .public-DraftStyleDefault-block{text-align:right}.DraftEditor-alignRight .public-DraftEditorPlaceholder-root{right:0;text-align:right}.public-DraftEditorPlaceholder-root{color:#9197a3;position:absolute;width:100%;z-index:1}.public-DraftEditorPlaceholder-hasFocus{color:#bdc1c9}.DraftEditorPlaceholder-hidden{display:none}.public-DraftStyleDefault-block{position:relative;white-space:pre-wrap}.public-DraftStyleDefault-ltr{direction:ltr;text-align:left}.public-DraftStyleDefault-rtl{direction:rtl;text-align:right}.public-DraftStyleDefault-listLTR{direction:ltr}.public-DraftStyleDefault-listRTL{direction:rtl}.public-DraftStyleDefault-ol,.public-DraftStyleDefault-ul{margin:16px 0;padding:0}.public-DraftStyleDefault-depth0.public-DraftStyleDefault-listLTR{margin-left:1.5em}.public-DraftStyleDefault-depth0.public-DraftStyleDefault-listRTL{margin-right:1.5em}.public-DraftStyleDefault-depth1.public-DraftStyleDefault-listLTR{margin-left:3em}.public-DraftStyleDefault-depth1.public-DraftStyleDefault-listRTL{margin-right:3em}.public-DraftStyleDefault-depth2.public-DraftStyleDefault-listLTR{margin-left:4.5em}.public-DraftStyleDefault-depth2.public-DraftStyleDefault-listRTL{margin-right:4.5em}.public-DraftStyleDefault-depth3.public-DraftStyleDefault-listLTR{margin-left:6em}.public-DraftStyleDefault-depth3.public-DraftStyleDefault-listRTL{margin-right:6em}.public-DraftStyleDefault-depth4.public-DraftStyleDefault-listLTR{margin-left:7.5em}.public-DraftStyleDefault-depth4.public-DraftStyleDefault-listRTL{margin-right:7.5em}.public-DraftStyleDefault-unorderedListItem{list-style-type:square;position:relative}.public-DraftStyleDefault-unorderedListItem.public-DraftStyleDefault-depth0{list-style-type:disc}.public-DraftStyleDefault-unorderedListItem.public-DraftStyleDefault-depth1{list-style-type:circle}.public-DraftStyleDefault-orderedListItem{list-style-type:none;position:relative}.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-listLTR:before{left:-36px;position:absolute;text-align:right;width:30px}.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-listRTL:before{position:absolute;right:-36px;text-align:left;width:30px}.public-DraftStyleDefault-orderedListItem:before{content:counter(ol0) ". ";counter-increment:ol0}.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth1:before{content:counter(ol1,lower-alpha) ". ";counter-increment:ol1}.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth2:before{content:counter(ol2,lower-roman) ". ";counter-increment:ol2}.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth3:before{content:counter(ol3) ". ";counter-increment:ol3}.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth4:before{content:counter(ol4,lower-alpha) ". ";counter-increment:ol4}.public-DraftStyleDefault-depth0.public-DraftStyleDefault-reset{counter-reset:ol0}.public-DraftStyleDefault-depth1.public-DraftStyleDefault-reset{counter-reset:ol1}.public-DraftStyleDefault-depth2.public-DraftStyleDefault-reset{counter-reset:ol2}.public-DraftStyleDefault-depth3.public-DraftStyleDefault-reset{counter-reset:ol3}.public-DraftStyleDefault-depth4.public-DraftStyleDefault-reset{counter-reset:ol4}
.hXuZhjEBC4sWIW01v91K .same-size-h-line {
      position: absolute;
      height: 1px;
      border-top: 1px solid #ECC304;
      z-index: 11;
    }

      .hXuZhjEBC4sWIW01v91K .same-size-h-line::after {
        width: 1px;
        height: 5px;
        content: " ";
        background-color: #ECC304;
        position: absolute;
        right: 0;
        bottom: 0;
      }

      .hXuZhjEBC4sWIW01v91K .same-size-h-line::before {
        width: 1px;
        height: 5px;
        content: " ";
        background-color: #ECC304;
        position: absolute;
        bottom: 0px;
      }
    .hXuZhjEBC4sWIW01v91K .same-size-v-line {
      position: absolute;
      width: 1px;
      border-left: 1px solid #ECC304;
      z-index: 11;
    }
    .hXuZhjEBC4sWIW01v91K .same-size-v-line::after {
        width: 5px;
        height: 1px;
        content: " ";
        background-color: #ECC304;
        position: absolute;
        bottom: 0px;
        right: 0px;
      }
    .hXuZhjEBC4sWIW01v91K .same-size-v-line::before {
        width: 5px;
        height: 1px;
        content: " ";
        background-color: #ECC304;
        position: absolute;
        top: 0px;
        right: 0px;
      }
    .hXuZhjEBC4sWIW01v91K .same-size-h-value {
      position: absolute;
      top: 0;
      left: 50%;
      color: #ECC304;
      transform: translate(-50%, calc(-100% - 3px));
    }
    .hXuZhjEBC4sWIW01v91K .same-size-v-value {
      position: absolute;
      left: -40px;
      top: 50%;
      color: #ECC304;
      transform: translate(0, -50%);
    }

.P2ND7x8HgwjRD3UlQqg_ .h-line, .P2ND7x8HgwjRD3UlQqg_ .dis-h-line {
      position: absolute;
      height: 1px;
      border-top: 1px solid #2ED2EE;
      z-index: 10;
    }
    .P2ND7x8HgwjRD3UlQqg_ .v-line, .P2ND7x8HgwjRD3UlQqg_ .dis-v-line {
      position: absolute;
      width: 1px;
      border-left: 1px solid #2ED2EE;
      z-index: 10;
    }
    .P2ND7x8HgwjRD3UlQqg_ .edge-h-value, .P2ND7x8HgwjRD3UlQqg_ .dis-h-value {
      position: absolute;
      top: 0;
      left: 50%;
      color: #D945C2;
      transform: translate(-50%, calc(-100% - 3px));
    }
    .P2ND7x8HgwjRD3UlQqg_ .edge-v-line {
      position: absolute;
      width: 1px;
      border-left: 1px solid #D945C2;
      z-index: 10;
    }
    .P2ND7x8HgwjRD3UlQqg_ .edge-h-line {
      position: absolute;
      height: 1px;
      border-top: 1px solid #D945C2;
      z-index: 10;
    }
    .P2ND7x8HgwjRD3UlQqg_ .edge-v-value, .P2ND7x8HgwjRD3UlQqg_ .dis-v-value {
      position: absolute;
      right: 0;
      top: 50%;
      color: #D945C2;
      transform: translate(0, -50%);
    }
    .P2ND7x8HgwjRD3UlQqg_ .dis-h-line {
      border-top: 1px solid #D945C2;
      z-index: 10;
    }
    .P2ND7x8HgwjRD3UlQqg_ .dis-v-line {
      border-left: 1px solid #D945C2;
      z-index: 10;
    }

.Kb_NBWFWWbQkY59yoHCQ .h-edge {
      position: absolute;
      width: 1px;
      border-left: 1px dashed #eb5648;
    }
    .Kb_NBWFWWbQkY59yoHCQ .v-edge {
      position: absolute;
      height: 1px;
      border-top: 1px dashed #eb5648;
    }
    .Kb_NBWFWWbQkY59yoHCQ .h-gap {
      position: absolute;
      background: rgba(217, 69, 194, 0.4);
    }
    .Kb_NBWFWWbQkY59yoHCQ .h-gap .line {
        width: 100%;
        height: 1px;
        border-top: 1px solid #eb5648;
      }
    .Kb_NBWFWWbQkY59yoHCQ .h-gap .value {
        position: absolute;
        top: 0;
        left: 50%;
        transform: translate(-50%, calc(-100% - 3px));
        color: #D945C2;
      }
    .Kb_NBWFWWbQkY59yoHCQ .v-gap {
      position: absolute;
      background: rgba(217, 69, 194, 0.4);
    }
    .Kb_NBWFWWbQkY59yoHCQ .v-gap .line {
        height: 100%;
        width: 1px;
        border-left: 1px solid #eb5648;
      }
    .Kb_NBWFWWbQkY59yoHCQ .v-gap .value {
        position: absolute;
        top: 50%;
        transform: translate(0, -50%);
        color: #D945C2;
      }

pre code.hljs {
  display: block;
  overflow-x: auto;
  padding: 1em
}
code.hljs {
  padding: 3px 5px
}
/*!
  Theme: Default
  Description: Original highlight.js style
  Author: (c) Ivan Sagalaev <maniac@softwaremaniacs.org>
  Maintainer: @highlightjs/core-team
  Website: https://highlightjs.org/
  License: see project LICENSE
  Touched: 2021
*/
/*
This is left on purpose making default.css the single file that can be lifted
as-is from the repository directly without the need for a build step

Typically this "required" baseline CSS is added by `makestuff.js` during build.
*/
pre code.hljs {
  display: block;
  overflow-x: auto;
  padding: 1em
}
code.hljs {
  padding: 3px 5px
}
/* end baseline CSS */
.hljs {
  background: #F3F3F3;
  color: #444
}
/* Base color: saturation 0; */
.hljs-subst {
  /* default */
  
}
/* purposely ignored */
.hljs-formula,
.hljs-attr,
.hljs-property,
.hljs-params {
  
}
.hljs-comment {
  color: #697070
}
.hljs-tag,
.hljs-punctuation {
  color: #444a
}
.hljs-tag .hljs-name,
.hljs-tag .hljs-attr {
  color: #444
}
.hljs-keyword,
.hljs-attribute,
.hljs-selector-tag,
.hljs-meta .hljs-keyword,
.hljs-doctag,
.hljs-name {
  font-weight: bold
}
/* User color: hue: 0 */
.hljs-type,
.hljs-string,
.hljs-number,
.hljs-selector-id,
.hljs-selector-class,
.hljs-quote,
.hljs-template-tag,
.hljs-deletion {
  color: #880000
}
.hljs-title,
.hljs-section {
  color: #880000;
  font-weight: bold
}
.hljs-regexp,
.hljs-symbol,
.hljs-variable,
.hljs-template-variable,
.hljs-link,
.hljs-selector-attr,
.hljs-operator,
.hljs-selector-pseudo {
  color: #ab5656
}
/* Language color: hue: 90; */
.hljs-literal {
  color: #695
}
.hljs-built_in,
.hljs-bullet,
.hljs-code,
.hljs-addition {
  color: #397300
}
/* Meta color: hue: 200 */
.hljs-meta {
  color: #1f7199
}
.hljs-meta .hljs-string {
  color: #38a
}
/* Misc effects */
.hljs-emphasis {
  font-style: italic
}
.hljs-strong {
  font-weight: bold
}

/*# sourceMappingURL=experience-d77b33e381c05646a130.css.map*/