kd-lane-chart-v3 0.0.1

package/dist/kd-lane-chart-v3.css

@@ -0,0 +1,1532 @@
+@charset "UTF-8";.vue-simple-context-menu[data-v-00600889] {
+  top: 0;
+  left: 0;
+  margin: 0;
+  padding: 0;
+  display: none;
+  list-style: none;
+  position: fixed;
+  z-index: 999;
+  background-color: var(--kd-lane-container-context-background-color, #ecf0f1);
+  border-bottom-width: 0px;
+  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
+  box-shadow: 0 3px 6px 0 rgba(var(--kd-lane-container-context-item-color, #333), 0.2);
+  border-radius: 4px;
+}
+.vue-simple-context-menu--active[data-v-00600889] {
+  display: block;
+}
+.vue-simple-context-menu__item[data-v-00600889] {
+  display: flex;
+  color: var(--kd-lane-container-context-item-color, #333);
+  cursor: pointer;
+  padding: 5px 15px;
+  align-items: center;
+}
+.vue-simple-context-menu__item[data-v-00600889]:hover {
+  background-color: var(--kd-lane-container-context-hover-background-color, #007aff);
+  color: var(--kd-lane-container-context-hover-item-color, #fff);
+}
+.vue-simple-context-menu__divider[data-v-00600889] {
+  box-sizing: content-box;
+  height: 2px;
+  background-color: var(--kd-lane-container-context-divider-color, #595a5a);
+  padding: 4px 0;
+  background-clip: content-box;
+  pointer-events: none;
+}
+.vue-simple-context-menu li[data-v-00600889]:first-of-type {
+  margin-top: 4px;
+}
+.vue-simple-context-menu li[data-v-00600889]:last-of-type {
+  margin-bottom: 4px;
+}.kd-lane-lane-content[data-v-d0c7f367] {
+  display: flex;
+  flex-direction: column;
+  align-content: center;
+}
+.kd-lane-lane-content .template-buttons[data-v-d0c7f367] {
+  text-align: center;
+}
+.kd-lane-lane-content .el-form-item__content[data-v-d0c7f367] {
+  align-items: center;
+  display: flex;
+}.kd-lane-line-content[data-v-3405e8de] {
+  width: 95%;
+  display: flex;
+  flex-direction: column;
+  align-content: center;
+}
+.kd-lane-line-content .template-buttons[data-v-3405e8de] {
+  text-align: center;
+}.kd-lane-template-content[data-v-fc0a04c9] {
+  display: flex;
+  flex-direction: column;
+  align-content: center;
+}
+.kd-lane-template-content .template-buttons[data-v-fc0a04c9] {
+  text-align: center;
+}.kd-lane-el-container[data-v-8606346c] {
+  height: 60vh;
+  border: 1px solid var(--kd-lane-container-border-color, #333);
+  width: 100%;
+}
+@media screen and (max-width: 1024px) {
+.kd-lane-el-container[data-v-8606346c] {
+    height: 70vh;
+}
+}
+.kd-lane-el-container .custom-tree-node[data-v-8606346c] {
+  width: 100%;
+}
+.kd-lane-el-container .rtd-config-side[data-v-8606346c] {
+  border-right: 1px solid var(--kd-lane-container-border-color, #333);
+}
+.kd-lane-el-container .rtd-config-side-tree[data-v-8606346c] {
+  height: 90%;
+  overflow: auto;
+}
+.kd-lane-el-container .rtd-config-side-option[data-v-8606346c] {
+  text-align: center;
+}
+.kd-lane-el-container .rtd-config-main[data-v-8606346c] {
+  display: flex;
+  align-content: center;
+  justify-content: center;
+  width: 100%;
+}
+.kd-lane-chart-container-header-item[data-v-0200e1cd] {
+  flex-shrink: 0;
+  background: var(--kd-lane-container-header-bg);
+  border-radius: 0px 0px 0px 0px;
+  color: var(--kd-lane-container-header-item-color, #333);
+  border: unset;
+  position: relative;
+  cursor: pointer;
+}
+.kd-lane-chart-container-header-item_warning[data-v-0200e1cd] {
+  background: var(--kd-lane-container-header-item-warning-color, rgba(248, 108, 89, 0.6));
+}
+.kd-lane-chart-container-header-item .kd-lane-chart-container-text-container[data-v-0200e1cd] {
+  height: 100%;
+  width: 100%;
+  position: relative;
+  font-family: Microsoft YaHei UI, Microsoft YaHei UI;
+  font-weight: 400;
+  font-size: 10px;
+}
+.kd-lane-chart-container-header-item .kd-lane-chart-container-text-container .left[data-v-0200e1cd] {
+  position: absolute;
+  left: 2px;
+  bottom: 2px;
+}
+.kd-lane-chart-container-header-item .kd-lane-chart-container-text-container .center[data-v-0200e1cd] {
+  position: absolute;
+  left: 50%;
+  top: 50%;
+  font-size: 14px;
+  transform: translate(-50%, -50%);
+  display: flex;
+  flex-direction: column;
+  height: 100%;
+  align-items: center;
+  justify-content: center;
+}
+.kd-lane-chart-container-header-item .kd-lane-chart-container-text-container .center .paramsTitle[data-v-0200e1cd] {
+  /* 文字不换行，超出显示省略号 */
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  font-family: Microsoft YaHei UI, Microsoft YaHei UI;
+  font-weight: 400;
+  font-size: 12px;
+  color: var(--kd-lane-container-header-item-color, #333);
+  text-align: center;
+  font-style: normal;
+  text-transform: none;
+  margin-bottom: 2px;
+}
+.kd-lane-chart-container-header-item .kd-lane-chart-container-text-container .center .paramsData[data-v-0200e1cd] {
+  /* 文字不换行，超出显示省略号 */
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  font-family: Microsoft YaHei UI, Microsoft YaHei UI;
+  font-size: 12px;
+  font-weight: bold;
+  text-align: center;
+  font-style: normal;
+  text-transform: none;
+}
+.kd-lane-chart-container-header-item .kd-lane-chart-container-text-container .right[data-v-0200e1cd] {
+  position: absolute;
+  right: 2px;
+  bottom: 2px;
+}
+.kd-lane-chart-container-header-item .kd-lane-chart-container-text-container .gradient-display[data-v-0200e1cd] {
+  position: absolute;
+  height: 2px;
+  left: 0;
+  bottom: 0;
+  right: 0;
+}.kd-lane-chart-container[data-v-424f38c2] {
+  height: 100%;
+  width: 100%;
+  overflow: hidden;
+  position: relative;
+  border: 1px solid var(--kd-lane-container-border-color, #333);
+  display: flex;
+}
+.kd-lane-chart-container .kd-lane-chart-lane-container[data-v-424f38c2],
+.kd-lane-chart-container .kd-lane-chart-lane-slot-container[data-v-424f38c2] {
+  height: 100%;
+  min-width: 0;
+  flex-shrink: 0;
+  z-index: 1;
+  display: flex;
+  flex-direction: column;
+  position: relative;
+}
+.kd-lane-chart-container .kd-lane-chart-lane-container .kd-lane-resize-handle[data-v-424f38c2],
+.kd-lane-chart-container .kd-lane-chart-lane-slot-container .kd-lane-resize-handle[data-v-424f38c2] {
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  width: 4px;
+  cursor: col-resize;
+  z-index: 10;
+  background-color: transparent;
+  transition: background-color 0.2s;
+}
+.kd-lane-chart-container .kd-lane-chart-lane-container .kd-lane-resize-handle[data-v-424f38c2]:hover,
+.kd-lane-chart-container .kd-lane-chart-lane-slot-container .kd-lane-resize-handle[data-v-424f38c2]:hover {
+  background-color: var(--resizer-bg-color);
+}
+.kd-lane-chart-container .kd-lane-chart-lane-container .kd-lane-resize-handle.kd-lane-resize-handle-left[data-v-424f38c2],
+.kd-lane-chart-container .kd-lane-chart-lane-slot-container .kd-lane-resize-handle.kd-lane-resize-handle-left[data-v-424f38c2] {
+  left: 0;
+}
+.kd-lane-chart-container .kd-lane-chart-lane-container .kd-lane-resize-handle.kd-lane-resize-handle-right[data-v-424f38c2],
+.kd-lane-chart-container .kd-lane-chart-lane-slot-container .kd-lane-resize-handle.kd-lane-resize-handle-right[data-v-424f38c2] {
+  right: -2px;
+}
+.kd-lane-chart-container .kd-lane-chart-lane-container .kd-lane-chart-lane-header[data-v-424f38c2],
+.kd-lane-chart-container .kd-lane-chart-lane-slot-container .kd-lane-chart-lane-header[data-v-424f38c2] {
+  overflow: hidden;
+  z-index: 2;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+}
+.kd-lane-chart-container .kd-lane-chart-lane-container .kd-lane-chart-lane-header .header-list-gap[data-v-424f38c2],
+.kd-lane-chart-container .kd-lane-chart-lane-slot-container .kd-lane-chart-lane-header .header-list-gap[data-v-424f38c2] {
+  display: flex;
+  overflow-x: hidden;
+  overflow-y: auto;
+  scrollbar-width: none;
+  -ms-overflow-style: none;
+}
+.kd-lane-chart-container .kd-lane-chart-lane-container .kd-lane-chart-lane-header .header-list-gap[data-v-424f38c2] ::-webkit-scrollbar,
+.kd-lane-chart-container .kd-lane-chart-lane-slot-container .kd-lane-chart-lane-header .header-list-gap[data-v-424f38c2] ::-webkit-scrollbar {
+  display: none;
+}
+.kd-lane-chart-container .kd-lane-chart-lane-container .kd-lane-chart-lane-header .header-list-gap[data-v-424f38c2],
+.kd-lane-chart-container .kd-lane-chart-lane-slot-container .kd-lane-chart-lane-header .header-list-gap[data-v-424f38c2] {
+  flex-direction: column;
+}
+.kd-lane-chart-container .kd-lane-chart-lane-container-echart[data-v-424f38c2] {
+  flex: 1;
+  flex-shrink: 0;
+  overflow: hidden;
+}
+.kd-lane-chart-container .border-left[data-v-424f38c2] {
+  border-left: 1px solid var(--kd-lane-container-border-color, #333);
+}
+.kd-lane-chart-container .border-bottom[data-v-424f38c2] {
+  border-bottom: 1px solid var(--kd-lane-container-border-color, #333);
+}
+.kd-lane-chart-container .border-right[data-v-424f38c2] {
+  border-right: 1px solid var(--kd-lane-container-border-color, #333);
+}
+.kd-lane-chart-container .kd-lane-chart-container-draw-area[data-v-424f38c2] {
+  position: absolute;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  z-index: 3;
+  border: none;
+}
+.custom-dialog-mask[data-v-424f38c2] {
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  background-color: transparent;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  z-index: 999;
+  opacity: 0;
+  transition: opacity 0.3s ease;
+  animation: fadeIn-424f38c2 0.3s ease forwards;
+}
+.custom-dialog[data-v-424f38c2] {
+  width: 50%;
+  min-width: 800px;
+  height: calc(100vh - 200px);
+  background: var(--bg-color, #1e1e1e);
+  border: 1px solid var(--card-border-color, #4b4b4b);
+  border-radius: 0;
+  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.2);
+  display: flex;
+  flex-direction: column;
+  overflow: hidden;
+  opacity: 0;
+  transform: scale(0.9);
+  animation: zoomIn-424f38c2 0.3s ease forwards;
+}
+.custom-dialog.closing[data-v-424f38c2] {
+  animation: zoomOut-424f38c2 0.3s ease forwards;
+}
+.custom-dialog-mask.closing[data-v-424f38c2] {
+  animation: fadeOut-424f38c2 0.3s ease forwards;
+}
+@keyframes fadeIn-424f38c2 {
+from {
+    opacity: 0;
+    background-color: transparent;
+}
+to {
+    opacity: 1;
+    background-color: rgba(0, 0, 0, 0.5);
+}
+}
+@keyframes zoomIn-424f38c2 {
+from {
+    opacity: 0;
+    transform: scale(0.9);
+}
+to {
+    opacity: 1;
+    transform: scale(1);
+}
+}
+@keyframes fadeOut-424f38c2 {
+from {
+    opacity: 1;
+    background-color: rgba(0, 0, 0, 0.5);
+}
+to {
+    opacity: 0;
+    background-color: transparent;
+}
+}
+@keyframes zoomOut-424f38c2 {
+from {
+    opacity: 1;
+    transform: scale(1);
+}
+to {
+    opacity: 0;
+    transform: scale(0.9);
+}
+}
+.custom-dialog__header[data-v-424f38c2] {
+  background: var(--dialog-header, #333333);
+  padding: 10px 10px 10px;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+}
+.custom-dialog__title[data-v-424f38c2] {
+  color: var(--dialog-header-text-color, #ffffff);
+  font-size: 14px;
+  font-weight: bold;
+}
+.custom-dialog__close[data-v-424f38c2] {
+  width: 24px;
+  height: 24px;
+  background: linear-gradient(270deg, #c73521 0%, #f86c59 100%);
+  border: none;
+  border-radius: 50%;
+  color: #fff;
+  font-size: 14px;
+  font-weight: 700;
+  cursor: pointer;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+.custom-dialog__body[data-v-424f38c2] {
+  padding: 30px 30px 10px 30px;
+  max-height: calc(100vh - 200px);
+  height: 100%;
+  overflow-y: auto;
+}
+.custom-dialog__footer[data-v-424f38c2] {
+  padding: 10px 30px 15px;
+  text-align: center;
+  border-top: 1px solid var(--card-border-color, #4b4b4b);
+}
+.wrap[data-v-e57d23f3] {
+  width: 100%;
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  overflow: hidden;
+}
+.header[data-v-e57d23f3] {
+  flex-shrink: 0;
+  padding: 4px 6px 8px 2px;
+  display: flex;
+  border-bottom: 1px solid var(--split-line-color);
+}
+.header[data-v-e57d23f3] .radio-group {
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  row-gap: 8px;
+  width: 100%;
+}
+.header[data-v-e57d23f3] .el-radio {
+  display: inline-flex;
+  align-items: center;
+  height: 22px;
+  margin-right: 0;
+}
+.header[data-v-e57d23f3] .el-radio__input {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  height: 14px;
+  width: 14px;
+}
+.header[data-v-e57d23f3] .el-radio__label {
+  display: inline-flex;
+  align-items: center;
+  line-height: 14px;
+  height: 14px;
+  padding-left: 8px;
+}
+.chart-wrap[data-v-e57d23f3] {
+  flex: 1;
+  min-height: 200px;
+  position: relative;
+  overflow: hidden;
+}
+.chart[data-v-e57d23f3] {
+  width: 100%;
+  height: 100%;
+}
+.label-float[data-v-e57d23f3] {
+  width: calc(100% - 10px) !important;
+  position: absolute;
+  z-index: 20;
+  pointer-events: none;
+  display: flex;
+  flex-direction: column;
+  gap: 2px;
+}
+.label-card[data-v-e57d23f3] {
+  overflow: hidden;
+  display: flex;
+  flex-direction: column;
+}
+.label-row[data-v-e57d23f3] {
+  min-width: 176px;
+  font-size: 12px;
+  height: 23px;
+  /* 与 JS rowH 保持一致 */
+  line-height: 23px;
+  color: var(--text-color);
+  font-family: "Microsoft YaHei", "PingFang SC", sans-serif;
+  white-space: nowrap;
+}
+.function-control-panel[data-v-d99f95ef] {
+  width: 100%;
+  height: 100%;
+  color: var(--text-color);
+  font-size: 14px;
+  padding: 4px 6px 8px 2px;
+  box-sizing: border-box;
+  overflow-x: hidden;
+  overflow-y: auto;
+  /* 隐藏滚动条 */
+  scrollbar-width: none;
+  -ms-overflow-style: none;
+}
+.function-control-panel[data-v-d99f95ef]::-webkit-scrollbar {
+  display: none;
+}
+.function-control-panel[data-v-d99f95ef] .radio-group {
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  row-gap: 8px;
+  width: 100%;
+  padding-bottom: 8px;
+}
+.function-control-panel[data-v-d99f95ef] .el-radio {
+  display: inline-flex;
+  align-items: center;
+  height: 22px;
+  margin-right: 0;
+}
+.function-control-panel[data-v-d99f95ef] .el-radio__input {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  height: 14px;
+  width: 14px;
+}
+.function-control-panel[data-v-d99f95ef] .el-radio__label {
+  display: inline-flex;
+  align-items: center;
+  line-height: 14px;
+  height: 14px;
+  padding-left: 8px;
+}
+.function-control-panel[data-v-d99f95ef] .el-select {
+  width: 100%;
+}
+.function-control-panel .elTooltipArea[data-v-d99f95ef] {
+  width: 100%;
+  display: flex;
+  align-items: stretch;
+}
+.function-control-panel .elTooltipArea[data-v-d99f95ef] .el-select,
+.function-control-panel .elTooltipArea[data-v-d99f95ef] .el-input {
+  flex: 1;
+  min-width: 0;
+}
+.function-control-panel .elTooltipArea[data-v-d99f95ef] .el-select .el-select__wrapper {
+  width: 100%;
+}
+.function-control-panel .elTooltipArea[data-v-d99f95ef] .el-input .el-input__wrapper {
+  border-right: none !important;
+  border-radius: 0 !important;
+}
+.function-control-panel .elTooltipArea .searchArea[data-v-d99f95ef] {
+  flex-shrink: 0;
+  width: 28px;
+  height: 32px;
+  margin-bottom: 8px;
+  background: var(--slider-gradient-color);
+  border: 1px solid var(--border-color);
+  border-left: none;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  cursor: pointer;
+  box-sizing: border-box;
+}
+.function-control-panel .elTooltipArea .searchArea .searchArea-icon[data-v-d99f95ef] {
+  font-size: 14px;
+  color: var(--slider-content-color);
+}
+.el-select-disabled[data-v-d99f95ef] {
+  opacity: 0.5;
+  cursor: not-allowed !important;
+}
+
+/* 分割线 */
+.divider[data-v-d99f95ef] {
+  height: 1px;
+  background: var(--border-color);
+  margin-bottom: 8px;
+}
+
+/* label */
+.label[data-v-d99f95ef] {
+  color: var(--card-label-color, #aaa);
+  margin-bottom: 2px;
+  font-size: 14px;
+  line-height: 1.4;
+}
+
+/* 操作按钮 */
+.actions[data-v-d99f95ef] {
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+}
+.btn[data-v-d99f95ef] {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: 2px;
+  text-align: center;
+  font-family: Microsoft YaHei UI, Microsoft YaHei UI;
+  font-weight: 400;
+  cursor: pointer;
+}
+.btn .icon[data-v-d99f95ef] {
+  width: 54px;
+  height: 54px;
+}
+.btn.disabled[data-v-d99f95ef] {
+  color: #666;
+  cursor: not-allowed;
+}
+.btn.disabled .icon[data-v-d99f95ef] {
+  opacity: 0.5;
+}
+.fontColor[data-v-d99f95ef] {
+  color: var(--default-text-color);
+}
+.custom-dialog-mask[data-v-d99f95ef] {
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  background-color: transparent;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  z-index: 999;
+  opacity: 0;
+  transition: opacity 0.3s ease;
+  animation: fadeIn-d99f95ef 0.3s ease forwards;
+}
+.custom-dialog[data-v-d99f95ef] {
+  background: var(--bg-color);
+  border: 1px solid var(--card-border-color);
+  border-radius: 0;
+  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.2);
+  display: flex;
+  flex-direction: column;
+  overflow: hidden;
+  opacity: 0;
+  transform: scale(0.9);
+  animation: zoomIn-d99f95ef 0.3s ease forwards;
+  position: relative;
+  z-index: 999;
+}
+@keyframes fadeIn-d99f95ef {
+from {
+    opacity: 0;
+    background-color: transparent;
+}
+to {
+    opacity: 1;
+    background-color: rgba(0, 0, 0, 0.5);
+}
+}
+@keyframes zoomIn-d99f95ef {
+from {
+    opacity: 0;
+    transform: scale(0.9);
+}
+to {
+    opacity: 1;
+    transform: scale(1);
+}
+}
+.custom-dialog-mask.closing[data-v-d99f95ef] {
+  animation: fadeOut-d99f95ef 0.3s ease forwards;
+}
+.custom-dialog.closing[data-v-d99f95ef] {
+  animation: zoomOut-d99f95ef 0.3s ease forwards;
+}
+@keyframes fadeOut-d99f95ef {
+from {
+    opacity: 1;
+    background-color: rgba(0, 0, 0, 0.5);
+}
+to {
+    opacity: 0;
+    background-color: transparent;
+}
+}
+@keyframes zoomOut-d99f95ef {
+from {
+    opacity: 1;
+    transform: scale(1);
+}
+to {
+    opacity: 0;
+    transform: scale(0.9);
+}
+}
+.custom-dialog__header[data-v-d99f95ef] {
+  background: var(--dialog-header);
+  padding: 10px 10px 10px;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+}
+.custom-dialog__title[data-v-d99f95ef] {
+  color: var(--dialog-header-text-color);
+  font-size: 14px;
+  font-weight: bold;
+}
+.custom-dialog__close[data-v-d99f95ef] {
+  width: 24px;
+  height: 24px;
+  background: linear-gradient(270deg, #c73521 0%, #f86c59 100%);
+  border: none;
+  border-radius: 50%;
+  color: #fff;
+  font-size: 14px;
+  font-weight: 700;
+  cursor: pointer;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+.custom-dialog__body[data-v-d99f95ef] {
+  padding: 30px 30px 10px 30px;
+}
+.custom-dialog__footer[data-v-d99f95ef] {
+  padding: 10px 30px 15px;
+  text-align: center;
+  border-top: 1px solid var(--card-border-color);
+}.echarts[data-v-d8f35894] {
+  width: 100%;
+  height: 100%;
+  position: relative;
+}.kd-lane-chart-lane-container-echart[data-v-3281ffc5] {
+  width: 100%;
+  height: 100%;
+  overflow: hidden;
+  position: relative;
+}
+.kd-lane-chart-container[data-v-3281ffc5] {
+  width: 100%;
+  height: 100%;
+  overflow: hidden;
+  position: relative;
+}
+.kd-lane-chart-lane-container-echart-content[data-v-3281ffc5] {
+  width: 100%;
+  height: 100%;
+  flex-shrink: 0;
+  overflow: hidden;
+}
+.kd-lane-crosshair-line[data-v-3281ffc5] {
+  position: absolute;
+  left: 0;
+  right: 0;
+  height: 0;
+  border-top: 1px dashed var(--kd-lane-container-item-line-color, rgba(255, 255, 255, 0.55));
+  pointer-events: none;
+  z-index: 100;
+}
+.panel-list[data-v-241e23c8] {
+  width: 100%; /* 可调 */
+  display: grid;
+  gap: 8px;
+}
+
+/* 每一项 */
+.panel-item[data-v-241e23c8] {
+  border: 1px solid var(--card-border-color);
+  padding: 10px 6px;
+  text-align: center;
+  background: var(--card-color);
+}
+
+/* label */
+.label[data-v-241e23c8] {
+  font-size: 12px;
+  color: var(--card-label-color);
+  margin-bottom: 6px;
+  /* 单行省略 */
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+/* value */
+.value[data-v-241e23c8] {
+  font-size: 18px;
+  font-weight: bold;
+  color: var(--card-value-color);
+  /* 单行省略 */
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+[data-theme=dark] {
+  --bg-color: #1e1e1e;
+  --card-color: #252526;
+  --card-border-color: #4b4b4b;
+  --card-label-color: #d6d6d6;
+  --card-value-color: #ffffff;
+  --panel-item-bg-color: #1e1e1e;
+  --resizer-bg-color: rgb(177, 177, 177, 0.4);
+  --panel-item-border-color: #4b4b4b;
+  --default-text-color: #ffffff;
+  --text-color: #ffffff;
+  --radio-border-color: #4b4b4b;
+  --radio-checked-border-color: #f86c59;
+  --radio-checked-color: #f86c59;
+  --radio-checked-text-color: #ffffff;
+  --radio-checked-border-color: #f86c59;
+  --split-line-color: #4b4b4b;
+  /* 边框颜色 */
+  --border-color: #4b4b4b;
+  --label-float-bg-color: rgba(255, 255, 255, 0.1);
+  --slider-gradient-start: #333333;
+  --slider-gradient-end: #656668;
+  --slider-gradient-color: linear-gradient(0deg, #333333 0%, #656668 100%);
+  --slider-content-color: #f86c59;
+  --tooltip-bg-color: rgb(51, 51, 51,0.8);
+  --kd-lane-container-border-color: #4b4b4b;
+  --kd-lane-container-header-item-color: #ffffff;
+  --kd-lane-container-header-item-warning-color: rgba(248, 108, 89, 0.6);
+  --kd-lane-container-header-bg: #333333;
+  --kd-lane-container-item-bg: #252526;
+  --kd-lane-container-item-line-color: #4b4b4b66;
+  --select-hover-bg-color: #333333;
+  --select-selected-text-color: #ffcc33;
+  --dialog-header: #333333;
+  --dialog-button-default: #252526;
+  --dialog-button-disabled-text: #ffffff;
+  --in-range-text-color: #ffffff;
+  --dialog-tree-text-color: #ffffff;
+  --loading-color: #f86c59;
+  --loading-bg-color: rgba(30, 30, 30, 0.8);
+}
+[data-theme=white] {
+  --bg-color: #ffffff;
+  --card-color: #ffffff;
+  --card-border-color: #C9C9C9;
+  --card-label-color: #666666;
+  --card-value-color: #333333;
+  --panel-item-bg-color: #ffffff;
+  --resizer-bg-color: rgb(177, 177, 177,.4);
+  --panel-item-border-color: #C9C9C9;
+  --default-text-color: #333333;
+  --radio-border-color: #C9C9C9;
+  --radio-checked-border-color: #EC4521;
+  --radio-checked-color: #EC4521;
+  --radio-checked-text-color: #000000;
+  --radio-checked-border-color: #EC4521;
+  --split-line-color: #C9C9C9;
+  /* 边框颜色 */
+  --border-color: #C9C9C9;
+  --label-float-bg-color: rgba(27, 79, 217, 0.1);
+  --slider-gradient-start: #B0C2F5;
+  --slider-gradient-end: #DBE5FF;
+  --slider-gradient-color: linear-gradient(0deg, #B0C2F5 0%, #DBE5FF 100%);
+  --slider-content-color: #EC4521;
+  --tooltip-bg-color: rgba(246, 247, 248, 0.8);
+  --kd-lane-container-border-color: #C9C9C9;
+  --kd-lane-container-header-item-color: #333333;
+  --kd-lane-container-header-item-warning-color: rgba(200, 23, 29, 0.6);
+  --kd-lane-container-header-bg: #ecf4ff;
+  --kd-lane-container-item-bg: #eff3ff;
+  --kd-lane-container-item-line-color: #dddddd;
+  --select-hover-bg-color: #E0E9FE;
+  --select-selected-text-color: #1B4FD9;
+  --dialog-header:#1B4FD9;
+  --dialog-header-text-color: #ffffff;
+  --dialog-button-default:#ffffff;
+  --dialog-button-disabled-text: #FFFFFF;
+  --in-range-text-color: #ffffff;
+  --dialog-tree-text-color: #ffffff;
+  --loading-color: #EC4521;
+  --loading-bg-color: rgba(255, 255, 255, 0.8);
+}
+[data-theme=gray] {
+  --bg-color: #ffffff;
+  --card-color: #f6f7f8;
+  --card-border-color: #b1b1b1;
+  --card-label-color: #666666;
+  --card-value-color: #333333;
+  --panel-item-bg-color: #ffffff;
+  --resizer-bg-color: rgb(177, 177, 177,.4);
+  --panel-item-border-color: #b1b1b1;
+  --default-text-color: #333333;
+  --radio-border-color: #b1b1b1;
+  --radio-checked-border-color: #f86c59;
+  --radio-checked-color: #f86c59;
+  --radio-checked-text-color: #000000;
+  --radio-checked-border-color: #f86c59;
+  --split-line-color: #b1b1b1;
+  /* 边框颜色 */
+  --border-color: #b1b1b1;
+  --label-float-bg-color: rgba(128, 128, 128, 0.1);
+  --slider-gradient-start: #a6a6a6;
+  --slider-gradient-end: #dfdfdf;
+  --slider-gradient-color: linear-gradient(0deg, #a6a6a6 0%, #dfdfdf 100%);
+  --slider-content-color: #f86c59;
+  --tooltip-bg-color: rgba(246, 247, 248, 0.8);
+  --kd-lane-container-border-color: #b1b1b1;
+  --kd-lane-container-header-item-color: #333333;
+  --kd-lane-container-header-item-warning-color: rgba(177, 42, 39,0.6);
+  --kd-lane-container-header-bg: #eeeeee;
+  --kd-lane-container-item-bg: #f6f7f8;
+  --kd-lane-container-item-line-color: #dddddd;
+  --select-hover-bg-color: #dfdfdf;
+  --select-selected-text-color: #ffcc33;
+  --dialog-header:#EBEBEB;
+  --dialog-button-default:#f6f7f8;
+  --dialog-button-disabled-text: #ffffff;
+  --in-range-text-color: #333333;
+  --dialog-tree-text-color: #333333;
+  --loading-color: #f86c59;
+  --loading-bg-color: rgba(246, 247, 248, 0.8);
+}
+
+/* 下拉框 */
+.kd-curve-2d-select-popup {
+  background: var(--bg-color) !important;
+  border: 1px solid var(--border-color) !important;
+  /* 列表容器（关键） */
+}
+.kd-curve-2d-select-popup .el-scrollbar__wrap {
+  margin-bottom: 0 !important;
+  margin-right: 0 !important;
+  background: var(--bg-color) !important;
+  /* 隐藏滚动条 */
+  scrollbar-width: none !important;
+  -ms-overflow-style: none !important;
+}
+.kd-curve-2d-select-popup .el-scrollbar__wrap::-webkit-scrollbar {
+  display: none !important;
+}
+.kd-curve-2d-select-popup {
+  /* 每一项（默认） */
+}
+.kd-curve-2d-select-popup .el-select-dropdown__item {
+  background: var(--bg-color) !important;
+  color: var(--default-text-color) !important;
+  /* hover */
+}
+.kd-curve-2d-select-popup .el-select-dropdown__item.hover, .kd-curve-2d-select-popup .el-select-dropdown__item:hover {
+  background: var(--select-hover-bg-color) !important;
+  color: var(--default-text-color) !important;
+}
+.kd-curve-2d-select-popup .el-select-dropdown__item.is-selected {
+  background: var(--bg-color) !important; /* 不要灰色 */
+  color: var(--select-selected-text-color) !important; /* 高亮文字（可选） */
+  font-weight: bold;
+}
+.kd-curve-2d-select-popup .el-select-dropdown__item.is-selected.hover, .kd-curve-2d-select-popup .el-select-dropdown__item.is-selected:hover {
+  background: var(--select-hover-bg-color) !important;
+}
+.kd-curve-2d-select-popup {
+  /* 三角箭头（Element UI / Element Plus） */
+}
+.kd-curve-2d-select-popup[x-placement^=bottom] .popper__arrow,
+.kd-curve-2d-select-popup[x-placement^=bottom] .el-popper__arrow::before, .kd-curve-2d-select-popup[data-popper-placement^=bottom] .popper__arrow,
+.kd-curve-2d-select-popup[data-popper-placement^=bottom] .el-popper__arrow::before {
+  border-color: var(--border-color) !important;
+  background: var(--bg-color) !important;
+}
+.kd-curve-2d-select-popup[x-placement^=bottom] .popper__arrow::after,
+.kd-curve-2d-select-popup[x-placement^=bottom] .el-popper__arrow::before, .kd-curve-2d-select-popup[data-popper-placement^=bottom] .popper__arrow::after,
+.kd-curve-2d-select-popup[data-popper-placement^=bottom] .el-popper__arrow::before {
+  border-color: var(--border-color) !important;
+  background: var(--bg-color) !important;
+}
+.kd-curve-2d-select-popup[x-placement^=left] .popper__arrow,
+.kd-curve-2d-select-popup[x-placement^=left] .el-popper__arrow::before, .kd-curve-2d-select-popup[data-popper-placement^=left] .popper__arrow,
+.kd-curve-2d-select-popup[data-popper-placement^=left] .el-popper__arrow::before {
+  border-color: var(--border-color) !important;
+  background: var(--bg-color) !important;
+}
+.kd-curve-2d-select-popup[x-placement^=left] .popper__arrow::after,
+.kd-curve-2d-select-popup[x-placement^=left] .el-popper__arrow::before, .kd-curve-2d-select-popup[data-popper-placement^=left] .popper__arrow::after,
+.kd-curve-2d-select-popup[data-popper-placement^=left] .el-popper__arrow::before {
+  border-color: var(--border-color) !important;
+  background: var(--bg-color) !important;
+}
+.kd-curve-2d-select-popup[x-placement^=right] .popper__arrow,
+.kd-curve-2d-select-popup[x-placement^=right] .el-popper__arrow::before, .kd-curve-2d-select-popup[data-popper-placement^=right] .popper__arrow,
+.kd-curve-2d-select-popup[data-popper-placement^=right] .el-popper__arrow::before {
+  border-color: var(--border-color) !important;
+  background: var(--bg-color) !important;
+}
+.kd-curve-2d-select-popup[x-placement^=right] .popper__arrow::after,
+.kd-curve-2d-select-popup[x-placement^=right] .el-popper__arrow::before, .kd-curve-2d-select-popup[data-popper-placement^=right] .popper__arrow::after,
+.kd-curve-2d-select-popup[data-popper-placement^=right] .el-popper__arrow::before {
+  border-color: var(--border-color) !important;
+  background: var(--bg-color) !important;
+}
+.kd-curve-2d-select-popup[x-placement^=top] .popper__arrow,
+.kd-curve-2d-select-popup[x-placement^=top] .el-popper__arrow::before, .kd-curve-2d-select-popup[data-popper-placement^=top] .popper__arrow,
+.kd-curve-2d-select-popup[data-popper-placement^=top] .el-popper__arrow::before {
+  border-color: var(--border-color) !important;
+  background: var(--bg-color) !important;
+}
+.kd-curve-2d-select-popup[x-placement^=top] .popper__arrow::after,
+.kd-curve-2d-select-popup[x-placement^=top] .el-popper__arrow::before, .kd-curve-2d-select-popup[data-popper-placement^=top] .popper__arrow::after,
+.kd-curve-2d-select-popup[data-popper-placement^=top] .el-popper__arrow::before {
+  border-color: var(--border-color) !important;
+  background: var(--bg-color) !important;
+}
+.kd-curve-2d-select-popup .el-time-panel {
+  background: var(--bg-color) !important;
+  box-shadow: 0 2px 12px 0 transparent !important;
+  border: 1px solid var(--border-color) !important;
+}
+.kd-curve-2d-select-popup .el-time-panel .el-time-panel__btn {
+  color: var(--default-text-color) !important;
+}
+.kd-curve-2d-select-popup .el-time-panel .el-time-spinner__item {
+  color: var(--default-text-color) !important;
+}
+.kd-curve-2d-select-popup .el-time-panel .el-time-spinner__item.active:not(.disabled) {
+  color: var(--select-selected-text-color) !important;
+  font-weight: bold;
+}
+.kd-curve-2d-select-popup .el-time-panel .el-time-panel__footer {
+  border-top: 1px solid var(--border-color) !important;
+}
+.kd-curve-2d-select-popup .el-time-panel .el-time-spinner__item:hover:not(.disabled):not(.active) {
+  background: var(--select-hover-bg-color) !important;
+}
+.kd-curve-2d-select-popup .el-picker-panel__body-wrapper {
+  background: var(--bg-color) !important;
+  border: 1px solid var(--dialog-header) !important;
+  color: var(--default-text-color) !important;
+}
+.kd-curve-2d-select-popup .el-picker-panel__body-wrapper .el-input__inner {
+  background: var(--bg-color) !important;
+  color: var(--text-color) !important;
+  height: 32px !important;
+  line-height: 32px !important;
+  box-sizing: border-box !important;
+  border-radius: 0px !important;
+}
+.kd-curve-2d-select-popup .el-picker-panel__body-wrapper .el-input__wrapper {
+  background: var(--bg-color) !important;
+  border: 1px solid var(--border-color) !important;
+  box-shadow: none !important;
+}
+.kd-curve-2d-select-popup .el-picker-panel__body-wrapper .el-date-picker__header-label {
+  color: var(--default-text-color) !important;
+}
+.kd-curve-2d-select-popup .el-picker-panel__body-wrapper .el-date-picker__header-label:hover {
+  color: var(--select-selected-text-color) !important;
+}
+.kd-curve-2d-select-popup .el-picker-panel__body-wrapper .el-date-range-picker__time-header > .el-icon-arrow-right {
+  color: var(--default-text-color) !important;
+}
+.kd-curve-2d-select-popup .el-picker-panel__body-wrapper .el-button--text {
+  color: var(--select-selected-text-color) !important;
+}
+.kd-curve-2d-select-popup .el-picker-panel__body-wrapper .el-picker-panel__icon-btn {
+  color: var(--default-text-color) !important;
+}
+.kd-curve-2d-select-popup .el-picker-panel__body-wrapper .el-date-range-picker__time-header {
+  border-bottom: 1px solid var(--dialog-header) !important;
+}
+.kd-curve-2d-select-popup .el-picker-panel__body-wrapper .el-date-range-picker__content.is-left {
+  border-right: 1px solid var(--dialog-header) !important;
+}
+.kd-curve-2d-select-popup .el-picker-panel__body-wrapper .el-date-table th {
+  border-bottom: 1px solid var(--dialog-header) !important;
+  color: var(--default-text-color) !important;
+}
+.kd-curve-2d-select-popup .el-picker-panel__body-wrapper .el-date-table td.today span {
+  color: var(--select-selected-text-color) !important;
+}
+.kd-curve-2d-select-popup .el-picker-panel__body-wrapper .el-date-table td.available:hover {
+  color: var(--select-selected-text-color) !important;
+}
+.kd-curve-2d-select-popup .el-picker-panel__body-wrapper .el-date-table td.next-month,
+.kd-curve-2d-select-popup .el-picker-panel__body-wrapper .el-date-table td.prev-month {
+  color: var(--dialog-header) !important;
+}
+.kd-curve-2d-select-popup .el-picker-panel__body-wrapper .el-date-table td.available {
+  color: var(--default-text-color) !important;
+}
+.kd-curve-2d-select-popup .el-picker-panel__body-wrapper .el-date-table td.available.in-range {
+  color: var(--in-range-text-color) !important;
+}
+.kd-curve-2d-select-popup .el-picker-panel__body-wrapper .el-date-table td.end-date span,
+.kd-curve-2d-select-popup .el-picker-panel__body-wrapper .el-date-table td.start-date span {
+  background: var(--select-selected-text-color) !important;
+}
+.kd-curve-2d-select-popup .el-picker-panel__body-wrapper .el-date-table td.in-range div,
+.kd-curve-2d-select-popup .el-picker-panel__body-wrapper .el-date-table td.in-range div:hover,
+.kd-curve-2d-select-popup .el-picker-panel__body-wrapper .el-date-table.is-week-mode .el-date-table__row.current div,
+.kd-curve-2d-select-popup .el-picker-panel__body-wrapper .el-date-table.is-week-mode .el-date-table__row:hover div {
+  background: var(--dialog-header) !important;
+}
+.kd-curve-2d-select-popup .el-picker-panel__footer {
+  background: var(--bg-color) !important;
+  border-top: 1px solid var(--dialog-header) !important;
+}
+.kd-curve-2d-select-popup .el-picker-panel__footer .el-button.is-text {
+  background: transparent !important;
+  color: var(--select-selected-text-color) !important;
+}
+.kd-curve-2d-select-popup .el-picker-panel__footer .el-button.is-plain {
+  background: transparent !important;
+  color: var(--default-text-color) !important;
+  border: none;
+  border-radius: 0px !important;
+}
+.kd-curve-2d-select-popup .el-picker-panel__footer .el-button.is-plain:hover {
+  background: transparent !important;
+  color: var(--default-text-color) !important;
+}
+.kd-curve-2d-select-popup .el-popper[x-placement^=bottom] .popper__arrow::after {
+  border-bottom-color: var(--bg-color) !important;
+}
+.kd-curve-2d-container {
+  /* radio 自定义样式（Element Plus 垂直对齐） */
+}
+.kd-curve-2d-container .el-radio-group.radio-group {
+  display: flex !important;
+  flex-direction: column !important;
+  align-items: flex-start !important;
+  row-gap: 8px !important;
+}
+.kd-curve-2d-container .el-radio {
+  display: inline-flex !important;
+  align-items: center !important;
+  height: 22px !important;
+  margin-right: 0 !important;
+  white-space: nowrap;
+  color: var(--radio-default-text-color) !important;
+  font-family: Microsoft YaHei UI, Microsoft YaHei UI !important;
+  font-size: 14px !important;
+}
+.kd-curve-2d-container .el-radio.el-radio--small {
+  height: 22px !important;
+}
+.kd-curve-2d-container .el-radio__input {
+  display: inline-flex !important;
+  align-items: center !important;
+  justify-content: center !important;
+  flex-shrink: 0;
+  width: 14px !important;
+  height: 14px !important;
+  line-height: 1 !important;
+  vertical-align: middle !important;
+}
+.kd-curve-2d-container .el-radio__inner {
+  width: 14px !important;
+  height: 14px !important;
+  background: transparent !important;
+  border: 1px solid var(--radio-border-color) !important;
+}
+.kd-curve-2d-container .el-radio__input.is-checked .el-radio__inner {
+  border-color: var(--radio-checked-border-color) !important;
+  background: transparent !important;
+}
+.kd-curve-2d-container .el-radio__input.is-disabled .el-radio__inner {
+  background-color: transparent !important;
+  border-color: var(--radio-border-color) !important;
+}
+.kd-curve-2d-container .el-radio__inner::after {
+  width: 7px !important;
+  height: 7px !important;
+  background: var(--radio-checked-color) !important;
+}
+.kd-curve-2d-container .el-radio__label {
+  display: inline-flex !important;
+  align-items: center !important;
+  height: 14px !important;
+  line-height: 14px !important;
+  padding-left: 8px !important;
+  font-size: 14px !important;
+}
+.kd-curve-2d-container .el-radio.is-checked .el-radio__label {
+  color: var(--radio-checked-text-color) !important;
+  font-weight: bold !important;
+}
+.kd-curve-2d-container {
+  /* select / input（Element Plus 2.x） */
+}
+.kd-curve-2d-container .el-select .el-select__wrapper,
+.kd-curve-2d-container .el-select .el-input__wrapper,
+.kd-curve-2d-container .el-input .el-input__wrapper {
+  background: var(--bg-color) !important;
+  border: 1px solid var(--border-color) !important;
+  border-radius: 0 !important;
+  box-shadow: none !important;
+  min-height: 32px !important;
+  height: 32px !important;
+  padding-top: 0 !important;
+  padding-bottom: 0 !important;
+}
+.kd-curve-2d-container .el-select .el-select__wrapper.is-focused,
+.kd-curve-2d-container .el-select .el-input__wrapper.is-focus,
+.kd-curve-2d-container .el-input .el-input__wrapper.is-focus {
+  box-shadow: none !important;
+  border-color: var(--border-color) !important;
+}
+.kd-curve-2d-container .el-input__inner,
+.kd-curve-2d-container .el-select .el-select__selected-item,
+.kd-curve-2d-container .el-select .el-select__placeholder {
+  color: var(--text-color) !important;
+  font-size: 14px !important;
+  line-height: 32px !important;
+  height: 32px !important;
+}
+.kd-curve-2d-container .el-select .el-select__wrapper {
+  position: relative;
+  padding-right: 28px !important;
+}
+.kd-curve-2d-container {
+  /* 下拉箭头按钮 */
+}
+.kd-curve-2d-container .el-select .el-input__suffix,
+.kd-curve-2d-container .el-select .el-select__suffix {
+  position: absolute !important;
+  right: 0 !important;
+  top: 0 !important;
+  width: 28px !important;
+  height: 32px !important;
+  line-height: 32px !important;
+  background: var(--slider-gradient-color) !important;
+  display: flex !important;
+  align-items: center !important;
+  justify-content: center !important;
+  border-left: 1px solid var(--border-color) !important;
+  pointer-events: none;
+}
+.kd-curve-2d-container .el-select .el-input__suffix .el-icon,
+.kd-curve-2d-container .el-select .el-input__suffix i,
+.kd-curve-2d-container .el-select .el-select__suffix .el-icon,
+.kd-curve-2d-container .el-select .el-select__caret {
+  display: none !important;
+}
+.kd-curve-2d-container .el-select .el-input__suffix::after,
+.kd-curve-2d-container .el-select .el-select__suffix::after {
+  content: "" !important;
+  width: 0 !important;
+  height: 0 !important;
+  border-left: 5px solid transparent !important;
+  border-right: 5px solid transparent !important;
+  border-top: 6px solid var(--slider-content-color) !important;
+  transition: transform 0.2s ease !important;
+}
+.kd-curve-2d-container .el-select .el-input[aria-describedby] .el-input__suffix::after,
+.kd-curve-2d-container .el-select .el-select__wrapper[aria-describedby] .el-select__suffix::after {
+  transform: rotate(180deg) !important;
+}
+.kd-curve-2d-container {
+  /* 井段查询输入框 */
+}
+.kd-curve-2d-container .el-input .el-input__wrapper {
+  padding-right: 8px !important;
+}
+.kd-curve-2d-container .el-input.is-disabled .el-input__wrapper,
+.kd-curve-2d-container .el-select .el-select__wrapper.is-disabled {
+  background: var(--bg-color) !important;
+  opacity: 0.5;
+}
+.kd-curve-2d-container .el-dialog {
+  border: 1px solid var(--card-border-color);
+}
+.kd-curve-2d-container .el-dialog .el-form-item__label {
+  color: var(--default-text-color) !important;
+  font-size: 14px !important;
+}
+.kd-curve-2d-container .el-dialog .el-dialog__headerbtn {
+  top: 11px !important;
+  width: 24px !important;
+  height: 24px !important;
+  background: linear-gradient(270deg, #c73521 0%, #f86c59 100%) !important;
+  border-radius: 100px !important;
+  display: flex !important;
+  justify-content: center !important;
+  align-items: center !important;
+}
+.kd-curve-2d-container .el-dialog .el-dialog__headerbtn .el-dialog__close {
+  color: #fff;
+  font-size: 14px !important;
+  font-weight: 700 !important;
+}
+.kd-curve-2d-container .el-button {
+  border: none !important;
+  border-radius: 0px !important;
+}
+.kd-curve-2d-container .el-button {
+  background: var(--dialog-button-default) !important;
+  color: var(--default-text-color) !important;
+  font-size: 12px !important;
+}
+.kd-curve-2d-container .el-button--primary {
+  background-image: linear-gradient(to bottom, #2057ea, #12338d) !important;
+}
+.kd-curve-2d-container .el-button--primary.is-disabled {
+  background-image: linear-gradient(to bottom, #2f5ede, #1e3677) !important;
+  color: var(--dialog-button-disabled-text) !important;
+}
+.kd-curve-2d-container .el-button--small {
+  padding: 9px 15px !important;
+  font-size: 12px !important;
+  height: auto !important;
+}
+.kd-curve-2d-container .el-tabs .el-tabs__nav-wrap::after {
+  background-color: var(--card-border-color) !important;
+}
+.kd-curve-2d-container .el-tabs .el-tabs__item {
+  color: var(--default-text-color) !important;
+}
+.kd-curve-2d-container .el-tabs .el-tabs__item.is-active {
+  color: var(--select-selected-text-color) !important;
+}
+.kd-curve-2d-container .el-tabs .el-tabs__active-bar {
+  background: var(--select-selected-text-color) !important;
+}
+.kd-curve-2d-container .el-tree {
+  background: var(--bg-color) !important;
+  color: var(--default-text-color) !important;
+  font-size: 14px !important;
+}
+.kd-curve-2d-container .el-tree::-webkit-scrollbar {
+  display: none !important;
+}
+.kd-curve-2d-container {
+  /* 树节点内容容器（核心：去掉白色背景） */
+}
+.kd-curve-2d-container .el-tree .el-tree-node__content {
+  background: transparent !important;
+}
+.kd-curve-2d-container {
+  /* 节点hover高亮背景 */
+}
+.kd-curve-2d-container .el-tree .el-tree-node__content:hover {
+  background: var(--dialog-header) !important;
+}
+.kd-curve-2d-container {
+  /* 选中节点背景 */
+}
+.kd-curve-2d-container .el-tree .el-tree-node.is-current > .el-tree-node__content {
+  background: var(--dialog-header) !important;
+}
+.kd-curve-2d-container {
+  /* 树形滚动容器兜底 */
+}
+.kd-curve-2d-container .el-tree__inner {
+  background: transparent !important;
+}
+.kd-curve-2d-container {
+  /* 根节点/空数据兜底 */
+}
+.kd-curve-2d-container .el-tree-empty-text {
+  background: transparent !important;
+  color: var(--default-text-color) !important;
+}
+.kd-curve-2d-container .el-tree--highlight-current .el-tree-node.is-current > .el-tree-node__content {
+  background: var(--dialog-header) !important;
+  color: var(--dialog-tree-text-color) !important;
+}
+.kd-curve-2d-container .el-tree-node__content:hover,
+.kd-curve-2d-container .el-upload-list__item:hover {
+  background: var(--dialog-header) !important;
+  color: var(--dialog-tree-text-color) !important;
+}
+.kd-curve-2d-container .vue-simple-context-menu__item,
+.kd-curve-2d-container .vue-simple-context-menu__item {
+  font-size: 14px !important;
+}
+.kd-curve-2d-container .kd-lane-el-container {
+  border: 1px solid var(--card-border-color) !important;
+}
+.kd-curve-2d-container .kd-lane-el-container .rtd-config-side {
+  border-right: 1px solid var(--card-border-color) !important;
+}
+.kd-curve-2d-container .el-dialog__header {
+  background: var(--dialog-header) !important;
+  text-align: center !important;
+}
+.kd-curve-2d-container .el-dialog__header .el-dialog__title {
+  color: var(--dialog-header-text-color) !important;
+}
+.kd-curve-2d-container .el-dialog__header {
+  padding: 10px 10px 10px !important;
+}
+.kd-curve-2d-container .el-dialog__body {
+  background: var(--bg-color) !important;
+}
+.kd-curve-2d-container .custom-dialog {
+  background: var(--bg-color) !important;
+}
+.kd-curve-2d-container .custom-dialog .input-number-container .el-input {
+  color: var(--default-text-color) !important;
+  width: calc(100% - 80px) !important;
+  margin-left: 40px !important;
+}
+.kd-curve-2d-container .custom-dialog .input-number-container .el-input .el-input__wrapper {
+  padding-right: 0px !important;
+  padding-left: 0px !important;
+}
+.kd-curve-2d-container .custom-dialog .el-input-number__decrease,
+.kd-curve-2d-container .custom-dialog .el-input-number__increase {
+  color: var(--default-text-color) !important;
+}
+.kd-curve-2d-container .custom-dialog .el-input-number__increase {
+  background: var(--card-color) !important;
+  color: var(--default-text-color) !important;
+  border-radius: 0px 0px 0px 0px !important;
+  border: 1px solid var(--card-border-color) !important;
+  width: 30px !important;
+  height: 30px !important;
+  line-height: 30px !important;
+}
+.kd-curve-2d-container .custom-dialog .el-input-number__decrease {
+  background: var(--card-color) !important;
+  color: var(--default-text-color) !important;
+  border-radius: 0px 0px 0px 0px !important;
+  border: 1px solid var(--card-border-color) !important;
+  width: 30px !important;
+  height: 30px !important;
+  line-height: 30px !important;
+}
+.kd-curve-2d-container .el-dialog__footer {
+  text-align: center !important;
+  background: var(--bg-color) !important;
+}
+.kd-curve-2d-container .el-date-editor {
+  background: var(--bg-color) !important;
+  box-shadow: none !important;
+  border: 1px solid var(--border-color) !important;
+}
+.kd-curve-2d-container .el-date-editor .el-range-input {
+  background: var(--bg-color) !important;
+  border-top: 1px solid var(--border-color) !important;
+  border-bottom: 1px solid var(--border-color) !important;
+  color: var(--text-color) !important;
+  height: 32px !important;
+  line-height: 32px !important;
+  box-sizing: border-box;
+  border-radius: 0px;
+}
+.kd-curve-2d-container .el-date-editor .el-range-separator {
+  color: var(--default-text-color) !important;
+}
+.kd-color-picker {
+  border-radius: 0px !important;
+  border: 1px solid var(--dialog-header) !important;
+}
+.kd-color-picker .el-input__wrapper {
+  background: var(--bg-color) !important;
+  border: 1px solid var(--border-color) !important;
+  border-radius: 0 !important;
+  box-shadow: none !important;
+  padding-top: 0 !important;
+  padding-bottom: 0 !important;
+}
+.kd-color-picker .el-input__wrapper .el-input__inner {
+  color: var(--default-text-color) !important;
+}
+.kd-color-picker .el-color-picker-panel {
+  background: var(--bg-color) !important;
+  border: 1px solid var(--dialog-header) !important;
+  border-radius: 0px !important;
+}
+.kd-color-picker .el-color-picker-panel .el-button.is-text {
+  background: transparent !important;
+  color: var(--select-selected-text-color) !important;
+}
+.kd-color-picker .el-color-picker-panel .el-button.is-plain {
+  background: transparent !important;
+  color: var(--default-text-color) !important;
+  border: none;
+  border-radius: 0px !important;
+}
+.kd-color-picker .el-color-picker-panel .el-button.is-plain:hover {
+  background: transparent !important;
+  color: var(--default-text-color) !important;
+}
+.kd-color-picker-wrapper .el-color-picker__trigger {
+  border: 1px solid var(--dialog-header) !important;
+  background: transparent !important;
+}
+.kd-curve-2d-resize-container[data-v-3671672c] {
+  width: 100%;
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  background: var(--bg-color);
+  color: var(--default-text-color);
+  overflow: hidden;
+  /* 主容器 */
+}
+.kd-curve-2d-resize-container .container[data-v-3671672c] {
+  display: flex;
+  flex: 1;
+  width: 100%;
+  overflow: hidden;
+}
+.kd-curve-2d-resize-container[data-v-3671672c] {
+  /* 面板通用样式 */
+}
+.kd-curve-2d-resize-container .panel[data-v-3671672c] {
+  height: 100%;
+  overflow-x: hidden;
+  overflow-y: auto;
+  flex-shrink: 0;
+  background: var(--panel-item-bg-color);
+  border: 1px solid var(--panel-item-border-color);
+  padding: 8px;
+  /* 隐藏滚动条 */
+  scrollbar-width: none;
+  -ms-overflow-style: none;
+}
+.kd-curve-2d-resize-container .panel[data-v-3671672c]::-webkit-scrollbar {
+  display: none;
+}
+.kd-curve-2d-resize-container .panel-3[data-v-3671672c] {
+  flex: 1;
+  min-width: 100px;
+}
+.kd-curve-2d-resize-container[data-v-3671672c] {
+  /* 拖拽条样式 */
+}
+.kd-curve-2d-resize-container .resizer[data-v-3671672c] {
+  width: 6px;
+  cursor: col-resize;
+}
+.kd-curve-2d-resize-container .resizer[data-v-3671672c]:hover {
+  background-color: var(--resizer-bg-color);
+  transition: background-color 0.2s ease;
+}
+.kd-curve-2d-resize-container[data-v-3671672c] {
+  /* 加载动画遮罩 */
+}
+.kd-curve-2d-resize-container .kd-curve-loading-overlay[data-v-3671672c] {
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  background-color: var(--loading-bg-color, rgba(255, 255, 255, 0.8));
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  z-index: 1000;
+}
+.kd-curve-2d-resize-container .kd-curve-loading-spinner[data-v-3671672c] {
+  position: relative;
+  width: 48px;
+  height: 48px;
+}
+.kd-curve-2d-resize-container .kd-curve-loading-ring[data-v-3671672c] {
+  position: absolute;
+  width: 100%;
+  height: 100%;
+  border: 3px solid transparent;
+  border-top-color: var(--loading-color, #EC4521);
+  border-radius: 50%;
+  animation: spin-3671672c 1s linear infinite;
+}
+.kd-curve-2d-resize-container .kd-curve-loading-ring-delay[data-v-3671672c] {
+  animation-delay: 0.5s;
+  border-top-color: var(--loading-color, #EC4521);
+  opacity: 0.5;
+}
+@keyframes spin-3671672c {
+to {
+    transform: rotate(360deg);
+}
+}
+.kd-curve-2d-resize-container .kd-curve-loading-text[data-v-3671672c] {
+  margin-top: 16px;
+  color: var(--loading-color, #EC4521);
+  font-size: 14px;
+}