/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
   ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */

/**
 * Remove the margin in all browsers.
 */

body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */

main {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
  -webkit-box-sizing: content-box;
          box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */

a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

abbr[title] {
  border-bottom: none; /* 1 */
  -webkit-text-decoration: underline;
  text-decoration: underline; /* 2 */
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */

img {
  border-style: none;
}

/* Forms
   ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input { /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select { /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */

button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */

legend {
  -webkit-box-sizing: border-box;
          box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */

textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */

[type="checkbox"],
[type="radio"] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */

[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */

details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */

summary {
  display: list-item;
}

/* Misc
   ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */

template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */

[hidden] {
  display: none;
}

/* 暗黑主题色 */
html[data-theme='dark'] {
  --bigBottomColour:#ffffff;
  /* 按钮 */
  --btnFill:#f2f2f2; 
  --greyBtn:#f2f2f2;
  /* 其他 */
  --colorWheelBorder:rgb(159, 158, 158);
  --dropdown:var(--bigBottomColour);
  --backgroundColorMask:rgba(0, 0, 0, 0.72);
  --dashColor:#c8c8c8;
  --checkboxBorder:#878787;
  --selectFont:#7f7f7f;
  --selectActive:#e6fff6;
  --deviceIcon:#d4d9e4;
  --deviceIconBac:#edeff6;

  /* ============== 主题背景图 ============== */
  --app-background-image: url(/static/media/background_bottom_dark.7351141d53219212f7ce.png);

  /* ============== 主题颜色 ============== */
  --theme-color: #00deb0;
  --theme-color-dark-mode: #35B390;
  /* ============== 主题颜色 END ============== */

  /* ============== 盒子嵌套 ============== */
  /* 黑 */
  /* ---XL_ */
  --box-nested-black-xl-max: var(--white-100);
  --box-nested-black-xl-border: var(--white-16);
  /* ---XS_ */
  --box-nested-black-xs-min: var(--white-2);
  /* 白 */
  /* ---XL_ */
  --box-nested-white-xl-max: var(--dark-mode-overlay-black-64);
  --box-nested-white-xl-border: var(--black-100);
  /* ---XS_ */
  --box-nested-white-xs-min: var(--black-4);
  /* ============== 盒子嵌套 END============== */

  /* ============== Button ============== */
  /* --Button-L */
  --button-black-l: var(--dark-mode-button);
  /* --Button-XS_ */
  --button-black-xs-min: var(--white-4);
  /* --Button-XL */
  --button-white-xl: var(--dark-mode-overlay-black-64);
  /* --Button-XS_ */
  --button-white-xs-min: var(--white-4);
  /* ============== Button END============== */

  /* ============== Text ============== */
  /* 黑 L_标题 */
  --text-black-l-title: var(--white-86);
  /* 黑 S_内容*/
  --text-black-s-content: var(--white-16);
  /* 白 L_标题 */
  --text-white-l-title: var(--white-86);
  /* 白 S_内容*/
  --text-white-s-content: var(--white-16);
  /* ============== Text END============== */

  /* ============== Icon ============== */
  /* 黑 L_标题 */
  --icon-black-l-title: var(--text-black-l-title);
  /* 黑 S_内容 */
  --icon-black-s-content: var(--text-black-s-content);
  /* 黑 XS_最小色值 */
  --icon-black-xs-min: var(--button-black-xs-min);
  /* 白 L_标题 */
  --icon-white-l-title: var(--text-white-l-title);
  /* 白 XS_最小色值 */
  --icon-white-xs-min: var(--button-white-xs-min);
  /* ============== Icon END ============== */

  /* ============== 底色 ==============*/
  /* 画版_地板 */
  --background-canvas: #222222;
  /* 画板__地板覆盖 */
  --background-canvas-overlay: #111111;
  /* 侧边导航_底板_黑 */
  --background-sidebar-black: #F9F9F9;
  /* 侧边导航_底板_白 */
  --background-sidebar-white: var(--background-canvas-overlay);
  /* ============== 底色 END ==============*/

  /* ============== 虚拟键盘（按键）============== */
  /* 单颗按键 */
  --keyboard-single-key: var(--white-8);
  /* 按键_TEXT_L */
  --keyboard-text-l-black: var(--text-black-l-title);
  /* 按键_TEXT_L_白 */
  --keyboard-text-l-white: var(--text-white-l-title);
  /* 按键_TEXT_S */
  --keyboard-text-s: var(--text-black-s-content);
  /* 键盘外观_底色 */
  --keyboard-background: var(--dark-mode-overlay-black-64);
  /* 键盘外观_描边_XXL */
  --keyboard-border-xxl: var(--white-32);
  /* 键盘外观_描边_XS */
  --keyboard-border-xs: var(--white-4);
  /* 键盘外观_LOGO */
  --keyboard-logo: var(--white-100);

  /* ------------ 按键设置框------------ */
  /* 底色填充_黑 */
  --key-settings-black-bg: var(--dark-mode-button);
  /* 底色填充_白 */
  --key-settings-white-bg: var(--white-6);
  /* 描边_黑 ---_*/
  --key-settings-black-border: var(--white-6);
  /* 描边_白 */
  --key-settings-white-border: var(--white-6);

  /* ------------ 选择状态 ------------ */
  /* 选择填充 */
  --selection-fill: rgba(0, 222, 176, 0.08);
  /* 选择描边 */
  --selection-border: var(--theme-color-dark-mode);
  /* 选择_报错填充 */
  --selection-error-fill: rgba(255, 66, 0, 0.12);
  /* 选择_报错描边 */
  --selection-error-border: #ff4200;
  /* 预选_填充 */
  --preselection-fill: rgba(0, 9, 255, 0.12);
  /* 预选_描边 */
  --preselection-border: #0009ff;
  /* ============== 虚拟键盘（按键）END ============== */

  /* ============== 其他 ==============*/
  /* 数据盒子嵌套底色 */
  --other-kb-black-box-bg: var(--white-6);
  /* 指向箭头_可调节 */
  --other-kb-arrow-adjustable: var(--white-72);
  /* 指向箭头_不可调节 */
  --other-kb-arrow-nonadjustable: var(--white-16);
  /* 刻度 */
  --other-kb-tick-mark: var(--white-8);
  /* 尺 */
  --other-kb-scale: var(--text-white-s-content);
  /* 滑动框_填充底色 */
  --other-kb-slider-bg: var(--dark-mode-overlay-black-64);
  /* 滑动框_死区覆盖 */
  --other-kb-slider-deadzone: #707070;
  /* 滑动框_监测区_填充底色 */
  --other-kb-slider-monitor-bg: var(--other-kb-slider-bg);
  /* 滑动框_进度条 */
  --other-kb-slider-progress: var(--white-16);
  /* 滑动框_描边 */
  --other-kb-slider-border: var(--white-8);
  /* 滑动框_拉杆底色 */
  --other-kb-slider-knob-bg: var(--black-100);
  /* 滑动框_拉杆叠加 */
  --other-kb-slider-knob-overlay: var(--white-12);
  /* 使用提示 */
  --other-kb-usage-hint: var(--other-kb-scale);

  /* 可输入 */
  --other-input-enable: #6bb3fb;

  /* 警告 */
  --other-warning: #ff4200;

  /* 开关组件 */
  --other-switch-on: #30D158;
  --other-switch-off: rgba(120, 120, 128, 0.32);
  --other-switch-circle: #ffffff;
  /* ============== 其他 END ============== */

  /* ============== 预定义色卡 ============== */
  /* 黑色 */
  --black-1: rgba(29, 29, 31, 0.01);
  --black-2: rgba(29, 29, 31, 0.02);
  --black-4: rgba(29, 29, 31, 0.04);
  --black-6: rgba(29, 29, 31, 0.06);
  --black-8: rgba(29, 29, 31, 0.08);
  --black-12: rgba(29, 29, 31, 0.12);
  --black-16: rgba(29, 29, 31, 0.16);
  --black-32: rgba(29, 29, 31, 0.32);
  --black-56: rgba(29, 29, 31, 0.56);
  --black-64: rgba(29, 29, 31, 0.64);
  --black-72: rgba(29, 29, 31, 0.72);
  --black-86: rgba(29, 29, 31, 0.86);
  --black-100: #1d1d1f;
  /* 🌛_专供 */
  --dark-mode-button: rgb(18, 18, 20);
  --dark-mode-overlay-black-64: rgb(26, 26, 28);
  /* 白色 */
  --white-1: rgba(255, 255, 255, 0.01);
  --white-2: rgba(255, 255, 255, 0.02);
  --white-4: rgba(255, 255, 255, 0.04);
  --white-6: rgba(255, 255, 255, 0.06);
  --white-8: rgba(255, 255, 255, 0.08);
  --white-12: rgba(255, 255, 255, 0.12);
  --white-16: rgba(255, 255, 255, 0.16);
  --white-32: rgba(255, 255, 255, 0.32);
  --white-56: rgba(255, 255, 255, 0.56);
  --white-64: rgba(255, 255, 255, 0.64);
  --white-72: rgba(255, 255, 255, 0.72);
  --white-86: rgba(255, 255, 255, 0.86);
  --white-100: #ffffff;
  /* ============== 预定义色卡 END ============== */

  /* ============== 嵌套圆角 ============== */
  /* --_XL */
  --border-radius-xl: 1.5rem;
  /* --_L */
  --border-radius-l: 1rem;
  /* --_M */
  --border-radius-m: 0.75rem;
  /* --_S */
  --border-radius-s: 0.5rem;
  /* --_XS */
  --border-radius-xs: 0.375rem;
  /* ============== 嵌套圆角 END ============== */
}

/* 默认主题色 */
html {
  --bigBottomColour:#ffffff;
  /* 按钮 */
  --btnFill:#f2f2f2; 
  --greyBtn:#f2f2f2;
  /* 其他 */
  --colorWheelBorder:rgb(215, 215, 215);
  --dropdown:var(--bigBottomColour);
  --backgroundColorMask:rgba(0, 0, 0, 0.72);
  --dashColor:#c8c8c8;
  --checkboxBorder:#878787;
  --selectFont:#7f7f7f;
  --selectActive:#e6fff6;
  --deviceIcon:#d4d9e4;
  --deviceIconBac:#edeff6;

  /* ============== 主题背景图 ============== */
  --app-background-image: url(/static/media/background_bottom.92ef3e7f1e8d5549ad4d.png);

  /* ============== 主题颜色 ============== */
  --theme-color: #00deb0;
  /* ============== 主题颜色 END ============== */

  /* ============== 盒子嵌套 ============== */
  /* 黑 */
  /* ---XL_ */
  --box-nested-black-xl-max: var(--black-100);
  --box-nested-black-xl-border: var(--black-100);
  /* ---XS_ */
  --box-nested-black-xs-min: var(--black-2);
  /* 白 */
  /* ---XL_ */
  --box-nested-white-xl-max: var(--white-100);
  --box-nested-white-xl-border: var(--white-100);
  /* ---XS_ */
  --box-nested-white-xs-min: var(--white-4);
  /* ============== 盒子嵌套 END============== */

  /* ============== Button ============== */
  /* --Button-L */
  --button-black-l: var(--black-86);
  /* --Button-XS_ */
  --button-black-xs-min: var(--black-4);
  /* --Button-XL */
  --button-white-xl: var(--white-100);
  /* --Button-XS_ */
  --button-white-xs-min: var(--white-4);
  /* ============== Button END============== */

  /* ============== Text ============== */
  /* 黑 L_标题 */
  --text-black-l-title: var(--black-86);
  /* 黑 S_内容*/
  --text-black-s-content: var(--black-32);
  /* 白 L_标题 */
  --text-white-l-title: var(--white-100);
  /* 白 S_内容*/
  --text-white-s-content: var(--white-32);
  /* ============== Text END============== */

  /* ============== Icon ============== */
  /* 黑 L_标题 */
  --icon-black-l-title: var(--text-black-l-title);
  /* 黑 S_内容 */
  --icon-black-s-content: var(--text-black-s-content);
  /* 黑 XS_最小色值 */
  --icon-black-xs-min: var(--button-black-xs-min);
  /* 白 L_标题 */
  --icon-white-l-title: var(--text-white-l-title);
  /* 白 XS_最小色值 */
  --icon-white-xs-min: var(--button-white-xs-min);
  /* ============== Icon END ============== */

  /* ============== 底色 ==============*/
  /* 画版_地板 */
  --background-canvas: #ebebeb;
  /* 画板__地板覆盖 */
  --background-canvas-overlay: #f9f9f9;
  /* 侧边导航_底板_黑 */
  --background-sidebar-black: #252527;
  /* 侧边导航_底板_白 */
  --background-sidebar-white: var(--background-canvas-overlay);
  /* ============== 底色 END ==============*/

  /* ============== 虚拟键盘（按键）============== */
  /* 单颗按键 */
  --keyboard-single-key: var(--black-100);
  /* 按键_TEXT_L */
  --keyboard-text-l-black: var(--text-black-l-title);
  /* 按键_TEXT_L_白 */
  --keyboard-text-l-white: var(--text-white-l-title);
  /* 按键_TEXT_S */
  --keyboard-text-s: var(--text-black-s-content);
  /* 键盘外观_底色 */
  --keyboard-background: var(--white-100);
  /* 键盘外观_描边_XXL */
  --keyboard-border-xxl: var(--black-100);
  /* 键盘外观_描边_XS */
  --keyboard-border-xs: var(--black-4);
  /* 键盘外观_LOGO */
  --keyboard-logo: var(--black-100);

  /* ------------ 按键设置框------------ */
  /* 底色填充_黑 */
  --key-settings-black-bg: var(--button-black-l);
  /* 底色填充_白 */
  --key-settings-white-bg: var(--white-100);
  /* 描边_黑 ---_*/
  --key-settings-black-border: var(--black-16);
  /* 描边_白 */
  --key-settings-white-border: var(--white-16);

  /* ------------ 选择状态 ------------ */
  /* 选择填充 */
  --selection-fill: rgba(0, 222, 176, 0.1);
  /* 选择描边 */
  --selection-border: var(--theme-color);
  /* 选择_报错填充 */
  --selection-error-fill: rgba(255, 66, 0, 0.12);
  /* 选择_报错描边 */
  --selection-error-border: #ff4200;
  /* 预选_填充 */
  --preselection-fill: rgba(0, 9, 255, 0.12);
  /* 预选_描边 */
  --preselection-border: #0009ff;
  /* ============== 虚拟键盘（按键）END ============== */

  /* ============== 其他 ==============*/
  /* 数据盒子嵌套底色 */
  --other-kb-black-box-bg: var(--black-6);
  /* 指向箭头_可调节 */
  --other-kb-arrow-adjustable: var(--black-86);
  /* 指向箭头_不可调节 */
  --other-kb-arrow-nonadjustable: var(--black-32);
  /* 刻度 */
  --other-kb-tick-mark: var(--black-16);
  /* 尺 */
  --other-kb-scale: var(--text-black-s-content);
  /* 滑动框_填充底色 */
  --other-kb-slider-bg: var(--other-kb-black-box-bg);
  /* 滑动框_死区覆盖 */
  --other-kb-slider-deadzone: #707070;
  /* 滑动框_监测区_填充底色 */
  --other-kb-slider-monitor-bg: var(--black-86);
  /* 滑动框_进度条 */
  --other-kb-slider-progress: var(--white-100);
  /* 滑动框_描边 */
  --other-kb-slider-border: var(--black-100);
  /* 滑动框_拉杆底色 */
  --other-kb-slider-knob-bg: var(--other-kb-slider-progress);
  /* 滑动框_拉杆叠加 */
  --other-kb-slider-knob-overlay: rgba(29, 29, 31, 0.16);
  /* 使用提示 */
  --other-kb-usage-hint: var(--other-kb-scale);

  /* 可输入 */
  --other-input-enable: #6bb3fb;

  /* 警告 */
  --other-warning: #ff4200;

  /* 开关组件 */
  --other-switch-on: #34c759;
  --other-switch-off: rgba(120, 120, 128, 16);
  --other-switch-circle: #ffffff;
  /* ============== 其他 END ============== */

  /* ============== 预定义色卡 ============== */
  /* 黑色 */
  --black-2: rgba(29, 29, 31, 0.02);
  --black-4: rgba(29, 29, 31, 0.04);
  --black-6: rgba(29, 29, 31, 0.06);
  --black-8: rgba(29, 29, 31, 0.08);
  --black-12: rgba(29, 29, 31, 0.12);
  --black-16: rgba(29, 29, 31, 0.16);
  --black-32: rgba(29, 29, 31, 0.32);
  --black-56: rgba(29, 29, 31, 0.56);
  --black-64: rgba(29, 29, 31, 0.64);
  --black-72: rgba(29, 29, 31, 0.72);
  --black-86: rgba(29, 29, 31, 0.86);
  --black-100: #1d1d1f;
  /* 白色 */
  --white-2: rgba(255, 255, 255, 0.02);
  --white-4: rgba(255, 255, 255, 0.04);
  --white-6: rgba(255, 255, 255, 0.06);
  --white-8: rgba(255, 255, 255, 0.08);
  --white-12: rgba(255, 255, 255, 0.12);
  --white-16: rgba(255, 255, 255, 0.16);
  --white-32: rgba(255, 255, 255, 0.32);
  --white-56: rgba(255, 255, 255, 0.56);
  --white-64: rgba(255, 255, 255, 0.64);
  --white-72: rgba(255, 255, 255, 0.72);
  --white-86: rgba(255, 255, 255, 0.86);
  --white-100: #ffffff;
  /* ============== 预定义色卡 END ============== */

  /* ============== 嵌套圆角 ============== */
  /* --_XL */
  --border-radius-xl: 1.5rem;
  /* --_L */
  --border-radius-l: 1rem;
  /* --_M */
  --border-radius-m: 0.75rem;
  /* --_S */
  --border-radius-s: 0.5rem;
  /* --_XS */
  --border-radius-xs: 0.375rem;
  /* ============== 嵌套圆角 END ============== */
}

html {
  --fontFamily: 'ALiFontSize', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', 'sans-serif';
}
/* 默认模式和暗黑模式的变量 */  

body {background-color: #ebebeb;}
html,body,#root,.App{width: 100%;height: 100%;}
p,span,div,li{ -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.spaceBetween{-ms-flex-pack: justify;-webkit-box-pack: justify;justify-content: space-between;}
.fixTop{position: sticky;top:0;z-index: 99;width: 100%;height: auto;}
.fixTop.hide{display: none;}
.App{display: -ms-flexbox;display: -webkit-box;display: flex;-ms-flex-direction: column;-webkit-box-orient: vertical;-webkit-box-direction: normal;flex-direction: column;}
.App-logo { height: 40vmin; pointer-events: none;}
.appContainerBac{display: -ms-flexbox;display: -webkit-box;display: flex;height: 100%;-ms-flex-pack: justify;-webkit-box-pack: justify;justify-content: space-between;padding: 0.5rem;background-image: var(--app-background-image);background-size: cover;overflow: hidden;}
.NoEditBox{background-image: var(--app-background-image);}
.pageContainer{display: -ms-flexbox;display: -webkit-box;display: flex;-ms-flex-direction: column;-webkit-box-orient: vertical;-webkit-box-direction: normal;flex-direction: column;margin: 0 auto;height: 100%;width: 100%;margin: 0 0.5rem;}
li{list-style: none;}
.rowFlexLayout{display: -ms-flexbox;display: -webkit-box;display: flex;-ms-flex-direction: row;-webkit-box-orient: horizontal;-webkit-box-direction: normal;flex-direction: row;-ms-flex-align: center;-webkit-box-align: center;align-items: center;}
/* 去掉按钮的聚焦样式 */
button:focus-visible{outline: 0!important; outline-offset: 0!important;}

/* 整个滚动条 */
/* 滚动条的宽度 */
/* 滚动条的高度，对水平滚动条有效 */
::-webkit-scrollbar {width: 0.1875rem;height: 0.1875rem;}
/* 滚动条轨道 */
/* ::-webkit-scrollbar-track {border-radius: 10px;} */
/* 滚动条滑块 */
::-webkit-scrollbar-thumb {background-color:var(--other-kb-tick-mark);border-radius: 0.625rem;}
/* 滚动条滑块：悬停效果 */
::-webkit-scrollbar-thumb:hover {background-color: var(--icon-black-l-title);}
/* 滚动条滑块：激活时的效果 */
::-webkit-scrollbar-thumb:active {background-color: var(--icon-black-l-title);}
/* 滚动条按钮（上下箭头） */
::-webkit-scrollbar-button { display: none!important;}
 
*,*:before,*:after {margin: 0;padding: 0;border: 0;font-size: 100%;vertical-align: baseline;-webkit-box-sizing: border-box;box-sizing: border-box;font-family: var(--fontFamily)!important;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
img{display:block}
/* 半透明遮罩 */
#keyMask{position:fixed;top:0;left:0;width:100%;height:100%;background-color:var(--backgroundColorMask);z-index:103;}
/* 鼠标悬停出现手 */
.pointer{cursor: pointer;}
/* 盒子阴影,卡片效果 */
.boxShadow{-webkit-box-shadow: 0 0.3125rem 0.625rem rgba(0,0,0,.1);box-shadow: 0 0.3125rem 0.625rem rgba(0,0,0,.1);}
/* 禁用 */
.disabledBox{opacity:0.32;pointer-events:none;position: relative;}
/* .disabledBox::after {content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;cursor: not-allowed;pointer-events: auto;} */
.disabledBoxNoOpacity{pointer-events:none;}
/* 字体图标默认颜色,这不能写行内只能通过类名设置 */
.icon-svg{color:var(--icon-black-l-title);}

/* 自定义组件样式 */
.ant-input-number{width: 100%!important;}
.ant-input-number-input{text-align: center!important;}
/* 省略号,写在包裹着文字的标签上 */
.ellipsis{white-space: nowrap;text-overflow: ellipsis;overflow: hidden;word-break: break-all;display: block;}
/* 通知提醒框 */
.ant-message{width: 8.75rem!important;}
.ant-notification-notice-message{color: #ff9900!important;font-weight: bold;}
.ant-notification-notice-description{color:var(--text-black-l-title)!important;}
.ant-notification-notice-wrapper{top: 2.375rem!important;background-color: var(--box-nested-white-xl-max)!important;}
.ant-notification-notice-close{color: var(--text-black-s-content)!important;}
.ant-notification{z-index: 9999;}
/* 统一大号按钮的默认样式 */
.ant-btn-dangerous{border: 1px solid var(--key-settings-black-border);}
.ant-btn-default,.ant-btn-default:hover{background: transparent!important;}
.ant-btn-default:disabled{color: rgba(180, 180, 180, .5)!important;border: 1px solid var(--key-settings-black-border);}
.ant-btn{font-weight: bold;padding: 0.375rem 1.5rem;}
.ant-btn-lg{height: 2.3125rem;padding: 0.5rem 1rem;font-size: 0.875rem;} 
.ant-btn-grey{background: var(--greyBtn);color: var(--text-black-l-title);-webkit-box-shadow: none;box-shadow: none;} 
.ant-btn-grey:hover{background-color: rgba(0, 222, 176,0.1)!important;color:#00deb0!important;}
.ant-btn-primary:disabled{border-color: transparent!important;background-color: rgba(180, 180, 180, .15)!important;color:rgba(180, 180, 180, .5)!important;}
.ant-empty-description{color:var(--text-black-s-content)!important;}
/* 弹出框 */
.ant-modal-content{background-color: var(--box-nested-white-xl-max)!important;}
.ant-modal-title>div{background-color: var(--box-nested-white-xl-max);color: var(--text-black-l-title);}
.ant-modal-confirm-btns{display: -ms-flexbox;display: -webkit-box;display: flex;-ms-flex-pack: center;-webkit-box-pack: center;justify-content: center;}
.ant-modal-content{border-radius: 1.25rem!important;padding: 0.75rem!important;overflow:hidden;}
/* 下拉展开 */
.ant-dropdown-menu-item{padding: 0!important;}  
.ant-dropdown-menu,.ant-dropdown-menu-item{border-radius: 0.875rem!important;color: red;}
.ant-dropdown .ant-dropdown-menu{background-color: var(--box-nested-white-xl-max);}
.ant-dropdown .ant-btn{color: var(--text-black-l-title);}
.ant-dropdown .ant-btn:hover{color: var(--text-black-l-title)!important;background: var(--greyBtn)!important;}
.ant-modal-mask {background-color: var(--backgroundColorMask)!important;}
/* 滑动条 */
.ant-slider{margin: 0 0.3125rem;}
.ant-slider .ant-slider-rail,.ant-slider .ant-slider-track{ border-radius: 0.625rem; }
.ant-slider-handle::before {border-radius: 6.25rem;background-color:#00deb0!important;-webkit-box-sizing: border-box;box-sizing: border-box;-webkit-box-shadow: 0px 0.125rem 0.25rem rgba(12, 4, 0, 0.12);box-shadow: 0px 0.125rem 0.25rem rgba(12, 4, 0, 0.12);border:0.2375rem solid #fff;}
.ant-slider-handle::after {background-color: #00deb0 !important;-webkit-box-shadow: none!important;box-shadow: none!important;-webkit-box-sizing: border-box;box-sizing: border-box;display: none;}
.ant-slider-tooltip{display: none!important;}
/* 下拉选择框 */
.ant-select-selector{border: 1px solid var(--key-settings-black-border)!important;border-radius: 0.5rem!important;}
.ant-select-open>.ant-select-selector{border: 1px solid #00deb0!important;}
.ant-select-selector:hover{border: 1px solid #00deb0!important;}
.ant-select,.ant-select-item-option-content,.ant-select-selection-item{color: var(--selectFont)!important;font-size: 0.75rem;}
.ant-select-lg,.ant-select-item-option-content,.ant-select-selection-item{font-size: 0.875rem;}
.ant-select-lg .ant-select-selection-item{height: 2.5rem;}
.ant-select-dropdown{background-color: var(--box-nested-black-xs-min);border: 1px solid var(--key-settings-black-border);}
.ant-select-item-option .ant-select-item-option-active{background-color:red!important;}
.ant-select-dropdown .ant-select-item-option-selected:not(.ant-select-item-option-disabled){background-color: var(--selectActive);}
.ant-select-arrow{color: var(--text-black-s-content)!important;}
/* 开关 */
.ant-switch {min-width: 3.125rem;height: 1.875rem;}
.ant-switch .ant-switch-inner{background: var(--other-switch-off);}
.ant-switch .ant-switch-handle{width: 1.625rem;height: 1.625rem;}
.ant-switch .ant-switch-handle::before{border-radius: 0.8125rem;}
.ant-switch.ant-switch-checked .ant-switch-handle {left: calc(100% - 1.75rem);}
.ant-switch.ant-switch-checked {background: var(--other-switch-on);}
.ant-switch.ant-switch-checked:hover:not(.ant-switch-disabled) {background: var(--other-switch-on);}
/* 输入框 */
.ant-input-affix-wrapper{border: 1px solid var(--key-settings-black-border);}
input::-webkit-input-placeholder {color: var(--text-black-s-content)!important;}
input::-moz-placeholder {color: var(--text-black-s-content)!important;}
input:-ms-input-placeholder {color: var(--text-black-s-content)!important;}
input::-ms-input-placeholder {color: var(--text-black-s-content)!important;}
input::placeholder {color: var(--text-black-s-content)!important;}
input,.ant-input {color: var(--text-black-l-title);caret-color: var(--text-black-l-title);}
.ant-input-clear-icon{color: var(--text-black-s-content)!important;opacity: 0.7;}
.ant-input-clear-icon:hover{opacity: 0.9;}
/* loading */
.ant-spin-nested-loading .ant-spin-container::after {background: var(--box-nested-white-xl-max);}
/* 文字提示 */
.ant-tooltip {--antd-arrow-background-color: var(--box-nested-white-xl-max)!important;pointer-events: none;}
.ant-tooltip-inner {color: var(--text-black-l-title)!important;background-color: var(--box-nested-white-xl-max)!important;}

@media (prefers-reduced-motion: no-preference) {
  .App-logo {-webkit-animation: App-logo-spin infinite 20s linear;animation: App-logo-spin infinite 20s linear;}
}
@-webkit-keyframes App-logo-spin {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@keyframes App-logo-spin {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
/* 淡入入场动画 */
@-webkit-keyframes fadeIn{
	0% {opacity: 0;}
	100% {opacity: 1;}
}
@keyframes fadeIn{
	0% {opacity: 0;}
	100% {opacity: 1;}
}
/* 淡出动画 */
@-webkit-keyframes fadeOut{
	from {opacity: 1;}
	to {opacity: 0;}
}
@keyframes fadeOut{
	from {opacity: 1;}
	to {opacity: 0;}
}

/*# sourceMappingURL=main.3e4dd9a8.css.map*/