@blueking/bk-user-selector 0.0.1-beta.1

package/vue2/vue2.css

@@ -0,0 +1,3168 @@
+:root {
+  --bk-prefix: bk;
+  --popover-max-height: 216px;
+  --primary-color: #3a84ff;
+  --success-color: #2dcb56;
+  --warning-color: #ff9c01;
+  --danger-color: #ea3636;
+  --default-color: #63656e;
+  --gray-color: #979ba5;
+  --light-gray: #c4c6cc;
+  --white-color: white;
+  --whitesmoke-color: #fafbfd;
+  --disable-color: #dcdee5;
+  --disable-bg-color: #f9fafd;
+  --border-color: #dcdee5;
+  --font-size-base: 12px;
+  --font-size-medium: 14px;
+  --font-size-large: 16px;
+  --line-height-base: 16px;
+  --line-height-medium: 16px;
+  --line-height-large: 18px;
+  --component-size-small: 26px;
+  --component-size-base: 32px;
+  --component-size-large: 40px;
+  --component-size-small-padding: 0 12px;
+  --component-size-base-padding: 0 14px;
+  --component-size-large-padding: 0 16px;
+  --border-width-base: 1px;
+  --border-style-base: solid;
+  --border-radius-base: 2px;
+  --border-style-color: var(--light-gray);
+  --input-disabled-bg: #fafbfd;
+  --input-disabled-border: var(--disable-color);
+  --input-height-base: var(--component-size-base);
+  --input-color: var(--default-color);
+  --input-bg: white;
+  --input-border-color: var(--light-gray);
+  --input-broder-radius: 3px;
+  --input-shadow-color: #a3c5fd;
+  --input-horizontal-padding: 8px;
+  --input-block-color: #f5f7fa;
+  --input-block-hover-color: #eaebf0;
+  --input-icon-size: var(--font-size-medium);
+  --input-maxlength-color: #979ba5;
+  --button-primary-hover-color: #5594fa;
+  --button-danger-hover-color: #ff5656;
+  --button-success-hover-color: #45e35f;
+  --button-warning-hover-color: #ffb848;
+  --button-default-hover-border-color: #979ba5;
+  --button-primary-active-color: #2c77f4;
+  --button-danger-active-color: #db2626;
+  --button-success-active-color: #1ab943;
+  --button-warning-active-color: #eb9000;
+  --button-selected-bg-color: #e1ecff;
+  --button-disabled-selected-bg-color: #f0f1f5;
+  --radio-font-color: #63656e;
+  --radio-active-color: #3a84ff;
+  --radio-hover-border-color: #979ba5;
+  --radio-disabled-border: #dcdee5;
+  --radio-disabled-font-color: #c4c6cc;
+  --radio-disabled-checked-bg: #a3c5fd;
+  --radio-button-checked-bg: #e1ecff;
+  --radio-button-disabled-checked-bg: #fafbfd;
+  --checkbox-disabled-checked-bg: #a3c5fd;
+  --fixed-navbar-background: #fff;
+  --fixed-navbar-boxshadow-color: rgba(0, 0, 0, 0.1);
+  --switch-default-color: #fff;
+  --switch-grey-color: #c4c6cc;
+  --breadcrumb-black-color: #979ba5;
+  --breadcrumb-primary-hover-color: #0082ff;
+  --breadcrumb-fn-main-color: #63656e;
+  --link-default-hover-color: #979ba5;
+  --link-primary-hover-color: #699df4;
+  --link-success-hover-color: #45e35f;
+  --link-warning-hover-color: #ffb848;
+  --link-danger-hover-color: #ff5656;
+  --link-default-disabled-color: #dcdee5;
+  --link-primary-disabled-color: #a3c5fd;
+  --link-success-disabled-color: #94f5a4;
+  --link-warning-disabled-color: #ffd695;
+  --link-danger-disabled-color: #fd9c9c;
+  --message-color: var(--default-color);
+  --message-primary-bg-color: #f0f8ff;
+  --message-primary-border-color: #e1ecff;
+  --message-primary-shadow-color: #e1e8f4;
+  --message-warning-bg-color: #fff4e2;
+  --message-warning-border-color: #ffe8c3;
+  --message-warning-shadow-color: #ede6db;
+  --message-success-bg-color: #f2fff4;
+  --message-success-border-color: #dcffe2;
+  --message-success-shadow-color: #cef0d7;
+  --message-danger-bg-color: #ffeded;
+  --message-danger-border-color: #ffdddd;
+  --message-danger-shadow-color: #f6dada;
+  --slider-default-bg: #dcdee5;
+  --slider-disable-bar-bg: #979ba5;
+  --menu-bg-color: #182132;
+  --submenu-bg-color: #151d2c;
+  --menu-active-bg-color: linear-gradient(90deg, #3f87ff 0%, #3a84ff 100%);
+  --menu-color: #96a2b9;
+  --menu-group-color: var(--default-color);
+  --menu-width: 260px;
+  --menu-collapse-width: 60px;
+  --menu-active-color: white;
+  --nav-header-bg-color: #182132;
+  --nav-bg-color: #182132;
+  --date-picker-disabled-bg: #fafbfd;
+  --date-picker-dropdown-mb: 4px;
+  --date-picker-dropdown-bg: #fff;
+  --table-bg-color: var(--white-color);
+  --table-border-color: #dcdee5;
+  --table-strip-color: #fafbfd;
+  --table-head-bg-color: #fafbfd;
+  --table-head-font-color: #313238;
+  --table-body-font-color: #63656e;
+  --table-row-hover-bg-color: #f5f7fa;
+  --table-row-active-bg-color: #f0f1f5;
+  --cascader-panel-border-color: #dcdee5;
+  --cascader-panel-hover: #f5f7fa;
+  --cascader-panel-active: #e1ecff;
+  --cascader-panel-disabled-bg: #fff;
+  --search-select-focus-border-color: var(--primary-color);
+  --search-select-focus-color: #3c96ff;
+  --search-select-font-color: var(--default-color);
+  --search-select-placeholder-color: var(--light-gray);
+  --search-select-message-color: var(--danger-color);
+  --search-select-menu-border-color: var(--disable-color);
+  --select-active-color: #e1ecff;
+  --select-hover-color: #f5f7fa;
+}
+.scroll-bar-style::-webkit-scrollbar {
+  width: 4px;
+  height: 4px;
+}
+.scroll-bar-style::-webkit-scrollbar-thumb {
+  background: #ddd;
+  border-radius: 20px;
+  box-shadow: inset 0 0 6px rgba(204, 204, 204, 0.3);
+}
+html,
+body {
+  padding: 0;
+  margin: 0;
+}
+* {
+  box-sizing: border-box;
+}
+/**
+ * HTML5 display definitions
+ * ==========================================================================
+ *
+ * Correct `block` display not defined for any HTML5 element in IE 8/9.
+ * Correct `block` display not defined for `details` or `summary` in IE 10/11 and Firefox.
+ * Correct `block` display not defined for `main` in IE 11.
+ */
+article,
+aside,
+details,
+figcaption,
+figure,
+footer,
+header,
+hgroup,
+main,
+menu,
+nav,
+section,
+summary {
+  display: block;
+}
+/**
+ * 1. Correct `inline-block` display not defined in IE 8/9.
+ * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
+ */
+audio,
+canvas,
+progress,
+video {
+  /* 1 */
+  display: inline-block;
+  /* 2 */
+  vertical-align: baseline;
+}
+/**
+ * Prevent modern browsers from displaying `audio` without controls.
+ * Remove excess height in iOS 5 devices.
+ */
+audio:not([controls]) {
+  display: none;
+  height: 0;
+}
+/**
+ * Address `[hidden]` styling not present in IE 8/9/10.
+ * Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22.
+ */
+[hidden],
+template {
+  display: none;
+}
+/**
+ * Links
+ * ==========================================================================
+ *
+ * Remove the gray background color from active links in IE 10.
+ */
+a {
+  background-color: transparent;
+}
+/**
+ * Improve readability of focused elements when they are also in an
+ * active/hover state.
+ */
+a:active,
+a:hover {
+  outline: 0;
+}
+/**
+ * Text-level semantics
+ * ==========================================================================
+ *
+ * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
+ */
+abbr[title] {
+  border-bottom: 1px dotted;
+}
+/**
+ * Embedded content
+ * ==========================================================================
+ *
+ * Remove border when inside `a` element in IE 8/9/10.
+ */
+img {
+  border: 0;
+}
+/**
+ * Correct overflow not hidden in IE 9/10/11.
+ */
+svg:not(:root) {
+  overflow: hidden;
+}
+/**
+ * Grouping content
+ * ==========================================================================
+ *
+ * Address margin not present in IE 8/9 and Safari.
+ */
+figure {
+  margin: 1em 40px;
+}
+/**
+ * Address differences between Firefox and other browsers.
+ */
+hr {
+  height: 0;
+  box-sizing: content-box;
+}
+/**
+ * Address odd `em`-unit font size rendering in all browsers.
+ *
+ * Forms
+ * ==========================================================================
+ *
+ * Known limitation: by default, Chrome and Safari on OS X allow very limited
+ * styling of `select`, unless a `border` property is set.
+ *
+ * 1. Correct color not being inherited.
+ *    Known issue: affects color of disabled elements.
+ * 2. Correct font properties not being inherited.
+ * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
+ */
+button,
+input,
+optgroup,
+select,
+textarea {
+  /* 3 */
+  margin: 0;
+  /* 2 */
+  font: inherit;
+  /* 1 */
+  color: inherit;
+}
+/**
+ * Address `overflow` set to `hidden` in IE 8/9/10/11.
+ */
+button {
+  overflow: visible;
+}
+/**
+ * Address inconsistent `text-transform` inheritance for `button` and `select`.
+ * All other form control elements do not inherit `text-transform` values.
+ * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
+ * Correct `select` style inheritance in Firefox.
+ */
+button,
+select {
+  text-transform: none;
+}
+/**
+ * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` and `video` controls.
+ * 2. Correct inability to style clickable `input` types in iOS.
+ * 3. Improve usability and consistency of cursor style between image-type `input` and others.
+ */
+button,
+html input[type='button'],
+input[type='reset'],
+input[type='submit'] {
+  /* 3 */
+  cursor: pointer;
+  /* 2 */
+  appearance: button;
+}
+/* Re-set default cursor for disabled elements. */
+button[disabled],
+html input[disabled] {
+  cursor: default;
+}
+/* Remove inner padding and border in Firefox 4+. */
+button::-moz-focus-inner,
+input::-moz-focus-inner {
+  padding: 0;
+  border: 0;
+}
+/**
+ * Address Firefox 4+ setting `line-height` on `input` using `!important` in the UA stylesheet.
+ */
+input {
+  line-height: normal;
+}
+/**
+ * It's recommended that you don't attempt to style these elements.
+ * Firefox's implementation doesn't respect box-sizing, padding, or width.
+ *
+ * 1. Address box sizing set to `content-box` in IE 8/9/10.
+ * 2. Remove excess padding in IE 8/9/10.
+ */
+input[type='checkbox'],
+input[type='radio'] {
+  /* 2 */
+  padding: 0;
+  /* 1 */
+  box-sizing: border-box;
+}
+/**
+ * Fix the cursor style for Chrome's increment/decrement buttons. For certain
+ * `font-size` values of the `input`, it causes the cursor style of the
+ * decrement button to change from `default` to `text`.
+ */
+input[type='number']::-webkit-inner-spin-button,
+input[type='number']::-webkit-outer-spin-button {
+  height: auto;
+}
+::-ms-clear,
+::-ms-reveal {
+  display: none;
+}
+input[type='text']::-ms-clear {
+  display: none;
+}
+input[type='text']::-ms-reveal {
+  display: none;
+}
+/**
+ * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
+ * 2. Address `box-sizing` set to `border-box` in Safari and Chrome.
+ */
+input[type='search'] {
+  /* 2 */
+  box-sizing: content-box;
+  /* 1 */
+  appearance: textfield;
+}
+/**
+ * Remove inner padding and search cancel button in Safari and Chrome on OS X.
+ * Safari (but not Chrome) clips the cancel button when the search input has
+ * padding (and `textfield` appearance).
+ */
+input[type='search']::-webkit-search-cancel-button,
+input[type='search']::-webkit-search-decoration {
+  appearance: none;
+}
+/**
+ * Define consistent border, margin, and padding.
+ */
+fieldset {
+  padding: 0.35em 0.625em 0.75em;
+  margin: 0 2px;
+  border: 1px solid #c0c0c0;
+}
+/**
+ * 1. Correct `color` not being inherited in IE 8/9/10/11.
+ * 2. Remove padding so people aren't caught out if they zero out fieldsets.
+ */
+legend {
+  /* 2 */
+  padding: 0;
+  /* 1 */
+  border: 0;
+}
+/**
+ * Remove default vertical scrollbar in IE 8/9/10/11.
+ */
+textarea {
+  overflow: auto;
+}
+/**
+ * Don't inherit the `font-weight` (applied by a rule above).
+ * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
+ */
+optgroup {
+  font-weight: bold;
+}
+/**
+* BK-Scroll-Style
+*/
+.bk-scroll-y {
+  overflow-y: auto;
+}
+.bk-scroll-y::-webkit-scrollbar {
+  width: 4px;
+  height: 4px;
+}
+.bk-scroll-y::-webkit-scrollbar-thumb {
+  background: #ddd;
+  border-radius: 20px;
+  box-shadow: inset 0 0 6px rgba(204, 204, 204, 0.3);
+}
+.bk-scroll-x {
+  overflow-x: auto;
+}
+.bk-scroll-x::-webkit-scrollbar {
+  width: 4px;
+  height: 4px;
+}
+.bk-scroll-x::-webkit-scrollbar-thumb {
+  background: #ddd;
+  border-radius: 20px;
+  box-shadow: inset 0 0 6px rgba(204, 204, 204, 0.3);
+}
+:root {
+  --bk-prefix: bk;
+  --popover-max-height: 216px;
+  --primary-color: #3a84ff;
+  --success-color: #2dcb56;
+  --warning-color: #ff9c01;
+  --danger-color: #ea3636;
+  --default-color: #63656e;
+  --gray-color: #979ba5;
+  --light-gray: #c4c6cc;
+  --white-color: white;
+  --whitesmoke-color: #fafbfd;
+  --disable-color: #dcdee5;
+  --disable-bg-color: #f9fafd;
+  --border-color: #dcdee5;
+  --font-size-base: 12px;
+  --font-size-medium: 14px;
+  --font-size-large: 16px;
+  --line-height-base: 16px;
+  --line-height-medium: 16px;
+  --line-height-large: 18px;
+  --component-size-small: 26px;
+  --component-size-base: 32px;
+  --component-size-large: 40px;
+  --component-size-small-padding: 0 12px;
+  --component-size-base-padding: 0 14px;
+  --component-size-large-padding: 0 16px;
+  --border-width-base: 1px;
+  --border-style-base: solid;
+  --border-radius-base: 2px;
+  --border-style-color: var(--light-gray);
+  --input-disabled-bg: #fafbfd;
+  --input-disabled-border: var(--disable-color);
+  --input-height-base: var(--component-size-base);
+  --input-color: var(--default-color);
+  --input-bg: white;
+  --input-border-color: var(--light-gray);
+  --input-broder-radius: 3px;
+  --input-shadow-color: #a3c5fd;
+  --input-horizontal-padding: 8px;
+  --input-block-color: #f5f7fa;
+  --input-block-hover-color: #eaebf0;
+  --input-icon-size: var(--font-size-medium);
+  --input-maxlength-color: #979ba5;
+  --button-primary-hover-color: #5594fa;
+  --button-danger-hover-color: #ff5656;
+  --button-success-hover-color: #45e35f;
+  --button-warning-hover-color: #ffb848;
+  --button-default-hover-border-color: #979ba5;
+  --button-primary-active-color: #2c77f4;
+  --button-danger-active-color: #db2626;
+  --button-success-active-color: #1ab943;
+  --button-warning-active-color: #eb9000;
+  --button-selected-bg-color: #e1ecff;
+  --button-disabled-selected-bg-color: #f0f1f5;
+  --radio-font-color: #63656e;
+  --radio-active-color: #3a84ff;
+  --radio-hover-border-color: #979ba5;
+  --radio-disabled-border: #dcdee5;
+  --radio-disabled-font-color: #c4c6cc;
+  --radio-disabled-checked-bg: #a3c5fd;
+  --radio-button-checked-bg: #e1ecff;
+  --radio-button-disabled-checked-bg: #fafbfd;
+  --checkbox-disabled-checked-bg: #a3c5fd;
+  --fixed-navbar-background: #fff;
+  --fixed-navbar-boxshadow-color: rgba(0, 0, 0, 0.1);
+  --switch-default-color: #fff;
+  --switch-grey-color: #c4c6cc;
+  --breadcrumb-black-color: #979ba5;
+  --breadcrumb-primary-hover-color: #0082ff;
+  --breadcrumb-fn-main-color: #63656e;
+  --link-default-hover-color: #979ba5;
+  --link-primary-hover-color: #699df4;
+  --link-success-hover-color: #45e35f;
+  --link-warning-hover-color: #ffb848;
+  --link-danger-hover-color: #ff5656;
+  --link-default-disabled-color: #dcdee5;
+  --link-primary-disabled-color: #a3c5fd;
+  --link-success-disabled-color: #94f5a4;
+  --link-warning-disabled-color: #ffd695;
+  --link-danger-disabled-color: #fd9c9c;
+  --message-color: var(--default-color);
+  --message-primary-bg-color: #f0f8ff;
+  --message-primary-border-color: #e1ecff;
+  --message-primary-shadow-color: #e1e8f4;
+  --message-warning-bg-color: #fff4e2;
+  --message-warning-border-color: #ffe8c3;
+  --message-warning-shadow-color: #ede6db;
+  --message-success-bg-color: #f2fff4;
+  --message-success-border-color: #dcffe2;
+  --message-success-shadow-color: #cef0d7;
+  --message-danger-bg-color: #ffeded;
+  --message-danger-border-color: #ffdddd;
+  --message-danger-shadow-color: #f6dada;
+  --slider-default-bg: #dcdee5;
+  --slider-disable-bar-bg: #979ba5;
+  --menu-bg-color: #182132;
+  --submenu-bg-color: #151d2c;
+  --menu-active-bg-color: linear-gradient(90deg, #3f87ff 0%, #3a84ff 100%);
+  --menu-color: #96a2b9;
+  --menu-group-color: var(--default-color);
+  --menu-width: 260px;
+  --menu-collapse-width: 60px;
+  --menu-active-color: white;
+  --nav-header-bg-color: #182132;
+  --nav-bg-color: #182132;
+  --date-picker-disabled-bg: #fafbfd;
+  --date-picker-dropdown-mb: 4px;
+  --date-picker-dropdown-bg: #fff;
+  --table-bg-color: var(--white-color);
+  --table-border-color: #dcdee5;
+  --table-strip-color: #fafbfd;
+  --table-head-bg-color: #fafbfd;
+  --table-head-font-color: #313238;
+  --table-body-font-color: #63656e;
+  --table-row-hover-bg-color: #f5f7fa;
+  --table-row-active-bg-color: #f0f1f5;
+  --cascader-panel-border-color: #dcdee5;
+  --cascader-panel-hover: #f5f7fa;
+  --cascader-panel-active: #e1ecff;
+  --cascader-panel-disabled-bg: #fff;
+  --search-select-focus-border-color: var(--primary-color);
+  --search-select-focus-color: #3c96ff;
+  --search-select-font-color: var(--default-color);
+  --search-select-placeholder-color: var(--light-gray);
+  --search-select-message-color: var(--danger-color);
+  --search-select-menu-border-color: var(--disable-color);
+  --select-active-color: #e1ecff;
+  --select-hover-color: #f5f7fa;
+}
+@keyframes loading-scale-animate {
+  0% {
+    transform: scale(1);
+  }
+  100% {
+    transform: scale(0.6);
+  }
+}
+@keyframes fade {
+  100% {
+    background-color: transparent;
+  }
+}
+.bk-transition .bk-fade-enter-active,
+.bk-transition .bk-fade-leave-active {
+  transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1);
+}
+.bk-transition .bk-fade-enter,
+.bk-transition .bk-fade-leave-to {
+  opacity: 0;
+}
+.clearfix-style::after {
+  display: block;
+  height: 0;
+  clear: both;
+  font-size: 0;
+  content: '';
+  visibility: hidden;
+}
+.bk-popper {
+  display: none;
+  padding: 7px 14px;
+  font-size: 12px;
+  color: #fff;
+  background: #333;
+  border-radius: 4px;
+}
+.bk-popper.light {
+  color: #63656e;
+  background: #fff;
+  box-shadow: #dcdee5 0 0 6px 0;
+}
+.bk-popper .bk-popper-arrow,
+.bk-popper .bk-popper-arrow::before {
+  position: absolute;
+  width: 8px;
+  height: 8px;
+  background: inherit;
+}
+.bk-popper .bk-popper-arrow {
+  visibility: hidden;
+}
+.bk-popper .bk-popper-arrow::before {
+  content: '';
+  visibility: visible;
+  transform: rotate(45deg);
+}
+.bk-popper[data-show] {
+  display: block;
+}
+.bk-popper[data-popper-placement^='top'] > .bk-popper-arrow {
+  bottom: -4px;
+}
+.bk-popper[data-popper-placement^='bottom'] > .bk-popper-arrow {
+  top: -4px;
+}
+.bk-popper[data-popper-placement^='left'] > .bk-popper-arrow {
+  right: -4px;
+}
+.bk-popper[data-popper-placement^='right'] > .bk-popper-arrow {
+  left: -4px;
+}
+.bk-loading-wrapper {
+  position: static;
+  vertical-align: middle;
+}
+.bk-loading-wrapper:not(.bk-nested-loading):not(.bk-directive-loading) {
+  display: inline-flex;
+}
+.bk-loading-wrapper.bk-directive-loading {
+  width: 100%;
+  height: 100%;
+}
+.bk-loading-wrapper.bk-directive-loading,
+.bk-loading-wrapper.bk-nested-loading {
+  position: relative;
+}
+.bk-loading-wrapper.bk-directive-loading.is-block,
+.bk-loading-wrapper.bk-nested-loading.is-block {
+  display: block;
+}
+.bk-loading-wrapper.bk-directive-loading .bk-loading-indicator,
+.bk-loading-wrapper.bk-nested-loading .bk-loading-indicator {
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  z-index: 11;
+  text-align: center;
+  transform: translate(-50%, -50%);
+}
+.bk-loading-wrapper .dot {
+  display: inline-flex;
+  width: 14px;
+  height: 14px;
+  margin-right: 10px;
+  border-radius: 50%;
+  transform: scale(0.6);
+  animation-duration: 0.8s;
+  animation-iteration-count: infinite;
+  animation-name: loading-scale-animate;
+  animation-direction: normal;
+}
+.bk-loading-wrapper .oval {
+  position: absolute;
+  width: 6px;
+  height: 8px;
+  background-color: var(--default-color);
+  border-radius: 8px;
+  animation-duration: 1.2s;
+  animation-iteration-count: infinite;
+  animation-name: fade;
+  transform-origin: center 24px;
+}
+.bk-loading-wrapper .bk-loading-mask {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+}
+.bk-loading-wrapper .bk-loading-indicator {
+  display: flex;
+  line-height: 1;
+  text-align: center;
+  flex-direction: column;
+}
+.bk-loading-wrapper .bk-loading-indicator.bk-loading-success .oval,
+.bk-loading-wrapper .bk-loading-indicator.bk-loading-success .dot,
+.bk-loading-wrapper .bk-loading-indicator.bk-loading-success .dot-1,
+.bk-loading-wrapper .bk-loading-indicator.bk-loading-success .dot-2,
+.bk-loading-wrapper .bk-loading-indicator.bk-loading-success .dot-3,
+.bk-loading-wrapper .bk-loading-indicator.bk-loading-success .dot-4 {
+  background-color: var(--success-color);
+}
+.bk-loading-wrapper .bk-loading-indicator.bk-loading-danger .oval,
+.bk-loading-wrapper .bk-loading-indicator.bk-loading-danger .dot,
+.bk-loading-wrapper .bk-loading-indicator.bk-loading-danger .dot-1,
+.bk-loading-wrapper .bk-loading-indicator.bk-loading-danger .dot-2,
+.bk-loading-wrapper .bk-loading-indicator.bk-loading-danger .dot-3,
+.bk-loading-wrapper .bk-loading-indicator.bk-loading-danger .dot-4 {
+  background-color: var(--danger-color);
+}
+.bk-loading-wrapper .bk-loading-indicator.bk-loading-warning .oval,
+.bk-loading-wrapper .bk-loading-indicator.bk-loading-warning .dot,
+.bk-loading-wrapper .bk-loading-indicator.bk-loading-warning .dot-1,
+.bk-loading-wrapper .bk-loading-indicator.bk-loading-warning .dot-2,
+.bk-loading-wrapper .bk-loading-indicator.bk-loading-warning .dot-3,
+.bk-loading-wrapper .bk-loading-indicator.bk-loading-warning .dot-4 {
+  background-color: var(--warning-color);
+}
+.bk-loading-wrapper .bk-loading-indicator.bk-loading-primary .oval,
+.bk-loading-wrapper .bk-loading-indicator.bk-loading-primary .dot,
+.bk-loading-wrapper .bk-loading-indicator.bk-loading-primary .dot-1,
+.bk-loading-wrapper .bk-loading-indicator.bk-loading-primary .dot-2,
+.bk-loading-wrapper .bk-loading-indicator.bk-loading-primary .dot-3,
+.bk-loading-wrapper .bk-loading-indicator.bk-loading-primary .dot-4 {
+  background-color: var(--primary-color);
+}
+.bk-loading-wrapper .bk-loading-indicator.bk-loading-white .oval,
+.bk-loading-wrapper .bk-loading-indicator.bk-loading-white .dot,
+.bk-loading-wrapper .bk-loading-indicator.bk-loading-white .dot-1,
+.bk-loading-wrapper .bk-loading-indicator.bk-loading-white .dot-2,
+.bk-loading-wrapper .bk-loading-indicator.bk-loading-white .dot-3,
+.bk-loading-wrapper .bk-loading-indicator.bk-loading-white .dot-4 {
+  background-color: var(--white-color);
+}
+.bk-loading-wrapper .bk-loading-indicator.bk-loading-default .oval,
+.bk-loading-wrapper .bk-loading-indicator.bk-loading-default .dot,
+.bk-loading-wrapper .bk-loading-indicator.bk-loading-default .dot-1,
+.bk-loading-wrapper .bk-loading-indicator.bk-loading-default .dot-2,
+.bk-loading-wrapper .bk-loading-indicator.bk-loading-default .dot-3,
+.bk-loading-wrapper .bk-loading-indicator.bk-loading-default .dot-4 {
+  background-color: var(--light-gray);
+}
+.bk-loading-wrapper .bk-loading-indicator .dot-1 {
+  background-color: var(--danger-color);
+  animation-delay: 0.1s;
+}
+.bk-loading-wrapper .bk-loading-indicator .dot-2 {
+  background-color: var(--warning-color);
+  animation-delay: 0.25s;
+}
+.bk-loading-wrapper .bk-loading-indicator .dot-3 {
+  background-color: var(--success-color);
+  animation-delay: 0.4s;
+}
+.bk-loading-wrapper .bk-loading-indicator .dot-4 {
+  background-color: var(--primary-color);
+  animation-delay: 0.55s;
+  margin-right: 0px;
+}
+.bk-loading-wrapper .bk-loading-indicator .oval-1 {
+  transform: rotate(135deg);
+  animation-delay: -0.45s;
+}
+.bk-loading-wrapper .bk-loading-indicator .oval-2 {
+  transform: rotate(90deg);
+  animation-delay: -0.6s;
+}
+.bk-loading-wrapper .bk-loading-indicator .oval-3 {
+  transform: rotate(45deg);
+  animation-delay: -0.75s;
+}
+.bk-loading-wrapper .bk-loading-indicator .oval-4 {
+  transform: rotate(0deg);
+  animation-delay: -0.9s;
+}
+.bk-loading-wrapper .bk-loading-indicator .oval-5 {
+  transform: rotate(-45deg);
+  animation-delay: -1.05s;
+}
+.bk-loading-wrapper .bk-loading-indicator .oval-6 {
+  transform: rotate(-90deg);
+  animation-delay: -1.2s;
+}
+.bk-loading-wrapper .bk-loading-indicator .oval-7 {
+  transform: rotate(-135deg);
+  animation-delay: -1.35s;
+}
+.bk-loading-wrapper .bk-loading-indicator .oval-8 {
+  transform: rotate(-180deg);
+  animation-delay: -1.5s;
+}
+.bk-loading-wrapper .bk-loading-indicator .bk-normal-indicator {
+  display: inline-flex;
+  justify-content: center;
+}
+.bk-loading-wrapper .bk-loading-indicator .bk-spin-indicator {
+  position: relative;
+  display: inline-flex;
+  justify-content: center;
+  width: 48px;
+  height: 48px;
+}
+.bk-loading-wrapper .bk-loading-indicator.bk-loading-size-mini .bk-spin-indicator {
+  height: 16px;
+  width: 16px;
+}
+.bk-loading-wrapper .bk-loading-indicator.bk-loading-size-mini .dot {
+  width: 3px;
+  height: 3px;
+  margin-right: 3px;
+}
+.bk-loading-wrapper .bk-loading-indicator.bk-loading-size-mini .dot.dot-4 {
+  margin-right: 0;
+}
+.bk-loading-wrapper .bk-loading-indicator.bk-loading-size-mini .oval {
+  width: 2px;
+  height: 3px;
+  border-radius: 3px;
+  transform-origin: center 8px;
+}
+.bk-loading-wrapper .bk-loading-indicator.bk-loading-size-mini .bk-loading-title {
+  font-size: var(--font-size-medium);
+}
+.bk-loading-wrapper .bk-loading-indicator.bk-loading-size-small .bk-spin-indicator {
+  height: 32px;
+  width: 32px;
+}
+.bk-loading-wrapper .bk-loading-indicator.bk-loading-size-small .dot {
+  width: 6px;
+  height: 6px;
+  margin-right: 6px;
+}
+.bk-loading-wrapper .bk-loading-indicator.bk-loading-size-small .dot.dot-4 {
+  margin-right: 0;
+}
+.bk-loading-wrapper .bk-loading-indicator.bk-loading-size-small .oval {
+  width: 4px;
+  height: 5px;
+  border-radius: 5px;
+  transform-origin: center 16px;
+}
+.bk-loading-wrapper .bk-loading-indicator.bk-loading-size-small .bk-loading-title {
+  font-size: var(--font-size-base);
+}
+.bk-loading-wrapper .bk-loading-indicator.bk-loading-size-large .bk-spin-indicator {
+  height: 68px;
+  width: 68px;
+}
+.bk-loading-wrapper .bk-loading-indicator.bk-loading-size-large .dot {
+  width: 20px;
+  height: 20px;
+  margin-right: 12px;
+}
+.bk-loading-wrapper .bk-loading-indicator.bk-loading-size-large .dot.dot-4 {
+  margin-right: 0;
+}
+.bk-loading-wrapper .bk-loading-indicator.bk-loading-size-large .oval {
+  width: 8px;
+  height: 12px;
+  border-radius: 12px;
+  transform-origin: center 34px;
+}
+.bk-loading-wrapper .bk-loading-indicator.bk-loading-size-large .bk-loading-title {
+  font-size: var(--font-size-medium);
+}
+.bk-loading-wrapper .bk-loading-indicator .bk-loading-title {
+  margin-top: 8px;
+  font-size: var(--font-size-medium);
+  line-height: normal;
+  color: var(--default-color);
+  text-align: center;
+}
+:root {
+  --bk-prefix: bk;
+  --popover-max-height: 216px;
+  --primary-color: #3a84ff;
+  --success-color: #2dcb56;
+  --warning-color: #ff9c01;
+  --danger-color: #ea3636;
+  --default-color: #63656e;
+  --gray-color: #979ba5;
+  --light-gray: #c4c6cc;
+  --white-color: white;
+  --whitesmoke-color: #fafbfd;
+  --disable-color: #dcdee5;
+  --disable-bg-color: #f9fafd;
+  --border-color: #dcdee5;
+  --font-size-base: 12px;
+  --font-size-medium: 14px;
+  --font-size-large: 16px;
+  --line-height-base: 16px;
+  --line-height-medium: 16px;
+  --line-height-large: 18px;
+  --component-size-small: 26px;
+  --component-size-base: 32px;
+  --component-size-large: 40px;
+  --component-size-small-padding: 0 12px;
+  --component-size-base-padding: 0 14px;
+  --component-size-large-padding: 0 16px;
+  --border-width-base: 1px;
+  --border-style-base: solid;
+  --border-radius-base: 2px;
+  --border-style-color: var(--light-gray);
+  --input-disabled-bg: #fafbfd;
+  --input-disabled-border: var(--disable-color);
+  --input-height-base: var(--component-size-base);
+  --input-color: var(--default-color);
+  --input-bg: white;
+  --input-border-color: var(--light-gray);
+  --input-broder-radius: 3px;
+  --input-shadow-color: #a3c5fd;
+  --input-horizontal-padding: 8px;
+  --input-block-color: #f5f7fa;
+  --input-block-hover-color: #eaebf0;
+  --input-icon-size: var(--font-size-medium);
+  --input-maxlength-color: #979ba5;
+  --button-primary-hover-color: #5594fa;
+  --button-danger-hover-color: #ff5656;
+  --button-success-hover-color: #45e35f;
+  --button-warning-hover-color: #ffb848;
+  --button-default-hover-border-color: #979ba5;
+  --button-primary-active-color: #2c77f4;
+  --button-danger-active-color: #db2626;
+  --button-success-active-color: #1ab943;
+  --button-warning-active-color: #eb9000;
+  --button-selected-bg-color: #e1ecff;
+  --button-disabled-selected-bg-color: #f0f1f5;
+  --radio-font-color: #63656e;
+  --radio-active-color: #3a84ff;
+  --radio-hover-border-color: #979ba5;
+  --radio-disabled-border: #dcdee5;
+  --radio-disabled-font-color: #c4c6cc;
+  --radio-disabled-checked-bg: #a3c5fd;
+  --radio-button-checked-bg: #e1ecff;
+  --radio-button-disabled-checked-bg: #fafbfd;
+  --checkbox-disabled-checked-bg: #a3c5fd;
+  --fixed-navbar-background: #fff;
+  --fixed-navbar-boxshadow-color: rgba(0, 0, 0, 0.1);
+  --switch-default-color: #fff;
+  --switch-grey-color: #c4c6cc;
+  --breadcrumb-black-color: #979ba5;
+  --breadcrumb-primary-hover-color: #0082ff;
+  --breadcrumb-fn-main-color: #63656e;
+  --link-default-hover-color: #979ba5;
+  --link-primary-hover-color: #699df4;
+  --link-success-hover-color: #45e35f;
+  --link-warning-hover-color: #ffb848;
+  --link-danger-hover-color: #ff5656;
+  --link-default-disabled-color: #dcdee5;
+  --link-primary-disabled-color: #a3c5fd;
+  --link-success-disabled-color: #94f5a4;
+  --link-warning-disabled-color: #ffd695;
+  --link-danger-disabled-color: #fd9c9c;
+  --message-color: var(--default-color);
+  --message-primary-bg-color: #f0f8ff;
+  --message-primary-border-color: #e1ecff;
+  --message-primary-shadow-color: #e1e8f4;
+  --message-warning-bg-color: #fff4e2;
+  --message-warning-border-color: #ffe8c3;
+  --message-warning-shadow-color: #ede6db;
+  --message-success-bg-color: #f2fff4;
+  --message-success-border-color: #dcffe2;
+  --message-success-shadow-color: #cef0d7;
+  --message-danger-bg-color: #ffeded;
+  --message-danger-border-color: #ffdddd;
+  --message-danger-shadow-color: #f6dada;
+  --slider-default-bg: #dcdee5;
+  --slider-disable-bar-bg: #979ba5;
+  --menu-bg-color: #182132;
+  --submenu-bg-color: #151d2c;
+  --menu-active-bg-color: linear-gradient(90deg, #3f87ff 0%, #3a84ff 100%);
+  --menu-color: #96a2b9;
+  --menu-group-color: var(--default-color);
+  --menu-width: 260px;
+  --menu-collapse-width: 60px;
+  --menu-active-color: white;
+  --nav-header-bg-color: #182132;
+  --nav-bg-color: #182132;
+  --date-picker-disabled-bg: #fafbfd;
+  --date-picker-dropdown-mb: 4px;
+  --date-picker-dropdown-bg: #fff;
+  --table-bg-color: var(--white-color);
+  --table-border-color: #dcdee5;
+  --table-strip-color: #fafbfd;
+  --table-head-bg-color: #fafbfd;
+  --table-head-font-color: #313238;
+  --table-body-font-color: #63656e;
+  --table-row-hover-bg-color: #f5f7fa;
+  --table-row-active-bg-color: #f0f1f5;
+  --cascader-panel-border-color: #dcdee5;
+  --cascader-panel-hover: #f5f7fa;
+  --cascader-panel-active: #e1ecff;
+  --cascader-panel-disabled-bg: #fff;
+  --search-select-focus-border-color: var(--primary-color);
+  --search-select-focus-color: #3c96ff;
+  --search-select-font-color: var(--default-color);
+  --search-select-placeholder-color: var(--light-gray);
+  --search-select-message-color: var(--danger-color);
+  --search-select-menu-border-color: var(--disable-color);
+  --select-active-color: #e1ecff;
+  --select-hover-color: #f5f7fa;
+}
+@keyframes loading-scale-animate {
+  0% {
+    transform: scale(1);
+  }
+  100% {
+    transform: scale(0.6);
+  }
+}
+@keyframes fade {
+  100% {
+    background-color: transparent;
+  }
+}
+.bk-transition .bk-fade-enter-active,
+.bk-transition .bk-fade-leave-active {
+  transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1);
+}
+.bk-transition .bk-fade-enter,
+.bk-transition .bk-fade-leave-to {
+  opacity: 0;
+}
+.clearfix-style::after {
+  display: block;
+  height: 0;
+  clear: both;
+  font-size: 0;
+  content: '';
+  visibility: hidden;
+}
+.bk-popper {
+  display: none;
+  padding: 7px 14px;
+  font-size: 12px;
+  color: #fff;
+  background: #333;
+  border-radius: 4px;
+}
+.bk-popper.light {
+  color: #63656e;
+  background: #fff;
+  box-shadow: #dcdee5 0 0 6px 0;
+}
+.bk-popper .bk-popper-arrow,
+.bk-popper .bk-popper-arrow::before {
+  position: absolute;
+  width: 8px;
+  height: 8px;
+  background: inherit;
+}
+.bk-popper .bk-popper-arrow {
+  visibility: hidden;
+}
+.bk-popper .bk-popper-arrow::before {
+  content: '';
+  visibility: visible;
+  transform: rotate(45deg);
+}
+.bk-popper[data-show] {
+  display: block;
+}
+.bk-popper[data-popper-placement^='top'] > .bk-popper-arrow {
+  bottom: -4px;
+}
+.bk-popper[data-popper-placement^='bottom'] > .bk-popper-arrow {
+  top: -4px;
+}
+.bk-popper[data-popper-placement^='left'] > .bk-popper-arrow {
+  right: -4px;
+}
+.bk-popper[data-popper-placement^='right'] > .bk-popper-arrow {
+  left: -4px;
+}
+.bk-textarea {
+  --textarea-line-height: 20px;
+  display: inline-flex;
+  width: 100%;
+  overflow: hidden;
+  font-size: var(--font-size-base);
+  line-height: var(--textarea-line-height);
+  color: var(--input-color);
+  background-color: white;
+  border: var(--border-width-base) var(--border-style-base) var(--input-border-color);
+  border-radius: var(--border-radius-base);
+  box-sizing: border-box;
+  transition: all 0.3s;
+  flex-direction: column;
+}
+.bk-textarea ::placeholder {
+  font-size: var(--font-size-base);
+  color: var(--light-gray);
+}
+.bk-textarea.resizable {
+  resize: both;
+}
+.bk-textarea ::-webkit-scrollbar {
+  -webkit-appearance: none;
+  width: 3px;
+}
+.bk-textarea ::-webkit-scrollbar-thumb {
+  border-radius: 4px;
+  background-color: #DCDEE5;
+}
+.bk-textarea.is-disabled,
+.bk-textarea.is-readonly {
+  background-color: var(--input-disabled-bg);
+  border-color: var(--disable-color);
+}
+.bk-textarea.is-disabled .bk-input--prefix-area,
+.bk-textarea.is-readonly .bk-input--prefix-area,
+.bk-textarea.is-disabled .bk-input--suffix-area,
+.bk-textarea.is-readonly .bk-input--suffix-area,
+.bk-textarea.is-disabled .bk-input--suffix-icon,
+.bk-textarea.is-readonly .bk-input--suffix-icon {
+  cursor: not-allowed;
+  background-color: var(--input-disabled-bg);
+}
+.bk-textarea.is-disabled input,
+.bk-textarea.is-readonly input,
+.bk-textarea.is-disabled textarea,
+.bk-textarea.is-readonly textarea {
+  cursor: not-allowed;
+  background-color: var(--input-disabled-bg);
+  opacity: 1;
+}
+.bk-textarea.is-readonly input,
+.bk-textarea.is-readonly textarea {
+  cursor: auto;
+}
+.bk-textarea > textarea {
+  width: 100%;
+  padding: 5px 10px;
+  line-height: 1.5;
+  text-align: left;
+  border: 0;
+  border-radius: var(--border-radius-base);
+  outline: none;
+  resize: none;
+}
+.bk-textarea--max-length {
+  padding-right: var(--input-horizontal-padding);
+  margin: 0;
+  margin-left: auto;
+  font-size: var(--font-size-base);
+  text-align: right;
+  transform: scale(0.8);
+  justify-content: flex-end;
+}
+.bk-textarea--max-length.is-over-limit {
+  color: var(--danger-color);
+}
+.bk-textarea--max-length span {
+  color: var(--input-maxlength-color);
+}
+.bk-textarea.is-focused:not(.is-readonly) {
+  border-color: var(--primary-color);
+  outline: 0;
+  box-shadow: 0px 0px 3px 0px var(--input-shadow-color);
+}
+.bk-input {
+  display: inline-flex;
+  align-items: stretch;
+  width: 100%;
+  height: var(--input-height-base);
+  font-size: var(--font-size-base);
+  border: var(--border-width-base) var(--border-style-base) var(--input-border-color);
+  border-radius: var(--border-radius-base);
+  transition: all 0.3s;
+}
+.bk-input ::placeholder {
+  font-size: var(--font-size-base);
+  color: var(--light-gray);
+}
+.bk-input.is-disabled,
+.bk-input.is-readonly {
+  background-color: var(--input-disabled-bg);
+  border-color: var(--disable-color);
+}
+.bk-input.is-disabled .bk-input--prefix-area,
+.bk-input.is-readonly .bk-input--prefix-area,
+.bk-input.is-disabled .bk-input--suffix-area,
+.bk-input.is-readonly .bk-input--suffix-area,
+.bk-input.is-disabled .bk-input--suffix-icon,
+.bk-input.is-readonly .bk-input--suffix-icon {
+  cursor: not-allowed;
+  background-color: var(--input-disabled-bg);
+}
+.bk-input.is-disabled input,
+.bk-input.is-readonly input,
+.bk-input.is-disabled textarea,
+.bk-input.is-readonly textarea {
+  cursor: not-allowed;
+  background-color: var(--input-disabled-bg);
+  opacity: 1;
+}
+.bk-input.is-readonly input,
+.bk-input.is-readonly textarea {
+  cursor: auto;
+}
+.bk-input:hover:not(.is-disabled) {
+  border-color: var(--gray-color);
+}
+.bk-input:hover:not(.is-disabled) .show-clear-only-hover {
+  display: flex;
+}
+.bk-input.is-simplicity {
+  background-color: transparent;
+  border-color: transparent;
+  border-bottom-color: var(--input-border-color);
+}
+.bk-input.is-simplicity:hover:not(.is-disabled) {
+  background-color: var(--input-block-color);
+  border-color: transparent;
+  border-bottom-color: var(--light-gray);
+  box-shadow: none;
+}
+.bk-input.is-simplicity:hover:not(.is-disabled) .bk-input--text,
+.bk-input.is-simplicity:hover:not(.is-disabled) .bk-input--suffix-icon {
+  background-color: var(--input-block-color);
+}
+.bk-input--suffix-icon {
+  display: flex;
+  height: 100%;
+  padding-right: var(--input-horizontal-padding);
+  font-size: var(--input-icon-size);
+  color: var(--light-gray);
+  background-color: var(--input-bg);
+  align-items: center;
+  align-self: center;
+  flex-shrink: 0;
+  cursor: pointer;
+}
+.bk-input--suffix-icon:hover {
+  color: #313238;
+}
+.bk-input--suffix-icon.show-clear-only-hover {
+  display: none;
+}
+.bk-input--clear-icon {
+  cursor: pointer;
+  flex-shrink: 0;
+}
+.bk-input--clear-icon:hover {
+  color: var(--gray-color);
+}
+.bk-input--large {
+  height: var(--component-size-large);
+  font-size: var(--font-size-medium);
+}
+.bk-input--large ::placeholder {
+  font-size: var(--font-size-medium);
+  color: var(--light-gray);
+}
+.bk-input--large .bk-input--max-length {
+  font-size: var(--font-size-large);
+}
+.bk-input--large .bk-input--number-control span:first-child {
+  margin-bottom: 4px;
+}
+.bk-input--small {
+  height: var(--component-size-small);
+  font-size: var(--font-size-base);
+}
+.bk-input--small .bk-input--max-length {
+  font-size: var(--font-size-base);
+}
+.bk-input--default {
+  font-size: var(--font-size-base);
+}
+.bk-input--default .bk-input--max-length {
+  font-size: var(--font-size-base);
+}
+.bk-input.is-focused:not(.is-readonly) {
+  border-color: var(--primary-color);
+  outline: 0;
+  box-shadow: 0px 0px 3px 0px var(--input-shadow-color);
+}
+.bk-input.is-focused:not(.is-readonly).is-simplicity {
+  border-color: transparent;
+  border-bottom-color: var(--primary-color);
+  box-shadow: none;
+}
+.bk-input.is-focused:not(.is-readonly).is-simplicity .bk-input--text,
+.bk-input.is-focused:not(.is-readonly).is-simplicity .bk-input--suffix-icon {
+  background-color: var(--input-block-color);
+}
+.bk-input--prefix-area,
+.bk-input--suffix-area {
+  display: flex;
+  padding: 0 var(--input-horizontal-padding);
+  color: var(--default-color);
+  background-color: var(--input-block-color);
+  border-right: 1px solid var(--input-border-color);
+  align-items: center;
+}
+.bk-input--suffix-area {
+  border: 0;
+  border-left: 1px solid var(--input-border-color);
+}
+.bk-input--max-length {
+  align-self: center;
+  padding-right: var(--input-horizontal-padding);
+  font-size: 12px;
+  transform: scale(0.8);
+}
+.bk-input--max-length.is-over-limit {
+  color: var(--danger-color);
+}
+.bk-input--max-length span {
+  color: var(--input-maxlength-color);
+}
+.bk-input--text {
+  width: 100%;
+  padding: 0 var(--input-horizontal-padding);
+  overflow: hidden;
+  line-height: 1;
+  color: var(--input-color);
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  background-color: var(--input-bg);
+  background-image: none;
+  border: none;
+  border-radius: var(--border-radius-base);
+  outline: none;
+  box-sizing: border-box;
+  transition: all 0.3s;
+  flex: 1;
+}
+.bk-input--text[type='search']::-webkit-search-decoration,
+.bk-input--text[type='search']::-webkit-search-cancel-button,
+.bk-input--text[type='search']::-webkit-search-results-button,
+.bk-input--text[type='search']::-webkit-search-results-decoration {
+  appearance: none;
+}
+.bk-input--text [type='search']::-ms-clear {
+  display: none;
+  width: 0;
+  height: 0;
+}
+.bk-input--text [type='search']::-ms-reveal {
+  display: none;
+  width: 0;
+  height: 0;
+}
+.bk-input--text[type='number']::-webkit-inner-spin-button,
+.bk-input--text[type='number']::-webkit-outer-spin-button {
+  margin: 0;
+  appearance: none;
+}
+.bk-input--number-control {
+  display: flex;
+  width: 26px;
+  height: 100%;
+  padding: 4px 0;
+  font-size: 0;
+  user-select: none;
+  flex-direction: column;
+  align-items: center;
+}
+.bk-input--number-control span {
+  display: flex;
+  overflow: hidden;
+  line-height: 1;
+  color: var(--gray-color);
+  text-align: center;
+  cursor: pointer;
+  background-color: var(--input-block-color);
+  flex: 1;
+  align-items: center;
+}
+.bk-input--number-control span.is-disabled {
+  color: var(--light-gray);
+  cursor: not-allowed;
+}
+.bk-input--number-control svg {
+  font-size: var(--input-icon-size);
+}
+.bk-input--number-control span:first-child {
+  transform: rotate(180deg);
+}
+.bk-input--number-control span:not(.is-disabled):hover {
+  background-color: var(--input-block-hover-color);
+}
+/* 针对 Chrome、Safari 和新版 Edge 的样式 */
+input:-webkit-autofill,
+input:-webkit-autofill:hover,
+input:-webkit-autofill:focus,
+input:-webkit-autofill:active {
+  -webkit-box-shadow: 0 0 0 100px var(--input-bg) inset !important;
+  box-shadow: 0 0 0 100px var(--input-bg) inset !important;
+}
+/* 针对 Firefox 的样式 */
+input:-moz-autofill,
+input:-moz-autofill:hover,
+input:-moz-autofill:focus,
+input:-moz-autofill:active {
+  -moz-box-shadow: 0 0 0 100px var(--input-bg) inset !important;
+  box-shadow: 0 0 0 100px var(--input-bg) inset !important;
+}
+.text-ov {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.position-relative {
+  position: relative;
+}
+.position-absolute {
+  position: absolute;
+}
+:root {
+  --bk-prefix: bk;
+  --popover-max-height: 216px;
+  --primary-color: #3a84ff;
+  --success-color: #2dcb56;
+  --warning-color: #ff9c01;
+  --danger-color: #ea3636;
+  --default-color: #63656e;
+  --gray-color: #979ba5;
+  --light-gray: #c4c6cc;
+  --white-color: white;
+  --whitesmoke-color: #fafbfd;
+  --disable-color: #dcdee5;
+  --disable-bg-color: #f9fafd;
+  --border-color: #dcdee5;
+  --font-size-base: 12px;
+  --font-size-medium: 14px;
+  --font-size-large: 16px;
+  --line-height-base: 16px;
+  --line-height-medium: 16px;
+  --line-height-large: 18px;
+  --component-size-small: 26px;
+  --component-size-base: 32px;
+  --component-size-large: 40px;
+  --component-size-small-padding: 0 12px;
+  --component-size-base-padding: 0 14px;
+  --component-size-large-padding: 0 16px;
+  --border-width-base: 1px;
+  --border-style-base: solid;
+  --border-radius-base: 2px;
+  --border-style-color: var(--light-gray);
+  --input-disabled-bg: #fafbfd;
+  --input-disabled-border: var(--disable-color);
+  --input-height-base: var(--component-size-base);
+  --input-color: var(--default-color);
+  --input-bg: white;
+  --input-border-color: var(--light-gray);
+  --input-broder-radius: 3px;
+  --input-shadow-color: #a3c5fd;
+  --input-horizontal-padding: 8px;
+  --input-block-color: #f5f7fa;
+  --input-block-hover-color: #eaebf0;
+  --input-icon-size: var(--font-size-medium);
+  --input-maxlength-color: #979ba5;
+  --button-primary-hover-color: #5594fa;
+  --button-danger-hover-color: #ff5656;
+  --button-success-hover-color: #45e35f;
+  --button-warning-hover-color: #ffb848;
+  --button-default-hover-border-color: #979ba5;
+  --button-primary-active-color: #2c77f4;
+  --button-danger-active-color: #db2626;
+  --button-success-active-color: #1ab943;
+  --button-warning-active-color: #eb9000;
+  --button-selected-bg-color: #e1ecff;
+  --button-disabled-selected-bg-color: #f0f1f5;
+  --radio-font-color: #63656e;
+  --radio-active-color: #3a84ff;
+  --radio-hover-border-color: #979ba5;
+  --radio-disabled-border: #dcdee5;
+  --radio-disabled-font-color: #c4c6cc;
+  --radio-disabled-checked-bg: #a3c5fd;
+  --radio-button-checked-bg: #e1ecff;
+  --radio-button-disabled-checked-bg: #fafbfd;
+  --checkbox-disabled-checked-bg: #a3c5fd;
+  --fixed-navbar-background: #fff;
+  --fixed-navbar-boxshadow-color: rgba(0, 0, 0, 0.1);
+  --switch-default-color: #fff;
+  --switch-grey-color: #c4c6cc;
+  --breadcrumb-black-color: #979ba5;
+  --breadcrumb-primary-hover-color: #0082ff;
+  --breadcrumb-fn-main-color: #63656e;
+  --link-default-hover-color: #979ba5;
+  --link-primary-hover-color: #699df4;
+  --link-success-hover-color: #45e35f;
+  --link-warning-hover-color: #ffb848;
+  --link-danger-hover-color: #ff5656;
+  --link-default-disabled-color: #dcdee5;
+  --link-primary-disabled-color: #a3c5fd;
+  --link-success-disabled-color: #94f5a4;
+  --link-warning-disabled-color: #ffd695;
+  --link-danger-disabled-color: #fd9c9c;
+  --message-color: var(--default-color);
+  --message-primary-bg-color: #f0f8ff;
+  --message-primary-border-color: #e1ecff;
+  --message-primary-shadow-color: #e1e8f4;
+  --message-warning-bg-color: #fff4e2;
+  --message-warning-border-color: #ffe8c3;
+  --message-warning-shadow-color: #ede6db;
+  --message-success-bg-color: #f2fff4;
+  --message-success-border-color: #dcffe2;
+  --message-success-shadow-color: #cef0d7;
+  --message-danger-bg-color: #ffeded;
+  --message-danger-border-color: #ffdddd;
+  --message-danger-shadow-color: #f6dada;
+  --slider-default-bg: #dcdee5;
+  --slider-disable-bar-bg: #979ba5;
+  --menu-bg-color: #182132;
+  --submenu-bg-color: #151d2c;
+  --menu-active-bg-color: linear-gradient(90deg, #3f87ff 0%, #3a84ff 100%);
+  --menu-color: #96a2b9;
+  --menu-group-color: var(--default-color);
+  --menu-width: 260px;
+  --menu-collapse-width: 60px;
+  --menu-active-color: white;
+  --nav-header-bg-color: #182132;
+  --nav-bg-color: #182132;
+  --date-picker-disabled-bg: #fafbfd;
+  --date-picker-dropdown-mb: 4px;
+  --date-picker-dropdown-bg: #fff;
+  --table-bg-color: var(--white-color);
+  --table-border-color: #dcdee5;
+  --table-strip-color: #fafbfd;
+  --table-head-bg-color: #fafbfd;
+  --table-head-font-color: #313238;
+  --table-body-font-color: #63656e;
+  --table-row-hover-bg-color: #f5f7fa;
+  --table-row-active-bg-color: #f0f1f5;
+  --cascader-panel-border-color: #dcdee5;
+  --cascader-panel-hover: #f5f7fa;
+  --cascader-panel-active: #e1ecff;
+  --cascader-panel-disabled-bg: #fff;
+  --search-select-focus-border-color: var(--primary-color);
+  --search-select-focus-color: #3c96ff;
+  --search-select-font-color: var(--default-color);
+  --search-select-placeholder-color: var(--light-gray);
+  --search-select-message-color: var(--danger-color);
+  --search-select-menu-border-color: var(--disable-color);
+  --select-active-color: #e1ecff;
+  --select-hover-color: #f5f7fa;
+}
+.bk-popover.bk-pop2-content {
+  position: absolute;
+  padding: 12px;
+  font-size: 12px;
+  color: #fff;
+  background: #26323d;
+  border-radius: 4px;
+  box-sizing: border-box;
+}
+.bk-popover.bk-pop2-content.hidden {
+  display: none;
+}
+.bk-popover.bk-pop2-content .bk-pop2-arrow {
+  position: absolute;
+  z-index: -1;
+  width: 8px;
+  height: 8px;
+  background: #333;
+  transform: rotate(45deg);
+}
+.bk-popover.bk-pop2-content[data-theme^='light'] {
+  color: #26323d;
+  background-color: #fff;
+  box-shadow: 0 0 6px 0 #dcdee5;
+}
+.bk-popover.bk-pop2-content[data-theme^='light'] .bk-pop2-arrow {
+  background-color: #fff;
+}
+:root {
+  --bk-prefix: bk;
+  --popover-max-height: 216px;
+  --primary-color: #3a84ff;
+  --success-color: #2dcb56;
+  --warning-color: #ff9c01;
+  --danger-color: #ea3636;
+  --default-color: #63656e;
+  --gray-color: #979ba5;
+  --light-gray: #c4c6cc;
+  --white-color: white;
+  --whitesmoke-color: #fafbfd;
+  --disable-color: #dcdee5;
+  --disable-bg-color: #f9fafd;
+  --border-color: #dcdee5;
+  --font-size-base: 12px;
+  --font-size-medium: 14px;
+  --font-size-large: 16px;
+  --line-height-base: 16px;
+  --line-height-medium: 16px;
+  --line-height-large: 18px;
+  --component-size-small: 26px;
+  --component-size-base: 32px;
+  --component-size-large: 40px;
+  --component-size-small-padding: 0 12px;
+  --component-size-base-padding: 0 14px;
+  --component-size-large-padding: 0 16px;
+  --border-width-base: 1px;
+  --border-style-base: solid;
+  --border-radius-base: 2px;
+  --border-style-color: var(--light-gray);
+  --input-disabled-bg: #fafbfd;
+  --input-disabled-border: var(--disable-color);
+  --input-height-base: var(--component-size-base);
+  --input-color: var(--default-color);
+  --input-bg: white;
+  --input-border-color: var(--light-gray);
+  --input-broder-radius: 3px;
+  --input-shadow-color: #a3c5fd;
+  --input-horizontal-padding: 8px;
+  --input-block-color: #f5f7fa;
+  --input-block-hover-color: #eaebf0;
+  --input-icon-size: var(--font-size-medium);
+  --input-maxlength-color: #979ba5;
+  --button-primary-hover-color: #5594fa;
+  --button-danger-hover-color: #ff5656;
+  --button-success-hover-color: #45e35f;
+  --button-warning-hover-color: #ffb848;
+  --button-default-hover-border-color: #979ba5;
+  --button-primary-active-color: #2c77f4;
+  --button-danger-active-color: #db2626;
+  --button-success-active-color: #1ab943;
+  --button-warning-active-color: #eb9000;
+  --button-selected-bg-color: #e1ecff;
+  --button-disabled-selected-bg-color: #f0f1f5;
+  --radio-font-color: #63656e;
+  --radio-active-color: #3a84ff;
+  --radio-hover-border-color: #979ba5;
+  --radio-disabled-border: #dcdee5;
+  --radio-disabled-font-color: #c4c6cc;
+  --radio-disabled-checked-bg: #a3c5fd;
+  --radio-button-checked-bg: #e1ecff;
+  --radio-button-disabled-checked-bg: #fafbfd;
+  --checkbox-disabled-checked-bg: #a3c5fd;
+  --fixed-navbar-background: #fff;
+  --fixed-navbar-boxshadow-color: rgba(0, 0, 0, 0.1);
+  --switch-default-color: #fff;
+  --switch-grey-color: #c4c6cc;
+  --breadcrumb-black-color: #979ba5;
+  --breadcrumb-primary-hover-color: #0082ff;
+  --breadcrumb-fn-main-color: #63656e;
+  --link-default-hover-color: #979ba5;
+  --link-primary-hover-color: #699df4;
+  --link-success-hover-color: #45e35f;
+  --link-warning-hover-color: #ffb848;
+  --link-danger-hover-color: #ff5656;
+  --link-default-disabled-color: #dcdee5;
+  --link-primary-disabled-color: #a3c5fd;
+  --link-success-disabled-color: #94f5a4;
+  --link-warning-disabled-color: #ffd695;
+  --link-danger-disabled-color: #fd9c9c;
+  --message-color: var(--default-color);
+  --message-primary-bg-color: #f0f8ff;
+  --message-primary-border-color: #e1ecff;
+  --message-primary-shadow-color: #e1e8f4;
+  --message-warning-bg-color: #fff4e2;
+  --message-warning-border-color: #ffe8c3;
+  --message-warning-shadow-color: #ede6db;
+  --message-success-bg-color: #f2fff4;
+  --message-success-border-color: #dcffe2;
+  --message-success-shadow-color: #cef0d7;
+  --message-danger-bg-color: #ffeded;
+  --message-danger-border-color: #ffdddd;
+  --message-danger-shadow-color: #f6dada;
+  --slider-default-bg: #dcdee5;
+  --slider-disable-bar-bg: #979ba5;
+  --menu-bg-color: #182132;
+  --submenu-bg-color: #151d2c;
+  --menu-active-bg-color: linear-gradient(90deg, #3f87ff 0%, #3a84ff 100%);
+  --menu-color: #96a2b9;
+  --menu-group-color: var(--default-color);
+  --menu-width: 260px;
+  --menu-collapse-width: 60px;
+  --menu-active-color: white;
+  --nav-header-bg-color: #182132;
+  --nav-bg-color: #182132;
+  --date-picker-disabled-bg: #fafbfd;
+  --date-picker-dropdown-mb: 4px;
+  --date-picker-dropdown-bg: #fff;
+  --table-bg-color: var(--white-color);
+  --table-border-color: #dcdee5;
+  --table-strip-color: #fafbfd;
+  --table-head-bg-color: #fafbfd;
+  --table-head-font-color: #313238;
+  --table-body-font-color: #63656e;
+  --table-row-hover-bg-color: #f5f7fa;
+  --table-row-active-bg-color: #f0f1f5;
+  --cascader-panel-border-color: #dcdee5;
+  --cascader-panel-hover: #f5f7fa;
+  --cascader-panel-active: #e1ecff;
+  --cascader-panel-disabled-bg: #fff;
+  --search-select-focus-border-color: var(--primary-color);
+  --search-select-focus-color: #3c96ff;
+  --search-select-font-color: var(--default-color);
+  --search-select-placeholder-color: var(--light-gray);
+  --search-select-message-color: var(--danger-color);
+  --search-select-menu-border-color: var(--disable-color);
+  --select-active-color: #e1ecff;
+  --select-hover-color: #f5f7fa;
+}
+.bk-tag {
+  display: inline-flex;
+  align-items: center;
+  height: 22px;
+  padding: 0 10px;
+  font-size: 12px;
+  line-height: 22px;
+  color: var(--default-color);
+  cursor: default;
+  background-color: #f0f1f5;
+  border-color: rgba(151, 155, 165, 0.3);
+  box-sizing: border-box;
+}
+.bk-tag.bk-tag-success {
+  color: #14a568;
+  border-color: rgba(20, 165, 104, 0.3);
+  background-color: #E4FAF0;
+}
+.bk-tag.bk-tag-success.bk-tag-filled {
+  background-color: #14A568;
+}
+.bk-tag.bk-tag-success.bk-tag-filled:hover {
+  background-color: #42B685;
+}
+.bk-tag.bk-tag-success:hover:not(.bk-tag-filled) {
+  background-color: #C9F5E2;
+}
+.bk-tag.bk-tag-info {
+  color: var(--primary-color);
+  border-color: rgba(58, 132, 255, 0.3);
+  background-color: #EDF4FF;
+}
+.bk-tag.bk-tag-info.bk-tag-filled {
+  background-color: #3A84FF;
+}
+.bk-tag.bk-tag-info.bk-tag-filled:hover {
+  background-color: #609CFE;
+}
+.bk-tag.bk-tag-info:hover:not(.bk-tag-filled) {
+  background-color: #E1ECFF;
+}
+.bk-tag.bk-tag-warning {
+  color: #fe9c00;
+  border-color: rgba(254, 165, 0, 0.3);
+  background-color: #FFF1DB;
+}
+.bk-tag.bk-tag-warning.bk-tag-filled {
+  background-color: #FE9C00;
+}
+.bk-tag.bk-tag-warning.bk-tag-filled:hover {
+  background-color: #FDAF32;
+}
+.bk-tag.bk-tag-warning:hover:not(.bk-tag-filled) {
+  background-color: #FFE8C3;
+}
+.bk-tag.bk-tag-danger {
+  color: var(--danger-color);
+  border-color: rgba(234, 53, 54, 0.3);
+  background-color: #FEEBEA;
+}
+.bk-tag.bk-tag-danger.bk-tag-filled {
+  background-color: #EA3536;
+}
+.bk-tag.bk-tag-danger.bk-tag-filled:hover {
+  background-color: #ED5C5D;
+}
+.bk-tag.bk-tag-danger:hover:not(.bk-tag-filled) {
+  background-color: #FEDDDC;
+}
+.bk-tag:hover {
+  background-color: #dcdee5;
+}
+.bk-tag.bk-tag-filled {
+  color: #fff;
+  background-color: #979BA5;
+}
+.bk-tag.bk-tag-filled:hover {
+  background-color: #ACAFB6;
+}
+.bk-tag.bk-tag-stroke {
+  padding: 0 9px;
+  line-height: 20px;
+  border-style: solid;
+  border-width: 1px;
+}
+.bk-tag.bk-tag-closable {
+  padding: 0 4px 0 10px;
+}
+.bk-tag.bk-tag-checkable {
+  cursor: pointer;
+  background: none;
+}
+.bk-tag.bk-tag-checkable:hover {
+  background: #F0F1F5;
+}
+.bk-tag.bk-tag-check {
+  color: #fff;
+  background: var(--primary-color);
+}
+.bk-tag.bk-tag-check:hover {
+  color: #fff;
+  background: var(--primary-color);
+  opacity: 1;
+}
+.bk-tag--default {
+  padding: 0 8px;
+}
+.bk-tag--small {
+  height: 16px;
+  padding: 0 4px;
+  line-height: 16px;
+}
+.bk-tag--small .bk-tag-text {
+  font-size: 10px;
+}
+.bk-tag-text {
+  flex: 1;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.bk-tag-icon {
+  flex-shrink: 0;
+  margin-right: 4px;
+  font-size: 14px;
+  line-height: 0;
+}
+.bk-tag-close {
+  flex-shrink: 0;
+  margin-left: 4px;
+  font-size: 12px;
+  line-height: 0;
+  cursor: pointer;
+}
+:root {
+  --bk-prefix: bk;
+  --popover-max-height: 216px;
+  --primary-color: #3a84ff;
+  --success-color: #2dcb56;
+  --warning-color: #ff9c01;
+  --danger-color: #ea3636;
+  --default-color: #63656e;
+  --gray-color: #979ba5;
+  --light-gray: #c4c6cc;
+  --white-color: white;
+  --whitesmoke-color: #fafbfd;
+  --disable-color: #dcdee5;
+  --disable-bg-color: #f9fafd;
+  --border-color: #dcdee5;
+  --font-size-base: 12px;
+  --font-size-medium: 14px;
+  --font-size-large: 16px;
+  --line-height-base: 16px;
+  --line-height-medium: 16px;
+  --line-height-large: 18px;
+  --component-size-small: 26px;
+  --component-size-base: 32px;
+  --component-size-large: 40px;
+  --component-size-small-padding: 0 12px;
+  --component-size-base-padding: 0 14px;
+  --component-size-large-padding: 0 16px;
+  --border-width-base: 1px;
+  --border-style-base: solid;
+  --border-radius-base: 2px;
+  --border-style-color: var(--light-gray);
+  --input-disabled-bg: #fafbfd;
+  --input-disabled-border: var(--disable-color);
+  --input-height-base: var(--component-size-base);
+  --input-color: var(--default-color);
+  --input-bg: white;
+  --input-border-color: var(--light-gray);
+  --input-broder-radius: 3px;
+  --input-shadow-color: #a3c5fd;
+  --input-horizontal-padding: 8px;
+  --input-block-color: #f5f7fa;
+  --input-block-hover-color: #eaebf0;
+  --input-icon-size: var(--font-size-medium);
+  --input-maxlength-color: #979ba5;
+  --button-primary-hover-color: #5594fa;
+  --button-danger-hover-color: #ff5656;
+  --button-success-hover-color: #45e35f;
+  --button-warning-hover-color: #ffb848;
+  --button-default-hover-border-color: #979ba5;
+  --button-primary-active-color: #2c77f4;
+  --button-danger-active-color: #db2626;
+  --button-success-active-color: #1ab943;
+  --button-warning-active-color: #eb9000;
+  --button-selected-bg-color: #e1ecff;
+  --button-disabled-selected-bg-color: #f0f1f5;
+  --radio-font-color: #63656e;
+  --radio-active-color: #3a84ff;
+  --radio-hover-border-color: #979ba5;
+  --radio-disabled-border: #dcdee5;
+  --radio-disabled-font-color: #c4c6cc;
+  --radio-disabled-checked-bg: #a3c5fd;
+  --radio-button-checked-bg: #e1ecff;
+  --radio-button-disabled-checked-bg: #fafbfd;
+  --checkbox-disabled-checked-bg: #a3c5fd;
+  --fixed-navbar-background: #fff;
+  --fixed-navbar-boxshadow-color: rgba(0, 0, 0, 0.1);
+  --switch-default-color: #fff;
+  --switch-grey-color: #c4c6cc;
+  --breadcrumb-black-color: #979ba5;
+  --breadcrumb-primary-hover-color: #0082ff;
+  --breadcrumb-fn-main-color: #63656e;
+  --link-default-hover-color: #979ba5;
+  --link-primary-hover-color: #699df4;
+  --link-success-hover-color: #45e35f;
+  --link-warning-hover-color: #ffb848;
+  --link-danger-hover-color: #ff5656;
+  --link-default-disabled-color: #dcdee5;
+  --link-primary-disabled-color: #a3c5fd;
+  --link-success-disabled-color: #94f5a4;
+  --link-warning-disabled-color: #ffd695;
+  --link-danger-disabled-color: #fd9c9c;
+  --message-color: var(--default-color);
+  --message-primary-bg-color: #f0f8ff;
+  --message-primary-border-color: #e1ecff;
+  --message-primary-shadow-color: #e1e8f4;
+  --message-warning-bg-color: #fff4e2;
+  --message-warning-border-color: #ffe8c3;
+  --message-warning-shadow-color: #ede6db;
+  --message-success-bg-color: #f2fff4;
+  --message-success-border-color: #dcffe2;
+  --message-success-shadow-color: #cef0d7;
+  --message-danger-bg-color: #ffeded;
+  --message-danger-border-color: #ffdddd;
+  --message-danger-shadow-color: #f6dada;
+  --slider-default-bg: #dcdee5;
+  --slider-disable-bar-bg: #979ba5;
+  --menu-bg-color: #182132;
+  --submenu-bg-color: #151d2c;
+  --menu-active-bg-color: linear-gradient(90deg, #3f87ff 0%, #3a84ff 100%);
+  --menu-color: #96a2b9;
+  --menu-group-color: var(--default-color);
+  --menu-width: 260px;
+  --menu-collapse-width: 60px;
+  --menu-active-color: white;
+  --nav-header-bg-color: #182132;
+  --nav-bg-color: #182132;
+  --date-picker-disabled-bg: #fafbfd;
+  --date-picker-dropdown-mb: 4px;
+  --date-picker-dropdown-bg: #fff;
+  --table-bg-color: var(--white-color);
+  --table-border-color: #dcdee5;
+  --table-strip-color: #fafbfd;
+  --table-head-bg-color: #fafbfd;
+  --table-head-font-color: #313238;
+  --table-body-font-color: #63656e;
+  --table-row-hover-bg-color: #f5f7fa;
+  --table-row-active-bg-color: #f0f1f5;
+  --cascader-panel-border-color: #dcdee5;
+  --cascader-panel-hover: #f5f7fa;
+  --cascader-panel-active: #e1ecff;
+  --cascader-panel-disabled-bg: #fff;
+  --search-select-focus-border-color: var(--primary-color);
+  --search-select-focus-color: #3c96ff;
+  --search-select-font-color: var(--default-color);
+  --search-select-placeholder-color: var(--light-gray);
+  --search-select-message-color: var(--danger-color);
+  --search-select-menu-border-color: var(--disable-color);
+  --select-active-color: #e1ecff;
+  --select-hover-color: #f5f7fa;
+}
+.bk-checkbox-group {
+  display: inline-flex;
+  letter-spacing: normal;
+}
+.bk-checkbox {
+  display: inline-flex;
+  justify-self: center;
+  align-items: center;
+  font-size: 14px;
+  letter-spacing: normal;
+  color: #63656e;
+  cursor: pointer;
+  user-select: none;
+}
+.bk-checkbox ~ .bk-checkbox {
+  margin-left: 24px;
+}
+.bk-checkbox.is-checked .bk-checkbox-input {
+  background: var(--primary-color);
+  border-color: var(--primary-color);
+  transition: all 0.1s;
+}
+.bk-checkbox.is-checked .bk-checkbox-input.small::after {
+  width: 3px;
+  height: 6px;
+}
+.bk-checkbox.is-checked .bk-checkbox-input::after {
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  width: 4px;
+  height: 8px;
+  border: 2px solid #fff;
+  border-top: 0;
+  border-left: 0;
+  content: '';
+  transform: translate(-50%, -60%) scaleY(1) rotate(45deg);
+  transform-origin: center;
+}
+.bk-checkbox.is-indeterminated .bk-checkbox-input {
+  background: var(--primary-color);
+  border-color: var(--primary-color);
+  transition: all 0.1s;
+}
+.bk-checkbox.is-indeterminated .bk-checkbox-input.small::after {
+  width: 6px;
+  height: 2px;
+}
+.bk-checkbox.is-indeterminated .bk-checkbox-input::after {
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  width: 8px;
+  height: 2px;
+  background: #fff;
+  border: none;
+  border-radius: 2px;
+  content: '';
+  transform: translate(-50%, -50%);
+}
+.bk-checkbox.is-disabled {
+  color: #c4c6cc;
+  cursor: not-allowed;
+}
+.bk-checkbox.is-disabled .bk-checkbox-input {
+  background: #fafbfd;
+  border-color: var(--disable-color);
+}
+.bk-checkbox.is-disabled .bk-checkbox-input::after {
+  background: var(--disable-color);
+}
+.bk-checkbox.is-disabled.is-checked .bk-checkbox-input {
+  background: var(--checkbox-disabled-checked-bg);
+  border-color: var(--checkbox-disabled-checked-bg);
+}
+.bk-checkbox.is-disabled.is-checked .bk-checkbox-input::after {
+  background: var(--checkbox-disabled-checked-bg);
+}
+.bk-checkbox.is-prechecking {
+  position: relative;
+}
+.bk-checkbox.is-prechecking .bk-checkbox-input {
+  visibility: hidden;
+}
+.bk-checkbox-input {
+  position: relative;
+  display: inline-block;
+  width: 16px;
+  height: 16px;
+  vertical-align: middle;
+  border: 1px solid #979ba5;
+  border-radius: 2px;
+}
+.bk-checkbox-input.small {
+  width: 14px;
+  height: 14px;
+}
+.bk-checkbox-original {
+  position: absolute;
+  top: 0;
+  left: 0;
+  z-index: -1;
+  width: 0;
+  height: 0;
+}
+.bk-checkbox-label {
+  display: inline-block;
+  margin-left: 6px;
+  vertical-align: middle;
+}
+.bk-checkbox-checking {
+  position: absolute;
+  font-size: 16px;
+  color: #3a84ff;
+  animation: loading 1s linear infinite;
+}
+:root {
+  --bk-prefix: bk;
+  --popover-max-height: 216px;
+  --primary-color: #3a84ff;
+  --success-color: #2dcb56;
+  --warning-color: #ff9c01;
+  --danger-color: #ea3636;
+  --default-color: #63656e;
+  --gray-color: #979ba5;
+  --light-gray: #c4c6cc;
+  --white-color: white;
+  --whitesmoke-color: #fafbfd;
+  --disable-color: #dcdee5;
+  --disable-bg-color: #f9fafd;
+  --border-color: #dcdee5;
+  --font-size-base: 12px;
+  --font-size-medium: 14px;
+  --font-size-large: 16px;
+  --line-height-base: 16px;
+  --line-height-medium: 16px;
+  --line-height-large: 18px;
+  --component-size-small: 26px;
+  --component-size-base: 32px;
+  --component-size-large: 40px;
+  --component-size-small-padding: 0 12px;
+  --component-size-base-padding: 0 14px;
+  --component-size-large-padding: 0 16px;
+  --border-width-base: 1px;
+  --border-style-base: solid;
+  --border-radius-base: 2px;
+  --border-style-color: var(--light-gray);
+  --input-disabled-bg: #fafbfd;
+  --input-disabled-border: var(--disable-color);
+  --input-height-base: var(--component-size-base);
+  --input-color: var(--default-color);
+  --input-bg: white;
+  --input-border-color: var(--light-gray);
+  --input-broder-radius: 3px;
+  --input-shadow-color: #a3c5fd;
+  --input-horizontal-padding: 8px;
+  --input-block-color: #f5f7fa;
+  --input-block-hover-color: #eaebf0;
+  --input-icon-size: var(--font-size-medium);
+  --input-maxlength-color: #979ba5;
+  --button-primary-hover-color: #5594fa;
+  --button-danger-hover-color: #ff5656;
+  --button-success-hover-color: #45e35f;
+  --button-warning-hover-color: #ffb848;
+  --button-default-hover-border-color: #979ba5;
+  --button-primary-active-color: #2c77f4;
+  --button-danger-active-color: #db2626;
+  --button-success-active-color: #1ab943;
+  --button-warning-active-color: #eb9000;
+  --button-selected-bg-color: #e1ecff;
+  --button-disabled-selected-bg-color: #f0f1f5;
+  --radio-font-color: #63656e;
+  --radio-active-color: #3a84ff;
+  --radio-hover-border-color: #979ba5;
+  --radio-disabled-border: #dcdee5;
+  --radio-disabled-font-color: #c4c6cc;
+  --radio-disabled-checked-bg: #a3c5fd;
+  --radio-button-checked-bg: #e1ecff;
+  --radio-button-disabled-checked-bg: #fafbfd;
+  --checkbox-disabled-checked-bg: #a3c5fd;
+  --fixed-navbar-background: #fff;
+  --fixed-navbar-boxshadow-color: rgba(0, 0, 0, 0.1);
+  --switch-default-color: #fff;
+  --switch-grey-color: #c4c6cc;
+  --breadcrumb-black-color: #979ba5;
+  --breadcrumb-primary-hover-color: #0082ff;
+  --breadcrumb-fn-main-color: #63656e;
+  --link-default-hover-color: #979ba5;
+  --link-primary-hover-color: #699df4;
+  --link-success-hover-color: #45e35f;
+  --link-warning-hover-color: #ffb848;
+  --link-danger-hover-color: #ff5656;
+  --link-default-disabled-color: #dcdee5;
+  --link-primary-disabled-color: #a3c5fd;
+  --link-success-disabled-color: #94f5a4;
+  --link-warning-disabled-color: #ffd695;
+  --link-danger-disabled-color: #fd9c9c;
+  --message-color: var(--default-color);
+  --message-primary-bg-color: #f0f8ff;
+  --message-primary-border-color: #e1ecff;
+  --message-primary-shadow-color: #e1e8f4;
+  --message-warning-bg-color: #fff4e2;
+  --message-warning-border-color: #ffe8c3;
+  --message-warning-shadow-color: #ede6db;
+  --message-success-bg-color: #f2fff4;
+  --message-success-border-color: #dcffe2;
+  --message-success-shadow-color: #cef0d7;
+  --message-danger-bg-color: #ffeded;
+  --message-danger-border-color: #ffdddd;
+  --message-danger-shadow-color: #f6dada;
+  --slider-default-bg: #dcdee5;
+  --slider-disable-bar-bg: #979ba5;
+  --menu-bg-color: #182132;
+  --submenu-bg-color: #151d2c;
+  --menu-active-bg-color: linear-gradient(90deg, #3f87ff 0%, #3a84ff 100%);
+  --menu-color: #96a2b9;
+  --menu-group-color: var(--default-color);
+  --menu-width: 260px;
+  --menu-collapse-width: 60px;
+  --menu-active-color: white;
+  --nav-header-bg-color: #182132;
+  --nav-bg-color: #182132;
+  --date-picker-disabled-bg: #fafbfd;
+  --date-picker-dropdown-mb: 4px;
+  --date-picker-dropdown-bg: #fff;
+  --table-bg-color: var(--white-color);
+  --table-border-color: #dcdee5;
+  --table-strip-color: #fafbfd;
+  --table-head-bg-color: #fafbfd;
+  --table-head-font-color: #313238;
+  --table-body-font-color: #63656e;
+  --table-row-hover-bg-color: #f5f7fa;
+  --table-row-active-bg-color: #f0f1f5;
+  --cascader-panel-border-color: #dcdee5;
+  --cascader-panel-hover: #f5f7fa;
+  --cascader-panel-active: #e1ecff;
+  --cascader-panel-disabled-bg: #fff;
+  --search-select-focus-border-color: var(--primary-color);
+  --search-select-focus-color: #3c96ff;
+  --search-select-font-color: var(--default-color);
+  --search-select-placeholder-color: var(--light-gray);
+  --search-select-message-color: var(--danger-color);
+  --search-select-menu-border-color: var(--disable-color);
+  --select-active-color: #e1ecff;
+  --select-hover-color: #f5f7fa;
+}
+@keyframes loading-scale-animate {
+  0% {
+    transform: scale(1);
+  }
+  100% {
+    transform: scale(0.6);
+  }
+}
+@keyframes fade {
+  100% {
+    background-color: transparent;
+  }
+}
+.bk-transition .bk-fade-enter-active,
+.bk-transition .bk-fade-leave-active {
+  transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1);
+}
+.bk-transition .bk-fade-enter,
+.bk-transition .bk-fade-leave-to {
+  opacity: 0;
+}
+.bk-select .mr5 {
+  margin-right: 5px;
+}
+.bk-select .ml5 {
+  margin-left: 5px;
+}
+.bk-select ul {
+  padding: 0;
+  margin: 0;
+  font-weight: normal;
+  list-style: none;
+}
+.bk-select.large .bk-select-content-wrapper {
+  font-size: 14px;
+}
+.bk-select.is-focus:not(.is-disabled).normal .bk-select-trigger .bk-select-tag {
+  border-color: var(--primary-color);
+  box-shadow: 0px 0px 3px 0px #a3c5fd;
+}
+.bk-select.is-focus:not(.is-disabled).simplicity .bk-select-trigger .bk-select-tag {
+  border-bottom-color: var(--primary-color);
+}
+.bk-select.is-focus .bk-input {
+  border-color: var(--primary-color);
+  outline: 0;
+  box-shadow: 0px 0px 3px 0px var(--input-shadow-color);
+}
+.bk-select.is-focus .bk-input.is-simplicity {
+  border-color: transparent;
+  border-bottom-color: var(--primary-color);
+  box-shadow: none;
+}
+.bk-select.is-focus .bk-input.is-simplicity .bk-input--text {
+  background-color: var(--input-block-color);
+}
+.bk-select.popover-show .bk-select-trigger .angle-down {
+  transform: rotate(180deg);
+}
+.bk-select.is-disabled .bk-input--text {
+  cursor: not-allowed;
+  background-color: #fafbfd;
+}
+.bk-select .bk-input.is-focused {
+  border-color: var(--primary-color);
+  outline: 0;
+  box-shadow: 0 0 3px 0 var(--input-shadow-color);
+}
+.bk-select .bk-input.is-focused.is-simplicity {
+  border-color: transparent;
+  border-bottom-color: var(--primary-color);
+  box-shadow: none;
+}
+.bk-select .bk-input--text {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  padding-right: 24px;
+  cursor: pointer;
+  background-color: var(--white-color);
+}
+.bk-select .bk-select-trigger {
+  position: relative;
+}
+.bk-select .bk-select-trigger .bk-tag-input .bk-tag-input-trigger .clear-icon {
+  margin-right: 0;
+}
+.bk-select .bk-select-trigger .bk-select-tag {
+  width: 100%;
+  height: 32px;
+  padding: 0 28px 0 10px;
+  line-height: normal;
+  color: var(--default-color);
+  text-align: left;
+  vertical-align: middle;
+  cursor: pointer;
+  background-color: var(--white-color);
+  border: 1px solid var(--light-gray);
+  border-radius: 2px;
+  outline: none;
+  box-sizing: border-box;
+  transition: all 0.1s;
+  resize: none;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  display: flex;
+  width: auto;
+  align-items: center;
+}
+.bk-select .bk-select-trigger .bk-select-tag::placeholder {
+  color: var(--light-gray);
+}
+.bk-select .bk-select-trigger .bk-select-tag.is-simplicity {
+  background-color: transparent;
+  border-color: transparent;
+  border-bottom-color: var(--input-border-color);
+}
+.bk-select .bk-select-trigger .bk-select-tag.is-simplicity:hover {
+  background-color: var(--input-block-color);
+  border-color: transparent;
+  border-bottom-color: var(--light-gray);
+  box-shadow: none;
+}
+.bk-select .bk-select-trigger .bk-select-tag.has-prefix {
+  padding-left: 0;
+}
+.bk-select .bk-select-trigger .bk-select-tag-wrapper {
+  display: flex;
+  align-items: center;
+  flex-wrap: wrap;
+  overflow: hidden;
+  gap: 4px;
+  padding: 4px 0;
+}
+.bk-select .bk-select-trigger .bk-select-tag.collapse-tag .bk-select-tag-wrapper {
+  height: 30px;
+}
+.bk-select .bk-select-trigger .bk-select-tag:not(.collapse-tag) {
+  position: relative;
+  z-index: 1;
+  height: auto;
+  min-height: 32px;
+  flex-wrap: wrap;
+}
+.bk-select .bk-select-trigger .bk-select-tag:not(.is-disabled,.is-simplicity):hover {
+  border-color: #979ba5;
+}
+.bk-select .bk-select-trigger .bk-select-tag.is-disabled {
+  cursor: not-allowed;
+  background-color: #fafbfd;
+  border-color: #dcdee5;
+}
+.bk-select .bk-select-trigger .bk-select-tag.is-disabled input {
+  cursor: not-allowed;
+}
+.bk-select .bk-select-trigger .bk-select-tag.is-disabled .bk-tag {
+  cursor: not-allowed;
+}
+.bk-select .bk-select-trigger .bk-select-tag.is-disabled .bk-tag:hover {
+  background-color: #f0f1f5;
+}
+.bk-select .bk-select-trigger .bk-select-tag.is-disabled .bk-tag .bk-tag-close {
+  cursor: not-allowed;
+}
+.bk-select .bk-select-trigger .bk-select-tag.is-disabled .is-disabled {
+  padding-left: 0;
+}
+.bk-select .bk-select-trigger .bk-select-tag-input {
+  width: 100%;
+  height: 32px;
+  padding: 0 28px 0 10px;
+  line-height: normal;
+  color: var(--default-color);
+  text-align: left;
+  vertical-align: middle;
+  cursor: pointer;
+  background-color: var(--white-color);
+  border: 1px solid var(--light-gray);
+  border-radius: 2px;
+  outline: none;
+  box-sizing: border-box;
+  transition: all 0.1s;
+  resize: none;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  width: 1%;
+  height: 22px;
+  padding: 0;
+  margin: 0px 5px 0px 0;
+  background-color: transparent;
+  border: none;
+  flex-grow: 1;
+}
+.bk-select .bk-select-trigger .bk-select-tag-input::placeholder {
+  color: var(--light-gray);
+}
+.bk-select .bk-select-trigger .bk-select-tag .bk-tag {
+  max-width: 190px;
+  padding: 0 4px;
+}
+.bk-select .bk-select-trigger .angle-down {
+  right: 4px;
+  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
+  display: flex;
+  width: 20px;
+  height: 20px;
+  font-size: 20px;
+  color: #979ba5;
+  position: absolute;
+  top: 0;
+  display: inline-flex;
+  height: 100%;
+  align-items: center;
+  justify-content: center;
+}
+.bk-select .bk-select-trigger .clear-icon {
+  right: 4px;
+  cursor: pointer;
+  transition: all 0.1s;
+  display: flex;
+  width: 20px;
+  height: 20px;
+  font-size: 14px;
+  color: #c4c6cc;
+  position: absolute;
+  top: 0;
+  display: inline-flex;
+  height: 100%;
+  align-items: center;
+  justify-content: center;
+}
+.bk-select .bk-select-trigger .clear-icon:hover {
+  color: #979ba5;
+}
+.bk-select .bk-select-trigger .spinner {
+  right: 6px;
+  position: absolute;
+  top: 0;
+  display: inline-flex;
+  height: 100%;
+  align-items: center;
+  justify-content: center;
+}
+.bk-select--prefix-area {
+  display: flex;
+  height: 100%;
+  padding: 0 10px;
+  margin-right: 10px;
+  color: #63656e;
+  background-color: var(--select-hover-color);
+  border-right: 1px solid #c4c6cc;
+  align-items: center;
+}
+.bk-popover.bk-pop2-content.bk-select-popover {
+  padding: 0;
+  border: 1px solid var(--disable-color);
+  border-radius: 2px;
+  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.1);
+}
+.bk-popover.bk-pop2-content.bk-select-popover .bk-select-content-wrapper .bk-select-empty {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  height: 56px;
+  color: #63656e;
+}
+.bk-popover.bk-pop2-content.bk-select-popover .bk-select-content-wrapper .bk-select-empty .spinner {
+  display: flex;
+  width: 14px;
+  height: 14px;
+  margin-right: 4px;
+  font-size: 14px;
+  color: #c4c6cc;
+  align-items: center;
+  justify-content: center;
+}
+.bk-popover.bk-pop2-content.bk-select-popover .bk-select-content-wrapper .bk-select-empty span {
+  margin-left: 4px;
+  line-height: 18px;
+}
+.bk-popover.bk-pop2-content.bk-select-popover .bk-select-content-wrapper .bk-select-dropdown {
+  overflow: auto;
+}
+.bk-popover.bk-pop2-content.bk-select-popover .bk-select-content-wrapper .bk-select-dropdown::-webkit-scrollbar {
+  width: 4px;
+  height: 4px;
+}
+.bk-popover.bk-pop2-content.bk-select-popover .bk-select-content-wrapper .bk-select-dropdown::-webkit-scrollbar-thumb {
+  background: #dde4eb;
+  border-radius: 20px;
+  box-shadow: inset 0 0 6px hsla(0, 0%, 80%, 0.3);
+}
+.bk-popover.bk-pop2-content.bk-select-popover .bk-select-content-wrapper .bk-select-extension {
+  display: flex;
+  height: 40px;
+  background-color: #fafbfd;
+  align-items: center;
+  border-top: 1px solid #dcdee5;
+  border-radius: 0 0 2px 2px;
+}
+.bk-popover.bk-pop2-content.bk-select-popover .bk-select-content-wrapper .bk-select-options {
+  padding: 4px 0;
+}
+.bk-popover.bk-pop2-content.bk-select-popover .bk-select-content-wrapper .bk-select-all {
+  padding: 4px 0;
+  border-bottom: 1px solid var(--border-color);
+}
+.bk-popover.bk-pop2-content.bk-select-popover .bk-select-content-wrapper .bk-select-all .wrapper {
+  display: flex;
+  align-items: center;
+  height: 32px;
+  padding: 0 12px;
+  cursor: pointer;
+  color: var(--default-color);
+}
+.bk-popover.bk-pop2-content.bk-select-popover .bk-select-content-wrapper .bk-select-all .wrapper:hover {
+  background-color: var(--select-hover-color);
+}
+.bk-popover.bk-pop2-content.bk-select-popover .bk-select-content-wrapper .bk-select-all .wrapper.active {
+  background-color: var(--select-active-color);
+  color: var(--primary-color);
+}
+.bk-popover.bk-pop2-content.bk-select-popover .bk-select-content-wrapper .bk-select-all .wrapper .select-all-icon {
+  margin-right: 4px;
+  font-size: 16px;
+}
+.bk-popover.bk-pop2-content.bk-select-popover .bk-select-content-wrapper .bk-select-option {
+  position: relative;
+  display: flex;
+  min-height: 32px;
+  padding: 0 12px;
+  color: #63656e;
+  text-align: left;
+  cursor: pointer;
+  user-select: none;
+  align-items: center;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.bk-popover.bk-pop2-content.bk-select-popover .bk-select-content-wrapper .bk-select-option .bk-select-selected-icon {
+  position: absolute;
+  top: 5px;
+  right: 10px;
+}
+.bk-popover.bk-pop2-content.bk-select-popover .bk-select-content-wrapper .bk-select-option .bk-select-checkbox {
+  margin-right: 6px;
+  pointer-events: none;
+}
+.bk-popover.bk-pop2-content.bk-select-popover .bk-select-content-wrapper .bk-select-option .bk-select-checkbox .bk-checkbox-original {
+  opacity: 0;
+}
+.bk-popover.bk-pop2-content.bk-select-popover .bk-select-content-wrapper .bk-select-option-item {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.bk-popover.bk-pop2-content.bk-select-popover .bk-select-content-wrapper .bk-select-option-item .is-keyword {
+  display: inline-flex;
+  color: var(--primary-color);
+}
+.bk-popover.bk-pop2-content.bk-select-popover .bk-select-content-wrapper .bk-select-option.is-hover {
+  background-color: var(--select-hover-color);
+}
+.bk-popover.bk-pop2-content.bk-select-popover .bk-select-content-wrapper .bk-select-option:hover {
+  color: #63656e;
+  background-color: var(--select-hover-color);
+}
+.bk-popover.bk-pop2-content.bk-select-popover .bk-select-content-wrapper .bk-select-option.is-selected:not(.is-checkbox) {
+  color: #3a84ff;
+  background-color: #e1ecff;
+}
+.bk-popover.bk-pop2-content.bk-select-popover .bk-select-content-wrapper .bk-select-option.is-disabled {
+  color: #c4c6cc;
+  cursor: not-allowed;
+  background-color: transparent;
+}
+.bk-popover.bk-pop2-content.bk-select-popover .bk-select-content-wrapper .bk-select-option.is-multiple {
+  padding-right: 32px;
+}
+.bk-popover.bk-pop2-content.bk-select-popover .bk-select-content-wrapper .bk-select-option.is-multiple.is-selected {
+  background-color: #fff;
+}
+.bk-popover.bk-pop2-content.bk-select-popover .bk-select-content-wrapper .bk-select-option.is-multiple.is-hover {
+  background-color: var(--select-hover-color);
+}
+.bk-popover.bk-pop2-content.bk-select-popover .bk-select-content-wrapper .bk-select-option.is-multiple:hover {
+  background-color: var(--select-hover-color);
+}
+.bk-popover.bk-pop2-content.bk-select-popover .bk-select-content-wrapper .bk-select-options-loading {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+.bk-popover.bk-pop2-content.bk-select-popover .bk-select-content-wrapper .bk-select-options-loading span {
+  margin-left: 4px;
+  line-height: 18px;
+}
+.bk-popover.bk-pop2-content.bk-select-popover .bk-select-content-wrapper .bk-option-group-label {
+  height: 32px;
+  padding: 0 8px;
+  line-height: 32px;
+  color: #979ba5;
+  text-align: left;
+}
+.bk-popover.bk-pop2-content.bk-select-popover .bk-select-content-wrapper .bk-option-group-label.collapsible {
+  cursor: pointer;
+}
+.bk-popover.bk-pop2-content.bk-select-popover .bk-select-content-wrapper .bk-option-group.collapsible .bk-select-option {
+  padding-left: 40px;
+}
+.bk-popover.bk-pop2-content.bk-select-popover .bk-select-content-wrapper .bk-option-group.disabled .default-group-label {
+  color: #c4c6cc;
+  cursor: not-allowed;
+}
+.bk-popover.bk-pop2-content.bk-select-popover .bk-select-content-wrapper .bk-option-group .default-group-label {
+  display: flex;
+  user-select: none;
+  align-items: center;
+}
+.bk-popover.bk-pop2-content.bk-select-popover .bk-select-content-wrapper .bk-option-group .default-group-label-icon {
+  display: flex;
+  width: 12px;
+  height: 12px;
+  margin-right: 8px;
+  transition: all 0.1s;
+  align-items: center;
+  justify-content: center;
+}
+.bk-popover.bk-pop2-content.bk-select-popover .bk-select-content-wrapper .bk-option-group .default-group-label-icon.collapse {
+  transform: rotate(-90deg);
+}
+.bk-popover.bk-pop2-content.bk-select-popover .bk-select-content-wrapper .bk-option-group .bk-select-option {
+  padding-left: 24px;
+}
+.bk-popover.bk-pop2-content.bk-select-popover .bk-select-content-wrapper .bk-select-search-wrapper {
+  display: flex;
+  margin: 4px 8px 0 8px;
+  border-bottom: 1px solid var(--input-block-hover-color);
+  align-items: center;
+}
+.bk-popover.bk-pop2-content.bk-select-popover .bk-select-content-wrapper .bk-select-search-wrapper .icon-search {
+  margin-left: 2px;
+  color: var(--gray-color);
+}
+.bk-popover.bk-pop2-content.bk-select-popover .bk-select-content-wrapper .bk-select-search-wrapper .bk-select-search-input {
+  width: 100%;
+  height: 32px;
+  padding: 0 28px 0 10px;
+  line-height: normal;
+  color: var(--default-color);
+  text-align: left;
+  vertical-align: middle;
+  cursor: pointer;
+  background-color: var(--white-color);
+  border: 1px solid var(--light-gray);
+  border-radius: 2px;
+  outline: none;
+  box-sizing: border-box;
+  transition: all 0.1s;
+  resize: none;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  padding: 0 8px;
+  cursor: text;
+  border: none;
+}
+.bk-popover.bk-pop2-content.bk-select-popover .bk-select-content-wrapper .bk-select-search-wrapper .bk-select-search-input::placeholder {
+  color: var(--light-gray);
+}
+:root {
+  --bk-prefix: bk;
+  --popover-max-height: 216px;
+  --primary-color: #3a84ff;
+  --success-color: #2dcb56;
+  --warning-color: #ff9c01;
+  --danger-color: #ea3636;
+  --default-color: #63656e;
+  --gray-color: #979ba5;
+  --light-gray: #c4c6cc;
+  --white-color: white;
+  --whitesmoke-color: #fafbfd;
+  --disable-color: #dcdee5;
+  --disable-bg-color: #f9fafd;
+  --border-color: #dcdee5;
+  --font-size-base: 12px;
+  --font-size-medium: 14px;
+  --font-size-large: 16px;
+  --line-height-base: 16px;
+  --line-height-medium: 16px;
+  --line-height-large: 18px;
+  --component-size-small: 26px;
+  --component-size-base: 32px;
+  --component-size-large: 40px;
+  --component-size-small-padding: 0 12px;
+  --component-size-base-padding: 0 14px;
+  --component-size-large-padding: 0 16px;
+  --border-width-base: 1px;
+  --border-style-base: solid;
+  --border-radius-base: 2px;
+  --border-style-color: var(--light-gray);
+  --input-disabled-bg: #fafbfd;
+  --input-disabled-border: var(--disable-color);
+  --input-height-base: var(--component-size-base);
+  --input-color: var(--default-color);
+  --input-bg: white;
+  --input-border-color: var(--light-gray);
+  --input-broder-radius: 3px;
+  --input-shadow-color: #a3c5fd;
+  --input-horizontal-padding: 8px;
+  --input-block-color: #f5f7fa;
+  --input-block-hover-color: #eaebf0;
+  --input-icon-size: var(--font-size-medium);
+  --input-maxlength-color: #979ba5;
+  --button-primary-hover-color: #5594fa;
+  --button-danger-hover-color: #ff5656;
+  --button-success-hover-color: #45e35f;
+  --button-warning-hover-color: #ffb848;
+  --button-default-hover-border-color: #979ba5;
+  --button-primary-active-color: #2c77f4;
+  --button-danger-active-color: #db2626;
+  --button-success-active-color: #1ab943;
+  --button-warning-active-color: #eb9000;
+  --button-selected-bg-color: #e1ecff;
+  --button-disabled-selected-bg-color: #f0f1f5;
+  --radio-font-color: #63656e;
+  --radio-active-color: #3a84ff;
+  --radio-hover-border-color: #979ba5;
+  --radio-disabled-border: #dcdee5;
+  --radio-disabled-font-color: #c4c6cc;
+  --radio-disabled-checked-bg: #a3c5fd;
+  --radio-button-checked-bg: #e1ecff;
+  --radio-button-disabled-checked-bg: #fafbfd;
+  --checkbox-disabled-checked-bg: #a3c5fd;
+  --fixed-navbar-background: #fff;
+  --fixed-navbar-boxshadow-color: rgba(0, 0, 0, 0.1);
+  --switch-default-color: #fff;
+  --switch-grey-color: #c4c6cc;
+  --breadcrumb-black-color: #979ba5;
+  --breadcrumb-primary-hover-color: #0082ff;
+  --breadcrumb-fn-main-color: #63656e;
+  --link-default-hover-color: #979ba5;
+  --link-primary-hover-color: #699df4;
+  --link-success-hover-color: #45e35f;
+  --link-warning-hover-color: #ffb848;
+  --link-danger-hover-color: #ff5656;
+  --link-default-disabled-color: #dcdee5;
+  --link-primary-disabled-color: #a3c5fd;
+  --link-success-disabled-color: #94f5a4;
+  --link-warning-disabled-color: #ffd695;
+  --link-danger-disabled-color: #fd9c9c;
+  --message-color: var(--default-color);
+  --message-primary-bg-color: #f0f8ff;
+  --message-primary-border-color: #e1ecff;
+  --message-primary-shadow-color: #e1e8f4;
+  --message-warning-bg-color: #fff4e2;
+  --message-warning-border-color: #ffe8c3;
+  --message-warning-shadow-color: #ede6db;
+  --message-success-bg-color: #f2fff4;
+  --message-success-border-color: #dcffe2;
+  --message-success-shadow-color: #cef0d7;
+  --message-danger-bg-color: #ffeded;
+  --message-danger-border-color: #ffdddd;
+  --message-danger-shadow-color: #f6dada;
+  --slider-default-bg: #dcdee5;
+  --slider-disable-bar-bg: #979ba5;
+  --menu-bg-color: #182132;
+  --submenu-bg-color: #151d2c;
+  --menu-active-bg-color: linear-gradient(90deg, #3f87ff 0%, #3a84ff 100%);
+  --menu-color: #96a2b9;
+  --menu-group-color: var(--default-color);
+  --menu-width: 260px;
+  --menu-collapse-width: 60px;
+  --menu-active-color: white;
+  --nav-header-bg-color: #182132;
+  --nav-bg-color: #182132;
+  --date-picker-disabled-bg: #fafbfd;
+  --date-picker-dropdown-mb: 4px;
+  --date-picker-dropdown-bg: #fff;
+  --table-bg-color: var(--white-color);
+  --table-border-color: #dcdee5;
+  --table-strip-color: #fafbfd;
+  --table-head-bg-color: #fafbfd;
+  --table-head-font-color: #313238;
+  --table-body-font-color: #63656e;
+  --table-row-hover-bg-color: #f5f7fa;
+  --table-row-active-bg-color: #f0f1f5;
+  --cascader-panel-border-color: #dcdee5;
+  --cascader-panel-hover: #f5f7fa;
+  --cascader-panel-active: #e1ecff;
+  --cascader-panel-disabled-bg: #fff;
+  --search-select-focus-border-color: var(--primary-color);
+  --search-select-focus-color: #3c96ff;
+  --search-select-font-color: var(--default-color);
+  --search-select-placeholder-color: var(--light-gray);
+  --search-select-message-color: var(--danger-color);
+  --search-select-menu-border-color: var(--disable-color);
+  --select-active-color: #e1ecff;
+  --select-hover-color: #f5f7fa;
+}
+.bk-F-scroll-x {
+  overflow-x: auto;
+  scrollbar-color: #a0a0a0 transparent;
+  scrollbar-width: thin;
+}
+.bk-F-scroll-x::-webkit-scrollbar {
+  height: 6px;
+}
+.bk-F-scroll-y {
+  overflow-y: auto;
+}
+.bk-F-scroll-y::-webkit-scrollbar {
+  width: 4px;
+}
+.bk-F-scroll-y::-webkit-scrollbar-thumb {
+  border-radius: 4px;
+}
+.bk-scrollbar-wrapper {
+  position: relative;
+  overflow: hidden;
+}
+.bk-scrollbar-wrapper .bk-scrollbar-content-el {
+  display: inline-flex;
+  flex-direction: column;
+  width: 100%;
+}
+.bk-scrollbar-wrapper .bk-scrollbar-track {
+  z-index: 1;
+  position: absolute;
+  right: 0;
+  bottom: 0;
+  pointer-events: none;
+  overflow: hidden;
+}
+.bk-scrollbar-wrapper .bk-scrollbar-track.track-small.bk-scrollbar-vertical {
+  width: 6px;
+}
+.bk-scrollbar-wrapper .bk-scrollbar-track.track-small.bk-scrollbar-vertical.bk-scrollbar-hover {
+  width: 8px;
+}
+.bk-scrollbar-wrapper .bk-scrollbar-track.track-small.bk-scrollbar-horizontal {
+  height: 6px;
+}
+.bk-scrollbar-wrapper .bk-scrollbar-track.track-small.bk-scrollbar-horizontal.bk-scrollbar-hover {
+  height: 8px;
+}
+.bk-scrollbar-wrapper .bk-scrollbar-track.bk-scrollbar-hover {
+  background-color: #f0f1f5;
+  cursor: pointer;
+}
+.bk-scrollbar-wrapper .bk-scrollbar-track.bk-scrollbar-hover .bk-scrollbar::before {
+  background-color: #979ba5;
+}
+.bk-scrollbar-wrapper .bk-scrollbar-track.bk-scrollbar-vertical {
+  top: 0;
+  width: 8px;
+  transform: translate(var(--scroll-offset-x), var(--scroll-offset-y));
+}
+.bk-scrollbar-wrapper .bk-scrollbar-track.bk-scrollbar-vertical.bk-scrollbar-hover {
+  width: 10px;
+}
+.bk-scrollbar-wrapper .bk-scrollbar-track.bk-scrollbar-horizontal {
+  left: 0;
+  height: 8px;
+  transform: translate(var(--scroll-offset-x), var(--scroll-offset-y));
+}
+.bk-scrollbar-wrapper .bk-scrollbar-track.bk-scrollbar-horizontal.bk-scrollbar-hover {
+  height: 10px;
+}
+.bk-scrollbar-wrapper .bk-scrollbar-track.bk-scrollbar-horizontal.bk-scrollbar {
+  right: auto;
+  left: 0;
+  top: 0;
+  bottom: 0;
+  min-height: 0;
+  min-width: 8px;
+  width: auto;
+}
+.bk-scrollbar-wrapper .bk-scrollbar-dragging {
+  pointer-events: none;
+  -webkit-touch-callout: none;
+  -webkit-user-select: none;
+  -khtml-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
+}
+.bk-scrollbar-wrapper .bk-scrollbar {
+  position: absolute;
+  left: 0;
+  right: 0;
+  top: 0;
+  bottom: 0;
+}
+.bk-scrollbar-wrapper .bk-scrollbar::before {
+  position: absolute;
+  content: '';
+  background: #dcdee5;
+  border-radius: 6px;
+  left: 0;
+  right: 0;
+  top: 0;
+  bottom: 0;
+  opacity: 0;
+  transition: opacity 0.2s 0.9s linear;
+}
+.bk-scrollbar-wrapper .bk-scrollbar.bk-scrollbar-visible::before {
+  opacity: 0.9;
+  transition-delay: 0s;
+  transition-duration: 0s;
+}
+.bk-virtual-render {
+  position: relative;
+}
+.bk-virtual-render .bk-virtual-content {
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+}
+.bk-virtual-render .bk-virtual-section {
+  width: 1px;
+  background: transparent;
+}
+
+.user-selector[data-v-f60d399f] {
+  width: 100%;
+}
+.form-item[data-v-f60d399f] {
+  display: flex;
+  align-items: center;
+  margin-bottom: 15px;
+}
+.form-label[data-v-f60d399f] {
+  width: 80px;
+  text-align: right;
+  padding-right: 10px;
+  font-size: 14px;
+  color: #63656e;
+}
+.form-required[data-v-f60d399f] {
+  color: #ea3636;
+  margin-right: 4px;
+}
+.form-content[data-v-f60d399f] {
+  flex: 1;
+  position: relative;
+}
+.tag-input-container[data-v-f60d399f] {
+  display: flex;
+  flex-wrap: wrap;
+  border: 1px solid #dcdee5;
+  border-radius: 2px;
+  min-height: 32px;
+  align-items: center;
+  padding: 2px 8px;
+  gap: 4px;
+}
+.tag-inline-container[data-v-f60d399f] {
+  display: flex;
+  flex-wrap: nowrap;
+  align-items: center;
+  gap: 4px;
+  flex-grow: 1;
+  min-height: 24px;
+}
+.is-focused[data-v-f60d399f] {
+  border-color: #3a84ff;
+}
+.tag-group[data-v-f60d399f] {
+  display: contents;
+  /* 让draggable的内容直接成为父容器的子元素 */
+}
+.tag-item[data-v-f60d399f] {
+  flex-shrink: 0;
+  height: 24px;
+  line-height: 24px;
+  margin: 0;
+  cursor: pointer;
+  display: inline-flex;
+  align-items: center;
+}
+.tag-content[data-v-f60d399f] {
+  display: flex;
+  align-items: center;
+  height: 100%;
+}
+
+/* 输入框样式 */
+.tag-input[data-v-f60d399f] {
+  flex-grow: 0;
+  width: 10px;
+  min-width: 10px;
+  max-width: 100%;
+  border: none;
+  outline: none;
+  height: 32px;
+  font-size: 14px;
+  padding: 0 8px;
+  background: transparent;
+  cursor: text;
+  transition: width 0.1s ease-in-out;
+}
+.tag-input[data-v-f60d399f]::placeholder {
+  color: #c4c6cc;
+  font-size: 12px;
+}
+.full-width[data-v-f60d399f] {
+  flex-grow: 1;
+  padding: 0 8px;
+  /* 添加统一的内边距 */
+}
+.popover-content[data-v-f60d399f] {
+  min-height: 80px;
+  max-height: 250px;
+  overflow-y: auto;
+  background-color: #fff;
+}
+.user-option[data-v-f60d399f] {
+  display: flex;
+  align-items: center;
+  padding: 8px 12px;
+  cursor: pointer;
+}
+.user-option[data-v-f60d399f]:hover {
+  background-color: #f5f7fa;
+}
+.user-avatar[data-v-f60d399f] {
+  width: 24px;
+  height: 24px;
+  border-radius: 50%;
+  margin-right: 8px;
+}
+.user-avatar-text[data-v-f60d399f] {
+  width: 24px;
+  height: 24px;
+  line-height: 24px;
+  text-align: center;
+  border-radius: 50%;
+  background-color: #3a84ff;
+  color: white;
+  font-size: 12px;
+  margin-right: 8px;
+}
+.user-name[data-v-f60d399f] {
+  font-size: 12px;
+}
+
+/* 拖拽相关样式 */
+.draggable[data-v-f60d399f] {
+  cursor: move;
+  padding-left: 4px;
+}
+.ghost-tag[data-v-f60d399f] {
+  opacity: 0.5;
+  background: #c8ebfb;
+}
+.chosen-tag[data-v-f60d399f] {
+  box-shadow: 0 0 2px 2px #3a84ff;
+}
+.drag-tag[data-v-f60d399f] {
+  opacity: 0.8;
+}
+.drag-handle[data-v-f60d399f] {
+  display: inline-flex;
+  align-items: center;
+  margin-right: 4px;
+  opacity: 0.6;
+  cursor: move;
+}
+.drag-handle svg[data-v-f60d399f] {
+  fill: currentColor;
+}
+.tag-wrapper[data-v-f60d399f] {
+  display: flex;
+  align-items: center;
+  padding: 0;
+  height: 24px;
+}
+.inline-input[data-v-f60d399f] {
+  margin-left: 4px;
+  min-width: 10px;
+  padding: 0 2px;
+}
+
+/* 测量元素样式 */
+.measure-text[data-v-f60d399f] {
+  position: absolute;
+  visibility: hidden;
+  height: 0;
+  white-space: pre;
+  font-size: 14px;
+  font-family: inherit;
+  padding: 0 2px;
+}
+
+/* 单选模式样式 */
+.is-single[data-v-f60d399f] {
+  cursor: pointer;
+}
+.single-select[data-v-f60d399f] {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  width: 100%;
+  height: 100%;
+}
+.single-value[data-v-f60d399f] {
+  display: flex;
+  align-items: center;
+  padding: 0 8px;
+  margin-right: 4px;
+  height: 24px;
+}
+.single-input[data-v-f60d399f] {
+  flex: 1;
+  width: auto;
+}
+.placeholder[data-v-f60d399f] {
+  color: #c4c6cc;
+}
+.dropdown-arrow[data-v-f60d399f] {
+  margin-left: 8px;
+  font-size: 10px;
+  color: #979ba5;
+}
+.clear-icon[data-v-f60d399f] {
+  margin-left: 8px;
+  font-size: 14px;
+  color: #979ba5;
+  cursor: pointer;
+}
+.clear-icon[data-v-f60d399f]:hover {
+  color: #63656e;
+}
+.no-data[data-v-f60d399f] {
+  padding: 8px 12px;
+  font-size: 12px;
+  text-align: center;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}