bj-web-components 0.2.27 → 0.2.28

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (90) hide show
  1. package/dist/index.js +51 -1
  2. package/dist/index.mjs +49 -49
  3. package/dist/style.css +3744 -1
  4. package/dist/web/BasicInput/BInput.js +208 -1
  5. package/dist/web/BasicInput/BInput.mjs +164 -132
  6. package/dist/web/BasicInput/utils.js +47 -1
  7. package/dist/web/BasicInput/utils.mjs +38 -28
  8. package/dist/web/CategoryDropdown/CategoryDropdown.js +307 -1
  9. package/dist/web/CategoryDropdown/CategoryDropdown.mjs +218 -170
  10. package/dist/web/CheckBox/BCheckBox.js +116 -1
  11. package/dist/web/CheckBox/BCheckBox.mjs +86 -70
  12. package/dist/web/CheckBox/Group.js +73 -1
  13. package/dist/web/CheckBox/Group.mjs +63 -56
  14. package/dist/web/CheckBox/context.js +5 -1
  15. package/dist/web/CheckBox/context.mjs +3 -3
  16. package/dist/web/CheckBox/index.js +8 -1
  17. package/dist/web/CheckBox/index.mjs +6 -6
  18. package/dist/web/Dropdown/BDropdown.js +186 -1
  19. package/dist/web/Dropdown/BDropdown.mjs +132 -106
  20. package/dist/web/EmptyInputBox/EmptyInputBox.js +77 -1
  21. package/dist/web/EmptyInputBox/EmptyInputBox.mjs +52 -48
  22. package/dist/web/FileCard/FileCard.js +157 -1
  23. package/dist/web/FileCard/FileCard.mjs +112 -82
  24. package/dist/web/Icon/Icon.js +9 -1
  25. package/dist/web/Icon/Icon.mjs +6 -6
  26. package/dist/web/Input/Input.js +181 -1
  27. package/dist/web/Input/Input.mjs +122 -113
  28. package/dist/web/InputNumber/BInputNumber.js +311 -1
  29. package/dist/web/InputNumber/BInputNumber.mjs +275 -167
  30. package/dist/web/InputNumber/StepHandler.js +69 -1
  31. package/dist/web/InputNumber/StepHandler.mjs +38 -32
  32. package/dist/web/InputNumber/hooks/useCursor.js +40 -1
  33. package/dist/web/InputNumber/hooks/useCursor.mjs +35 -33
  34. package/dist/web/InputNumber/hooks/useFrame.js +12 -1
  35. package/dist/web/InputNumber/hooks/useFrame.mjs +9 -6
  36. package/dist/web/InputNumber/utils/decimal.js +147 -1
  37. package/dist/web/InputNumber/utils/decimal.mjs +109 -81
  38. package/dist/web/Modal/Modal.js +84 -1
  39. package/dist/web/Modal/Modal.mjs +52 -49
  40. package/dist/web/OverlayScrollbar/BOverlayScrollbar.js +232 -1
  41. package/dist/web/OverlayScrollbar/BOverlayScrollbar.mjs +206 -125
  42. package/dist/web/Pagination/Pagination.js +328 -1
  43. package/dist/web/Pagination/Pagination.mjs +254 -178
  44. package/dist/web/ProductField/ProductField.js +272 -1
  45. package/dist/web/ProductField/ProductField.mjs +190 -143
  46. package/dist/web/ProductField/arrow-up.svg.js +3 -1
  47. package/dist/web/ProductField/arrow-up.svg.mjs +2 -2
  48. package/dist/web/ProductField/checkbox-no.svg.js +3 -1
  49. package/dist/web/ProductField/checkbox-no.svg.mjs +2 -2
  50. package/dist/web/ProductField/checkbox-ok.svg.js +3 -1
  51. package/dist/web/ProductField/checkbox-ok.svg.mjs +2 -2
  52. package/dist/web/ProductField/no_data_light.svg.js +3 -1
  53. package/dist/web/ProductField/no_data_light.svg.mjs +2 -2
  54. package/dist/web/ProductField/search.svg.js +3 -1
  55. package/dist/web/ProductField/search.svg.mjs +2 -2
  56. package/dist/web/ProductField/sort.svg.js +3 -1
  57. package/dist/web/ProductField/sort.svg.mjs +2 -2
  58. package/dist/web/SkuInputCard/SkuInputCard.js +276 -1
  59. package/dist/web/SkuInputCard/SkuInputCard.mjs +188 -149
  60. package/dist/web/SkuInputCard/spin_loading_red.gif.js +3 -1
  61. package/dist/web/SkuInputCard/spin_loading_red.gif.mjs +2 -2
  62. package/dist/web/Switch/Switch.js +70 -1
  63. package/dist/web/Switch/Switch.mjs +47 -37
  64. package/dist/web/Table/BTable.js +950 -1
  65. package/dist/web/Table/BTable.mjs +771 -519
  66. package/dist/web/Table/Column.js +5 -1
  67. package/dist/web/Table/Column.mjs +2 -2
  68. package/dist/web/Table/ColumnGroup.js +5 -1
  69. package/dist/web/Table/ColumnGroup.mjs +2 -2
  70. package/dist/web/Table/utils/columns.js +48 -1
  71. package/dist/web/Table/utils/columns.mjs +35 -30
  72. package/dist/web/Table/utils/sortFilter.js +84 -1
  73. package/dist/web/Table/utils/sortFilter.mjs +73 -52
  74. package/dist/web/Tabs/BTabs.js +150 -1
  75. package/dist/web/Tabs/BTabs.mjs +118 -98
  76. package/dist/web/Tabs/TabPane.js +8 -1
  77. package/dist/web/Tabs/TabPane.mjs +4 -4
  78. package/dist/web/Tooltip/ConfirmTooltip.js +26 -1
  79. package/dist/web/Tooltip/ConfirmTooltip.mjs +20 -19
  80. package/dist/web/Tooltip/ContentTooltip.js +94 -1
  81. package/dist/web/Tooltip/ContentTooltip.mjs +72 -62
  82. package/dist/web/Tooltip/ProgressTooltip.js +36 -1
  83. package/dist/web/Tooltip/ProgressTooltip.mjs +22 -20
  84. package/dist/web/Tooltip/TooltipWrapper.js +12 -1
  85. package/dist/web/Tooltip/TooltipWrapper.mjs +8 -8
  86. package/dist/web/Tooltip/useAutoPlacement.js +41 -1
  87. package/dist/web/Tooltip/useAutoPlacement.mjs +34 -25
  88. package/dist/web.js +51 -1
  89. package/dist/web.mjs +49 -49
  90. package/package.json +1 -1
package/dist/style.css CHANGED
@@ -1 +1,3744 @@
1
- .bu-icon{width:1em;height:1em;overflow:hidden;vertical-align:-.15em;fill:currentColor}.tooltip-wrapper{position:relative;display:inline-block}.tooltip-popup{position:absolute;z-index:1000;background:#fff;border-radius:6px;box-shadow:0 4px 16px #0000001f;border:1px solid #e5e7eb;min-width:200px;max-width:280px;padding:16px}.tooltip-popup--top{bottom:calc(100% + 16px);left:50%;transform:translate(-50%)}.tooltip-popup--topLeft{bottom:calc(100% + 16px);left:0}.tooltip-popup--topRight{bottom:calc(100% + 16px);right:0}.tooltip-popup--bottom{top:calc(100% + 16px);left:50%;transform:translate(-50%)}.tooltip-popup--bottomLeft{top:calc(100% + 16px);left:0}.tooltip-popup--bottomRight{top:calc(100% + 16px);right:0}.tooltip-popup--left{right:calc(100% + 16px);top:50%;transform:translateY(-50%)}.tooltip-popup--leftTop{right:calc(100% + 16px);top:0}.tooltip-popup--leftBottom{right:calc(100% + 16px);bottom:0}.tooltip-popup--right{left:calc(100% + 16px);top:50%;transform:translateY(-50%)}.tooltip-popup--rightTop{left:calc(100% + 16px);top:0}.tooltip-popup--rightBottom{left:calc(100% + 16px);bottom:0}.tooltip-popup--light{box-shadow:0 2px 6px #0000000f}.tooltip-popup--bordered{border-color:#ebebeb;box-shadow:0 2px 8px #00000014}.tooltip-popup--tinted{background:#f5f3ff;border-color:#ddd6fe;box-shadow:0 2px 8px #8b5cf61a}.tooltip-popup--content{width:max-content;min-width:30px;min-height:32px;padding:24px;color:#333;font-family:SourceHanSansCN-Normal;font-size:14px;line-height:21px;text-align:center;box-shadow:0 0 12px #00000014}.tooltip-popup--content .bu-tooltip-content__text{color:#333;font-family:SourceHanSansCN-Normal;font-size:14px;line-height:21px}.bu-content-tooltip{max-width:none!important;background:transparent!important;box-shadow:none!important}.bu-content-tooltip .ant-tooltip-content{width:max-content;max-width:none!important;background:transparent!important;box-shadow:none!important}.bu-content-tooltip .ant-tooltip-arrow-content{display:none!important}.bu-content-tooltip .ant-tooltip-inner{width:max-content;min-width:0;max-width:none!important;padding:0;background:transparent;box-shadow:none}.bu-content-tooltip .tooltip-popup--antd{position:relative;inset:auto;transform:none}.tooltip-arrow{position:absolute;width:14px;height:14px;background:#fff;transform:rotate(45deg)}.tooltip-arrow--top{bottom:-8px;left:50%;border-right:1px solid #e5e7eb;border-bottom:1px solid #e5e7eb;border-radius:0 0 2px;transform:translate(-50%) rotate(45deg)}.tooltip-arrow--topLeft{bottom:-8px;left:16px;border-right:1px solid #e5e7eb;border-bottom:1px solid #e5e7eb;border-radius:0 0 2px}.tooltip-arrow--topRight{bottom:-8px;right:16px;border-right:1px solid #e5e7eb;border-bottom:1px solid #e5e7eb;border-radius:0 0 2px}.tooltip-arrow--bottom{top:-8px;left:calc(50% - 8px);border-left:1px solid #e5e7eb;border-top:1px solid #e5e7eb;border-radius:2px 0 0}.tooltip-arrow--bottomLeft{top:-8px;left:16px;border-left:1px solid #e5e7eb;border-top:1px solid #e5e7eb;border-radius:2px 0 0}.tooltip-arrow--bottomRight{top:-8px;right:16px;border-left:1px solid #e5e7eb;border-top:1px solid #e5e7eb;border-radius:2px 0 0}.tooltip-arrow--left{right:-8px;top:calc(50% - 8px);border-top:1px solid #e5e7eb;border-right:1px solid #e5e7eb;border-radius:0 2px 0 0}.tooltip-arrow--leftTop{right:-8px;top:16px;border-top:1px solid #e5e7eb;border-right:1px solid #e5e7eb;border-radius:0 2px 0 0}.tooltip-arrow--leftBottom{right:-8px;bottom:16px;border-top:1px solid #e5e7eb;border-right:1px solid #e5e7eb;border-radius:0 2px 0 0}.tooltip-arrow--right{left:-8px;top:calc(50% - 8px);border-bottom:1px solid #e5e7eb;border-left:1px solid #e5e7eb;border-radius:0 0 0 2px}.tooltip-arrow--rightTop{left:-8px;top:16px;border-bottom:1px solid #e5e7eb;border-left:1px solid #e5e7eb;border-radius:0 0 0 2px}.tooltip-arrow--rightBottom{left:-8px;bottom:16px;border-bottom:1px solid #e5e7eb;border-left:1px solid #e5e7eb;border-radius:0 0 0 2px}.tooltip-arrow--tinted-bg{background:#f5f3ff}.tooltip-confirm__title{font-size:12px;color:#111827;margin-bottom:12px;line-height:1.5}.tooltip-confirm__actions{display:flex;align-items:center;justify-content:center;gap:30px}.tooltip-confirm__cancel{background:none;border:none;padding:0;height:24px;font-size:12px;color:#374151;cursor:pointer;border-radius:4px;transition:background-color .15s;width:60px}.tooltip-confirm__cancel:hover{background:#f3f4f6}.tooltip-confirm__ok{background:#333;border:none;padding:0;height:24px;font-size:12px;color:#fff;cursor:pointer;border-radius:6px;width:60px;font-weight:500;transition:background-color .15s}.tooltip-confirm__ok:hover{background:#374151}.tooltip-progress{min-width:220px}.tooltip-progress__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.tooltip-progress__title{font-size:12px;color:#111827;max-width:160px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tooltip-progress__percent{font-size:12px;color:#6b7280;font-weight:500;flex-shrink:0;margin-left:8px}.tooltip-progress__track{width:100%;height:4px;background:#e5e7eb;border-radius:2px;overflow:hidden}.tooltip-progress__fill{height:100%;width:var(--tooltip-progress, 0%);background:#333;border-radius:2px;transition:width .3s ease}.bu-tooltip-content__text{font-size:12px;color:#6b7280;line-height:1.6;overflow-wrap:break-word;margin-bottom:0}@keyframes sku-shake{0%{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}to{transform:translate(0)}}.sku-input-card{position:relative;display:flex;flex-direction:row;min-width:411px;height:100%;border:1px solid #e5e7eb;border-radius:8px;background:#fff;background-clip:padding-box}.sku-input-card--error{border-color:#fde6e9}.sku-input-card__drag{display:flex;align-items:center;justify-content:center;width:32px;flex-shrink:0;color:#333;background:#f5f5f5;cursor:grab;margin-right:12px}.sku-input-card__drag:active{cursor:grabbing}.sku-input-card__main{flex:1;min-width:0;display:flex;flex-direction:column;gap:12px;padding:12px 12px 12px 0}.sku-input-card__header{display:flex;align-items:center;gap:8px;background:#fff}.sku-input-card__name-wrap{position:relative;flex:1;min-width:0}.sku-input-card__name-input{width:100%;height:40px;background:#f5f5f5;border:1px solid #ebebeb;border-radius:6px;padding:0 8px;font-size:14px;color:#333;outline:none;box-sizing:border-box;-moz-appearance:none;appearance:none;-webkit-appearance:none;transition:background .2s ease,border-color .2s ease}.sku-input-card__name-input::placeholder{color:#999}.sku-input-card__name-input--with-toggle{padding-right:118px}.sku-input-card__name-input--error{border-width:3px;border-color:#fde6e9;animation:sku-shake .4s ease}.sku-input-card__name-input--error::placeholder{color:#e60023}.sku-input-card__lang-toggle{position:absolute;right:4px;top:50%;transform:translateY(-50%);display:flex;align-items:center;gap:2px;padding:2px;border:1px solid #e5e7eb;border-radius:6px;background:#fff}.sku-input-card__lang-btn{height:24px;width:51px;padding:0;border-radius:4px;font-size:12px;font-weight:500;cursor:pointer;border:none;background:transparent;color:#374151;line-height:24px;text-align:center}.sku-input-card__lang-btn--active{background:#1f2937;color:#fff}.sku-input-card__lang-btn--inactive{color:#374151}.sku-input-card__delete{display:flex;align-items:center;justify-content:center;width:40px;height:40px;color:#333;background:#f3f4f6;border:none;cursor:pointer;flex-shrink:0;border-radius:4px;padding:0}.sku-input-card__delete:hover{color:#333}.sku-input-card__file-input{display:none}.sku-input-card__body{height:280px;display:flex;align-items:stretch;background:#f5f5f5;border-radius:8px;overflow:hidden}.sku-input-card__image-item{position:relative;flex:1}.sku-input-card__image-thumb{width:100%;height:100%;object-fit:cover;display:block}.sku-input-card__image-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0006;display:flex;align-items:center;justify-content:center;gap:20px;opacity:0;transition:opacity .2s ease}.sku-input-card__image-item:hover .sku-input-card__image-overlay{opacity:1}.sku-input-card__image-action-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:transparent;color:#fff;cursor:pointer;padding:0}.sku-input-card__image-action-btn svg{width:32px;height:32px}.sku-input-card__add-btn{display:flex;align-items:center;justify-content:center;flex:1;color:#333;background:none;border:none;border-radius:4px;cursor:pointer}.sku-input-card__add-btn:hover{color:#333}.sku-input-card__upload-options{display:flex;align-items:center;justify-content:center;flex:1}.sku-input-card__upload-options-box{display:flex;flex-direction:column;background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 4px 16px #0000001f;overflow:hidden}.sku-input-card__upload-opt-btn{display:flex;align-items:center;justify-content:center;width:140px;height:45px;padding:0;background:none;border:none;cursor:pointer;font-size:13px;color:#6b7280;transition:background .15s ease,color .15s ease}.sku-input-card__upload-opt-btn:hover{background:#f3f4f6;color:#111827}.sku-input-card__dropdown{position:absolute;top:calc(100% + 8px);left:0;width:100%;z-index:100}.sku-input-card__dropdown-list{background:#fff;border-radius:6px;box-shadow:0 4px 16px #0000001f;max-height:216px;overflow-y:auto;padding-right:4px;box-sizing:border-box}.sku-input-card__dropdown-list::-webkit-scrollbar-track{margin:4px 0}.sku-input-card__dropdown-list::-webkit-scrollbar{width:4px}.sku-input-card__dropdown-list::-webkit-scrollbar-thumb{background-color:#dbdbdb;background-clip:padding-box;border:1px solid transparent;border-radius:2px / 2}.sku-input-card__dropdown-item{height:40px;display:flex;align-items:center;box-sizing:border-box;padding:8px 12px;font-size:13px;color:#333;cursor:pointer;transition:background .15s ease;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border-radius:6px}.sku-input-card__dropdown-item:hover{background:#f5f5f5;border-radius:6px}.sku-input-card__dropdown-item--disabled{color:#999;cursor:not-allowed}.sku-input-card__dropdown-item--disabled:hover{background:transparent}.sku-input-card__dropdown-item--selected{font-weight:600;background:#f5f5f5}.sku-input-card__dropdown-highlight{font-weight:600}.sku-input-card__loading{display:flex;align-items:center;justify-content:center;flex:1;background:#f5f5f5}.sku-input-card__loading-img{width:48px;height:48px}@keyframes bu-input-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes bu-input-shake{0%{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}to{transform:translate(0)}}.bu-input{box-sizing:border-box;display:flex;flex-direction:column;gap:4px}.bu-input *{box-sizing:border-box}.bu-input__label{display:flex;align-items:center;gap:2px;font-size:13px;color:#333;font-weight:500;line-height:1.5}.bu-input__required{color:#ef4444;font-size:13px;line-height:1.5}.bu-input__row{display:flex;align-items:stretch}.bu-input__icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;min-width:40px;background:#fff;border:1px solid #ebebeb;color:#333;box-sizing:border-box}.bu-input__icon--left{border-right:none;border-radius:6px 0 0 6px}.bu-input__icon--right{border-left:none;border-radius:0 6px 6px 0}.bu-input__box{position:relative;flex:1;background:#f5f5f5;border:1px solid #ebebeb;border-radius:6px;padding:8px 12px;transition:border-color .2s ease;box-sizing:border-box}.bu-input__box--error{border-width:3px;border-color:#fde6e9;padding:6px 10px;animation:bu-input-shake .4s ease}.bu-input__box--error .bu-input__field::placeholder{color:#f87171}.bu-input__box--disabled{background:#f0f0f0;cursor:not-allowed}.bu-input__box--single{height:40px}.bu-input__box--number{padding-right:36px}.bu-input__box--number.bu-input__box--error{padding-right:34px}.bu-input__box--has-left{border-left:none;border-top-left-radius:0;border-bottom-left-radius:0}.bu-input__box--has-right{border-right:none;border-top-right-radius:0;border-bottom-right-radius:0}.bu-input__field{flex:1;width:100%;background:transparent;border:none;outline:none;padding:0;font-size:14px;color:#333;line-height:22px;-moz-appearance:none;appearance:none;-webkit-appearance:none;resize:none;box-sizing:border-box}.bu-input__field::placeholder{color:#999}.bu-input__field:disabled{cursor:not-allowed;color:#999}.bu-input__field--input{height:100%}.bu-input__field--textarea{min-height:80px;padding-bottom:36px}.bu-input__footer{position:absolute;right:12px;top:50%;transform:translateY(-50%);display:flex;align-items:center;gap:10px}.bu-input__footer--bottom{top:auto;transform:none;bottom:8px}.bu-input__count{font-size:12px;color:#999;line-height:1;-webkit-user-select:none;user-select:none}.bu-input__translating{display:flex;align-items:center;gap:4px;font-size:12px;color:#999;-webkit-user-select:none;user-select:none}.bu-input__translating-icon{width:12px;height:12px;flex-shrink:0;animation:bu-input-spin 1s linear infinite}.bu-input__translated{display:flex;align-items:center;gap:4px;font-size:12px;color:#16a34a;-webkit-user-select:none;user-select:none}.bu-input__translated svg{width:14px;height:14px;flex-shrink:0}.bu-input__lang-toggle{display:flex;align-items:center;gap:2px;padding:2px;border:1px solid #e5e7eb;border-radius:6px;background:#fff}.bu-input__lang-btn{height:22px;width:44px;padding:0;border-radius:4px;font-size:12px;font-weight:500;cursor:pointer;border:none;background:transparent;color:#374151;line-height:22px;text-align:center}.bu-input__lang-btn--active{background:#1f2937;color:#fff}.bu-input__stepper{position:absolute;right:0;top:0;bottom:0;width:24px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3.3px;box-sizing:border-box}.bu-input__stepper-btn{display:flex;align-items:center;justify-content:center;border:none;background:transparent;cursor:pointer;color:#6b7280;padding:0;line-height:1}.bu-input__stepper-btn:disabled{cursor:not-allowed;color:#ebebeb}.bu-input__error-msg{display:flex;align-items:center;gap:4px;font-size:12px;color:#ef4444;line-height:1.4;margin-top:2px}.bu-input__error-icon{flex-shrink:0;width:14px;height:14px}.bj-input{width:100%;height:40px;padding:0 8px;color:#333;font-family:SourceHanSansCN-Normal;font-size:14px;line-height:21px;background:#fff;border:1px solid #ebebeb;border-radius:8px;outline:none}.bj-input::placeholder{color:#999}.bj-input--small{height:32px}.bj-input--large{height:48px}.bj-input--disabled{color:#999;background:#f0f0f0;cursor:not-allowed}.bj-input--borderless{border-color:transparent}.bj-input--error{border-color:#ef4444}.bj-input--warning{border-color:#f59e0b}.bj-input__affix-wrapper{display:inline-flex;align-items:center;width:100%;height:40px;gap:4px;padding:0 8px;color:#333;font-family:SourceHanSansCN-Normal;font-size:14px;background:#fff;border:1px solid #ebebeb;border-radius:8px}.bj-input__affix-wrapper:not(.bj-input__affix-wrapper--error):not(.bj-input__affix-wrapper--readonly):not(:has(input[readonly])):not(:has(textarea[readonly])):not(:has(input:disabled)):not(:has(textarea:disabled)):hover,.bj-input__affix-wrapper:not(.bj-input__affix-wrapper--error):not(.bj-input__affix-wrapper--readonly):not(:has(input[readonly])):not(:has(textarea[readonly])):not(:has(input:disabled)):not(:has(textarea:disabled)):focus-within{box-shadow:0 0 0 1px #dbdbdb}.bj-input__affix-wrapper--disabled{color:#999;background:#f0f0f0;cursor:not-allowed}.bj-input__affix-wrapper--small{height:32px}.bj-input__affix-wrapper--middle{padding-right:4px;padding-left:4px}.bj-input__affix-wrapper--large{height:48px}.bj-input__affix-wrapper--error{border-color:#ef4444}.bj-input__affix-wrapper--warning{border-color:#f59e0b}.bj-input__affix-wrapper>.bj-input{height:auto;padding:0;line-height:21px;background:transparent;border:0}.bj-input__affix-wrapper>.bj-input:hover,.bj-input__affix-wrapper>.bj-input:focus{box-shadow:none}.bj-input__prefix,.bj-input__suffix{display:flex;flex:none;align-items:center;color:#999}.bj-input__prefix .bu-icon,.bj-input__suffix .bu-icon{width:20px;height:20px;color:#999}.bj-input__clear-icon{padding:0;color:#999;font:inherit;background:transparent;border:0;cursor:pointer}.bj-input__clear-icon:hover{color:#6b7280}.bj-input__clear-icon:active{color:#333}.bj-input__clear-icon--hidden{visibility:hidden}.bj-input__group-wrapper{display:inline-block;width:100%}.bj-input__group{display:flex;width:100%}.bj-input__group>.bj-input,.bj-input__group>.bj-input__affix-wrapper{flex:1;min-width:0;border-radius:0}.bj-input__group-addon{display:flex;flex:none;align-items:center;padding:0 12px;color:#333;background:#f5f5f5;border:1px solid #ebebeb}.bj-input__group-addon:first-child{border-radius:8px 0 0 8px}.bj-input__group-addon:last-child{border-radius:0 8px 8px 0}.bj-tabs{display:flex;width:100%;color:#333;font-family:SourceHanSansCN-Normal;font-size:14px}.bj-tabs__nav{position:relative;display:flex;flex:none;align-items:center}.bj-tabs__nav-wrap{display:flex;flex:auto;align-self:stretch;overflow:auto hidden;white-space:nowrap}.bj-tabs__nav-list{position:relative;display:flex;gap:32px}.bj-tabs__tab{position:relative;display:inline-flex;align-items:center;height:45px;padding:0 4px;color:#666;font:inherit;background:transparent;border:0;outline:0;cursor:pointer}.bj-tabs__tab--active{color:#333}.bj-tabs__tab--active .bj-tabs__tab-btn{font-family:SourceHanSansCN-Medium}.bj-tabs__tab--active .bj-tabs__tab-btn:after{position:absolute;right:0;bottom:0;left:0;height:2px;background:#333;content:"";pointer-events:none}.bj-tabs__tab--disabled{color:#999;cursor:not-allowed}.bj-tabs__tab-btn{position:relative;display:inline-flex;align-items:center;height:100%;outline:none}.bj-tabs__content-holder{flex:auto;min-width:0;min-height:0}.bj-tabs__content{position:relative;width:100%}.bj-tabs__tabpane{display:none;outline:none}.bj-tabs__tabpane--active{display:block}.bj-tabs__sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.bj-tabs--top,.bj-tabs--bottom{flex-direction:column}.bj-tabs--top>.bj-tabs__nav,.bj-tabs--bottom>.bj-tabs__nav{width:100%;border-bottom:1px solid #ebebeb}.bj-tabs--bottom>.bj-tabs__nav{order:1;border-top:1px solid #ebebeb;border-bottom:0}.bj-tabs--bottom>.bj-tabs__content-holder{order:0}.bj-tabs--left>.bj-tabs__nav,.bj-tabs--right>.bj-tabs__nav{flex-direction:column;min-width:48px}.bj-tabs--left .bj-tabs__nav-wrap,.bj-tabs--right .bj-tabs__nav-wrap{overflow:hidden auto}.bj-tabs--left .bj-tabs__nav-list,.bj-tabs--right .bj-tabs__nav-list{flex-direction:column}.bj-tabs--left .bj-tabs__tab,.bj-tabs--right .bj-tabs__tab{justify-content:center}.bj-tabs--left>.bj-tabs__nav{border-right:1px solid #ebebeb}.bj-tabs--left>.bj-tabs__content-holder{padding-left:16px}.bj-tabs--right>.bj-tabs__nav{order:1;border-left:1px solid #ebebeb}.bj-tabs--right>.bj-tabs__content-holder{order:0;padding-right:16px}.bj-tabs--centered>.bj-tabs__nav .bj-tabs__nav-wrap{justify-content:center}.bj-tabs--card>.bj-tabs__nav .bj-tabs__tab{margin:0;background:#f5f5f5;border:1px solid #ebebeb}.bj-tabs--card>.bj-tabs__nav .bj-tabs__tab--active{background:#fff}.bj-tabs--card .bj-tabs__tab--active .bj-tabs__tab-btn:after{display:none}.bj-tabs--card.bj-tabs--top>.bj-tabs__nav .bj-tabs__tab{border-radius:4px 4px 0 0}.bj-tabs--card.bj-tabs--bottom>.bj-tabs__nav .bj-tabs__tab{border-radius:0 0 4px 4px}.bj-tabs--card.bj-tabs--left>.bj-tabs__nav .bj-tabs__tab{border-radius:4px 0 0 4px}.bj-tabs--card.bj-tabs--right>.bj-tabs__nav .bj-tabs__tab{border-radius:0 4px 4px 0}@keyframes bu-eib-shake{0%{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}to{transform:translate(0)}}.bu-eib{display:block}.bu-eib__box{position:relative;display:block;height:40px;background:#f5f5f5;border:1px solid #ebebeb;border-radius:6px;padding:0 12px;box-sizing:border-box;transition:border-color .2s ease}.bu-eib__box--actions-delete{padding-right:40px}.bu-eib__box--actions-toggle{padding-right:114px}.bu-eib__box--actions-both{padding-right:142px}.bu-eib__box--error{border-width:3px;border-color:#fde6e9;padding-left:10px;padding-top:0;padding-bottom:0;animation:bu-eib-shake .4s ease}.bu-eib__box--error.bu-eib__box--actions-delete{padding-right:38px}.bu-eib__box--error.bu-eib__box--actions-toggle{padding-right:112px}.bu-eib__box--error.bu-eib__box--actions-both{padding-right:140px}.bu-eib__box--error .bu-eib__field::placeholder{color:#f87171}.bu-eib__box--disabled{background:#f0f0f0;cursor:not-allowed}.bu-eib__field{display:block;width:100%;height:100%;background:transparent;border:none;outline:none;padding:0;font-size:14px;color:#333;line-height:40px;-moz-appearance:none;appearance:none;-webkit-appearance:none;box-sizing:border-box}.bu-eib__field::placeholder{color:#999}.bu-eib__field:disabled{cursor:not-allowed;color:#999}.bu-eib__actions{position:absolute;right:8px;top:50%;transform:translateY(-50%);display:flex;align-items:center;gap:4px}.bu-eib__lang-toggle{display:flex;align-items:center;flex-shrink:0;gap:2px;padding:2px;border:1px solid #e5e7eb;border-radius:6px;background:#fff}.bu-eib__lang-btn{height:22px;width:44px;padding:0;border-radius:4px;font-size:12px;font-weight:500;cursor:pointer;border:none;background:transparent;color:#374151;line-height:22px;text-align:center}.bu-eib__lang-btn--active{background:#1f2937;color:#fff}.bu-eib__delete{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;border:none;background:transparent;cursor:pointer;color:#333;border-radius:4px}.bu-eib__delete:hover{background:#f3f4f6}@keyframes bu-modal-fade-in{0%{opacity:0}to{opacity:1}}@keyframes bu-modal-slide-in{0%{opacity:0;transform:translateY(-12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.bu-modal__overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:1000;animation:bu-modal-fade-in .18s ease}.bu-modal__container{background:#fff;border-radius:12px;box-shadow:0 8px 32px #0000001f;width:480px;min-width:320px;max-width:calc(100vw - 32px);display:flex;flex-direction:column;animation:bu-modal-slide-in .2s ease;overflow:hidden}.bu-modal__header{display:flex;align-items:center;height:64px;padding:0 20px;flex-shrink:0;gap:8px}.bu-modal__title{flex:1;font-size:15px;font-weight:500;color:#111827;line-height:1.4;margin:0}.bu-modal__lang-toggle{display:flex;align-items:center;flex-shrink:0;gap:2px;padding:2px;border:1px solid #e5e7eb;border-radius:6px;background:#fff}.bu-modal__lang-btn{height:22px;width:40px;padding:0;border-radius:4px;font-size:12px;font-weight:500;cursor:pointer;border:none;background:transparent;color:#374151;line-height:22px;text-align:center;transition:background .15s ease,color .15s ease}.bu-modal__lang-btn--active{background:#1f2937;color:#fff}.bu-modal__close{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:none;background:transparent;cursor:pointer;color:#333;border-radius:100px;font-size:20px;line-height:1;transition:background .15s ease,color .15s ease}.bu-modal__close svg{width:24px;height:24px}.bu-modal__close:hover{background:#f3f4f6;color:#333}.bu-modal__body{flex:1;padding:0 20px;min-height:63px;color:#333;font-size:14px;line-height:1.6}.bu-modal__footer{display:flex;flex-direction:column;align-items:center;padding:60px 20px 24px;gap:10px}.bu-modal__hint{font-size:12px;color:#999;line-height:1.5;text-align:center;margin:0}.bu-modal__btn-row{display:flex;align-items:center;justify-content:center;gap:32px}.bu-modal__btn-cancel{height:34px;padding:0 8px;min-width:88px;border:none;border-radius:6px;background:transparent;color:#374151;font-size:14px;font-weight:400;cursor:pointer;line-height:34px}.bu-modal__btn-ok{height:34px;min-width:88px;padding:0 8px;border:none;border-radius:6px;background:#333;color:#fff;font-size:14px;font-weight:500;cursor:pointer;line-height:34px;display:inline-flex;align-items:center;justify-content:center;gap:4px;transition:opacity .15s ease}.bu-modal__btn-ok--loading{opacity:.65;cursor:not-allowed}.bu-modal__btn-ok:disabled{cursor:not-allowed}.bu-modal__btn-ok-spinner{display:inline-block;width:14px;height:14px;border:2px solid #ffffff;border-right-color:transparent;border-radius:50%;animation:bu-modal-spin .6s linear infinite;flex-shrink:0}@keyframes bu-modal-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}html ::-webkit-scrollbar-button{display:none;height:0;width:0}html ::-webkit-scrollbar-track{-webkit-border-radius:10px;border-radius:10px}html ::-webkit-scrollbar-thumb{-webkit-border-radius:10px;border-radius:50px;-webkit-box-shadow:inset 0 0 6px #E2E2E2}.bu-pf{position:relative;display:block;-webkit-user-select:none;user-select:none}.bu-pf ::-webkit-scrollbar-button{display:none;height:0;width:0}.bu-pf__trigger{display:flex;align-items:flex-start;min-height:40px;padding:6px 8px 6px 12px;background:#f5f5f5;border:1px solid #ebebeb;border-radius:6px;cursor:pointer;gap:8px;box-sizing:border-box;overflow:hidden}.bu-pf__trigger--selected{background:#f5f5f5;border-color:#f5f5f5}.bu-pf__trigger-tags{flex:1;display:flex;flex-wrap:wrap;gap:8px;align-items:flex-start;align-content:flex-start;max-height:94px;overflow-y:auto;overflow-x:hidden;padding-right:4px}.bu-pf__trigger-tags::-webkit-scrollbar{width:4px}.bu-pf__trigger-tags::-webkit-scrollbar-track{background:transparent}.bu-pf__trigger-tags::-webkit-scrollbar-thumb{background:#ebebeb;border-radius:2px}.bu-pf__trigger-tags::-webkit-scrollbar-button{display:none;height:0;width:0}.bu-pf__placeholder{flex:1;align-self:center;font-size:14px;color:#999;line-height:1}.bu-pf__arrow{flex-shrink:0;align-self:center;color:#999;display:flex;align-items:center;transition:transform .2s ease}.bu-pf__arrow--open{transform:rotate(180deg)}.bu-pf__panel{border-radius:6px;background:#f5f5f5}.bu-pf__dropdown{background:#fff;border:1px solid #e5e7eb;border-radius:6px;box-shadow:0 0 12px #00000014;overflow:hidden}.bu-pf__header{display:flex;align-items:center;padding:6px 8px 6px 12px;min-height:40px;box-sizing:border-box;gap:8px;overflow:hidden;background:#f5f5f5;border-radius:8px;border:1px solid #DBDBDB}.bu-pf__tags{flex:1;display:flex;flex-wrap:wrap;gap:8px;align-items:flex-start;align-content:flex-start;max-height:94px;overflow-y:auto;overflow-x:hidden;padding-right:4px}.bu-pf__tags::-webkit-scrollbar{width:4px}.bu-pf__tags::-webkit-scrollbar-track{background:transparent}.bu-pf__tags::-webkit-scrollbar-thumb{background:#ebebeb;border-radius:2px}.bu-pf__tags::-webkit-scrollbar-button{display:none;height:0;width:0}.bu-pf__placeholder-inline{font-size:14px;color:#999;line-height:26px}.bu-pf__tag{display:inline-flex;align-items:center;height:26px;padding:0 6px 0 8px;background:#f5f5f5;border:1px solid #e5e7eb;border-radius:4px;gap:4px;cursor:default;min-width:250px}.bu-pf__tag--single{width:100%;border:none;border-radius:0;background:transparent;padding:0;min-width:0}.bu-pf__tag-text{font-size:13px;color:#333;line-height:1;white-space:nowrap}.bu-pf__tag-close{display:flex;align-items:center;justify-content:center;width:20px;height:20px;padding:0;border:none;background:#99999973!important;cursor:pointer;color:#fff;flex-shrink:0;border-radius:9999px;margin-left:auto}.bu-pf__tag-close svg{width:16px;height:16px}.bu-pf__close{flex-shrink:0;align-self:center;display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;border:none;background:transparent!important;cursor:pointer;color:#999;border-radius:9999px;transform:rotate(180deg)}.bu-pf__close:hover{background:transparent!important;color:#333}.bu-pf__toolbar{display:flex;align-items:center;gap:8px;padding:12px 12px 16px}.bu-pf__search{flex:1;display:flex;align-items:center;gap:6px;height:40px;padding:0 10px;background:#fff;border:1px solid #ebebeb;border-radius:8px}.bu-pf__search-icon{flex-shrink:0;color:#999;display:flex;align-items:center}.bu-pf__search-input{flex:1;border:none;background:transparent;outline:none;font-size:13px;color:#333;line-height:1;min-width:0}.bu-pf__search-input::placeholder{color:#c4c4c4}.bu-pf__sort-wrap{position:relative;flex-shrink:0}.bu-pf__sort-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:4px;background:#f5f5f5;cursor:pointer;color:#999}.bu-pf__sort-dropdown{position:absolute;top:calc(100% + 4px);right:0;min-width:100px;background:#fff;border-radius:6px;box-shadow:0 4px 16px #0000001f;z-index:1000;overflow:hidden}.bu-pf__sort-option{padding:10px 16px;font-size:13px;color:#333;cursor:pointer;white-space:nowrap;text-align:center}.bu-pf__sort-option:hover{background:#f5f5f5}.bu-pf__sort-option--active{background:#f5f5f5;font-weight:500}.bu-pf__no-match{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0 0 24px}.bu-pf__no-match-img{width:80px;height:80px;object-fit:contain}.bu-pf__no-match-text{font-size:14px;color:#999;margin:0 0 4px;font-weight:350}.bu-pf__no-match-hint{font-size:12px;color:#999;margin:0}.bu-pf__manage-btn{display:inline;border:none;background:transparent;padding:0;font-size:12px;font-weight:600;color:#333;cursor:pointer}.bu-pf__list{max-height:300px;overflow-y:auto;margin-bottom:8px;width:calc(100% - 12px);display:flex;flex-direction:column;gap:12px}.bu-pf__list::-webkit-scrollbar{width:4px}.bu-pf__list::-webkit-scrollbar-button{height:0;width:0}.bu-pf__list::-webkit-scrollbar-track{background:transparent}.bu-pf__list::-webkit-scrollbar-thumb{border-radius:2px}.bu-pf__option{display:flex;align-items:center;height:40px;flex-shrink:0;padding:0 12px;gap:10px;cursor:pointer}.bu-pf__option:not(.bu-pf__option--multiple):hover{background:#f3f4f6}.bu-pf__option--selected{background:#f3f4f6}.bu-pf__checkbox-img{flex-shrink:0;width:16px;height:16px;display:block}.bu-pf__option-label{flex:1;font-size:14px;color:#333;line-height:1}.bu-pf__add-row{border-top:1px solid #f3f4f6;cursor:pointer}.bu-category-dropdown{position:relative;display:inline-block;min-width:110px;max-width:300px}.bu-category-dropdown__trigger{display:flex;align-items:center;gap:8px;height:40px;min-width:110px;max-width:300px;padding:0 8px;background:#fff;border:1px solid #ebebeb;border-radius:8px;cursor:pointer;box-sizing:border-box;transition:border-color .15s ease,background .15s ease,box-shadow .15s ease;text-align:left}.bu-category-dropdown__trigger:hover:not(:disabled){border-color:#ebebeb;box-shadow:inset 0 0 0 2px #ebebeb}.bu-category-dropdown__trigger--open{border-color:#ebebeb;background:#f5f5f5;box-shadow:inset 0 0 0 2px #ebebeb}.bu-category-dropdown__trigger--has-value{background:#f5f5f5}.bu-category-dropdown__trigger:disabled{background:#f0f0f0;cursor:not-allowed}.bu-category-dropdown__trigger-label{display:block;width:100%;font-size:14px;line-height:21px;color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bu-category-dropdown__trigger-label--placeholder{color:#999}.bu-category-dropdown__trigger-chevron{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:16px;height:16px;color:#6b7280;transition:transform .2s ease}.bu-category-dropdown__trigger-chevron--open{transform:rotate(180deg)}.bu-category-dropdown__portal{background:#fff;border-radius:8px;padding:4px;box-shadow:0 4px 16px #0000001f;border:1px solid #ebebeb;z-index:1100}.bu-category-dropdown__panel{display:flex;align-items:stretch}.bu-category-dropdown__divider{width:1px;flex-shrink:0;background:#ebebeb;align-self:stretch}.bu-category-dropdown__col{display:flex;flex-direction:column;align-items:stretch;flex-shrink:0;gap:2px;padding:0 8px 0 0;overflow-x:hidden}.bu-category-dropdown__col--indent{padding-left:8px}.bu-category-dropdown__col--last{padding-right:0}.bu-category-dropdown__col--scrollable{max-height:250px;overflow-y:auto;overflow-x:hidden;padding-right:4px}.bu-category-dropdown__col--scrollable::-webkit-scrollbar{width:3px;height:3px;background-color:transparent}.bu-category-dropdown__col--scrollable::-webkit-scrollbar-button{display:none;height:0;width:0;background:transparent}.bu-category-dropdown__col--scrollable::-webkit-scrollbar-track{background-color:transparent;box-shadow:inset 0 0 6px transparent;border-radius:9999px}.bu-category-dropdown__col--scrollable::-webkit-scrollbar-thumb{background-color:transparent;box-shadow:inset 0 0 6px transparent;border-radius:9999px}.bu-category-dropdown__col--scrollable.bu-category-dropdown__col--scrollbar-visible::-webkit-scrollbar-thumb{background-color:#b3b3b3}.bu-category-dropdown__item{display:flex;align-items:center;gap:8px;height:40px;min-width:110px;max-width:300px;padding:0 8px;border:none;border-radius:8px;background:#fff;cursor:pointer;box-sizing:border-box;transition:background .15s ease;text-align:left;flex-shrink:0}.bu-category-dropdown__item:hover:not(:disabled){background:#f5f5f5}.bu-category-dropdown__item--selected-branch,.bu-category-dropdown__item--selected-leaf{background:#f5f5f5}.bu-category-dropdown__item--disabled{cursor:not-allowed;opacity:.45}.bu-category-dropdown__item-label{display:block;width:100%;font-size:14px;line-height:21px;color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bu-category-dropdown__item-arrow{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:24px;height:24px;color:#6b7280}.bu-category-dropdown__tooltip.tooltip-popup,.bu-category-dropdown__tooltip.tooltip-popup .tooltip-arrow{border:none}.pagination{display:flex;align-items:center;gap:16px;font-family:SourceHanSansCN-Normal;font-size:14px;line-height:21px;color:#111827;-webkit-user-select:none;user-select:none}.pagination.pagination-start{justify-content:flex-start}.pagination.pagination-center{justify-content:center}.pagination.pagination-end{justify-content:flex-end}.pagination.pagination-small .pagination-item{min-width:24px;height:24px;padding:0 6px;font-size:inherit}.pagination.pagination-small .pagination-prev,.pagination.pagination-small .pagination-next{width:24px;min-width:24px;height:24px;padding:0}.pagination.pagination-medium .pagination-item{min-width:32px;height:32px;padding:0 8px;font-size:inherit}.pagination.pagination-large .pagination-item{min-width:40px;height:40px;padding:0 10px;font-size:inherit}.pagination.pagination-disabled{opacity:.5;pointer-events:none}.pagination .pagination-total{color:#111827}.pagination .pagination-list{display:flex;align-items:center;gap:4px}.pagination .pagination-item{display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent;border-radius:4px;background:transparent;color:#111827;cursor:pointer;transition:all .2s;outline:none}.pagination .pagination-item:disabled{cursor:not-allowed;opacity:.5}.pagination .pagination-item.pagination-item-active{background:#f5f5f5;color:#111827}.pagination .pagination-item.pagination-ellipsis{cursor:default;pointer-events:none}.pagination .pagination-item.pagination-prev svg,.pagination .pagination-item.pagination-next svg{display:block}.pagination .pagination-item.pagination-prev:not(:disabled),.pagination .pagination-item.pagination-next:not(:disabled){background:#fff;border-radius:4px}.pagination .pagination-sizer{display:flex;align-items:center;position:relative}.pagination .pagination-sizer .pagination-sizer-select{display:inline-flex;align-items:center;position:relative;min-width:100px;height:32px;box-sizing:border-box;padding:4px 28px 4px 8px;border:1px solid #ebebeb;border-radius:8px;background:transparent;color:#111827;font-family:inherit;font-size:inherit;line-height:inherit;cursor:pointer;outline:none;transition:all .2s;text-align:left;white-space:nowrap}.pagination .pagination-sizer .pagination-sizer-select:disabled{cursor:not-allowed;opacity:.5}.pagination .pagination-sizer .pagination-sizer-select .pagination-sizer-icon{position:absolute;top:50%;right:4px;pointer-events:none;transform:translateY(-50%);transition:transform .2s}.pagination .pagination-sizer .pagination-sizer-select .pagination-sizer-icon.pagination-sizer-icon-open{transform:translateY(-50%) rotate(180deg)}.pagination .pagination-jumper{display:flex;align-items:center;gap:4px}.pagination .pagination-jumper .pagination-jumper-input{width:56px;height:32px;box-sizing:border-box;padding:4px 8px;border:1px solid #ebebeb;border-radius:8px;background:transparent;color:#111827;font-family:inherit;font-size:inherit;line-height:inherit;text-align:center;outline:none;transition:border-color .2s}.pagination .pagination-jumper .pagination-jumper-input:disabled{cursor:not-allowed;opacity:.5}.pagination .pagination-jumper .pagination-jumper-input::-webkit-inner-spin-button,.pagination .pagination-jumper .pagination-jumper-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.pagination .pagination-jumper .pagination-jumper-input::-moz-inner-spin-button,.pagination .pagination-jumper .pagination-jumper-input::-moz-outer-spin-button{-moz-appearance:none;margin:0}.pagination.pagination-simple{display:inline-block}.pagination.pagination-simple .pagination-simple-list{display:inline-flex;align-items:center;justify-content:center;background:#f5f5f5;border-radius:8px;padding:0;gap:8px}.pagination.pagination-simple .pagination-simple-item{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border:none;background:transparent;color:#111827;cursor:pointer;transition:all .2s;outline:none}.pagination.pagination-simple .pagination-simple-item:disabled{cursor:not-allowed;opacity:.5}.pagination.pagination-simple .pagination-simple-item svg{display:block}.pagination.pagination-simple .pagination-simple-text{color:#111827;font-family:inherit;font-size:inherit;line-height:inherit;padding:0 8px}.pagination-sizer-dropdown{width:116px;background:#fff;border-radius:8px;box-shadow:0 0 12px #00000024;z-index:100;overflow:hidden;padding:4px}.pagination-sizer-option{display:block;width:100%;padding:10px;border:none;background:transparent;color:#111827;font-family:SourceHanSansCN-Normal;font-size:14px;line-height:21px;text-align:center;cursor:pointer;transition:background-color .2s;white-space:nowrap;border-radius:6px;height:40px;display:flex;align-items:center;justify-content:center}.pagination-sizer-option[data-selected=true]{background:#f5f5f5}.dark .pagination,.dark .pagination .pagination-item{color:#fff}.dark .pagination .pagination-item.pagination-item-active{background:#ffffff1a;color:#fff}.dark .pagination .pagination-total{color:#fff}.dark .pagination .pagination-sizer .pagination-sizer-select{background:transparent;border-color:#ffffff1a;color:#fff}.dark .pagination .pagination-sizer .pagination-sizer-icon{color:#ffffff80}.dark .pagination .pagination-jumper .pagination-jumper-input{background:transparent;border-color:#ffffff1a;color:#fff}.dark .pagination.pagination-simple .pagination-simple-list{background:#ffffff0d}.dark .pagination.pagination-simple .pagination-simple-item,.dark .pagination.pagination-simple .pagination-simple-text{color:#fff}.file-card{box-sizing:border-box;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;width:210px;display:flex;flex-direction:column;gap:8px}.file-card .file-card__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0006;border-radius:inherit;display:flex;align-items:center;justify-content:center;gap:20px;opacity:0;transition:opacity .18s;pointer-events:none}.file-card .file-card__overlay-btn{width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;border:none;background:transparent;color:#fff;cursor:pointer;border-radius:6px;padding:0;pointer-events:auto;transition:background .15s}.file-card .file-card__overlay-btn:hover{background:#fff3}.file-card .file-card__name-area{display:flex;align-items:flex-start;gap:4px;padding:4px 8px;height:50px}.file-card .file-card__name-area--editing{background:#fff;border:1px solid #ebebeb;border-radius:4px;padding:4px 8px;height:50px;display:flex;align-items:flex-start}.file-card .file-card__filename{flex:1;font-size:14px;line-height:1.5;color:#111827;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-break:break-all;padding:0;margin:0;box-sizing:border-box;vertical-align:top}.file-card .file-card__edit-input{flex:1;height:42px;padding:0;font-size:14px;line-height:1.5;color:#111827;border:none;border-radius:0;outline:none;background:transparent;resize:none;overflow-y:auto;scrollbar-width:none;box-sizing:border-box;vertical-align:top}.file-card .file-card__edit-input::-webkit-scrollbar{display:none}.file-card .file-card__edit-input:focus{outline:none}.file-card--pdf .file-card__pdf-preview{position:relative;height:138px;background:#d1d5db;border-radius:4px;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;cursor:pointer;overflow:hidden;transition:box-shadow .2s}.file-card--pdf .file-card__pdf-preview:hover{box-shadow:0 4px 16px #0000001f}.file-card--pdf .file-card__pdf-preview:hover .file-card__overlay{opacity:1}.file-card--pdf .file-card__pdf-label{width:100%;padding:8px 10px;background:#1f2937;display:flex;align-items:center;justify-content:center;flex-shrink:0}.file-card--pdf .file-card__pdf-label span{font-size:14px;font-weight:350;color:#fff;letter-spacing:.3px}.file-card--other .file-card__other-preview{position:relative;height:138px;background:#fff;border:1px solid #ebebeb;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;overflow:hidden;transition:box-shadow .2s}.file-card--other .file-card__other-preview:hover{box-shadow:0 2px 6px #0000000f}.file-card--other .file-card__other-preview:hover .file-card__overlay{opacity:1}.file-card--other .file-card__image-thumb{width:100%;height:100%;object-fit:cover}.dark .file-card--pdf .file-card__pdf-preview{background:#2a2a2a}.dark .file-card--pdf .file-card__pdf-preview:hover{box-shadow:0 4px 12px #0006}.dark .file-card--pdf .file-card__pdf-label{background:#1a1a1a}.dark .file-card--other .file-card__other-preview{background:#1f1f1f;border-color:#303030}.dark .file-card--other .file-card__other-preview:hover{box-shadow:0 2px 8px #0000004d}.dark .file-card .file-card__filename{color:#e8e8e8}.dark .file-card .file-card__name-area--editing{background:#1f1f1f;border-color:#404040;padding:4px 8px;height:50px;display:flex;align-items:flex-start}.dark .file-card .file-card__edit-input{background:transparent;color:#e8e8e8;border:none;border-radius:0;height:42px;padding:0;font-size:14px;line-height:1.5;resize:none;overflow-y:auto;scrollbar-width:none;box-sizing:border-box;vertical-align:top}.dark .file-card .file-card__edit-input::-webkit-scrollbar{display:none}.dark .file-card .file-card__edit-input:focus{outline:none}.bu-switch{--bu-switch-light-on: #333333;--bu-switch-light-off: #CCCCCC;--bu-switch-dark-on: #e60023;--bu-switch-dark-off: rgba(255, 255, 255, .25);--bu-switch-track-bg: #CCCCCC;position:relative;display:inline-block;box-sizing:border-box;width:32px;min-width:32px;height:16px;padding:0;border:none;border-radius:9999px;background:var(--bu-switch-track-bg);cursor:pointer;transition:background .2s cubic-bezier(.4,0,.2,1);outline:none;vertical-align:middle;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.bu-switch--disabled{cursor:not-allowed;opacity:.5}.bu-switch--loading{cursor:wait}.bu-switch__track{display:flex;align-items:center;width:100%;height:100%;padding:2px;box-sizing:border-box}.bu-switch__thumb{position:relative;flex-shrink:0;width:12px;height:12px;border-radius:9999px;background:#fff;box-shadow:0 1px 3px #00000026;transition:transform .2s cubic-bezier(.4,0,.2,1);transform:translate(0)}.bu-switch--checked .bu-switch__thumb{transform:translate(16px)}.bu-switch__loading-icon{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;color:#999;animation:bu-switch-spin .8s linear infinite}.bu-switch__loading-icon svg{width:10px;height:10px}@keyframes bu-switch-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.bu-switch__label{flex:1;display:flex;align-items:center;justify-content:center;font-size:12px;color:#fff;overflow:hidden;white-space:nowrap;line-height:1;min-width:0;padding:0 2px}.bu-switch__label--left{justify-content:flex-start}.bu-switch__label--right{justify-content:flex-end}.bj-input-number{box-sizing:border-box;position:relative;display:inline-flex;align-items:center;width:100%;min-width:90px;background:#f5f5f5;border:1px solid #ebebeb;border-radius:8px;padding:8px 12px;transition:border-color .2s ease}.bj-input-number *{box-sizing:border-box}.bj-input-number:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:8px;pointer-events:none;transition:box-shadow .2s ease}.bj-input-number:hover:not(.bj-input-number--disabled):not(.bj-input-number--readonly):after,.bj-input-number:active:not(.bj-input-number--disabled):not(.bj-input-number--readonly):after{box-shadow:inset 0 0 0 2px #ebebeb}.bj-input-number--focused{border-color:#ebebeb}.bj-input-number--focused:after{box-shadow:inset 0 0 0 2px #ebebeb}.bj-input-number--small{height:32px;font-size:13px}.bj-input-number--middle{height:40px;font-size:14px}.bj-input-number--large{height:48px;font-size:15px}.bj-input-number--disabled{background:#f0f0f0;cursor:not-allowed}.bj-input-number--disabled:hover{border-color:#ebebeb}.bj-input-number--readonly{background:#f3f4f6}.bj-input-number--borderless{border-color:transparent;background:transparent}.bj-input-number--borderless.bj-input-number--focused{box-shadow:none}.bj-input-number--error{border-width:3px;border-color:#fde6e9;padding:6px 10px}.bj-input-number--error .bj-input-number__input::placeholder{color:#f87171}.bj-input-number--warning{border-color:#f59e0b}.bj-input-number--out-of-range .bj-input-number__input{color:#ef4444}.bj-input-number--with-controls{padding-right:44px}.bj-input-number--with-controls.bj-input-number--error{padding-right:42px}.bj-input-number--group-left{border-left:none;border-top-left-radius:0;border-bottom-left-radius:0}.bj-input-number--group-right{border-right:none;border-top-right-radius:0;border-bottom-right-radius:0}.bj-input-number__prefix,.bj-input-number__suffix{display:flex;flex:none;align-items:center;color:#6b7280;pointer-events:none}.bj-input-number__prefix{margin-right:4px}.bj-input-number__suffix{margin-left:4px}.bj-input-number__input-wrap{flex:1;min-width:0;display:flex;transition:box-shadow .2s ease}.bj-input-number__input-wrap:hover{box-shadow:inset 0 0 0 2px #ebebeb}.bj-input-number--disabled .bj-input-number__input-wrap:hover,.bj-input-number--readonly .bj-input-number__input-wrap:hover{box-shadow:none}.bj-input-number__input{width:100%;border:none;outline:none;background:transparent;padding:0;margin:0;font:inherit;color:#333;-webkit-appearance:textfield;appearance:textfield;-moz-appearance:textfield}.bj-input-number__input::-webkit-inner-spin-button,.bj-input-number__input::-webkit-outer-spin-button{margin:0;-moz-appearance:none;appearance:none;-webkit-appearance:none}.bj-input-number__input::placeholder{color:#999}.bj-input-number__input:disabled{cursor:not-allowed;color:#999}.bj-input-number__handler-wrap{position:absolute;top:0;right:0;bottom:0;width:32px;opacity:0;transition:opacity .2s ease}.bj-input-number:hover .bj-input-number__handler-wrap,.bj-input-number--focused .bj-input-number__handler-wrap{opacity:1}.bj-input-number--disabled .bj-input-number__handler-wrap,.bj-input-number--readonly .bj-input-number__handler-wrap{display:none}.bj-input-number__handler{position:absolute;left:0;right:0;margin-right:8px;height:50%;cursor:pointer;background:transparent;-webkit-user-select:none;user-select:none}.bj-input-number__handler--up{top:0}.bj-input-number__handler--down{bottom:0}.bj-input-number__handler--disabled{cursor:not-allowed}.bj-input-number__handler-icon{position:absolute;top:50%;right:8px;width:24px;height:24px;transform:translateY(-50%);pointer-events:none;color:#999;transition:opacity .15s ease,color .15s ease}.bj-input-number__handler-icon--up{clip-path:inset(0 0 50% 0)}.bj-input-number__handler-icon--down{clip-path:inset(50% 0 0 0)}.bj-input-number__handler--up:active~.bj-input-number__handler-icon--up{color:#333}.bj-input-number__handler--down:active~.bj-input-number__handler-icon--down{color:#333}.bj-input-number-group{display:inline-flex;align-items:stretch;width:100%}.bj-input-number-group__addon{display:flex;align-items:center;flex:none;padding:0 12px;background:#f3f4f6;border:1px solid #ebebeb;color:#6b7280;white-space:nowrap}.bj-input-number-group__addon:first-child{border-right:none;border-radius:8px 0 0 8px}.bj-input-number-group__addon:last-child{border-left:none;border-radius:0 8px 8px 0}.bj-input-number-group .bj-input-number{flex:1;min-width:0}.bj-checkbox-wrapper{display:inline-flex;align-items:flex-start;gap:8px;color:#333;font-family:SourceHanSansCN-Normal;font-size:14px;line-height:21px;cursor:pointer}.bj-checkbox-wrapper--disabled{color:#999;cursor:not-allowed}.bj-checkbox-wrapper--rtl{direction:rtl}.bj-checkbox{position:relative;display:inline-flex;flex:none;align-items:center;justify-content:center;width:16px;height:16px;vertical-align:middle}.bj-checkbox__input{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;width:100%;height:100%;margin:0;opacity:0;cursor:inherit}.bj-checkbox__inner{position:relative;display:flex;align-items:center;justify-content:center;width:16px;height:16px;background:transparent;border:1px solid #dbdbdb;border-radius:4px;transition:width .15s ease,height .15s ease,background .15s ease}.bj-checkbox--checked.bj-checkbox--dark .bj-checkbox__inner{width:16px;height:16px;background:#333;border-color:#333}.bj-checkbox--checked.bj-checkbox--white .bj-checkbox__inner{width:16px;height:16px;background:transparent;border-color:#dbdbdb}.bj-checkbox--white .bj-checkbox__check-icon{color:#333}.bj-checkbox__check-icon{position:absolute;top:50%;left:50%;width:14px;height:14px;color:#fff;pointer-events:none;transform:translate(-50%,-50%)}.bj-checkbox--indeterminate .bj-checkbox__inner{width:16px;height:16px;background:#fff;border-color:#dbdbdb}.bj-checkbox__indeterminate-mark{width:8px;height:2px;background:#333;border-radius:4px}.bj-checkbox--disabled{opacity:.5}.bj-checkbox__input:focus-visible+.bj-checkbox__inner{outline:2px solid #1677ff;outline-offset:1px}.bj-checkbox__label{position:relative;min-width:0;padding-right:0;padding-left:0;overflow-wrap:anywhere}.bj-checkbox-group{display:inline-flex;flex-wrap:wrap;align-items:center;gap:8px}.bj-checkbox-group--rtl{direction:rtl}.bj-overlay-scrollbar-hidden{scrollbar-width:none;-ms-overflow-style:none}.bj-overlay-scrollbar-hidden::-webkit-scrollbar{width:0;height:0}.bj-overlay-scrollbar__thumb{position:absolute;z-index:100;background:var(--bj-overlay-scrollbar-bg, #dbdbdb);border-radius:4px;cursor:pointer;opacity:0;transition:opacity .2s,background .2s}.bj-overlay-scrollbar__thumb--active{opacity:1}.bj-overlay-scrollbar__thumb:hover{background:var(--bj-overlay-scrollbar-bg, #c2c2c2)}.bj-dropdown{width:280px;overflow:hidden;color:#333;background:#fff;border:1px solid #ebebeb;border-radius:8px;box-shadow:0 0 12px #00000014}.bj-dropdown__search{padding:8px}.bj-dropdown__search .bj-input__affix-wrapper{height:32px;border-radius:8px}.bj-dropdown__search .bj-input__affix-wrapper:not(.bj-input__affix-wrapper--error):not(.bj-input__affix-wrapper--readonly):not(:has(input[readonly])):not(:has(textarea[readonly])):not(:has(input:disabled)):not(:has(textarea:disabled)):hover,.bj-dropdown__search .bj-input__affix-wrapper:not(.bj-input__affix-wrapper--error):not(.bj-input__affix-wrapper--readonly):not(:has(input[readonly])):not(:has(textarea[readonly])):not(:has(input:disabled)):not(:has(textarea:disabled)):focus-within{border-color:#dbdbdb;box-shadow:none}.bj-dropdown__search .bj-input__prefix .bu-icon{width:24px;height:24px;color:#999}.bj-dropdown__search .bj-input__clear-icon{display:flex;align-items:center;justify-content:center;width:20px;height:20px;margin-right:4px;color:#333}.bj-dropdown__search .bj-dropdown__search-clear-icon{width:20px;height:20px;color:#333}.bj-dropdown__options{max-height:240px;padding:0 12px;margin:0 0 12px;overflow-y:auto}.bj-dropdown__options--empty{height:160px;margin-top:0;margin-bottom:12px}.bj-dropdown__option{display:flex;align-items:center;gap:8px;width:100%;min-height:40px;padding:0;color:#333;font-family:SourceHanSansCN-Normal;font-size:14px;line-height:21px;white-space:nowrap;cursor:pointer}.bj-dropdown__option .bj-checkbox__label{display:block;flex:1;min-width:0;padding-right:0;padding-left:0}.bj-dropdown__option--single{justify-content:space-between;align-items:center;gap:8px;min-height:40px;padding:0 12px;font-family:SourceHanSansCN-Normal;font-size:14px;font-style:normal;font-weight:350;line-height:21px;letter-spacing:0;text-align:left;background:transparent;border:0}.bj-dropdown__option--single:hover:not(:disabled){background:#fafafa}.bj-dropdown__option--single:disabled{color:#999;cursor:not-allowed}.bj-dropdown__option-label{display:block;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bj-dropdown__option-content{display:flex;flex:1;flex-direction:column;min-width:0}.bj-dropdown__option-description{overflow:hidden;color:#999;font-family:SourceHanSansCN-Normal;font-size:12px;font-style:normal;font-weight:350;line-height:19px;letter-spacing:0;text-overflow:ellipsis;white-space:nowrap}.bj-dropdown__option-tooltip-anchor{display:block;pointer-events:none;z-index:1100}.bj-dropdown__option-tooltip.tooltip-popup,.bj-dropdown__option-tooltip.tooltip-popup .tooltip-arrow{border:0}.bj-dropdown__option-icon{flex:none;width:20px;height:20px;color:#333}.bj-dropdown__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;height:100%}.bj-dropdown__empty-image{width:68px;height:68px}.bj-dropdown__empty-text{color:#999;font-family:SourceHanSansCN-Normal;font-size:12px;font-style:normal;font-weight:350;line-height:21px;letter-spacing:0;text-align:center}.bj-dropdown__actions{display:flex;justify-content:center;gap:16px;padding:8px 12px 12px}.bj-dropdown__actions button{min-width:80px;height:28px;padding:0 12px;color:#333;font-family:SourceHanSansCN-Normal;font-size:12px;line-height:28px;background:transparent;border:0;border-radius:4px;cursor:pointer}.bj-dropdown__actions button:last-child{color:#fff;background:#333}.bj-dropdown__actions--single{display:block;padding:0}.bj-dropdown__actions--single button{width:100%;min-width:0;height:40px;color:#333;font-family:SourceHanSansCN-Normal;font-size:12px;font-style:normal;font-weight:350;line-height:19px;background:#f5f5f5;border-radius:0}.bj-dropdown__actions--single button:last-child{color:#333;background:#f5f5f5}.bj-dropdown--single .bj-dropdown__search{padding:8px}.bj-dropdown--single .bj-dropdown__options--single{max-height:240px;padding:0;margin:0}.bj-dropdown--single .bj-dropdown__options--single.bj-dropdown__options--empty{margin-bottom:20px}.bj-dropdown--double-line .bj-dropdown__options{max-height:336px}.bj-dropdown--double-line .bj-dropdown__option--double-line{min-height:56px;padding:8px 12px}.bj-dropdown--double-line .bj-dropdown__option--double-line .bj-checkbox{margin-top:0}.bj-dropdown--double-line .bj-dropdown__option--double-line--single{padding:8px 12px}.bj-dropdown--double-line .bj-dropdown__option--double-line:not(.bj-dropdown__option--single){padding:8px 0}.bj-dropdown--double-line .bj-dropdown__option-label{font-family:SourceHanSansCN-Normal;font-weight:350;line-height:21px}.bj-dropdown--double-line.bj-dropdown--single .bj-dropdown__options--single{max-height:336px}.bj-table{position:relative;width:100%;color:#333;font-family:SourceHanSansCN-Normal;font-size:12px;line-height:19px}.bj-table *,.bj-table *:before,.bj-table *:after{box-sizing:border-box}.bj-table__scroll{width:100%;overflow-x:auto}.bj-table__viewport{position:relative}.bj-table__native-table{width:100%;min-width:100%;border-spacing:0;border-collapse:separate;table-layout:fixed}.bj-table__title,.bj-table__footer{padding:12px;color:#333;background:#fff;border:1px solid #dbdbdb}.bj-table__title{border-bottom:0}.bj-table__footer{border-top:0}.bj-table__summary{position:relative;background:#fff}.bj-table__summary th,.bj-table__summary td{padding:17.5px 12px;border-bottom:1px solid #dbdbdb}.bj-table--bordered .bj-table__scroll{border-radius:8px}.bj-table--bordered:not(.bj-table--empty) .bj-table__scroll{border:1px solid #dbdbdb}.bj-table--bordered .bj-table__native-table{border:0}.bj-table--bordered.bj-table--empty .bj-table__header{border:1px solid #dbdbdb}.bj-table--bordered.bj-table--empty .bj-table__header-row:first-child .bj-table__header-cell{border-top:1px solid #dbdbdb}.bj-table--bordered.bj-table--empty .bj-table__header-row:last-child .bj-table__header-cell{border-bottom:1px solid #dbdbdb}.bj-table--bordered.bj-table--empty .bj-table__header-cell:first-child{border-left:1px solid #dbdbdb}.bj-table--bordered.bj-table--empty .bj-table__header-cell:last-child{border-right:1px solid #dbdbdb}.bj-table__header-cell{position:relative;height:36px;padding:0 12px;color:#333;font-weight:400;text-align:left;vertical-align:middle;background:#fafafa;border-bottom:1px solid #dbdbdb}.bj-table__header-cell--sortable,.bj-table__header-cell--filterable{padding-right:8px;cursor:pointer}.bj-table__column-header{display:flex;align-items:center;justify-content:space-between;min-width:0}.bj-table__column-title{display:flex;flex:1;align-items:center;justify-content:space-between;min-width:0;padding:0;color:inherit;font:inherit;text-align:inherit}.bj-table__column-title-content{display:inline-flex;align-items:center;min-width:0;gap:4px}.bj-table__column-tooltip-wrapper{position:absolute;top:0;bottom:0;left:0;right:0;display:flex;width:100%}.bj-table__column-tooltip-wrapper>.bj-table__column-tooltip-trigger{flex:1;display:flex;min-width:0;outline:none}.bj-table__column-tooltip-wrapper>.bj-table__column-tooltip-trigger>.bj-table__column-header{flex:1;padding:0 12px}.bj-table__column-badge-trigger{position:absolute;top:-1px;right:-1px;z-index:2;display:block;width:12px;height:12px;cursor:default;outline:none}.bj-table__column-badge-shape{display:block;width:100%;height:100%;clip-path:polygon(0 0,100% 0,100% 100%);background:#dbdbdb;pointer-events:none}.bj-table__column-tooltip.tooltip-popup--content{z-index:1000}.bj-table__column-sorter{display:inline-flex;flex:none;align-items:center;justify-content:center;margin-left:auto;color:#666}.bj-table__column-sorter-icon,.bj-table__filter-icon{width:24px;height:24px;color:#666;pointer-events:none}.bj-table__filter{position:static;flex:none}.bj-table__filter-trigger{display:flex;align-items:center;justify-content:center;width:24px;height:24px;margin-right:0;margin-left:auto;padding:0;color:#666;font-size:12px;background:transparent;border:0;border-radius:4px;cursor:pointer;pointer-events:none}.bj-table__filter-trigger:hover{color:#666;background:#f0f0f0}.bj-table__filter-trigger--active{color:#666}.bj-table__filter-dropdown{position:fixed;z-index:100}.bj-table--bordered .bj-table__header-cell:not(:last-child),.bj-table--bordered .bj-table__cell:not(:last-child){border-right:1px solid #dbdbdb}.bj-table--bordered .bj-table__cell--before-fixed-right:not(:last-child){border-right:0}.bj-table__cell{padding:17.5px 12px;color:#333;font-family:SourceHanSansCN-Normal;font-size:12px;line-height:19px;word-break:break-all;overflow-wrap:anywhere;vertical-align:middle;border-bottom:1px solid #dbdbdb;box-shadow:none}.bj-table__row{min-height:54px}.bj-table__row--group{height:36px;min-height:36px}.bj-table__cell--group{height:36px;padding:0!important;border-left:0;border-right:0;border-bottom:1px solid #dbdbdb;box-shadow:none}.bj-table__body .bj-table__row:last-child .bj-table__cell{border-bottom:0}.bj-table__cell-content{min-height:19px}.bj-table__cell--fixed:not(.bj-table__cell--group){background:#fafafa}.bj-table__header-cell.bj-table__cell--fixed{z-index:3!important;background:#fafafa}.bj-table__cell--fixed-left{border-right:0!important}.bj-table__cell--fixed-right{border-left:0;border-right:0}.bj-table__cell--fixed-left:after,.bj-table__selection-cell--fixed:after{position:absolute;top:0;right:0;bottom:0;width:1px;background:#dbdbdb;content:"";pointer-events:none}.bj-table__cell--fixed-right:before{position:absolute;top:0;bottom:0;left:0;width:1px;background:#dbdbdb;content:"";pointer-events:none}.bj-table__cell--fixed-left-last:before,.bj-table__cell--fixed-right-first:after{position:absolute;top:0;bottom:0;width:6px;content:"";opacity:0;pointer-events:none;transition:opacity .2s ease}.bj-table__cell--fixed-left-last:before{left:100%;background:linear-gradient(90deg,#00000014,#0000)}.bj-table__cell--fixed-right-first:after{right:100%;background:linear-gradient(270deg,#00000014,#0000)}.bj-table--ping-left .bj-table__cell--fixed-left-last:before,.bj-table--ping-right .bj-table__cell--fixed-right-first:after{opacity:1}.bj-table__body .bj-table__cell--fixed-left,.bj-table__body .bj-table__cell--fixed-right{border-bottom:1px solid #dbdbdb;box-shadow:none}.bj-table__body .bj-table__row:last-child .bj-table__cell--fixed-left,.bj-table__body .bj-table__row:last-child .bj-table__cell--fixed-right{border-bottom:0}.bj-table__row:hover .bj-table__cell,.bj-table__row--selected .bj-table__cell{background:#fafafa}.bj-table__cell--ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-break:normal;overflow-wrap:normal}.bj-table__selection-col,.bj-table__selection-cell{width:48px;padding:0 12px;text-align:center;vertical-align:middle}.bj-table__selection-cell--fixed{position:sticky;left:0;z-index:2;background:#fafafa;border-right:0!important}.bj-table__header-cell.bj-table__selection-cell--fixed{z-index:4;background:#fafafa}.bj-table__body .bj-table__selection-cell{height:54px}.bj-table__selection-cell>.bj-table__selection-control{margin:auto}.bj-table__selection-cell>.bj-table__selection-checkbox{display:flex;justify-content:center;margin:auto;line-height:1}.bj-table__selection-control{position:relative;display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;vertical-align:middle;cursor:pointer}.bj-table__selection-control--disabled{cursor:not-allowed;opacity:.5}.bj-table__selection-input{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;width:100%;height:100%;margin:0;opacity:0;cursor:inherit}.bj-table__selection-box{display:flex;align-items:center;justify-content:center;width:15px;height:15px;background:transparent;border:1px solid #dbdbdb;border-radius:4px;transition:width .15s ease,height .15s ease,background .15s ease}.bj-table__selection-control--checked .bj-table__selection-box{width:16px;height:16px;background:#333;border-color:#333}.bj-table__selection-check-icon{width:14px;height:14px;color:#fff;pointer-events:none}.bj-table__selection-input:focus-visible+.bj-table__selection-box{outline:2px solid #1677ff;outline-offset:1px}.bj-table__empty-cell{height:454px;padding:0 12px;color:#999;text-align:center;vertical-align:middle;border-bottom:0}.bj-table__empty-overlay{position:absolute;top:36px;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;color:#999;text-align:center;pointer-events:none}.bj-table__empty-content{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}.bj-table__empty-image-wrap{display:flex;align-items:center;justify-content:center}.bj-table__empty-image{display:block;width:80px;height:80px;object-fit:contain;-webkit-user-select:none;user-select:none}.bj-table__empty-text{color:#999;font-size:12px;line-height:20px}.bj-table__loading{position:absolute;z-index:1000;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;gap:8px;align-items:center;justify-content:center;color:#6b7280;background:#fffc;pointer-events:all}.bj-table__loading-indicator{width:60px;height:60px;margin:0;-webkit-user-select:none;user-select:none}.bj-table__loading-text{font-size:13px}.bj-table__pagination{margin-top:16px}.bj-table--small .bj-table__header-cell{height:32px}.bj-table--small .bj-table__cell{min-height:40px;padding:8px 12px}
1
+ .bu-icon {
2
+ width: 1em;
3
+ height: 1em;
4
+ overflow: hidden;
5
+ vertical-align: -0.15em;
6
+ fill: currentColor;
7
+ }
8
+ .tooltip-wrapper {
9
+ position: relative;
10
+ display: inline-block;
11
+ }
12
+ .tooltip-popup {
13
+ position: absolute;
14
+ z-index: 1000;
15
+ background: #ffffff;
16
+ border-radius: 6px;
17
+ box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);
18
+ border: 1px solid #e5e7eb;
19
+ min-width: 200px;
20
+ max-width: 280px;
21
+ padding: 16px;
22
+ }
23
+ .tooltip-popup--top {
24
+ bottom: calc(100% + 16px);
25
+ left: 50%;
26
+ transform: translateX(-50%);
27
+ }
28
+ .tooltip-popup--topLeft {
29
+ bottom: calc(100% + 16px);
30
+ left: 0;
31
+ }
32
+ .tooltip-popup--topRight {
33
+ bottom: calc(100% + 16px);
34
+ right: 0;
35
+ }
36
+ .tooltip-popup--bottom {
37
+ top: calc(100% + 16px);
38
+ left: 50%;
39
+ transform: translateX(-50%);
40
+ }
41
+ .tooltip-popup--bottomLeft {
42
+ top: calc(100% + 16px);
43
+ left: 0;
44
+ }
45
+ .tooltip-popup--bottomRight {
46
+ top: calc(100% + 16px);
47
+ right: 0;
48
+ }
49
+ .tooltip-popup--left {
50
+ right: calc(100% + 16px);
51
+ top: 50%;
52
+ transform: translateY(-50%);
53
+ }
54
+ .tooltip-popup--leftTop {
55
+ right: calc(100% + 16px);
56
+ top: 0;
57
+ }
58
+ .tooltip-popup--leftBottom {
59
+ right: calc(100% + 16px);
60
+ bottom: 0;
61
+ }
62
+ .tooltip-popup--right {
63
+ left: calc(100% + 16px);
64
+ top: 50%;
65
+ transform: translateY(-50%);
66
+ }
67
+ .tooltip-popup--rightTop {
68
+ left: calc(100% + 16px);
69
+ top: 0;
70
+ }
71
+ .tooltip-popup--rightBottom {
72
+ left: calc(100% + 16px);
73
+ bottom: 0;
74
+ }
75
+ .tooltip-popup--light {
76
+ box-shadow: 0 2px 6px rgba(0, 0, 0, 0.06);
77
+ }
78
+ .tooltip-popup--bordered {
79
+ border-color: #ebebeb;
80
+ box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
81
+ }
82
+ .tooltip-popup--tinted {
83
+ background: #f5f3ff;
84
+ border-color: #ddd6fe;
85
+ box-shadow: 0 2px 8px rgba(139, 92, 246, 0.1);
86
+ }
87
+ .tooltip-popup--content {
88
+ width: max-content;
89
+ min-width: 30px;
90
+ min-height: 32px;
91
+ padding: 24px;
92
+ color: #333333;
93
+ font-family: 'SourceHanSansCN-Normal';
94
+ font-size: 14px;
95
+ line-height: 21px;
96
+ text-align: center;
97
+ box-shadow: 0 0 12px rgba(0, 0, 0, 0.08);
98
+ }
99
+ .tooltip-popup--content .bu-tooltip-content__text {
100
+ color: #333333;
101
+ font-family: 'SourceHanSansCN-Normal';
102
+ font-size: 14px;
103
+ line-height: 21px;
104
+ }
105
+ .bu-content-tooltip {
106
+ max-width: none !important;
107
+ background: transparent !important;
108
+ box-shadow: none !important;
109
+ }
110
+ .bu-content-tooltip .ant-tooltip-content {
111
+ width: max-content;
112
+ max-width: none !important;
113
+ background: transparent !important;
114
+ box-shadow: none !important;
115
+ }
116
+ .bu-content-tooltip .ant-tooltip-arrow-content {
117
+ display: none !important;
118
+ }
119
+ .bu-content-tooltip .ant-tooltip-inner {
120
+ width: max-content;
121
+ min-width: 0;
122
+ max-width: none !important;
123
+ padding: 0;
124
+ background: transparent;
125
+ box-shadow: none;
126
+ }
127
+ .bu-content-tooltip .tooltip-popup--antd {
128
+ position: relative;
129
+ inset: auto;
130
+ transform: none;
131
+ }
132
+ .tooltip-arrow {
133
+ position: absolute;
134
+ width: 14px;
135
+ height: 14px;
136
+ background: #ffffff;
137
+ transform: rotate(45deg);
138
+ }
139
+ .tooltip-arrow--top {
140
+ bottom: -8px;
141
+ left: 50%;
142
+ border-right: 1px solid #e5e7eb;
143
+ border-bottom: 1px solid #e5e7eb;
144
+ border-radius: 0 0 2px 0;
145
+ transform: translateX(-50%) rotate(45deg);
146
+ }
147
+ .tooltip-arrow--topLeft {
148
+ bottom: -8px;
149
+ left: 16px;
150
+ border-right: 1px solid #e5e7eb;
151
+ border-bottom: 1px solid #e5e7eb;
152
+ border-radius: 0 0 2px 0;
153
+ }
154
+ .tooltip-arrow--topRight {
155
+ bottom: -8px;
156
+ right: 16px;
157
+ border-right: 1px solid #e5e7eb;
158
+ border-bottom: 1px solid #e5e7eb;
159
+ border-radius: 0 0 2px 0;
160
+ }
161
+ .tooltip-arrow--bottom {
162
+ top: -8px;
163
+ left: calc(50% - 8px);
164
+ border-left: 1px solid #e5e7eb;
165
+ border-top: 1px solid #e5e7eb;
166
+ border-radius: 2px 0 0 0;
167
+ }
168
+ .tooltip-arrow--bottomLeft {
169
+ top: -8px;
170
+ left: 16px;
171
+ border-left: 1px solid #e5e7eb;
172
+ border-top: 1px solid #e5e7eb;
173
+ border-radius: 2px 0 0 0;
174
+ }
175
+ .tooltip-arrow--bottomRight {
176
+ top: -8px;
177
+ right: 16px;
178
+ border-left: 1px solid #e5e7eb;
179
+ border-top: 1px solid #e5e7eb;
180
+ border-radius: 2px 0 0 0;
181
+ }
182
+ .tooltip-arrow--left {
183
+ right: -8px;
184
+ top: calc(50% - 8px);
185
+ border-top: 1px solid #e5e7eb;
186
+ border-right: 1px solid #e5e7eb;
187
+ border-radius: 0 2px 0 0;
188
+ }
189
+ .tooltip-arrow--leftTop {
190
+ right: -8px;
191
+ top: 16px;
192
+ border-top: 1px solid #e5e7eb;
193
+ border-right: 1px solid #e5e7eb;
194
+ border-radius: 0 2px 0 0;
195
+ }
196
+ .tooltip-arrow--leftBottom {
197
+ right: -8px;
198
+ bottom: 16px;
199
+ border-top: 1px solid #e5e7eb;
200
+ border-right: 1px solid #e5e7eb;
201
+ border-radius: 0 2px 0 0;
202
+ }
203
+ .tooltip-arrow--right {
204
+ left: -8px;
205
+ top: calc(50% - 8px);
206
+ border-bottom: 1px solid #e5e7eb;
207
+ border-left: 1px solid #e5e7eb;
208
+ border-radius: 0 0 0 2px;
209
+ }
210
+ .tooltip-arrow--rightTop {
211
+ left: -8px;
212
+ top: 16px;
213
+ border-bottom: 1px solid #e5e7eb;
214
+ border-left: 1px solid #e5e7eb;
215
+ border-radius: 0 0 0 2px;
216
+ }
217
+ .tooltip-arrow--rightBottom {
218
+ left: -8px;
219
+ bottom: 16px;
220
+ border-bottom: 1px solid #e5e7eb;
221
+ border-left: 1px solid #e5e7eb;
222
+ border-radius: 0 0 0 2px;
223
+ }
224
+ .tooltip-arrow--tinted-bg {
225
+ background: #f5f3ff;
226
+ }
227
+ .tooltip-confirm__title {
228
+ font-size: 12px;
229
+ color: #111827;
230
+ margin-bottom: 12px;
231
+ line-height: 1.5;
232
+ }
233
+ .tooltip-confirm__actions {
234
+ display: flex;
235
+ align-items: center;
236
+ justify-content: center;
237
+ gap: 30px;
238
+ }
239
+ .tooltip-confirm__cancel {
240
+ background: none;
241
+ border: none;
242
+ padding: 0;
243
+ height: 24px;
244
+ font-size: 12px;
245
+ color: #374151;
246
+ cursor: pointer;
247
+ border-radius: 4px;
248
+ transition: background-color 0.15s;
249
+ width: 60px;
250
+ }
251
+ .tooltip-confirm__cancel:hover {
252
+ background: #f3f4f6;
253
+ }
254
+ .tooltip-confirm__ok {
255
+ background: #333;
256
+ border: none;
257
+ padding: 0;
258
+ height: 24px;
259
+ font-size: 12px;
260
+ color: #ffffff;
261
+ cursor: pointer;
262
+ border-radius: 6px;
263
+ width: 60px;
264
+ font-weight: 500;
265
+ transition: background-color 0.15s;
266
+ }
267
+ .tooltip-confirm__ok:hover {
268
+ background: #374151;
269
+ }
270
+ .tooltip-progress {
271
+ min-width: 220px;
272
+ }
273
+ .tooltip-progress__header {
274
+ display: flex;
275
+ align-items: center;
276
+ justify-content: space-between;
277
+ margin-bottom: 8px;
278
+ }
279
+ .tooltip-progress__title {
280
+ font-size: 12px;
281
+ color: #111827;
282
+ max-width: 160px;
283
+ white-space: nowrap;
284
+ overflow: hidden;
285
+ text-overflow: ellipsis;
286
+ }
287
+ .tooltip-progress__percent {
288
+ font-size: 12px;
289
+ color: #6b7280;
290
+ font-weight: 500;
291
+ flex-shrink: 0;
292
+ margin-left: 8px;
293
+ }
294
+ .tooltip-progress__track {
295
+ width: 100%;
296
+ height: 4px;
297
+ background: #e5e7eb;
298
+ border-radius: 2px;
299
+ overflow: hidden;
300
+ }
301
+ .tooltip-progress__fill {
302
+ height: 100%;
303
+ width: var(--tooltip-progress, 0%);
304
+ background: #333;
305
+ border-radius: 2px;
306
+ transition: width 0.3s ease;
307
+ }
308
+ .bu-tooltip-content__text {
309
+ font-size: 12px;
310
+ color: #6b7280;
311
+ line-height: 1.6;
312
+ overflow-wrap: break-word;
313
+ margin-bottom: 0;
314
+ }
315
+ @keyframes sku-shake {
316
+ 0% {
317
+ transform: translateX(0);
318
+ }
319
+ 20% {
320
+ transform: translateX(-6px);
321
+ }
322
+ 40% {
323
+ transform: translateX(6px);
324
+ }
325
+ 60% {
326
+ transform: translateX(-4px);
327
+ }
328
+ 80% {
329
+ transform: translateX(4px);
330
+ }
331
+ 100% {
332
+ transform: translateX(0);
333
+ }
334
+ }
335
+ .sku-input-card {
336
+ position: relative;
337
+ display: flex;
338
+ flex-direction: row;
339
+ min-width: 411px;
340
+ height: 100%;
341
+ border: 1px solid #e5e7eb;
342
+ border-radius: 8px;
343
+ background: #ffffff;
344
+ background-clip: padding-box;
345
+ }
346
+ .sku-input-card--error {
347
+ border-color: #FDE6E9;
348
+ }
349
+ .sku-input-card__drag {
350
+ display: flex;
351
+ align-items: center;
352
+ justify-content: center;
353
+ width: 32px;
354
+ flex-shrink: 0;
355
+ color: #333333;
356
+ background: #f5f5f5;
357
+ cursor: grab;
358
+ margin-right: 12px;
359
+ }
360
+ .sku-input-card__drag:active {
361
+ cursor: grabbing;
362
+ }
363
+ .sku-input-card__main {
364
+ flex: 1;
365
+ min-width: 0;
366
+ display: flex;
367
+ flex-direction: column;
368
+ gap: 12px;
369
+ padding: 12px 12px 12px 0;
370
+ }
371
+ .sku-input-card__header {
372
+ display: flex;
373
+ align-items: center;
374
+ gap: 8px;
375
+ background: #ffffff;
376
+ }
377
+ .sku-input-card__name-wrap {
378
+ position: relative;
379
+ flex: 1;
380
+ min-width: 0;
381
+ }
382
+ .sku-input-card__name-input {
383
+ width: 100%;
384
+ height: 40px;
385
+ background: #f5f5f5;
386
+ border: 1px solid #ebebeb;
387
+ border-radius: 6px;
388
+ padding: 0 8px;
389
+ font-size: 14px;
390
+ color: #333333;
391
+ outline: none;
392
+ box-sizing: border-box;
393
+ appearance: none;
394
+ -webkit-appearance: none;
395
+ transition: background 0.2s ease, border-color 0.2s ease;
396
+ }
397
+ .sku-input-card__name-input::placeholder {
398
+ color: #999999;
399
+ }
400
+ .sku-input-card__name-input--with-toggle {
401
+ padding-right: 118px;
402
+ }
403
+ .sku-input-card__name-input--error {
404
+ border-width: 3px;
405
+ border-color: #FDE6E9;
406
+ animation: sku-shake 0.4s ease;
407
+ }
408
+ .sku-input-card__name-input--error::placeholder {
409
+ color: #e60023;
410
+ }
411
+ .sku-input-card__lang-toggle {
412
+ position: absolute;
413
+ right: 4px;
414
+ top: 50%;
415
+ transform: translateY(-50%);
416
+ display: flex;
417
+ align-items: center;
418
+ gap: 2px;
419
+ padding: 2px;
420
+ border: 1px solid #e5e7eb;
421
+ border-radius: 6px;
422
+ background: #ffffff;
423
+ }
424
+ .sku-input-card__lang-btn {
425
+ height: 24px;
426
+ width: 51px;
427
+ padding: 0;
428
+ border-radius: 4px;
429
+ font-size: 12px;
430
+ font-weight: 500;
431
+ cursor: pointer;
432
+ border: none;
433
+ background: transparent;
434
+ color: #374151;
435
+ line-height: 24px;
436
+ text-align: center;
437
+ }
438
+ .sku-input-card__lang-btn--active {
439
+ background: #1f2937;
440
+ color: #ffffff;
441
+ }
442
+ .sku-input-card__lang-btn--inactive {
443
+ color: #374151;
444
+ }
445
+ .sku-input-card__delete {
446
+ display: flex;
447
+ align-items: center;
448
+ justify-content: center;
449
+ width: 40px;
450
+ height: 40px;
451
+ color: #333333;
452
+ background: #f3f4f6;
453
+ border: none;
454
+ cursor: pointer;
455
+ flex-shrink: 0;
456
+ border-radius: 4px;
457
+ padding: 0;
458
+ }
459
+ .sku-input-card__delete:hover {
460
+ color: #333333;
461
+ }
462
+ .sku-input-card__file-input {
463
+ display: none;
464
+ }
465
+ .sku-input-card__body {
466
+ height: 280px;
467
+ display: flex;
468
+ align-items: stretch;
469
+ background: #f5f5f5;
470
+ border-radius: 8px;
471
+ overflow: hidden;
472
+ }
473
+ .sku-input-card__image-item {
474
+ position: relative;
475
+ flex: 1;
476
+ }
477
+ .sku-input-card__image-thumb {
478
+ width: 100%;
479
+ height: 100%;
480
+ object-fit: cover;
481
+ display: block;
482
+ }
483
+ .sku-input-card__image-overlay {
484
+ position: absolute;
485
+ inset: 0;
486
+ background: rgba(0, 0, 0, 0.4);
487
+ display: flex;
488
+ align-items: center;
489
+ justify-content: center;
490
+ gap: 20px;
491
+ opacity: 0;
492
+ transition: opacity 0.2s ease;
493
+ }
494
+ .sku-input-card__image-item:hover .sku-input-card__image-overlay {
495
+ opacity: 1;
496
+ }
497
+ .sku-input-card__image-action-btn {
498
+ display: flex;
499
+ align-items: center;
500
+ justify-content: center;
501
+ width: 32px;
502
+ height: 32px;
503
+ border: none;
504
+ background: transparent;
505
+ color: #fff;
506
+ cursor: pointer;
507
+ padding: 0;
508
+ }
509
+ .sku-input-card__image-action-btn svg {
510
+ width: 32px;
511
+ height: 32px;
512
+ }
513
+ .sku-input-card__add-btn {
514
+ display: flex;
515
+ align-items: center;
516
+ justify-content: center;
517
+ flex: 1;
518
+ color: #333333;
519
+ background: none;
520
+ border: none;
521
+ border-radius: 4px;
522
+ cursor: pointer;
523
+ }
524
+ .sku-input-card__add-btn:hover {
525
+ color: #333333;
526
+ }
527
+ .sku-input-card__upload-options {
528
+ display: flex;
529
+ align-items: center;
530
+ justify-content: center;
531
+ flex: 1;
532
+ }
533
+ .sku-input-card__upload-options-box {
534
+ display: flex;
535
+ flex-direction: column;
536
+ background: #ffffff;
537
+ border: 1px solid #e5e7eb;
538
+ border-radius: 8px;
539
+ box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);
540
+ overflow: hidden;
541
+ }
542
+ .sku-input-card__upload-opt-btn {
543
+ display: flex;
544
+ align-items: center;
545
+ justify-content: center;
546
+ width: 140px;
547
+ height: 45px;
548
+ padding: 0;
549
+ background: none;
550
+ border: none;
551
+ cursor: pointer;
552
+ font-size: 13px;
553
+ color: #6b7280;
554
+ transition: background 0.15s ease, color 0.15s ease;
555
+ }
556
+ .sku-input-card__upload-opt-btn:hover {
557
+ background: #f3f4f6;
558
+ color: #111827;
559
+ }
560
+ .sku-input-card__dropdown {
561
+ position: absolute;
562
+ top: calc(100% + 8px);
563
+ left: 0;
564
+ width: 100%;
565
+ z-index: 100;
566
+ }
567
+ .sku-input-card__dropdown-list {
568
+ background: #ffffff;
569
+ border-radius: 6px;
570
+ box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);
571
+ max-height: 216px;
572
+ overflow-y: auto;
573
+ padding-right: 4px;
574
+ box-sizing: border-box;
575
+ }
576
+ .sku-input-card__dropdown-list::-webkit-scrollbar-track {
577
+ margin: 4px 0;
578
+ }
579
+ .sku-input-card__dropdown-list::-webkit-scrollbar {
580
+ width: 4px;
581
+ }
582
+ .sku-input-card__dropdown-list::-webkit-scrollbar-thumb {
583
+ background-color: #DBDBDB;
584
+ background-clip: padding-box;
585
+ border: 1px solid transparent;
586
+ border-radius: 2px / 2;
587
+ }
588
+ .sku-input-card__dropdown-item {
589
+ height: 40px;
590
+ display: flex;
591
+ align-items: center;
592
+ box-sizing: border-box;
593
+ padding: 8px 12px;
594
+ font-size: 13px;
595
+ color: #333333;
596
+ cursor: pointer;
597
+ transition: background 0.15s ease;
598
+ white-space: nowrap;
599
+ overflow: hidden;
600
+ text-overflow: ellipsis;
601
+ border-radius: 6px;
602
+ }
603
+ .sku-input-card__dropdown-item:hover {
604
+ background: #f5f5f5;
605
+ border-radius: 6px;
606
+ }
607
+ .sku-input-card__dropdown-item--disabled {
608
+ color: #999999;
609
+ cursor: not-allowed;
610
+ }
611
+ .sku-input-card__dropdown-item--disabled:hover {
612
+ background: transparent;
613
+ }
614
+ .sku-input-card__dropdown-item--selected {
615
+ font-weight: 600;
616
+ background: #f5f5f5;
617
+ }
618
+ .sku-input-card__dropdown-highlight {
619
+ font-weight: 600;
620
+ }
621
+ .sku-input-card__loading {
622
+ display: flex;
623
+ align-items: center;
624
+ justify-content: center;
625
+ flex: 1;
626
+ background: #f5f5f5;
627
+ }
628
+ .sku-input-card__loading-img {
629
+ width: 48px;
630
+ height: 48px;
631
+ }
632
+ @keyframes bu-input-spin {
633
+ from {
634
+ transform: rotate(0deg);
635
+ }
636
+ to {
637
+ transform: rotate(360deg);
638
+ }
639
+ }
640
+ @keyframes bu-input-shake {
641
+ 0% {
642
+ transform: translateX(0);
643
+ }
644
+ 20% {
645
+ transform: translateX(-6px);
646
+ }
647
+ 40% {
648
+ transform: translateX(6px);
649
+ }
650
+ 60% {
651
+ transform: translateX(-4px);
652
+ }
653
+ 80% {
654
+ transform: translateX(4px);
655
+ }
656
+ 100% {
657
+ transform: translateX(0);
658
+ }
659
+ }
660
+ .bu-input {
661
+ box-sizing: border-box;
662
+ display: flex;
663
+ flex-direction: column;
664
+ gap: 4px;
665
+ }
666
+ .bu-input * {
667
+ box-sizing: border-box;
668
+ }
669
+ .bu-input__label {
670
+ display: flex;
671
+ align-items: center;
672
+ gap: 2px;
673
+ font-size: 13px;
674
+ color: #333333;
675
+ font-weight: 500;
676
+ line-height: 1.5;
677
+ }
678
+ .bu-input__required {
679
+ color: #ef4444;
680
+ font-size: 13px;
681
+ line-height: 1.5;
682
+ }
683
+ .bu-input__row {
684
+ display: flex;
685
+ align-items: stretch;
686
+ }
687
+ .bu-input__icon {
688
+ display: flex;
689
+ align-items: center;
690
+ justify-content: center;
691
+ flex-shrink: 0;
692
+ min-width: 40px;
693
+ background: #ffffff;
694
+ border: 1px solid #ebebeb;
695
+ color: #333333;
696
+ box-sizing: border-box;
697
+ }
698
+ .bu-input__icon--left {
699
+ border-right: none;
700
+ border-radius: 6px 0 0 6px;
701
+ }
702
+ .bu-input__icon--right {
703
+ border-left: none;
704
+ border-radius: 0 6px 6px 0;
705
+ }
706
+ .bu-input__box {
707
+ position: relative;
708
+ flex: 1;
709
+ background: #f5f5f5;
710
+ border: 1px solid #ebebeb;
711
+ border-radius: 6px;
712
+ padding: 8px 12px;
713
+ transition: border-color 0.2s ease;
714
+ box-sizing: border-box;
715
+ }
716
+ .bu-input__box--error {
717
+ border-width: 3px;
718
+ border-color: #FDE6E9;
719
+ padding: calc(8px - 2px) calc(12px - 2px);
720
+ animation: bu-input-shake 0.4s ease;
721
+ }
722
+ .bu-input__box--error .bu-input__field::placeholder {
723
+ color: #f87171;
724
+ }
725
+ .bu-input__box--disabled {
726
+ background: #f0f0f0;
727
+ cursor: not-allowed;
728
+ }
729
+ .bu-input__box--single {
730
+ height: 40px;
731
+ }
732
+ .bu-input__box--number {
733
+ padding-right: calc(12px + 24px);
734
+ }
735
+ .bu-input__box--number.bu-input__box--error {
736
+ padding-right: calc(12px + 24px - 2px);
737
+ }
738
+ .bu-input__box--has-left {
739
+ border-left: none;
740
+ border-top-left-radius: 0;
741
+ border-bottom-left-radius: 0;
742
+ }
743
+ .bu-input__box--has-right {
744
+ border-right: none;
745
+ border-top-right-radius: 0;
746
+ border-bottom-right-radius: 0;
747
+ }
748
+ .bu-input__field {
749
+ flex: 1;
750
+ width: 100%;
751
+ background: transparent;
752
+ border: none;
753
+ outline: none;
754
+ padding: 0;
755
+ font-size: 14px;
756
+ color: #333333;
757
+ line-height: 22px;
758
+ appearance: none;
759
+ -webkit-appearance: none;
760
+ resize: none;
761
+ box-sizing: border-box;
762
+ }
763
+ .bu-input__field::placeholder {
764
+ color: #999999;
765
+ }
766
+ .bu-input__field:disabled {
767
+ cursor: not-allowed;
768
+ color: #999999;
769
+ }
770
+ .bu-input__field--input {
771
+ height: 100%;
772
+ }
773
+ .bu-input__field--textarea {
774
+ min-height: 80px;
775
+ padding-bottom: 36px;
776
+ }
777
+ .bu-input__footer {
778
+ position: absolute;
779
+ right: 12px;
780
+ top: 50%;
781
+ transform: translateY(-50%);
782
+ display: flex;
783
+ align-items: center;
784
+ gap: 10px;
785
+ }
786
+ .bu-input__footer--bottom {
787
+ top: auto;
788
+ transform: none;
789
+ bottom: 8px;
790
+ }
791
+ .bu-input__count {
792
+ font-size: 12px;
793
+ color: #999999;
794
+ line-height: 1;
795
+ user-select: none;
796
+ }
797
+ .bu-input__translating {
798
+ display: flex;
799
+ align-items: center;
800
+ gap: 4px;
801
+ font-size: 12px;
802
+ color: #999999;
803
+ user-select: none;
804
+ }
805
+ .bu-input__translating-icon {
806
+ width: 12px;
807
+ height: 12px;
808
+ flex-shrink: 0;
809
+ animation: bu-input-spin 1s linear infinite;
810
+ }
811
+ .bu-input__translated {
812
+ display: flex;
813
+ align-items: center;
814
+ gap: 4px;
815
+ font-size: 12px;
816
+ color: #16a34a;
817
+ user-select: none;
818
+ }
819
+ .bu-input__translated svg {
820
+ width: 14px;
821
+ height: 14px;
822
+ flex-shrink: 0;
823
+ }
824
+ .bu-input__lang-toggle {
825
+ display: flex;
826
+ align-items: center;
827
+ gap: 2px;
828
+ padding: 2px;
829
+ border: 1px solid #e5e7eb;
830
+ border-radius: 6px;
831
+ background: #ffffff;
832
+ }
833
+ .bu-input__lang-btn {
834
+ height: 22px;
835
+ width: 44px;
836
+ padding: 0;
837
+ border-radius: 4px;
838
+ font-size: 12px;
839
+ font-weight: 500;
840
+ cursor: pointer;
841
+ border: none;
842
+ background: transparent;
843
+ color: #374151;
844
+ line-height: 22px;
845
+ text-align: center;
846
+ }
847
+ .bu-input__lang-btn--active {
848
+ background: #1f2937;
849
+ color: #ffffff;
850
+ }
851
+ .bu-input__stepper {
852
+ position: absolute;
853
+ right: 0;
854
+ top: 0;
855
+ bottom: 0;
856
+ width: 24px;
857
+ display: flex;
858
+ flex-direction: column;
859
+ align-items: center;
860
+ justify-content: center;
861
+ gap: 3.3px;
862
+ box-sizing: border-box;
863
+ }
864
+ .bu-input__stepper-btn {
865
+ display: flex;
866
+ align-items: center;
867
+ justify-content: center;
868
+ border: none;
869
+ background: transparent;
870
+ cursor: pointer;
871
+ color: #6b7280;
872
+ padding: 0;
873
+ line-height: 1;
874
+ }
875
+ .bu-input__stepper-btn:disabled {
876
+ cursor: not-allowed;
877
+ color: #ebebeb;
878
+ }
879
+ .bu-input__error-msg {
880
+ display: flex;
881
+ align-items: center;
882
+ gap: 4px;
883
+ font-size: 12px;
884
+ color: #ef4444;
885
+ line-height: 1.4;
886
+ margin-top: 2px;
887
+ }
888
+ .bu-input__error-icon {
889
+ flex-shrink: 0;
890
+ width: 14px;
891
+ height: 14px;
892
+ }
893
+ .bj-input {
894
+ width: 100%;
895
+ height: 40px;
896
+ padding: 0 8px;
897
+ color: #333333;
898
+ font-family: 'SourceHanSansCN-Normal';
899
+ font-size: 14px;
900
+ line-height: 21px;
901
+ background: #ffffff;
902
+ border: 1px solid #ebebeb;
903
+ border-radius: 8px;
904
+ outline: none;
905
+ }
906
+ .bj-input::placeholder {
907
+ color: #999999;
908
+ }
909
+ .bj-input--small {
910
+ height: 32px;
911
+ }
912
+ .bj-input--large {
913
+ height: 48px;
914
+ }
915
+ .bj-input--disabled {
916
+ color: #999999;
917
+ background: #f0f0f0;
918
+ cursor: not-allowed;
919
+ }
920
+ .bj-input--borderless {
921
+ border-color: transparent;
922
+ }
923
+ .bj-input--error {
924
+ border-color: #ef4444;
925
+ }
926
+ .bj-input--warning {
927
+ border-color: #f59e0b;
928
+ }
929
+ .bj-input__affix-wrapper {
930
+ display: inline-flex;
931
+ align-items: center;
932
+ width: 100%;
933
+ height: 40px;
934
+ gap: 4px;
935
+ padding: 0 8px;
936
+ color: #333333;
937
+ font-family: 'SourceHanSansCN-Normal';
938
+ font-size: 14px;
939
+ background: #ffffff;
940
+ border: 1px solid #ebebeb;
941
+ border-radius: 8px;
942
+ }
943
+ .bj-input__affix-wrapper:not(.bj-input__affix-wrapper--error):not(.bj-input__affix-wrapper--readonly):not(:has(input[readonly])):not(:has(textarea[readonly])):not(:has(input:disabled)):not(:has(textarea:disabled)):hover,
944
+ .bj-input__affix-wrapper:not(.bj-input__affix-wrapper--error):not(.bj-input__affix-wrapper--readonly):not(:has(input[readonly])):not(:has(textarea[readonly])):not(:has(input:disabled)):not(:has(textarea:disabled)):focus-within {
945
+ box-shadow: 0 0 0 1px #dbdbdb;
946
+ }
947
+ .bj-input__affix-wrapper--disabled {
948
+ color: #999999;
949
+ background: #f0f0f0;
950
+ cursor: not-allowed;
951
+ }
952
+ .bj-input__affix-wrapper--small {
953
+ height: 32px;
954
+ }
955
+ .bj-input__affix-wrapper--middle {
956
+ padding-right: 4px;
957
+ padding-left: 4px;
958
+ }
959
+ .bj-input__affix-wrapper--large {
960
+ height: 48px;
961
+ }
962
+ .bj-input__affix-wrapper--error {
963
+ border-color: #ef4444;
964
+ }
965
+ .bj-input__affix-wrapper--warning {
966
+ border-color: #f59e0b;
967
+ }
968
+ .bj-input__affix-wrapper > .bj-input {
969
+ height: auto;
970
+ padding: 0;
971
+ line-height: 21px;
972
+ background: transparent;
973
+ border: 0;
974
+ }
975
+ .bj-input__affix-wrapper > .bj-input:hover,
976
+ .bj-input__affix-wrapper > .bj-input:focus {
977
+ box-shadow: none;
978
+ }
979
+ .bj-input__prefix,
980
+ .bj-input__suffix {
981
+ display: flex;
982
+ flex: none;
983
+ align-items: center;
984
+ color: #999999;
985
+ }
986
+ .bj-input__prefix .bu-icon,
987
+ .bj-input__suffix .bu-icon {
988
+ width: 20px;
989
+ height: 20px;
990
+ color: #999999;
991
+ }
992
+ .bj-input__clear-icon {
993
+ padding: 0;
994
+ color: #999999;
995
+ font: inherit;
996
+ background: transparent;
997
+ border: 0;
998
+ cursor: pointer;
999
+ }
1000
+ .bj-input__clear-icon:hover {
1001
+ color: #6b7280;
1002
+ }
1003
+ .bj-input__clear-icon:active {
1004
+ color: #333333;
1005
+ }
1006
+ .bj-input__clear-icon--hidden {
1007
+ visibility: hidden;
1008
+ }
1009
+ .bj-input__group-wrapper {
1010
+ display: inline-block;
1011
+ width: 100%;
1012
+ }
1013
+ .bj-input__group {
1014
+ display: flex;
1015
+ width: 100%;
1016
+ }
1017
+ .bj-input__group > .bj-input,
1018
+ .bj-input__group > .bj-input__affix-wrapper {
1019
+ flex: 1;
1020
+ min-width: 0;
1021
+ border-radius: 0;
1022
+ }
1023
+ .bj-input__group-addon {
1024
+ display: flex;
1025
+ flex: none;
1026
+ align-items: center;
1027
+ padding: 0 12px;
1028
+ color: #333333;
1029
+ background: #f5f5f5;
1030
+ border: 1px solid #ebebeb;
1031
+ }
1032
+ .bj-input__group-addon:first-child {
1033
+ border-radius: 8px 0 0 8px;
1034
+ }
1035
+ .bj-input__group-addon:last-child {
1036
+ border-radius: 0 8px 8px 0;
1037
+ }
1038
+ .bj-tabs {
1039
+ display: flex;
1040
+ width: 100%;
1041
+ color: #333333;
1042
+ font-family: 'SourceHanSansCN-Normal';
1043
+ font-size: 14px;
1044
+ }
1045
+ .bj-tabs__nav {
1046
+ position: relative;
1047
+ display: flex;
1048
+ flex: none;
1049
+ align-items: center;
1050
+ }
1051
+ .bj-tabs__nav-wrap {
1052
+ display: flex;
1053
+ flex: auto;
1054
+ align-self: stretch;
1055
+ overflow: auto hidden;
1056
+ white-space: nowrap;
1057
+ }
1058
+ .bj-tabs__nav-list {
1059
+ position: relative;
1060
+ display: flex;
1061
+ gap: 32px;
1062
+ }
1063
+ .bj-tabs__tab {
1064
+ position: relative;
1065
+ display: inline-flex;
1066
+ align-items: center;
1067
+ height: 45px;
1068
+ padding: 0 4px;
1069
+ color: #666666;
1070
+ font: inherit;
1071
+ background: transparent;
1072
+ border: 0;
1073
+ outline: 0;
1074
+ cursor: pointer;
1075
+ }
1076
+ .bj-tabs__tab--active {
1077
+ color: #333;
1078
+ }
1079
+ .bj-tabs__tab--active .bj-tabs__tab-btn {
1080
+ font-family: 'SourceHanSansCN-Medium';
1081
+ }
1082
+ .bj-tabs__tab--active .bj-tabs__tab-btn::after {
1083
+ position: absolute;
1084
+ right: 0;
1085
+ bottom: 0;
1086
+ left: 0;
1087
+ height: 2px;
1088
+ background: #333;
1089
+ content: '';
1090
+ pointer-events: none;
1091
+ }
1092
+ .bj-tabs__tab--disabled {
1093
+ color: #999999;
1094
+ cursor: not-allowed;
1095
+ }
1096
+ .bj-tabs__tab-btn {
1097
+ position: relative;
1098
+ display: inline-flex;
1099
+ align-items: center;
1100
+ height: 100%;
1101
+ outline: none;
1102
+ }
1103
+ .bj-tabs__content-holder {
1104
+ flex: auto;
1105
+ min-width: 0;
1106
+ min-height: 0;
1107
+ }
1108
+ .bj-tabs__content {
1109
+ position: relative;
1110
+ width: 100%;
1111
+ }
1112
+ .bj-tabs__tabpane {
1113
+ display: none;
1114
+ outline: none;
1115
+ }
1116
+ .bj-tabs__tabpane--active {
1117
+ display: block;
1118
+ }
1119
+ .bj-tabs__sr-only {
1120
+ position: absolute;
1121
+ width: 1px;
1122
+ height: 1px;
1123
+ overflow: hidden;
1124
+ clip: rect(0, 0, 0, 0);
1125
+ }
1126
+ .bj-tabs--top,
1127
+ .bj-tabs--bottom {
1128
+ flex-direction: column;
1129
+ }
1130
+ .bj-tabs--top > .bj-tabs__nav,
1131
+ .bj-tabs--bottom > .bj-tabs__nav {
1132
+ width: 100%;
1133
+ border-bottom: 1px solid #ebebeb;
1134
+ }
1135
+ .bj-tabs--bottom > .bj-tabs__nav {
1136
+ order: 1;
1137
+ border-top: 1px solid #ebebeb;
1138
+ border-bottom: 0;
1139
+ }
1140
+ .bj-tabs--bottom > .bj-tabs__content-holder {
1141
+ order: 0;
1142
+ }
1143
+ .bj-tabs--left > .bj-tabs__nav,
1144
+ .bj-tabs--right > .bj-tabs__nav {
1145
+ flex-direction: column;
1146
+ min-width: 48px;
1147
+ }
1148
+ .bj-tabs--left .bj-tabs__nav-wrap,
1149
+ .bj-tabs--right .bj-tabs__nav-wrap {
1150
+ overflow: hidden auto;
1151
+ }
1152
+ .bj-tabs--left .bj-tabs__nav-list,
1153
+ .bj-tabs--right .bj-tabs__nav-list {
1154
+ flex-direction: column;
1155
+ }
1156
+ .bj-tabs--left .bj-tabs__tab,
1157
+ .bj-tabs--right .bj-tabs__tab {
1158
+ justify-content: center;
1159
+ }
1160
+ .bj-tabs--left > .bj-tabs__nav {
1161
+ border-right: 1px solid #ebebeb;
1162
+ }
1163
+ .bj-tabs--left > .bj-tabs__content-holder {
1164
+ padding-left: 16px;
1165
+ }
1166
+ .bj-tabs--right > .bj-tabs__nav {
1167
+ order: 1;
1168
+ border-left: 1px solid #ebebeb;
1169
+ }
1170
+ .bj-tabs--right > .bj-tabs__content-holder {
1171
+ order: 0;
1172
+ padding-right: 16px;
1173
+ }
1174
+ .bj-tabs--centered > .bj-tabs__nav .bj-tabs__nav-wrap {
1175
+ justify-content: center;
1176
+ }
1177
+ .bj-tabs--card > .bj-tabs__nav .bj-tabs__tab {
1178
+ margin: 0;
1179
+ background: #f5f5f5;
1180
+ border: 1px solid #ebebeb;
1181
+ }
1182
+ .bj-tabs--card > .bj-tabs__nav .bj-tabs__tab--active {
1183
+ background: #ffffff;
1184
+ }
1185
+ .bj-tabs--card .bj-tabs__tab--active .bj-tabs__tab-btn::after {
1186
+ display: none;
1187
+ }
1188
+ .bj-tabs--card.bj-tabs--top > .bj-tabs__nav .bj-tabs__tab {
1189
+ border-radius: 4px 4px 0 0;
1190
+ }
1191
+ .bj-tabs--card.bj-tabs--bottom > .bj-tabs__nav .bj-tabs__tab {
1192
+ border-radius: 0 0 4px 4px;
1193
+ }
1194
+ .bj-tabs--card.bj-tabs--left > .bj-tabs__nav .bj-tabs__tab {
1195
+ border-radius: 4px 0 0 4px;
1196
+ }
1197
+ .bj-tabs--card.bj-tabs--right > .bj-tabs__nav .bj-tabs__tab {
1198
+ border-radius: 0 4px 4px 0;
1199
+ }
1200
+ @keyframes bu-eib-shake {
1201
+ 0% {
1202
+ transform: translateX(0);
1203
+ }
1204
+ 20% {
1205
+ transform: translateX(-6px);
1206
+ }
1207
+ 40% {
1208
+ transform: translateX(6px);
1209
+ }
1210
+ 60% {
1211
+ transform: translateX(-4px);
1212
+ }
1213
+ 80% {
1214
+ transform: translateX(4px);
1215
+ }
1216
+ 100% {
1217
+ transform: translateX(0);
1218
+ }
1219
+ }
1220
+ .bu-eib {
1221
+ display: block;
1222
+ }
1223
+ .bu-eib__box {
1224
+ position: relative;
1225
+ display: block;
1226
+ height: 40px;
1227
+ background: #f5f5f5;
1228
+ border: 1px solid #ebebeb;
1229
+ border-radius: 6px;
1230
+ padding: 0 12px;
1231
+ box-sizing: border-box;
1232
+ transition: border-color 0.2s ease;
1233
+ }
1234
+ .bu-eib__box--actions-delete {
1235
+ padding-right: calc(8px + 24px + 8px);
1236
+ }
1237
+ .bu-eib__box--actions-toggle {
1238
+ padding-right: calc(8px + 98px + 8px);
1239
+ }
1240
+ .bu-eib__box--actions-both {
1241
+ padding-right: calc(8px + 98px + 4px + 24px + 8px);
1242
+ }
1243
+ .bu-eib__box--error {
1244
+ border-width: 3px;
1245
+ border-color: #FDE6E9;
1246
+ padding-left: calc(12px - 2px);
1247
+ padding-top: 0;
1248
+ padding-bottom: 0;
1249
+ animation: bu-eib-shake 0.4s ease;
1250
+ }
1251
+ .bu-eib__box--error.bu-eib__box--actions-delete {
1252
+ padding-right: calc(8px + 24px + 8px - 2px);
1253
+ }
1254
+ .bu-eib__box--error.bu-eib__box--actions-toggle {
1255
+ padding-right: calc(8px + 98px + 8px - 2px);
1256
+ }
1257
+ .bu-eib__box--error.bu-eib__box--actions-both {
1258
+ padding-right: calc(8px + 98px + 4px + 24px + 8px - 2px);
1259
+ }
1260
+ .bu-eib__box--error .bu-eib__field::placeholder {
1261
+ color: #f87171;
1262
+ }
1263
+ .bu-eib__box--disabled {
1264
+ background: #f0f0f0;
1265
+ cursor: not-allowed;
1266
+ }
1267
+ .bu-eib__field {
1268
+ display: block;
1269
+ width: 100%;
1270
+ height: 100%;
1271
+ background: transparent;
1272
+ border: none;
1273
+ outline: none;
1274
+ padding: 0;
1275
+ font-size: 14px;
1276
+ color: #333333;
1277
+ line-height: 40px;
1278
+ appearance: none;
1279
+ -webkit-appearance: none;
1280
+ box-sizing: border-box;
1281
+ }
1282
+ .bu-eib__field::placeholder {
1283
+ color: #999999;
1284
+ }
1285
+ .bu-eib__field:disabled {
1286
+ cursor: not-allowed;
1287
+ color: #999999;
1288
+ }
1289
+ .bu-eib__actions {
1290
+ position: absolute;
1291
+ right: 8px;
1292
+ top: 50%;
1293
+ transform: translateY(-50%);
1294
+ display: flex;
1295
+ align-items: center;
1296
+ gap: 4px;
1297
+ }
1298
+ .bu-eib__lang-toggle {
1299
+ display: flex;
1300
+ align-items: center;
1301
+ flex-shrink: 0;
1302
+ gap: 2px;
1303
+ padding: 2px;
1304
+ border: 1px solid #e5e7eb;
1305
+ border-radius: 6px;
1306
+ background: #ffffff;
1307
+ }
1308
+ .bu-eib__lang-btn {
1309
+ height: 22px;
1310
+ width: 44px;
1311
+ padding: 0;
1312
+ border-radius: 4px;
1313
+ font-size: 12px;
1314
+ font-weight: 500;
1315
+ cursor: pointer;
1316
+ border: none;
1317
+ background: transparent;
1318
+ color: #374151;
1319
+ line-height: 22px;
1320
+ text-align: center;
1321
+ }
1322
+ .bu-eib__lang-btn--active {
1323
+ background: #1f2937;
1324
+ color: #ffffff;
1325
+ }
1326
+ .bu-eib__delete {
1327
+ flex-shrink: 0;
1328
+ display: flex;
1329
+ align-items: center;
1330
+ justify-content: center;
1331
+ width: 24px;
1332
+ height: 24px;
1333
+ padding: 0;
1334
+ border: none;
1335
+ background: transparent;
1336
+ cursor: pointer;
1337
+ color: #333333;
1338
+ border-radius: 4px;
1339
+ }
1340
+ .bu-eib__delete:hover {
1341
+ background: #f3f4f6;
1342
+ }
1343
+ @keyframes bu-modal-fade-in {
1344
+ from {
1345
+ opacity: 0;
1346
+ }
1347
+ to {
1348
+ opacity: 1;
1349
+ }
1350
+ }
1351
+ @keyframes bu-modal-slide-in {
1352
+ from {
1353
+ opacity: 0;
1354
+ transform: translateY(-12px) scale(0.98);
1355
+ }
1356
+ to {
1357
+ opacity: 1;
1358
+ transform: translateY(0) scale(1);
1359
+ }
1360
+ }
1361
+ .bu-modal__overlay {
1362
+ position: fixed;
1363
+ inset: 0;
1364
+ background: rgba(0, 0, 0, 0.4);
1365
+ display: flex;
1366
+ align-items: center;
1367
+ justify-content: center;
1368
+ z-index: 1000;
1369
+ animation: bu-modal-fade-in 0.18s ease;
1370
+ }
1371
+ .bu-modal__container {
1372
+ background: #ffffff;
1373
+ border-radius: 12px;
1374
+ box-shadow: 0 8px 32px rgba(0, 0, 0, 0.12);
1375
+ width: 480px;
1376
+ min-width: 320px;
1377
+ max-width: calc(100vw - 32px);
1378
+ display: flex;
1379
+ flex-direction: column;
1380
+ animation: bu-modal-slide-in 0.2s ease;
1381
+ overflow: hidden;
1382
+ }
1383
+ .bu-modal__header {
1384
+ display: flex;
1385
+ align-items: center;
1386
+ height: 64px;
1387
+ padding: 0 20px;
1388
+ flex-shrink: 0;
1389
+ gap: 8px;
1390
+ }
1391
+ .bu-modal__title {
1392
+ flex: 1;
1393
+ font-size: 15px;
1394
+ font-weight: 500;
1395
+ color: #111827;
1396
+ line-height: 1.4;
1397
+ margin: 0;
1398
+ }
1399
+ .bu-modal__lang-toggle {
1400
+ display: flex;
1401
+ align-items: center;
1402
+ flex-shrink: 0;
1403
+ gap: 2px;
1404
+ padding: 2px;
1405
+ border: 1px solid #e5e7eb;
1406
+ border-radius: 6px;
1407
+ background: #ffffff;
1408
+ }
1409
+ .bu-modal__lang-btn {
1410
+ height: 22px;
1411
+ width: 40px;
1412
+ padding: 0;
1413
+ border-radius: 4px;
1414
+ font-size: 12px;
1415
+ font-weight: 500;
1416
+ cursor: pointer;
1417
+ border: none;
1418
+ background: transparent;
1419
+ color: #374151;
1420
+ line-height: 22px;
1421
+ text-align: center;
1422
+ transition: background 0.15s ease, color 0.15s ease;
1423
+ }
1424
+ .bu-modal__lang-btn--active {
1425
+ background: #1f2937;
1426
+ color: #ffffff;
1427
+ }
1428
+ .bu-modal__close {
1429
+ flex-shrink: 0;
1430
+ display: flex;
1431
+ align-items: center;
1432
+ justify-content: center;
1433
+ width: 32px;
1434
+ height: 32px;
1435
+ padding: 0;
1436
+ border: none;
1437
+ background: transparent;
1438
+ cursor: pointer;
1439
+ color: #333;
1440
+ border-radius: 100px;
1441
+ font-size: 20px;
1442
+ line-height: 1;
1443
+ transition: background 0.15s ease, color 0.15s ease;
1444
+ }
1445
+ .bu-modal__close svg {
1446
+ width: 24px;
1447
+ height: 24px;
1448
+ }
1449
+ .bu-modal__close:hover {
1450
+ background: #f3f4f6;
1451
+ color: #333333;
1452
+ }
1453
+ .bu-modal__body {
1454
+ flex: 1;
1455
+ padding: 0 20px;
1456
+ min-height: 63px;
1457
+ color: #333333;
1458
+ font-size: 14px;
1459
+ line-height: 1.6;
1460
+ }
1461
+ .bu-modal__footer {
1462
+ display: flex;
1463
+ flex-direction: column;
1464
+ align-items: center;
1465
+ padding: 60px 20px 24px;
1466
+ gap: 10px;
1467
+ }
1468
+ .bu-modal__hint {
1469
+ font-size: 12px;
1470
+ color: #999999;
1471
+ line-height: 1.5;
1472
+ text-align: center;
1473
+ margin: 0;
1474
+ }
1475
+ .bu-modal__btn-row {
1476
+ display: flex;
1477
+ align-items: center;
1478
+ justify-content: center;
1479
+ gap: 32px;
1480
+ }
1481
+ .bu-modal__btn-cancel {
1482
+ height: 34px;
1483
+ padding: 0 8px;
1484
+ min-width: 88px;
1485
+ border: none;
1486
+ border-radius: 6px;
1487
+ background: transparent;
1488
+ color: #374151;
1489
+ font-size: 14px;
1490
+ font-weight: 400;
1491
+ cursor: pointer;
1492
+ line-height: 34px;
1493
+ }
1494
+ .bu-modal__btn-ok {
1495
+ height: 34px;
1496
+ min-width: 88px;
1497
+ padding: 0 8px;
1498
+ border: none;
1499
+ border-radius: 6px;
1500
+ background: #333;
1501
+ color: #ffffff;
1502
+ font-size: 14px;
1503
+ font-weight: 500;
1504
+ cursor: pointer;
1505
+ line-height: 34px;
1506
+ display: inline-flex;
1507
+ align-items: center;
1508
+ justify-content: center;
1509
+ gap: 4px;
1510
+ transition: opacity 0.15s ease;
1511
+ }
1512
+ .bu-modal__btn-ok--loading {
1513
+ opacity: 0.65;
1514
+ cursor: not-allowed;
1515
+ }
1516
+ .bu-modal__btn-ok:disabled {
1517
+ cursor: not-allowed;
1518
+ }
1519
+ .bu-modal__btn-ok-spinner {
1520
+ display: inline-block;
1521
+ width: 14px;
1522
+ height: 14px;
1523
+ border: 2px solid #ffffff;
1524
+ border-right-color: transparent;
1525
+ border-radius: 50%;
1526
+ animation: bu-modal-spin 0.6s linear infinite;
1527
+ flex-shrink: 0;
1528
+ }
1529
+ @keyframes bu-modal-spin {
1530
+ from {
1531
+ transform: rotate(0deg);
1532
+ }
1533
+ to {
1534
+ transform: rotate(360deg);
1535
+ }
1536
+ }
1537
+ html {
1538
+ /* Handle */
1539
+ }
1540
+ html ::-webkit-scrollbar-button {
1541
+ display: none;
1542
+ height: 0;
1543
+ width: 0;
1544
+ }
1545
+ html ::-webkit-scrollbar-track {
1546
+ -webkit-border-radius: 10px;
1547
+ border-radius: 10px;
1548
+ }
1549
+ html ::-webkit-scrollbar-thumb {
1550
+ -webkit-border-radius: 10px;
1551
+ border-radius: 50px;
1552
+ -webkit-box-shadow: inset 0 0 6px #E2E2E2;
1553
+ }
1554
+ .bu-pf {
1555
+ position: relative;
1556
+ display: block;
1557
+ user-select: none;
1558
+ /* 隐藏整个滚动条的按钮(即上下箭头) */
1559
+ }
1560
+ .bu-pf ::-webkit-scrollbar-button {
1561
+ display: none;
1562
+ height: 0;
1563
+ width: 0;
1564
+ }
1565
+ .bu-pf__trigger {
1566
+ display: flex;
1567
+ align-items: flex-start;
1568
+ min-height: 40px;
1569
+ padding: 6px 8px 6px 12px;
1570
+ background: #f5f5f5;
1571
+ border: 1px solid #ebebeb;
1572
+ border-radius: 6px;
1573
+ cursor: pointer;
1574
+ gap: 8px;
1575
+ box-sizing: border-box;
1576
+ overflow: hidden;
1577
+ }
1578
+ .bu-pf__trigger--selected {
1579
+ background: #f5f5f5;
1580
+ border-color: #f5f5f5;
1581
+ }
1582
+ .bu-pf__trigger-tags {
1583
+ flex: 1;
1584
+ display: flex;
1585
+ flex-wrap: wrap;
1586
+ gap: 8px;
1587
+ align-items: flex-start;
1588
+ align-content: flex-start;
1589
+ max-height: 94px;
1590
+ overflow-y: auto;
1591
+ overflow-x: hidden;
1592
+ padding-right: 4px;
1593
+ }
1594
+ .bu-pf__trigger-tags::-webkit-scrollbar {
1595
+ width: 4px;
1596
+ }
1597
+ .bu-pf__trigger-tags::-webkit-scrollbar-track {
1598
+ background: transparent;
1599
+ }
1600
+ .bu-pf__trigger-tags::-webkit-scrollbar-thumb {
1601
+ background: #ebebeb;
1602
+ border-radius: 2px;
1603
+ }
1604
+ .bu-pf__trigger-tags::-webkit-scrollbar-button {
1605
+ display: none;
1606
+ height: 0;
1607
+ width: 0;
1608
+ }
1609
+ .bu-pf__placeholder {
1610
+ flex: 1;
1611
+ align-self: center;
1612
+ font-size: 14px;
1613
+ color: #999999;
1614
+ line-height: 1;
1615
+ }
1616
+ .bu-pf__arrow {
1617
+ flex-shrink: 0;
1618
+ align-self: center;
1619
+ color: #999999;
1620
+ display: flex;
1621
+ align-items: center;
1622
+ transition: transform 0.2s ease;
1623
+ }
1624
+ .bu-pf__arrow--open {
1625
+ transform: rotate(180deg);
1626
+ }
1627
+ .bu-pf__panel {
1628
+ border-radius: 6px;
1629
+ background: #f5f5f5;
1630
+ }
1631
+ .bu-pf__dropdown {
1632
+ background: #ffffff;
1633
+ border: 1px solid #e5e7eb;
1634
+ border-radius: 6px;
1635
+ box-shadow: 0 0 12px rgba(0, 0, 0, 0.08);
1636
+ overflow: hidden;
1637
+ }
1638
+ .bu-pf__header {
1639
+ display: flex;
1640
+ align-items: center;
1641
+ padding: 6px 8px 6px 12px;
1642
+ min-height: 40px;
1643
+ box-sizing: border-box;
1644
+ gap: 8px;
1645
+ overflow: hidden;
1646
+ background: #f5f5f5;
1647
+ border-radius: 8px;
1648
+ border: 1px solid #DBDBDB;
1649
+ }
1650
+ .bu-pf__tags {
1651
+ flex: 1;
1652
+ display: flex;
1653
+ flex-wrap: wrap;
1654
+ gap: 8px;
1655
+ align-items: flex-start;
1656
+ align-content: flex-start;
1657
+ max-height: 94px;
1658
+ overflow-y: auto;
1659
+ overflow-x: hidden;
1660
+ padding-right: 4px;
1661
+ }
1662
+ .bu-pf__tags::-webkit-scrollbar {
1663
+ width: 4px;
1664
+ }
1665
+ .bu-pf__tags::-webkit-scrollbar-track {
1666
+ background: transparent;
1667
+ }
1668
+ .bu-pf__tags::-webkit-scrollbar-thumb {
1669
+ background: #ebebeb;
1670
+ border-radius: 2px;
1671
+ }
1672
+ .bu-pf__tags::-webkit-scrollbar-button {
1673
+ display: none;
1674
+ height: 0;
1675
+ width: 0;
1676
+ }
1677
+ .bu-pf__placeholder-inline {
1678
+ font-size: 14px;
1679
+ color: #999999;
1680
+ line-height: 26px;
1681
+ }
1682
+ .bu-pf__tag {
1683
+ display: inline-flex;
1684
+ align-items: center;
1685
+ height: 26px;
1686
+ padding: 0 6px 0 8px;
1687
+ background: #f5f5f5;
1688
+ border: 1px solid #e5e7eb;
1689
+ border-radius: 4px;
1690
+ gap: 4px;
1691
+ cursor: default;
1692
+ min-width: 250px;
1693
+ }
1694
+ .bu-pf__tag--single {
1695
+ width: 100%;
1696
+ border: none;
1697
+ border-radius: 0;
1698
+ background: transparent;
1699
+ padding: 0;
1700
+ min-width: 0;
1701
+ }
1702
+ .bu-pf__tag-text {
1703
+ font-size: 13px;
1704
+ color: #333333;
1705
+ line-height: 1;
1706
+ white-space: nowrap;
1707
+ }
1708
+ .bu-pf__tag-close {
1709
+ display: flex;
1710
+ align-items: center;
1711
+ justify-content: center;
1712
+ width: 20px;
1713
+ height: 20px;
1714
+ padding: 0;
1715
+ border: none;
1716
+ background: #99999973 !important;
1717
+ cursor: pointer;
1718
+ color: #ffffff;
1719
+ flex-shrink: 0;
1720
+ border-radius: 9999px;
1721
+ margin-left: auto;
1722
+ }
1723
+ .bu-pf__tag-close svg {
1724
+ width: 16px;
1725
+ height: 16px;
1726
+ }
1727
+ .bu-pf__close {
1728
+ flex-shrink: 0;
1729
+ align-self: center;
1730
+ display: flex;
1731
+ align-items: center;
1732
+ justify-content: center;
1733
+ width: 24px;
1734
+ height: 24px;
1735
+ padding: 0;
1736
+ border: none;
1737
+ background: transparent !important;
1738
+ cursor: pointer;
1739
+ color: #999999;
1740
+ border-radius: 9999px;
1741
+ transform: rotate(180deg);
1742
+ }
1743
+ .bu-pf__close:hover {
1744
+ background: transparent !important;
1745
+ color: #333333;
1746
+ }
1747
+ .bu-pf__toolbar {
1748
+ display: flex;
1749
+ align-items: center;
1750
+ gap: 8px;
1751
+ padding: 12px 12px 16px;
1752
+ }
1753
+ .bu-pf__search {
1754
+ flex: 1;
1755
+ display: flex;
1756
+ align-items: center;
1757
+ gap: 6px;
1758
+ height: 40px;
1759
+ padding: 0 10px;
1760
+ background: #ffffff;
1761
+ border: 1px solid #ebebeb;
1762
+ border-radius: 8px;
1763
+ }
1764
+ .bu-pf__search-icon {
1765
+ flex-shrink: 0;
1766
+ color: #999999;
1767
+ display: flex;
1768
+ align-items: center;
1769
+ }
1770
+ .bu-pf__search-input {
1771
+ flex: 1;
1772
+ border: none;
1773
+ background: transparent;
1774
+ outline: none;
1775
+ font-size: 13px;
1776
+ color: #333333;
1777
+ line-height: 1;
1778
+ min-width: 0;
1779
+ }
1780
+ .bu-pf__search-input::placeholder {
1781
+ color: #c4c4c4;
1782
+ }
1783
+ .bu-pf__sort-wrap {
1784
+ position: relative;
1785
+ flex-shrink: 0;
1786
+ }
1787
+ .bu-pf__sort-btn {
1788
+ display: flex;
1789
+ align-items: center;
1790
+ justify-content: center;
1791
+ width: 40px;
1792
+ height: 40px;
1793
+ border-radius: 4px;
1794
+ background: #f5f5f5;
1795
+ cursor: pointer;
1796
+ color: #999999;
1797
+ }
1798
+ .bu-pf__sort-dropdown {
1799
+ position: absolute;
1800
+ top: calc(100% + 4px);
1801
+ right: 0;
1802
+ min-width: 100px;
1803
+ background: #ffffff;
1804
+ border-radius: 6px;
1805
+ box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);
1806
+ z-index: 1000;
1807
+ overflow: hidden;
1808
+ }
1809
+ .bu-pf__sort-option {
1810
+ padding: 10px 16px;
1811
+ font-size: 13px;
1812
+ color: #333333;
1813
+ cursor: pointer;
1814
+ white-space: nowrap;
1815
+ text-align: center;
1816
+ }
1817
+ .bu-pf__sort-option:hover {
1818
+ background: #f5f5f5;
1819
+ }
1820
+ .bu-pf__sort-option--active {
1821
+ background: #f5f5f5;
1822
+ font-weight: 500;
1823
+ }
1824
+ .bu-pf__no-match {
1825
+ display: flex;
1826
+ flex-direction: column;
1827
+ align-items: center;
1828
+ justify-content: center;
1829
+ padding: 0px 0 24px;
1830
+ }
1831
+ .bu-pf__no-match-img {
1832
+ width: 80px;
1833
+ height: 80px;
1834
+ object-fit: contain;
1835
+ }
1836
+ .bu-pf__no-match-text {
1837
+ font-size: 14px;
1838
+ color: #999999;
1839
+ margin: 0 0 4px;
1840
+ font-weight: 350;
1841
+ }
1842
+ .bu-pf__no-match-hint {
1843
+ font-size: 12px;
1844
+ color: #999999;
1845
+ margin: 0;
1846
+ }
1847
+ .bu-pf__manage-btn {
1848
+ display: inline;
1849
+ border: none;
1850
+ background: transparent;
1851
+ padding: 0;
1852
+ font-size: 12px;
1853
+ font-weight: 600;
1854
+ color: #333333;
1855
+ cursor: pointer;
1856
+ }
1857
+ .bu-pf__list {
1858
+ max-height: 300px;
1859
+ overflow-y: auto;
1860
+ margin-bottom: 8px;
1861
+ width: calc(100% - 12px);
1862
+ display: flex;
1863
+ flex-direction: column;
1864
+ gap: 12px;
1865
+ }
1866
+ .bu-pf__list::-webkit-scrollbar {
1867
+ width: 4px;
1868
+ }
1869
+ .bu-pf__list::-webkit-scrollbar-button {
1870
+ height: 0;
1871
+ width: 0;
1872
+ }
1873
+ .bu-pf__list::-webkit-scrollbar-track {
1874
+ background: transparent;
1875
+ }
1876
+ .bu-pf__list::-webkit-scrollbar-thumb {
1877
+ border-radius: 2px;
1878
+ }
1879
+ .bu-pf__option {
1880
+ display: flex;
1881
+ align-items: center;
1882
+ height: 40px;
1883
+ flex-shrink: 0;
1884
+ padding: 0 12px;
1885
+ gap: 10px;
1886
+ cursor: pointer;
1887
+ }
1888
+ .bu-pf__option:not(.bu-pf__option--multiple):hover {
1889
+ background: #f3f4f6;
1890
+ }
1891
+ .bu-pf__option--selected {
1892
+ background: #f3f4f6;
1893
+ }
1894
+ .bu-pf__checkbox-img {
1895
+ flex-shrink: 0;
1896
+ width: 16px;
1897
+ height: 16px;
1898
+ display: block;
1899
+ }
1900
+ .bu-pf__option-label {
1901
+ flex: 1;
1902
+ font-size: 14px;
1903
+ color: #333333;
1904
+ line-height: 1;
1905
+ }
1906
+ .bu-pf__add-row {
1907
+ border-top: 1px solid #f3f4f6;
1908
+ cursor: pointer;
1909
+ }
1910
+ .bu-category-dropdown {
1911
+ position: relative;
1912
+ display: inline-block;
1913
+ min-width: 110px;
1914
+ max-width: 300px;
1915
+ }
1916
+ .bu-category-dropdown__trigger {
1917
+ display: flex;
1918
+ align-items: center;
1919
+ gap: 8px;
1920
+ height: 40px;
1921
+ min-width: 110px;
1922
+ max-width: 300px;
1923
+ padding: 0 8px;
1924
+ background: #ffffff;
1925
+ border: 1px solid #ebebeb;
1926
+ border-radius: 8px;
1927
+ cursor: pointer;
1928
+ box-sizing: border-box;
1929
+ transition: border-color 0.15s ease, background 0.15s ease, box-shadow 0.15s ease;
1930
+ text-align: left;
1931
+ }
1932
+ .bu-category-dropdown__trigger:hover:not(:disabled) {
1933
+ border-color: #ebebeb;
1934
+ box-shadow: inset 0 0 0 2px #ebebeb;
1935
+ }
1936
+ .bu-category-dropdown__trigger--open {
1937
+ border-color: #ebebeb;
1938
+ background: #f5f5f5;
1939
+ box-shadow: inset 0 0 0 2px #ebebeb;
1940
+ }
1941
+ .bu-category-dropdown__trigger--has-value {
1942
+ background: #f5f5f5;
1943
+ }
1944
+ .bu-category-dropdown__trigger:disabled {
1945
+ background: #f0f0f0;
1946
+ cursor: not-allowed;
1947
+ }
1948
+ .bu-category-dropdown__trigger-label {
1949
+ display: block;
1950
+ width: 100%;
1951
+ font-size: 14px;
1952
+ line-height: 21px;
1953
+ color: #333333;
1954
+ white-space: nowrap;
1955
+ overflow: hidden;
1956
+ text-overflow: ellipsis;
1957
+ }
1958
+ .bu-category-dropdown__trigger-label--placeholder {
1959
+ color: #999999;
1960
+ }
1961
+ .bu-category-dropdown__trigger-chevron {
1962
+ display: flex;
1963
+ align-items: center;
1964
+ justify-content: center;
1965
+ flex-shrink: 0;
1966
+ width: 16px;
1967
+ height: 16px;
1968
+ color: #6b7280;
1969
+ transition: transform 0.2s ease;
1970
+ }
1971
+ .bu-category-dropdown__trigger-chevron--open {
1972
+ transform: rotate(180deg);
1973
+ }
1974
+ .bu-category-dropdown__portal {
1975
+ background: #ffffff;
1976
+ border-radius: 8px;
1977
+ padding: 4px;
1978
+ box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);
1979
+ border: 1px solid #ebebeb;
1980
+ z-index: 1100;
1981
+ }
1982
+ .bu-category-dropdown__panel {
1983
+ display: flex;
1984
+ align-items: stretch;
1985
+ }
1986
+ .bu-category-dropdown__divider {
1987
+ width: 1px;
1988
+ flex-shrink: 0;
1989
+ background: #ebebeb;
1990
+ align-self: stretch;
1991
+ }
1992
+ .bu-category-dropdown__col {
1993
+ display: flex;
1994
+ flex-direction: column;
1995
+ align-items: stretch;
1996
+ flex-shrink: 0;
1997
+ gap: 2px;
1998
+ padding: 0 8px 0 0;
1999
+ overflow-x: hidden;
2000
+ }
2001
+ .bu-category-dropdown__col--indent {
2002
+ padding-left: 8px;
2003
+ }
2004
+ .bu-category-dropdown__col--last {
2005
+ padding-right: 0;
2006
+ }
2007
+ .bu-category-dropdown__col--scrollable {
2008
+ max-height: 250px;
2009
+ overflow-y: auto;
2010
+ overflow-x: hidden;
2011
+ padding-right: 4px;
2012
+ }
2013
+ .bu-category-dropdown__col--scrollable::-webkit-scrollbar {
2014
+ width: 3px;
2015
+ height: 3px;
2016
+ background-color: transparent;
2017
+ }
2018
+ .bu-category-dropdown__col--scrollable::-webkit-scrollbar-button {
2019
+ display: none;
2020
+ height: 0;
2021
+ width: 0;
2022
+ background: transparent;
2023
+ }
2024
+ .bu-category-dropdown__col--scrollable::-webkit-scrollbar-track {
2025
+ background-color: transparent;
2026
+ box-shadow: inset 0 0 6px transparent;
2027
+ border-radius: 9999px;
2028
+ }
2029
+ .bu-category-dropdown__col--scrollable::-webkit-scrollbar-thumb {
2030
+ background-color: transparent;
2031
+ box-shadow: inset 0 0 6px transparent;
2032
+ border-radius: 9999px;
2033
+ }
2034
+ .bu-category-dropdown__col--scrollable.bu-category-dropdown__col--scrollbar-visible::-webkit-scrollbar-thumb {
2035
+ background-color: #b3b3b3;
2036
+ }
2037
+ .bu-category-dropdown__item {
2038
+ display: flex;
2039
+ align-items: center;
2040
+ gap: 8px;
2041
+ height: 40px;
2042
+ min-width: 110px;
2043
+ max-width: 300px;
2044
+ padding: 0 8px;
2045
+ border: none;
2046
+ border-radius: 8px;
2047
+ background: #ffffff;
2048
+ cursor: pointer;
2049
+ box-sizing: border-box;
2050
+ transition: background 0.15s ease;
2051
+ text-align: left;
2052
+ flex-shrink: 0;
2053
+ }
2054
+ .bu-category-dropdown__item:hover:not(:disabled) {
2055
+ background: #f5f5f5;
2056
+ }
2057
+ .bu-category-dropdown__item--selected-branch {
2058
+ background: #f5f5f5;
2059
+ }
2060
+ .bu-category-dropdown__item--selected-leaf {
2061
+ background: #f5f5f5;
2062
+ }
2063
+ .bu-category-dropdown__item--disabled {
2064
+ cursor: not-allowed;
2065
+ opacity: 0.45;
2066
+ }
2067
+ .bu-category-dropdown__item-label {
2068
+ display: block;
2069
+ width: 100%;
2070
+ font-size: 14px;
2071
+ line-height: 21px;
2072
+ color: #333333;
2073
+ white-space: nowrap;
2074
+ overflow: hidden;
2075
+ text-overflow: ellipsis;
2076
+ }
2077
+ .bu-category-dropdown__item-arrow {
2078
+ display: flex;
2079
+ align-items: center;
2080
+ justify-content: center;
2081
+ flex-shrink: 0;
2082
+ width: 24px;
2083
+ height: 24px;
2084
+ color: #6b7280;
2085
+ }
2086
+ .bu-category-dropdown__tooltip.tooltip-popup {
2087
+ border: none;
2088
+ }
2089
+ .bu-category-dropdown__tooltip.tooltip-popup .tooltip-arrow {
2090
+ border: none;
2091
+ }
2092
+ .pagination {
2093
+ display: flex;
2094
+ align-items: center;
2095
+ gap: 16px;
2096
+ font-family: 'SourceHanSansCN-Normal';
2097
+ font-size: 14px;
2098
+ line-height: 21px;
2099
+ color: #111827;
2100
+ user-select: none;
2101
+ }
2102
+ .pagination.pagination-start {
2103
+ justify-content: flex-start;
2104
+ }
2105
+ .pagination.pagination-center {
2106
+ justify-content: center;
2107
+ }
2108
+ .pagination.pagination-end {
2109
+ justify-content: flex-end;
2110
+ }
2111
+ .pagination.pagination-small .pagination-item {
2112
+ min-width: 24px;
2113
+ height: 24px;
2114
+ padding: 0 6px;
2115
+ font-size: inherit;
2116
+ }
2117
+ .pagination.pagination-small .pagination-prev,
2118
+ .pagination.pagination-small .pagination-next {
2119
+ width: 24px;
2120
+ min-width: 24px;
2121
+ height: 24px;
2122
+ padding: 0;
2123
+ }
2124
+ .pagination.pagination-medium .pagination-item {
2125
+ min-width: 32px;
2126
+ height: 32px;
2127
+ padding: 0 8px;
2128
+ font-size: inherit;
2129
+ }
2130
+ .pagination.pagination-large .pagination-item {
2131
+ min-width: 40px;
2132
+ height: 40px;
2133
+ padding: 0 10px;
2134
+ font-size: inherit;
2135
+ }
2136
+ .pagination.pagination-disabled {
2137
+ opacity: 0.5;
2138
+ pointer-events: none;
2139
+ }
2140
+ .pagination .pagination-total {
2141
+ color: #111827;
2142
+ }
2143
+ .pagination .pagination-list {
2144
+ display: flex;
2145
+ align-items: center;
2146
+ gap: 4px;
2147
+ }
2148
+ .pagination .pagination-item {
2149
+ display: inline-flex;
2150
+ align-items: center;
2151
+ justify-content: center;
2152
+ border: 1px solid transparent;
2153
+ border-radius: 4px;
2154
+ background: transparent;
2155
+ color: #111827;
2156
+ cursor: pointer;
2157
+ transition: all 0.2s;
2158
+ outline: none;
2159
+ }
2160
+ .pagination .pagination-item:disabled {
2161
+ cursor: not-allowed;
2162
+ opacity: 0.5;
2163
+ }
2164
+ .pagination .pagination-item.pagination-item-active {
2165
+ background: #f5f5f5;
2166
+ color: #111827;
2167
+ }
2168
+ .pagination .pagination-item.pagination-ellipsis {
2169
+ cursor: default;
2170
+ pointer-events: none;
2171
+ }
2172
+ .pagination .pagination-item.pagination-prev svg,
2173
+ .pagination .pagination-item.pagination-next svg {
2174
+ display: block;
2175
+ }
2176
+ .pagination .pagination-item.pagination-prev:not(:disabled),
2177
+ .pagination .pagination-item.pagination-next:not(:disabled) {
2178
+ background: #ffffff;
2179
+ border-radius: 4px;
2180
+ }
2181
+ .pagination .pagination-sizer {
2182
+ display: flex;
2183
+ align-items: center;
2184
+ position: relative;
2185
+ }
2186
+ .pagination .pagination-sizer .pagination-sizer-select {
2187
+ display: inline-flex;
2188
+ align-items: center;
2189
+ position: relative;
2190
+ min-width: 100px;
2191
+ height: 32px;
2192
+ box-sizing: border-box;
2193
+ padding: 4px 28px 4px 8px;
2194
+ border: 1px solid #ebebeb;
2195
+ border-radius: 8px;
2196
+ background: transparent;
2197
+ color: #111827;
2198
+ font-family: inherit;
2199
+ font-size: inherit;
2200
+ line-height: inherit;
2201
+ cursor: pointer;
2202
+ outline: none;
2203
+ transition: all 0.2s;
2204
+ text-align: left;
2205
+ white-space: nowrap;
2206
+ }
2207
+ .pagination .pagination-sizer .pagination-sizer-select:disabled {
2208
+ cursor: not-allowed;
2209
+ opacity: 0.5;
2210
+ }
2211
+ .pagination .pagination-sizer .pagination-sizer-select .pagination-sizer-icon {
2212
+ position: absolute;
2213
+ top: 50%;
2214
+ right: 4px;
2215
+ pointer-events: none;
2216
+ transform: translateY(-50%);
2217
+ transition: transform 0.2s;
2218
+ }
2219
+ .pagination .pagination-sizer .pagination-sizer-select .pagination-sizer-icon.pagination-sizer-icon-open {
2220
+ transform: translateY(-50%) rotate(180deg);
2221
+ }
2222
+ .pagination .pagination-jumper {
2223
+ display: flex;
2224
+ align-items: center;
2225
+ gap: 4px;
2226
+ }
2227
+ .pagination .pagination-jumper .pagination-jumper-input {
2228
+ width: 56px;
2229
+ height: 32px;
2230
+ box-sizing: border-box;
2231
+ padding: 4px 8px;
2232
+ border: 1px solid #ebebeb;
2233
+ border-radius: 8px;
2234
+ background: transparent;
2235
+ color: #111827;
2236
+ font-family: inherit;
2237
+ font-size: inherit;
2238
+ line-height: inherit;
2239
+ text-align: center;
2240
+ outline: none;
2241
+ transition: border-color 0.2s;
2242
+ }
2243
+ .pagination .pagination-jumper .pagination-jumper-input:disabled {
2244
+ cursor: not-allowed;
2245
+ opacity: 0.5;
2246
+ }
2247
+ .pagination .pagination-jumper .pagination-jumper-input::-webkit-inner-spin-button,
2248
+ .pagination .pagination-jumper .pagination-jumper-input::-webkit-outer-spin-button {
2249
+ -webkit-appearance: none;
2250
+ margin: 0;
2251
+ }
2252
+ .pagination .pagination-jumper .pagination-jumper-input::-moz-inner-spin-button,
2253
+ .pagination .pagination-jumper .pagination-jumper-input::-moz-outer-spin-button {
2254
+ -moz-appearance: none;
2255
+ margin: 0;
2256
+ }
2257
+ .pagination.pagination-simple {
2258
+ display: inline-block;
2259
+ }
2260
+ .pagination.pagination-simple .pagination-simple-list {
2261
+ display: inline-flex;
2262
+ align-items: center;
2263
+ justify-content: center;
2264
+ background: #f5f5f5;
2265
+ border-radius: 8px;
2266
+ padding: 0;
2267
+ gap: 8px;
2268
+ }
2269
+ .pagination.pagination-simple .pagination-simple-item {
2270
+ display: flex;
2271
+ align-items: center;
2272
+ justify-content: center;
2273
+ width: 24px;
2274
+ height: 24px;
2275
+ border: none;
2276
+ background: transparent;
2277
+ color: #111827;
2278
+ cursor: pointer;
2279
+ transition: all 0.2s;
2280
+ outline: none;
2281
+ }
2282
+ .pagination.pagination-simple .pagination-simple-item:disabled {
2283
+ cursor: not-allowed;
2284
+ opacity: 0.5;
2285
+ }
2286
+ .pagination.pagination-simple .pagination-simple-item svg {
2287
+ display: block;
2288
+ }
2289
+ .pagination.pagination-simple .pagination-simple-text {
2290
+ color: #111827;
2291
+ font-family: inherit;
2292
+ font-size: inherit;
2293
+ line-height: inherit;
2294
+ padding: 0 8px;
2295
+ }
2296
+ .pagination-sizer-dropdown {
2297
+ width: 116px;
2298
+ background: #ffffff;
2299
+ border-radius: 8px;
2300
+ box-shadow: 0 0 12px rgba(0, 0, 0, 0.14);
2301
+ z-index: 100;
2302
+ overflow: hidden;
2303
+ padding: 4px;
2304
+ }
2305
+ .pagination-sizer-option {
2306
+ display: block;
2307
+ width: 100%;
2308
+ padding: 10px;
2309
+ border: none;
2310
+ background: transparent;
2311
+ color: #111827;
2312
+ font-family: 'SourceHanSansCN-Normal';
2313
+ font-size: 14px;
2314
+ line-height: 21px;
2315
+ text-align: center;
2316
+ cursor: pointer;
2317
+ transition: background-color 0.2s;
2318
+ white-space: nowrap;
2319
+ border-radius: 6px;
2320
+ height: 40px;
2321
+ display: flex;
2322
+ align-items: center;
2323
+ justify-content: center;
2324
+ }
2325
+ .pagination-sizer-option[data-selected="true"] {
2326
+ background: #f5f5f5;
2327
+ }
2328
+ .dark .pagination {
2329
+ color: #ffffff;
2330
+ }
2331
+ .dark .pagination .pagination-item {
2332
+ color: #ffffff;
2333
+ }
2334
+ .dark .pagination .pagination-item.pagination-item-active {
2335
+ background: rgba(255, 255, 255, 0.1);
2336
+ color: #ffffff;
2337
+ }
2338
+ .dark .pagination .pagination-total {
2339
+ color: #ffffff;
2340
+ }
2341
+ .dark .pagination .pagination-sizer .pagination-sizer-select {
2342
+ background: transparent;
2343
+ border-color: rgba(255, 255, 255, 0.1);
2344
+ color: #ffffff;
2345
+ }
2346
+ .dark .pagination .pagination-sizer .pagination-sizer-icon {
2347
+ color: rgba(255, 255, 255, 0.5);
2348
+ }
2349
+ .dark .pagination .pagination-jumper .pagination-jumper-input {
2350
+ background: transparent;
2351
+ border-color: rgba(255, 255, 255, 0.1);
2352
+ color: #ffffff;
2353
+ }
2354
+ .dark .pagination.pagination-simple .pagination-simple-list {
2355
+ background: rgba(255, 255, 255, 0.05);
2356
+ }
2357
+ .dark .pagination.pagination-simple .pagination-simple-item {
2358
+ color: #ffffff;
2359
+ }
2360
+ .dark .pagination.pagination-simple .pagination-simple-text {
2361
+ color: #ffffff;
2362
+ }
2363
+ .file-card {
2364
+ box-sizing: border-box;
2365
+ font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
2366
+ width: 210px;
2367
+ display: flex;
2368
+ flex-direction: column;
2369
+ gap: 8px;
2370
+ }
2371
+ .file-card .file-card__overlay {
2372
+ position: absolute;
2373
+ inset: 0;
2374
+ background: rgba(0, 0, 0, 0.4);
2375
+ border-radius: inherit;
2376
+ display: flex;
2377
+ align-items: center;
2378
+ justify-content: center;
2379
+ gap: 20px;
2380
+ opacity: 0;
2381
+ transition: opacity 0.18s;
2382
+ pointer-events: none;
2383
+ }
2384
+ .file-card .file-card__overlay-btn {
2385
+ width: 32px;
2386
+ height: 32px;
2387
+ display: inline-flex;
2388
+ align-items: center;
2389
+ justify-content: center;
2390
+ border: none;
2391
+ background: transparent;
2392
+ color: #ffffff;
2393
+ cursor: pointer;
2394
+ border-radius: 6px;
2395
+ padding: 0;
2396
+ pointer-events: auto;
2397
+ transition: background 0.15s;
2398
+ }
2399
+ .file-card .file-card__overlay-btn:hover {
2400
+ background: rgba(255, 255, 255, 0.2);
2401
+ }
2402
+ .file-card .file-card__name-area {
2403
+ display: flex;
2404
+ align-items: flex-start;
2405
+ gap: 4px;
2406
+ padding: 4px 8px;
2407
+ height: 50px;
2408
+ }
2409
+ .file-card .file-card__name-area--editing {
2410
+ background: #ffffff;
2411
+ border: 1px solid #ebebeb;
2412
+ border-radius: 4px;
2413
+ padding: 4px 8px;
2414
+ height: 50px;
2415
+ display: flex;
2416
+ align-items: flex-start;
2417
+ }
2418
+ .file-card .file-card__filename {
2419
+ flex: 1;
2420
+ font-size: 14px;
2421
+ line-height: 1.5;
2422
+ color: #111827;
2423
+ overflow: hidden;
2424
+ display: -webkit-box;
2425
+ -webkit-line-clamp: 2;
2426
+ -webkit-box-orient: vertical;
2427
+ word-break: break-all;
2428
+ padding: 0;
2429
+ margin: 0;
2430
+ box-sizing: border-box;
2431
+ vertical-align: top;
2432
+ }
2433
+ .file-card .file-card__edit-input {
2434
+ flex: 1;
2435
+ height: 42px;
2436
+ padding: 0;
2437
+ font-size: 14px;
2438
+ line-height: 1.5;
2439
+ color: #111827;
2440
+ border: none;
2441
+ border-radius: 0;
2442
+ outline: none;
2443
+ background: transparent;
2444
+ resize: none;
2445
+ overflow-y: auto;
2446
+ scrollbar-width: none;
2447
+ box-sizing: border-box;
2448
+ vertical-align: top;
2449
+ }
2450
+ .file-card .file-card__edit-input::-webkit-scrollbar {
2451
+ display: none;
2452
+ }
2453
+ .file-card .file-card__edit-input:focus {
2454
+ outline: none;
2455
+ }
2456
+ .file-card--pdf .file-card__pdf-preview {
2457
+ position: relative;
2458
+ height: 138px;
2459
+ background: #d1d5db;
2460
+ border-radius: 4px;
2461
+ display: flex;
2462
+ flex-direction: column;
2463
+ justify-content: flex-end;
2464
+ align-items: center;
2465
+ cursor: pointer;
2466
+ overflow: hidden;
2467
+ transition: box-shadow 0.2s;
2468
+ }
2469
+ .file-card--pdf .file-card__pdf-preview:hover {
2470
+ box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);
2471
+ }
2472
+ .file-card--pdf .file-card__pdf-preview:hover .file-card__overlay {
2473
+ opacity: 1;
2474
+ }
2475
+ .file-card--pdf .file-card__pdf-label {
2476
+ width: 100%;
2477
+ padding: 8px 10px;
2478
+ background: #1f2937;
2479
+ display: flex;
2480
+ align-items: center;
2481
+ justify-content: center;
2482
+ flex-shrink: 0;
2483
+ }
2484
+ .file-card--pdf .file-card__pdf-label span {
2485
+ font-size: 14px;
2486
+ font-weight: 350;
2487
+ color: #ffffff;
2488
+ letter-spacing: 0.3px;
2489
+ }
2490
+ .file-card--other .file-card__other-preview {
2491
+ position: relative;
2492
+ height: 138px;
2493
+ background: #ffffff;
2494
+ border: 1px solid #ebebeb;
2495
+ border-radius: 8px;
2496
+ display: flex;
2497
+ align-items: center;
2498
+ justify-content: center;
2499
+ cursor: pointer;
2500
+ overflow: hidden;
2501
+ transition: box-shadow 0.2s;
2502
+ }
2503
+ .file-card--other .file-card__other-preview:hover {
2504
+ box-shadow: 0 2px 6px rgba(0, 0, 0, 0.06);
2505
+ }
2506
+ .file-card--other .file-card__other-preview:hover .file-card__overlay {
2507
+ opacity: 1;
2508
+ }
2509
+ .file-card--other .file-card__image-thumb {
2510
+ width: 100%;
2511
+ height: 100%;
2512
+ object-fit: cover;
2513
+ }
2514
+ .dark .file-card--pdf .file-card__pdf-preview {
2515
+ background: #2a2a2a;
2516
+ }
2517
+ .dark .file-card--pdf .file-card__pdf-preview:hover {
2518
+ box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4);
2519
+ }
2520
+ .dark .file-card--pdf .file-card__pdf-label {
2521
+ background: #1a1a1a;
2522
+ }
2523
+ .dark .file-card--other .file-card__other-preview {
2524
+ background: #1f1f1f;
2525
+ border-color: #303030;
2526
+ }
2527
+ .dark .file-card--other .file-card__other-preview:hover {
2528
+ box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
2529
+ }
2530
+ .dark .file-card .file-card__filename {
2531
+ color: #e8e8e8;
2532
+ }
2533
+ .dark .file-card .file-card__name-area--editing {
2534
+ background: #1f1f1f;
2535
+ border-color: #404040;
2536
+ padding: 4px 8px;
2537
+ height: 50px;
2538
+ display: flex;
2539
+ align-items: flex-start;
2540
+ }
2541
+ .dark .file-card .file-card__edit-input {
2542
+ background: transparent;
2543
+ color: #e8e8e8;
2544
+ border: none;
2545
+ border-radius: 0;
2546
+ height: 42px;
2547
+ padding: 0;
2548
+ font-size: 14px;
2549
+ line-height: 1.5;
2550
+ resize: none;
2551
+ overflow-y: auto;
2552
+ scrollbar-width: none;
2553
+ box-sizing: border-box;
2554
+ vertical-align: top;
2555
+ }
2556
+ .dark .file-card .file-card__edit-input::-webkit-scrollbar {
2557
+ display: none;
2558
+ }
2559
+ .dark .file-card .file-card__edit-input:focus {
2560
+ outline: none;
2561
+ }
2562
+ .bu-switch {
2563
+ --bu-switch-light-on: #333333;
2564
+ --bu-switch-light-off: #CCCCCC;
2565
+ --bu-switch-dark-on: #e60023;
2566
+ --bu-switch-dark-off: rgba(255, 255, 255, 0.25);
2567
+ --bu-switch-track-bg: #CCCCCC;
2568
+ position: relative;
2569
+ display: inline-block;
2570
+ box-sizing: border-box;
2571
+ width: 32px;
2572
+ min-width: 32px;
2573
+ height: 16px;
2574
+ padding: 0;
2575
+ border: none;
2576
+ border-radius: 9999px;
2577
+ background: var(--bu-switch-track-bg);
2578
+ cursor: pointer;
2579
+ transition: background 0.2s cubic-bezier(0.4, 0, 0.2, 1);
2580
+ outline: none;
2581
+ vertical-align: middle;
2582
+ user-select: none;
2583
+ -webkit-tap-highlight-color: transparent;
2584
+ }
2585
+ .bu-switch--disabled {
2586
+ cursor: not-allowed;
2587
+ opacity: 0.5;
2588
+ }
2589
+ .bu-switch--loading {
2590
+ cursor: wait;
2591
+ }
2592
+ .bu-switch__track {
2593
+ display: flex;
2594
+ align-items: center;
2595
+ width: 100%;
2596
+ height: 100%;
2597
+ padding: 2px;
2598
+ box-sizing: border-box;
2599
+ }
2600
+ .bu-switch__thumb {
2601
+ position: relative;
2602
+ flex-shrink: 0;
2603
+ width: 12px;
2604
+ height: 12px;
2605
+ border-radius: 9999px;
2606
+ background: #ffffff;
2607
+ box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
2608
+ transition: transform 0.2s cubic-bezier(0.4, 0, 0.2, 1);
2609
+ transform: translateX(0);
2610
+ }
2611
+ .bu-switch--checked .bu-switch__thumb {
2612
+ transform: translateX(16px);
2613
+ }
2614
+ .bu-switch__loading-icon {
2615
+ position: absolute;
2616
+ inset: 0;
2617
+ display: flex;
2618
+ align-items: center;
2619
+ justify-content: center;
2620
+ color: #999999;
2621
+ animation: bu-switch-spin 0.8s linear infinite;
2622
+ }
2623
+ .bu-switch__loading-icon svg {
2624
+ width: 10px;
2625
+ height: 10px;
2626
+ }
2627
+ @keyframes bu-switch-spin {
2628
+ from {
2629
+ transform: rotate(0deg);
2630
+ }
2631
+ to {
2632
+ transform: rotate(360deg);
2633
+ }
2634
+ }
2635
+ .bu-switch__label {
2636
+ flex: 1;
2637
+ display: flex;
2638
+ align-items: center;
2639
+ justify-content: center;
2640
+ font-size: 12px;
2641
+ color: #ffffff;
2642
+ overflow: hidden;
2643
+ white-space: nowrap;
2644
+ line-height: 1;
2645
+ min-width: 0;
2646
+ padding: 0 2px;
2647
+ }
2648
+ .bu-switch__label--left {
2649
+ justify-content: flex-start;
2650
+ }
2651
+ .bu-switch__label--right {
2652
+ justify-content: flex-end;
2653
+ }
2654
+ .bj-input-number {
2655
+ box-sizing: border-box;
2656
+ position: relative;
2657
+ display: inline-flex;
2658
+ align-items: center;
2659
+ width: 100%;
2660
+ min-width: 90px;
2661
+ background: #f5f5f5;
2662
+ border: 1px solid #ebebeb;
2663
+ border-radius: 8px;
2664
+ padding: 8px 12px;
2665
+ transition: border-color 0.2s ease;
2666
+ }
2667
+ .bj-input-number * {
2668
+ box-sizing: border-box;
2669
+ }
2670
+ .bj-input-number::after {
2671
+ content: '';
2672
+ position: absolute;
2673
+ top: 0;
2674
+ right: 0;
2675
+ bottom: 0;
2676
+ left: 0;
2677
+ border-radius: 8px;
2678
+ pointer-events: none;
2679
+ transition: box-shadow 0.2s ease;
2680
+ }
2681
+ .bj-input-number:hover:not(.bj-input-number--disabled):not(.bj-input-number--readonly)::after,
2682
+ .bj-input-number:active:not(.bj-input-number--disabled):not(.bj-input-number--readonly)::after {
2683
+ box-shadow: inset 0 0 0 2px #ebebeb;
2684
+ }
2685
+ .bj-input-number--focused {
2686
+ border-color: #ebebeb;
2687
+ }
2688
+ .bj-input-number--focused::after {
2689
+ box-shadow: inset 0 0 0 2px #ebebeb;
2690
+ }
2691
+ .bj-input-number--small {
2692
+ height: 32px;
2693
+ font-size: 13px;
2694
+ }
2695
+ .bj-input-number--middle {
2696
+ height: 40px;
2697
+ font-size: 14px;
2698
+ }
2699
+ .bj-input-number--large {
2700
+ height: 48px;
2701
+ font-size: 15px;
2702
+ }
2703
+ .bj-input-number--disabled {
2704
+ background: #f0f0f0;
2705
+ cursor: not-allowed;
2706
+ }
2707
+ .bj-input-number--disabled:hover {
2708
+ border-color: #ebebeb;
2709
+ }
2710
+ .bj-input-number--readonly {
2711
+ background: #f3f4f6;
2712
+ }
2713
+ .bj-input-number--borderless {
2714
+ border-color: transparent;
2715
+ background: transparent;
2716
+ }
2717
+ .bj-input-number--borderless.bj-input-number--focused {
2718
+ box-shadow: none;
2719
+ }
2720
+ .bj-input-number--error {
2721
+ border-width: 3px;
2722
+ border-color: #FDE6E9;
2723
+ padding: calc(8px - 2px) calc(12px - 2px);
2724
+ }
2725
+ .bj-input-number--error .bj-input-number__input::placeholder {
2726
+ color: #f87171;
2727
+ }
2728
+ .bj-input-number--warning {
2729
+ border-color: #f59e0b;
2730
+ }
2731
+ .bj-input-number--out-of-range .bj-input-number__input {
2732
+ color: #ef4444;
2733
+ }
2734
+ .bj-input-number--with-controls {
2735
+ padding-right: calc(12px + 32px);
2736
+ }
2737
+ .bj-input-number--with-controls.bj-input-number--error {
2738
+ padding-right: calc(12px + 32px - 2px);
2739
+ }
2740
+ .bj-input-number--group-left {
2741
+ border-left: none;
2742
+ border-top-left-radius: 0;
2743
+ border-bottom-left-radius: 0;
2744
+ }
2745
+ .bj-input-number--group-right {
2746
+ border-right: none;
2747
+ border-top-right-radius: 0;
2748
+ border-bottom-right-radius: 0;
2749
+ }
2750
+ .bj-input-number__prefix,
2751
+ .bj-input-number__suffix {
2752
+ display: flex;
2753
+ flex: none;
2754
+ align-items: center;
2755
+ color: #6b7280;
2756
+ pointer-events: none;
2757
+ }
2758
+ .bj-input-number__prefix {
2759
+ margin-right: 4px;
2760
+ }
2761
+ .bj-input-number__suffix {
2762
+ margin-left: 4px;
2763
+ }
2764
+ .bj-input-number__input-wrap {
2765
+ flex: 1;
2766
+ min-width: 0;
2767
+ display: flex;
2768
+ transition: box-shadow 0.2s ease;
2769
+ }
2770
+ .bj-input-number__input-wrap:hover {
2771
+ box-shadow: inset 0 0 0 2px #ebebeb;
2772
+ }
2773
+ .bj-input-number--disabled .bj-input-number__input-wrap:hover,
2774
+ .bj-input-number--readonly .bj-input-number__input-wrap:hover {
2775
+ box-shadow: none;
2776
+ }
2777
+ .bj-input-number__input {
2778
+ width: 100%;
2779
+ border: none;
2780
+ outline: none;
2781
+ background: transparent;
2782
+ padding: 0;
2783
+ margin: 0;
2784
+ font: inherit;
2785
+ color: #333333;
2786
+ appearance: textfield;
2787
+ -moz-appearance: textfield;
2788
+ }
2789
+ .bj-input-number__input::-webkit-inner-spin-button,
2790
+ .bj-input-number__input::-webkit-outer-spin-button {
2791
+ margin: 0;
2792
+ appearance: none;
2793
+ -webkit-appearance: none;
2794
+ }
2795
+ .bj-input-number__input::placeholder {
2796
+ color: #999999;
2797
+ }
2798
+ .bj-input-number__input:disabled {
2799
+ cursor: not-allowed;
2800
+ color: #999999;
2801
+ }
2802
+ .bj-input-number__handler-wrap {
2803
+ position: absolute;
2804
+ top: 0;
2805
+ right: 0;
2806
+ bottom: 0;
2807
+ width: 32px;
2808
+ opacity: 0;
2809
+ transition: opacity 0.2s ease;
2810
+ }
2811
+ .bj-input-number:hover .bj-input-number__handler-wrap,
2812
+ .bj-input-number--focused .bj-input-number__handler-wrap {
2813
+ opacity: 1;
2814
+ }
2815
+ .bj-input-number--disabled .bj-input-number__handler-wrap,
2816
+ .bj-input-number--readonly .bj-input-number__handler-wrap {
2817
+ display: none;
2818
+ }
2819
+ .bj-input-number__handler {
2820
+ position: absolute;
2821
+ left: 0;
2822
+ right: 0;
2823
+ margin-right: 8px;
2824
+ height: 50%;
2825
+ cursor: pointer;
2826
+ background: transparent;
2827
+ user-select: none;
2828
+ }
2829
+ .bj-input-number__handler--up {
2830
+ top: 0;
2831
+ }
2832
+ .bj-input-number__handler--down {
2833
+ bottom: 0;
2834
+ }
2835
+ .bj-input-number__handler--disabled {
2836
+ cursor: not-allowed;
2837
+ }
2838
+ .bj-input-number__handler-icon {
2839
+ position: absolute;
2840
+ top: 50%;
2841
+ right: 8px;
2842
+ width: 24px;
2843
+ height: 24px;
2844
+ transform: translateY(-50%);
2845
+ pointer-events: none;
2846
+ color: #999999;
2847
+ transition: opacity 0.15s ease, color 0.15s ease;
2848
+ }
2849
+ .bj-input-number__handler-icon--up {
2850
+ clip-path: inset(0 0 50% 0);
2851
+ }
2852
+ .bj-input-number__handler-icon--down {
2853
+ clip-path: inset(50% 0 0 0);
2854
+ }
2855
+ .bj-input-number__handler--up:active ~ .bj-input-number__handler-icon--up {
2856
+ color: #333333;
2857
+ }
2858
+ .bj-input-number__handler--down:active ~ .bj-input-number__handler-icon--down {
2859
+ color: #333333;
2860
+ }
2861
+ .bj-input-number-group {
2862
+ display: inline-flex;
2863
+ align-items: stretch;
2864
+ width: 100%;
2865
+ }
2866
+ .bj-input-number-group__addon {
2867
+ display: flex;
2868
+ align-items: center;
2869
+ flex: none;
2870
+ padding: 0 12px;
2871
+ background: #f3f4f6;
2872
+ border: 1px solid #ebebeb;
2873
+ color: #6b7280;
2874
+ white-space: nowrap;
2875
+ }
2876
+ .bj-input-number-group__addon:first-child {
2877
+ border-right: none;
2878
+ border-radius: 8px 0 0 8px;
2879
+ }
2880
+ .bj-input-number-group__addon:last-child {
2881
+ border-left: none;
2882
+ border-radius: 0 8px 8px 0;
2883
+ }
2884
+ .bj-input-number-group .bj-input-number {
2885
+ flex: 1;
2886
+ min-width: 0;
2887
+ }
2888
+ .bj-checkbox-wrapper {
2889
+ display: inline-flex;
2890
+ align-items: flex-start;
2891
+ gap: 8px;
2892
+ color: #333333;
2893
+ font-family: 'SourceHanSansCN-Normal';
2894
+ font-size: 14px;
2895
+ line-height: 21px;
2896
+ cursor: pointer;
2897
+ }
2898
+ .bj-checkbox-wrapper--disabled {
2899
+ color: #999999;
2900
+ cursor: not-allowed;
2901
+ }
2902
+ .bj-checkbox-wrapper--rtl {
2903
+ direction: rtl;
2904
+ }
2905
+ .bj-checkbox {
2906
+ position: relative;
2907
+ display: inline-flex;
2908
+ flex: none;
2909
+ align-items: center;
2910
+ justify-content: center;
2911
+ width: 16px;
2912
+ height: 16px;
2913
+ vertical-align: middle;
2914
+ }
2915
+ .bj-checkbox__input {
2916
+ position: absolute;
2917
+ inset: 0;
2918
+ z-index: 1;
2919
+ width: 100%;
2920
+ height: 100%;
2921
+ margin: 0;
2922
+ opacity: 0;
2923
+ cursor: inherit;
2924
+ }
2925
+ .bj-checkbox__inner {
2926
+ position: relative;
2927
+ display: flex;
2928
+ align-items: center;
2929
+ justify-content: center;
2930
+ width: 16px;
2931
+ height: 16px;
2932
+ background: transparent;
2933
+ border: 1px solid #dbdbdb;
2934
+ border-radius: 4px;
2935
+ transition: width 0.15s ease, height 0.15s ease, background 0.15s ease;
2936
+ }
2937
+ .bj-checkbox--checked.bj-checkbox--dark .bj-checkbox__inner {
2938
+ width: 16px;
2939
+ height: 16px;
2940
+ background: #333;
2941
+ border-color: #333;
2942
+ }
2943
+ .bj-checkbox--checked.bj-checkbox--white .bj-checkbox__inner {
2944
+ width: 16px;
2945
+ height: 16px;
2946
+ background: transparent;
2947
+ border-color: #dbdbdb;
2948
+ }
2949
+ .bj-checkbox--white .bj-checkbox__check-icon {
2950
+ color: #333;
2951
+ }
2952
+ .bj-checkbox__check-icon {
2953
+ position: absolute;
2954
+ top: 50%;
2955
+ left: 50%;
2956
+ width: 14px;
2957
+ height: 14px;
2958
+ color: #ffffff;
2959
+ pointer-events: none;
2960
+ transform: translate(-50%, -50%);
2961
+ }
2962
+ .bj-checkbox--indeterminate .bj-checkbox__inner {
2963
+ width: 16px;
2964
+ height: 16px;
2965
+ background: #ffffff;
2966
+ border-color: #dbdbdb;
2967
+ }
2968
+ .bj-checkbox__indeterminate-mark {
2969
+ width: 8px;
2970
+ height: 2px;
2971
+ background: #333;
2972
+ border-radius: 4px;
2973
+ }
2974
+ .bj-checkbox--disabled {
2975
+ opacity: 0.5;
2976
+ }
2977
+ .bj-checkbox__input:focus-visible + .bj-checkbox__inner {
2978
+ outline: 2px solid #1677ff;
2979
+ outline-offset: 1px;
2980
+ }
2981
+ .bj-checkbox__label {
2982
+ position: relative;
2983
+ min-width: 0;
2984
+ padding-right: 0;
2985
+ padding-left: 0;
2986
+ overflow-wrap: anywhere;
2987
+ }
2988
+ .bj-checkbox-group {
2989
+ display: inline-flex;
2990
+ flex-wrap: wrap;
2991
+ align-items: center;
2992
+ gap: 8px;
2993
+ }
2994
+ .bj-checkbox-group--rtl {
2995
+ direction: rtl;
2996
+ }
2997
+ .bj-overlay-scrollbar-hidden {
2998
+ scrollbar-width: none;
2999
+ -ms-overflow-style: none;
3000
+ }
3001
+ .bj-overlay-scrollbar-hidden::-webkit-scrollbar {
3002
+ width: 0;
3003
+ height: 0;
3004
+ }
3005
+ .bj-overlay-scrollbar__thumb {
3006
+ position: absolute;
3007
+ z-index: 100;
3008
+ background: var(--bj-overlay-scrollbar-bg, #dbdbdb);
3009
+ border-radius: 4px;
3010
+ cursor: pointer;
3011
+ opacity: 0;
3012
+ transition: opacity 0.2s, background 0.2s;
3013
+ }
3014
+ .bj-overlay-scrollbar__thumb--active {
3015
+ opacity: 1;
3016
+ }
3017
+ .bj-overlay-scrollbar__thumb:hover {
3018
+ background: var(--bj-overlay-scrollbar-bg, #c2c2c2);
3019
+ }
3020
+ .bj-dropdown {
3021
+ width: 280px;
3022
+ overflow: hidden;
3023
+ color: #333333;
3024
+ background: #ffffff;
3025
+ border: 1px solid #ebebeb;
3026
+ border-radius: 8px;
3027
+ box-shadow: 0 0 12px rgba(0, 0, 0, 0.08);
3028
+ }
3029
+ .bj-dropdown__search {
3030
+ padding: 8px;
3031
+ }
3032
+ .bj-dropdown__search .bj-input__affix-wrapper {
3033
+ height: 32px;
3034
+ border-radius: 8px;
3035
+ }
3036
+ .bj-dropdown__search .bj-input__affix-wrapper:not(.bj-input__affix-wrapper--error):not(.bj-input__affix-wrapper--readonly):not(:has(input[readonly])):not(:has(textarea[readonly])):not(:has(input:disabled)):not(:has(textarea:disabled)):hover,
3037
+ .bj-dropdown__search .bj-input__affix-wrapper:not(.bj-input__affix-wrapper--error):not(.bj-input__affix-wrapper--readonly):not(:has(input[readonly])):not(:has(textarea[readonly])):not(:has(input:disabled)):not(:has(textarea:disabled)):focus-within {
3038
+ border-color: #dbdbdb;
3039
+ box-shadow: none;
3040
+ }
3041
+ .bj-dropdown__search .bj-input__prefix .bu-icon {
3042
+ width: 24px;
3043
+ height: 24px;
3044
+ color: #999999;
3045
+ }
3046
+ .bj-dropdown__search .bj-input__clear-icon {
3047
+ display: flex;
3048
+ align-items: center;
3049
+ justify-content: center;
3050
+ width: 20px;
3051
+ height: 20px;
3052
+ margin-right: 4px;
3053
+ color: #333333;
3054
+ }
3055
+ .bj-dropdown__search .bj-dropdown__search-clear-icon {
3056
+ width: 20px;
3057
+ height: 20px;
3058
+ color: #333333;
3059
+ }
3060
+ .bj-dropdown__options {
3061
+ max-height: calc(40px * 6);
3062
+ padding: 0 12px;
3063
+ margin: 0 0 12px;
3064
+ overflow-y: auto;
3065
+ }
3066
+ .bj-dropdown__options--empty {
3067
+ height: 160px;
3068
+ margin-top: 0;
3069
+ margin-bottom: 12px;
3070
+ }
3071
+ .bj-dropdown__option {
3072
+ display: flex;
3073
+ align-items: center;
3074
+ gap: 8px;
3075
+ width: 100%;
3076
+ min-height: 40px;
3077
+ padding: 0;
3078
+ color: #333333;
3079
+ font-family: 'SourceHanSansCN-Normal';
3080
+ font-size: 14px;
3081
+ line-height: 21px;
3082
+ white-space: nowrap;
3083
+ cursor: pointer;
3084
+ }
3085
+ .bj-dropdown__option .bj-checkbox__label {
3086
+ display: block;
3087
+ flex: 1;
3088
+ min-width: 0;
3089
+ padding-right: 0;
3090
+ padding-left: 0;
3091
+ }
3092
+ .bj-dropdown__option--single {
3093
+ justify-content: space-between;
3094
+ align-items: center;
3095
+ gap: 8px;
3096
+ min-height: 40px;
3097
+ padding: 0 12px;
3098
+ font-family: 'SourceHanSansCN-Normal';
3099
+ font-size: 14px;
3100
+ font-style: normal;
3101
+ font-weight: 350;
3102
+ line-height: 21px;
3103
+ letter-spacing: 0;
3104
+ text-align: left;
3105
+ background: transparent;
3106
+ border: 0;
3107
+ }
3108
+ .bj-dropdown__option--single:hover:not(:disabled) {
3109
+ background: #fafafa;
3110
+ }
3111
+ .bj-dropdown__option--single:disabled {
3112
+ color: #999999;
3113
+ cursor: not-allowed;
3114
+ }
3115
+ .bj-dropdown__option-label {
3116
+ display: block;
3117
+ flex: 1;
3118
+ min-width: 0;
3119
+ overflow: hidden;
3120
+ text-overflow: ellipsis;
3121
+ white-space: nowrap;
3122
+ }
3123
+ .bj-dropdown__option-content {
3124
+ display: flex;
3125
+ flex: 1;
3126
+ flex-direction: column;
3127
+ min-width: 0;
3128
+ }
3129
+ .bj-dropdown__option-description {
3130
+ overflow: hidden;
3131
+ color: #999999;
3132
+ font-family: 'SourceHanSansCN-Normal';
3133
+ font-size: 12px;
3134
+ font-style: normal;
3135
+ font-weight: 350;
3136
+ line-height: 19px;
3137
+ letter-spacing: 0;
3138
+ text-overflow: ellipsis;
3139
+ white-space: nowrap;
3140
+ }
3141
+ .bj-dropdown__option-tooltip-anchor {
3142
+ display: block;
3143
+ pointer-events: none;
3144
+ z-index: 1100;
3145
+ }
3146
+ .bj-dropdown__option-tooltip.tooltip-popup {
3147
+ border: 0;
3148
+ }
3149
+ .bj-dropdown__option-tooltip.tooltip-popup .tooltip-arrow {
3150
+ border: 0;
3151
+ }
3152
+ .bj-dropdown__option-icon {
3153
+ flex: none;
3154
+ width: 20px;
3155
+ height: 20px;
3156
+ color: #333333;
3157
+ }
3158
+ .bj-dropdown__empty {
3159
+ display: flex;
3160
+ flex-direction: column;
3161
+ align-items: center;
3162
+ justify-content: center;
3163
+ gap: 1px;
3164
+ height: 100%;
3165
+ }
3166
+ .bj-dropdown__empty-image {
3167
+ width: 68px;
3168
+ height: 68px;
3169
+ }
3170
+ .bj-dropdown__empty-text {
3171
+ color: #999999;
3172
+ font-family: 'SourceHanSansCN-Normal';
3173
+ font-size: 12px;
3174
+ font-style: normal;
3175
+ font-weight: 350;
3176
+ line-height: 21px;
3177
+ letter-spacing: 0;
3178
+ text-align: center;
3179
+ }
3180
+ .bj-dropdown__actions {
3181
+ display: flex;
3182
+ justify-content: center;
3183
+ gap: 16px;
3184
+ padding: 8px 12px 12px;
3185
+ }
3186
+ .bj-dropdown__actions button {
3187
+ min-width: 80px;
3188
+ height: 28px;
3189
+ padding: 0 12px;
3190
+ color: #333333;
3191
+ font-family: 'SourceHanSansCN-Normal';
3192
+ font-size: 12px;
3193
+ line-height: 28px;
3194
+ background: transparent;
3195
+ border: 0;
3196
+ border-radius: 4px;
3197
+ cursor: pointer;
3198
+ }
3199
+ .bj-dropdown__actions button:last-child {
3200
+ color: #ffffff;
3201
+ background: #333;
3202
+ }
3203
+ .bj-dropdown__actions--single {
3204
+ display: block;
3205
+ padding: 0;
3206
+ margin-top: 20px;
3207
+ }
3208
+ .bj-dropdown__actions--single button {
3209
+ width: 100%;
3210
+ min-width: 0;
3211
+ height: 40px;
3212
+ color: #333333;
3213
+ font-family: 'SourceHanSansCN-Normal';
3214
+ font-size: 12px;
3215
+ font-style: normal;
3216
+ font-weight: 350;
3217
+ line-height: 19px;
3218
+ background: #f5f5f5;
3219
+ border-radius: 0;
3220
+ }
3221
+ .bj-dropdown__actions--single button:last-child {
3222
+ color: #333333;
3223
+ background: #f5f5f5;
3224
+ }
3225
+ .bj-dropdown--single .bj-dropdown__search {
3226
+ padding: 8px 8px;
3227
+ }
3228
+ .bj-dropdown--single .bj-dropdown__options--single {
3229
+ max-height: calc(40px * 6);
3230
+ padding: 0;
3231
+ margin: 0;
3232
+ }
3233
+ .bj-dropdown--single .bj-dropdown__options--single.bj-dropdown__options--empty {
3234
+ margin-bottom: 20px;
3235
+ }
3236
+ .bj-dropdown--double-line .bj-dropdown__options {
3237
+ max-height: calc(56px * 6);
3238
+ }
3239
+ .bj-dropdown--double-line .bj-dropdown__option--double-line {
3240
+ min-height: 56px;
3241
+ padding: 8px 12px;
3242
+ }
3243
+ .bj-dropdown--double-line .bj-dropdown__option--double-line .bj-checkbox {
3244
+ margin-top: 0;
3245
+ }
3246
+ .bj-dropdown--double-line .bj-dropdown__option--double-line--single {
3247
+ padding: 8px 12px;
3248
+ }
3249
+ .bj-dropdown--double-line .bj-dropdown__option--double-line:not(.bj-dropdown__option--single) {
3250
+ padding: 8px 0;
3251
+ }
3252
+ .bj-dropdown--double-line .bj-dropdown__option-label {
3253
+ font-family: 'SourceHanSansCN-Normal';
3254
+ font-weight: 350;
3255
+ line-height: 21px;
3256
+ }
3257
+ .bj-dropdown--double-line.bj-dropdown--single .bj-dropdown__options--single {
3258
+ max-height: calc(56px * 6);
3259
+ }
3260
+ .bj-table {
3261
+ position: relative;
3262
+ width: 100%;
3263
+ color: #333333;
3264
+ font-family: 'SourceHanSansCN-Normal';
3265
+ font-size: 12px;
3266
+ line-height: 19px;
3267
+ }
3268
+ .bj-table *,
3269
+ .bj-table *::before,
3270
+ .bj-table *::after {
3271
+ box-sizing: border-box;
3272
+ }
3273
+ .bj-table__scroll {
3274
+ width: 100%;
3275
+ overflow-x: auto;
3276
+ }
3277
+ .bj-table__viewport {
3278
+ position: relative;
3279
+ }
3280
+ .bj-table__native-table {
3281
+ width: 100%;
3282
+ min-width: 100%;
3283
+ border-spacing: 0;
3284
+ border-collapse: separate;
3285
+ table-layout: fixed;
3286
+ }
3287
+ .bj-table__title,
3288
+ .bj-table__footer {
3289
+ padding: 12px 12px;
3290
+ color: #333333;
3291
+ background: #ffffff;
3292
+ border: 1px solid #dbdbdb;
3293
+ }
3294
+ .bj-table__title {
3295
+ border-bottom: 0;
3296
+ }
3297
+ .bj-table__footer {
3298
+ border-top: 0;
3299
+ }
3300
+ .bj-table__summary {
3301
+ position: relative;
3302
+ background: #ffffff;
3303
+ }
3304
+ .bj-table__summary th,
3305
+ .bj-table__summary td {
3306
+ padding: 17.5px 12px;
3307
+ border-bottom: 1px solid #dbdbdb;
3308
+ }
3309
+ .bj-table--bordered .bj-table__scroll {
3310
+ border-radius: 8px;
3311
+ }
3312
+ .bj-table--bordered:not(.bj-table--empty) .bj-table__scroll {
3313
+ border: 1px solid #dbdbdb;
3314
+ }
3315
+ .bj-table--bordered .bj-table__native-table {
3316
+ border: 0;
3317
+ }
3318
+ .bj-table--bordered.bj-table--empty .bj-table__header {
3319
+ border: 1px solid #dbdbdb;
3320
+ }
3321
+ .bj-table--bordered.bj-table--empty .bj-table__header-row:first-child .bj-table__header-cell {
3322
+ border-top: 1px solid #dbdbdb;
3323
+ }
3324
+ .bj-table--bordered.bj-table--empty .bj-table__header-row:last-child .bj-table__header-cell {
3325
+ border-bottom: 1px solid #dbdbdb;
3326
+ }
3327
+ .bj-table--bordered.bj-table--empty .bj-table__header-cell:first-child {
3328
+ border-left: 1px solid #dbdbdb;
3329
+ border-top-left-radius: 8px;
3330
+ }
3331
+ .bj-table--bordered.bj-table--empty .bj-table__header-cell:last-child {
3332
+ border-right: 1px solid #dbdbdb;
3333
+ border-top-right-radius: 8px;
3334
+ }
3335
+ .bj-table__header-cell {
3336
+ position: relative;
3337
+ height: 36px;
3338
+ padding: 0 12px;
3339
+ color: #333333;
3340
+ font-weight: 400;
3341
+ text-align: left;
3342
+ vertical-align: middle;
3343
+ background: #fafafa;
3344
+ border-bottom: 1px solid #dbdbdb;
3345
+ }
3346
+ .bj-table__header-cell--sortable,
3347
+ .bj-table__header-cell--filterable {
3348
+ padding-right: 8px;
3349
+ cursor: pointer;
3350
+ }
3351
+ .bj-table__column-header {
3352
+ display: flex;
3353
+ align-items: center;
3354
+ justify-content: space-between;
3355
+ min-width: 0;
3356
+ }
3357
+ .bj-table__column-title {
3358
+ display: flex;
3359
+ flex: 1;
3360
+ align-items: center;
3361
+ justify-content: space-between;
3362
+ min-width: 0;
3363
+ padding: 0;
3364
+ color: inherit;
3365
+ font: inherit;
3366
+ text-align: inherit;
3367
+ }
3368
+ .bj-table__column-title-content {
3369
+ display: inline-flex;
3370
+ align-items: center;
3371
+ min-width: 0;
3372
+ gap: 4px;
3373
+ }
3374
+ .bj-table__column-tooltip-wrapper {
3375
+ position: absolute;
3376
+ top: 0;
3377
+ bottom: 0;
3378
+ left: 0;
3379
+ right: 0;
3380
+ display: flex;
3381
+ width: 100%;
3382
+ }
3383
+ .bj-table__column-tooltip-wrapper > .bj-table__column-tooltip-trigger {
3384
+ flex: 1;
3385
+ display: flex;
3386
+ min-width: 0;
3387
+ outline: none;
3388
+ }
3389
+ .bj-table__column-tooltip-wrapper > .bj-table__column-tooltip-trigger > .bj-table__column-header {
3390
+ flex: 1;
3391
+ padding: 0 12px;
3392
+ }
3393
+ .bj-table__column-badge-trigger {
3394
+ position: absolute;
3395
+ top: -1px;
3396
+ right: -1px;
3397
+ z-index: 2;
3398
+ display: block;
3399
+ width: 12px;
3400
+ height: 12px;
3401
+ cursor: default;
3402
+ outline: none;
3403
+ }
3404
+ .bj-table__column-badge-shape {
3405
+ display: block;
3406
+ width: 100%;
3407
+ height: 100%;
3408
+ clip-path: polygon(0 0, 100% 0, 100% 100%);
3409
+ background: #dbdbdb;
3410
+ pointer-events: none;
3411
+ }
3412
+ .bj-table__column-tooltip.tooltip-popup--content {
3413
+ z-index: 1000;
3414
+ }
3415
+ .bj-table__column-sorter {
3416
+ display: inline-flex;
3417
+ flex: none;
3418
+ align-items: center;
3419
+ justify-content: center;
3420
+ margin-left: auto;
3421
+ color: #666666;
3422
+ }
3423
+ .bj-table__column-sorter-icon,
3424
+ .bj-table__filter-icon {
3425
+ width: 24px;
3426
+ height: 24px;
3427
+ color: #666666;
3428
+ pointer-events: none;
3429
+ }
3430
+ .bj-table__filter-icon {
3431
+ width: 20px;
3432
+ height: 20px;
3433
+ }
3434
+ .bj-table__filter {
3435
+ position: static;
3436
+ flex: none;
3437
+ }
3438
+ .bj-table__filter-trigger {
3439
+ display: flex;
3440
+ align-items: center;
3441
+ justify-content: center;
3442
+ width: 24px;
3443
+ height: 24px;
3444
+ margin-right: 0;
3445
+ margin-left: auto;
3446
+ padding: 0;
3447
+ color: #666666;
3448
+ font-size: 12px;
3449
+ background: transparent;
3450
+ border: 0;
3451
+ border-radius: 4px;
3452
+ cursor: pointer;
3453
+ pointer-events: none;
3454
+ }
3455
+ .bj-table__filter-trigger:hover {
3456
+ color: #666666;
3457
+ background: #f0f0f0;
3458
+ }
3459
+ .bj-table__filter-trigger--active {
3460
+ color: #666666;
3461
+ }
3462
+ .bj-table__filter-dropdown {
3463
+ position: fixed;
3464
+ z-index: 100;
3465
+ }
3466
+ .bj-table--bordered .bj-table__header-cell:not(:last-child),
3467
+ .bj-table--bordered .bj-table__cell:not(:last-child) {
3468
+ border-right: 1px solid #dbdbdb;
3469
+ }
3470
+ .bj-table--bordered .bj-table__cell--before-fixed-right:not(:last-child) {
3471
+ border-right: 0;
3472
+ }
3473
+ .bj-table__cell {
3474
+ padding: 17.5px 12px;
3475
+ color: #333333;
3476
+ font-family: 'SourceHanSansCN-Normal';
3477
+ font-size: 12px;
3478
+ line-height: 19px;
3479
+ word-break: break-all;
3480
+ overflow-wrap: anywhere;
3481
+ vertical-align: middle;
3482
+ border-bottom: 1px solid #dbdbdb;
3483
+ box-shadow: none;
3484
+ }
3485
+ .bj-table__row {
3486
+ min-height: 54px;
3487
+ }
3488
+ .bj-table__row--group {
3489
+ height: 36px;
3490
+ min-height: 36px;
3491
+ }
3492
+ .bj-table__cell--group {
3493
+ height: 36px;
3494
+ padding: 0 !important;
3495
+ border-left: 0;
3496
+ border-right: 0;
3497
+ border-bottom: 1px solid #dbdbdb;
3498
+ box-shadow: none;
3499
+ }
3500
+ .bj-table__body .bj-table__row:last-child .bj-table__cell {
3501
+ border-bottom: 0;
3502
+ }
3503
+ .bj-table__cell-content {
3504
+ min-height: 19px;
3505
+ }
3506
+ .bj-table__cell--fixed:not(.bj-table__cell--group) {
3507
+ background: #fafafa;
3508
+ }
3509
+ .bj-table__header-cell.bj-table__cell--fixed {
3510
+ z-index: 3 !important;
3511
+ background: #fafafa;
3512
+ }
3513
+ .bj-table__cell--fixed-left {
3514
+ border-right: 0 !important;
3515
+ }
3516
+ .bj-table__cell--fixed-right {
3517
+ border-left: 0;
3518
+ border-right: 0;
3519
+ }
3520
+ .bj-table__cell--fixed-left::after,
3521
+ .bj-table__selection-cell--fixed::after {
3522
+ position: absolute;
3523
+ top: 0;
3524
+ right: 0;
3525
+ bottom: 0;
3526
+ width: 1px;
3527
+ background: #dbdbdb;
3528
+ content: '';
3529
+ pointer-events: none;
3530
+ }
3531
+ .bj-table__cell--fixed-right::before {
3532
+ position: absolute;
3533
+ top: 0;
3534
+ bottom: 0;
3535
+ left: 0;
3536
+ width: 1px;
3537
+ background: #dbdbdb;
3538
+ content: '';
3539
+ pointer-events: none;
3540
+ }
3541
+ .bj-table__cell--fixed-left-last::before,
3542
+ .bj-table__cell--fixed-right-first::after {
3543
+ position: absolute;
3544
+ top: 0;
3545
+ bottom: 0;
3546
+ width: 6px;
3547
+ content: '';
3548
+ opacity: 0;
3549
+ pointer-events: none;
3550
+ transition: opacity 0.2s ease;
3551
+ }
3552
+ .bj-table__cell--fixed-left-last::before {
3553
+ left: 100%;
3554
+ background: linear-gradient(90deg, rgba(0, 0, 0, 0.08) 0%, rgba(0, 0, 0, 0) 100%);
3555
+ }
3556
+ .bj-table__cell--fixed-right-first::after {
3557
+ right: 100%;
3558
+ background: linear-gradient(270deg, rgba(0, 0, 0, 0.08) 0%, rgba(0, 0, 0, 0) 100%);
3559
+ }
3560
+ .bj-table--ping-left .bj-table__cell--fixed-left-last::before,
3561
+ .bj-table--ping-right .bj-table__cell--fixed-right-first::after {
3562
+ opacity: 1;
3563
+ }
3564
+ .bj-table__body .bj-table__cell--fixed-left,
3565
+ .bj-table__body .bj-table__cell--fixed-right {
3566
+ border-bottom: 1px solid #dbdbdb;
3567
+ box-shadow: none;
3568
+ }
3569
+ .bj-table__body .bj-table__row:last-child .bj-table__cell--fixed-left,
3570
+ .bj-table__body .bj-table__row:last-child .bj-table__cell--fixed-right {
3571
+ border-bottom: 0;
3572
+ }
3573
+ .bj-table__row:hover .bj-table__cell,
3574
+ .bj-table__row--selected .bj-table__cell {
3575
+ background: #fafafa;
3576
+ }
3577
+ .bj-table__cell--ellipsis {
3578
+ overflow: hidden;
3579
+ text-overflow: ellipsis;
3580
+ white-space: nowrap;
3581
+ word-break: normal;
3582
+ overflow-wrap: normal;
3583
+ }
3584
+ .bj-table__selection-col,
3585
+ .bj-table__selection-cell {
3586
+ width: 48px;
3587
+ padding: 0 12px;
3588
+ text-align: center;
3589
+ vertical-align: middle;
3590
+ }
3591
+ .bj-table__selection-cell--fixed {
3592
+ position: sticky;
3593
+ left: 0;
3594
+ z-index: 2;
3595
+ background: #fafafa;
3596
+ border-right: 0 !important;
3597
+ }
3598
+ .bj-table__header-cell.bj-table__selection-cell--fixed {
3599
+ z-index: 4;
3600
+ background: #fafafa;
3601
+ }
3602
+ .bj-table__body .bj-table__selection-cell {
3603
+ height: 54px;
3604
+ }
3605
+ .bj-table__selection-cell > .bj-table__selection-control {
3606
+ margin: auto;
3607
+ }
3608
+ .bj-table__selection-cell > .bj-table__selection-checkbox {
3609
+ display: flex;
3610
+ justify-content: center;
3611
+ margin: auto;
3612
+ line-height: 1;
3613
+ }
3614
+ .bj-table__selection-control {
3615
+ position: relative;
3616
+ display: inline-flex;
3617
+ align-items: center;
3618
+ justify-content: center;
3619
+ width: 16px;
3620
+ height: 16px;
3621
+ vertical-align: middle;
3622
+ cursor: pointer;
3623
+ }
3624
+ .bj-table__selection-control--disabled {
3625
+ cursor: not-allowed;
3626
+ opacity: 0.5;
3627
+ }
3628
+ .bj-table__selection-input {
3629
+ position: absolute;
3630
+ inset: 0;
3631
+ z-index: 1;
3632
+ width: 100%;
3633
+ height: 100%;
3634
+ margin: 0;
3635
+ opacity: 0;
3636
+ cursor: inherit;
3637
+ }
3638
+ .bj-table__selection-box {
3639
+ display: flex;
3640
+ align-items: center;
3641
+ justify-content: center;
3642
+ width: 15px;
3643
+ height: 15px;
3644
+ background: transparent;
3645
+ border: 1px solid #dbdbdb;
3646
+ border-radius: 4px;
3647
+ transition: width 0.15s ease, height 0.15s ease, background 0.15s ease;
3648
+ }
3649
+ .bj-table__selection-control--checked .bj-table__selection-box {
3650
+ width: 16px;
3651
+ height: 16px;
3652
+ background: #333;
3653
+ border-color: #333;
3654
+ }
3655
+ .bj-table__selection-check-icon {
3656
+ width: 14px;
3657
+ height: 14px;
3658
+ color: #ffffff;
3659
+ pointer-events: none;
3660
+ }
3661
+ .bj-table__selection-input:focus-visible + .bj-table__selection-box {
3662
+ outline: 2px solid #1677ff;
3663
+ outline-offset: 1px;
3664
+ }
3665
+ .bj-table__empty-cell {
3666
+ height: 454px;
3667
+ padding: 0 12px;
3668
+ color: #999999;
3669
+ text-align: center;
3670
+ vertical-align: middle;
3671
+ border-bottom: 0;
3672
+ }
3673
+ .bj-table__empty-overlay {
3674
+ position: absolute;
3675
+ top: 36px;
3676
+ right: 0;
3677
+ bottom: 0;
3678
+ left: 0;
3679
+ display: flex;
3680
+ align-items: center;
3681
+ justify-content: center;
3682
+ color: #999999;
3683
+ text-align: center;
3684
+ pointer-events: none;
3685
+ }
3686
+ .bj-table__empty-content {
3687
+ display: inline-flex;
3688
+ flex-direction: column;
3689
+ align-items: center;
3690
+ justify-content: center;
3691
+ gap: 8px;
3692
+ }
3693
+ .bj-table__empty-image-wrap {
3694
+ display: flex;
3695
+ align-items: center;
3696
+ justify-content: center;
3697
+ }
3698
+ .bj-table__empty-image {
3699
+ display: block;
3700
+ width: 80px;
3701
+ height: 80px;
3702
+ object-fit: contain;
3703
+ user-select: none;
3704
+ }
3705
+ .bj-table__empty-text {
3706
+ color: #999999;
3707
+ font-size: 12px;
3708
+ line-height: 20px;
3709
+ }
3710
+ .bj-table__loading {
3711
+ position: absolute;
3712
+ z-index: 1000;
3713
+ top: 0;
3714
+ right: 0;
3715
+ bottom: 0;
3716
+ left: 0;
3717
+ display: flex;
3718
+ flex-direction: column;
3719
+ gap: 8px;
3720
+ align-items: center;
3721
+ justify-content: center;
3722
+ color: #6b7280;
3723
+ background: rgba(255, 255, 255, 0.8);
3724
+ pointer-events: all;
3725
+ }
3726
+ .bj-table__loading-indicator {
3727
+ width: 60px;
3728
+ height: 60px;
3729
+ margin: 0;
3730
+ user-select: none;
3731
+ }
3732
+ .bj-table__loading-text {
3733
+ font-size: 13px;
3734
+ }
3735
+ .bj-table__pagination {
3736
+ margin-top: 16px;
3737
+ }
3738
+ .bj-table--small .bj-table__header-cell {
3739
+ height: 32px;
3740
+ }
3741
+ .bj-table--small .bj-table__cell {
3742
+ min-height: 40px;
3743
+ padding: 8px 12px;
3744
+ }