@blueking/ai-ui-sdk 0.5.2-beta.5 → 0.6.0-beta.2

package/dist/css/bk-patch.css

@@ -0,0 +1,1099 @@
+/*
+ * 说明：这里不使用 !important，改为把选择器首个类名重复一次来提高特异性，
+ * 使补丁能稳定覆盖 bkui-vue 默认样式（与样式加载顺序无关），
+ * 同时业务侧只需用更高特异性（如父级作用域 / 多一个类）即可覆盖本文件样式。
+ * 嵌套由 postcss-nested 按字符串展开（不包 :is()），特异性与平铺写法一致。
+ */
+.bk-input.bk-input,
+.bk-textarea.bk-textarea,
+.bk-select.bk-select .bk-select-trigger .bk-select-tag,
+.bk-search-select.bk-search-select .bk-search-select-container,
+.bk-tag-input.bk-tag-input .bk-tag-input-trigger,
+.bk-cascader.bk-cascader,
+.bk-date-picker-editor.bk-date-picker-editor,
+.bk-button.bk-button,
+.bk-popover.bk-pop2-content.bk-select-popover.bk-select-popover,
+.bk-cascader-popover.bk-cascader-popover,
+.bk-dropdown-popover.bk-dropdown-popover .bk-dropdown-menu {
+  border-radius: var(--aidev-radius);
+}
+
+.bk-tag.bk-tag {
+  border-radius: var(--aidev-radius-s);
+
+  /* 灰色 Tag */
+  &:not(.bk-tag-success, .bk-tag-info, .bk-tag-warning, .bk-tag-danger, .bk-tag-checkable) {
+    color: var(--aidev-tag-color);
+    background-color: var(--aidev-tag-background);
+
+    &:hover {
+      background-color: var(--aidev-tag-hover-background);
+    }
+
+    .bk-tag-close {
+      color: var(--aidev-tag-color);
+    }
+  }
+
+  &.bk-tag-stroke:not(.bk-tag-success, .bk-tag-info, .bk-tag-warning, .bk-tag-danger) {
+    background-color: var(--aidev-main-background);
+    border-color: var(--aidev-tag-border-color);
+
+    &:hover {
+      background-color: var(--aidev-tag-hover-background);
+    }
+  }
+
+  &.bk-tag-filled:not(.bk-tag-success, .bk-tag-info, .bk-tag-warning, .bk-tag-danger) {
+    color: var(--aidev-tag-filled-color);
+    background-color: var(--aidev-tag-filled-background);
+
+    &:hover {
+      background-color: var(--aidev-tag-filled-hover-background);
+    }
+
+    .bk-tag-close {
+      color: var(--aidev-tag-filled-color);
+    }
+  }
+}
+
+.tag-list.tag-list {
+  background: var(--aidev-tag-background);
+  color: var(--aidev-tag-color);
+}
+
+/* 资源卡片多选 render-checkbox */
+.checkbox.checkbox.checkbox {
+  border-radius: var(--aidev-radius-s);
+  background-color: var(--aidev-checkbox-background);
+  border-color: var(--aidev-checkbox-border-color);
+
+  &:not(.disabled):hover {
+    border-color: var(--aidev-checkbox-hover-border-color);
+  }
+
+  &.checked:not(.disabled),
+  &.indeterminate:not(.disabled) {
+    background-color: var(--aidev-checkbox-checked-color);
+    border-color: var(--aidev-checkbox-checked-color);
+  }
+
+  &.checked::after {
+    border-right-color: var(--aidev-checkbox-checked-mark-color);
+    border-bottom-color: var(--aidev-checkbox-checked-mark-color);
+  }
+
+  &.indeterminate::after {
+    border-radius: var(--aidev-radius-s);
+    background: var(--aidev-checkbox-checked-mark-color);
+  }
+
+  &.disabled {
+    background-color: var(--aidev-checkbox-disabled-background);
+    border-color: var(--aidev-checkbox-disabled-border-color);
+  }
+
+  &.disabled.checked,
+  &.disabled.indeterminate {
+    background-color: var(--aidev-checkbox-checked-disabled-color);
+    border-color: var(--aidev-checkbox-checked-disabled-color);
+  }
+
+  &.disabled.indeterminate::after {
+    background: var(--aidev-checkbox-checked-mark-color);
+  }
+
+  &.tree.indeterminate:not(.disabled) {
+    background-color: var(--aidev-checkbox-tree-indeterminate-background);
+    border-color: var(--aidev-checkbox-tree-indeterminate-border-color);
+
+    &::after {
+      background: var(--aidev-checkbox-tree-indeterminate-mark-color);
+    }
+  }
+
+  &.tree.disabled.indeterminate {
+    background-color: var(--aidev-checkbox-disabled-background);
+    border-color: var(--aidev-checkbox-disabled-border-color);
+
+    &::after {
+      background: var(--aidev-checkbox-tree-indeterminate-disabled-mark-color);
+    }
+  }
+}
+
+/* bk-checkbox */
+.bk-checkbox-input.bk-checkbox-input {
+  background-color: var(--aidev-checkbox-background);
+  border-color: var(--aidev-checkbox-border-color);
+  border-radius: var(--aidev-radius-s);
+}
+
+.bk-checkbox {
+  &:not(.is-disabled):hover .bk-checkbox-input.bk-checkbox-input {
+    border-color: var(--aidev-checkbox-hover-border-color);
+  }
+
+  &.is-checked:not(.is-disabled) .bk-checkbox-input.bk-checkbox-input,
+  &.is-indeterminated:not(.is-disabled) .bk-checkbox-input.bk-checkbox-input {
+    background-color: var(--aidev-checkbox-checked-color);
+    border-color: var(--aidev-checkbox-checked-color);
+  }
+
+  &.is-checked:not(.is-disabled) .bk-checkbox-input::after {
+    border-right-color: var(--aidev-checkbox-checked-mark-color);
+    border-bottom-color: var(--aidev-checkbox-checked-mark-color);
+  }
+
+  &.is-indeterminated:not(.is-disabled) .bk-checkbox-input::after {
+    background: var(--aidev-checkbox-checked-mark-color);
+  }
+
+  &.is-disabled {
+    .bk-checkbox-input.bk-checkbox-input {
+      background-color: var(--aidev-checkbox-disabled-background);
+      border-color: var(--aidev-checkbox-disabled-border-color);
+    }
+
+    &.is-checked .bk-checkbox-input.bk-checkbox-input,
+    &.is-indeterminated .bk-checkbox-input.bk-checkbox-input {
+      background-color: var(--aidev-checkbox-checked-disabled-color);
+      border-color: var(--aidev-checkbox-checked-disabled-color);
+    }
+
+    &.is-checked .bk-checkbox-input::after {
+      background: transparent;
+      border-right-color: var(--aidev-checkbox-checked-mark-color);
+      border-bottom-color: var(--aidev-checkbox-checked-mark-color);
+    }
+
+    &.is-indeterminated .bk-checkbox-input::after {
+      background: var(--aidev-checkbox-checked-mark-color);
+    }
+  }
+}
+
+.bk-radio-input.bk-radio-input {
+  background-color: var(--aidev-radio-background);
+  border-color: var(--aidev-radio-border-color);
+}
+
+.bk-radio {
+  &:not(.is-disabled):hover .bk-radio-input.bk-radio-input,
+  &.is-focused:not(.is-disabled) .bk-radio-input.bk-radio-input {
+    border-color: var(--aidev-radio-hover-border-color);
+  }
+
+  &.is-checked:not(.is-disabled) .bk-radio-input.bk-radio-input {
+    background-color: var(--aidev-radio-checked-color);
+    border-color: var(--aidev-radio-checked-color);
+  }
+
+  &.is-disabled .bk-radio-input.bk-radio-input {
+    background-color: var(--aidev-radio-disabled-background);
+    border-color: var(--aidev-radio-disabled-border-color);
+  }
+
+  &.is-disabled.is-checked .bk-radio-input.bk-radio-input {
+    background-color: var(--aidev-radio-checked-disabled-color);
+    border-color: var(--aidev-radio-checked-disabled-border-color);
+  }
+}
+
+/* 按钮组 Tab */
+.bk-radio-tab.bk-radio-tab .bk-radio-button {
+  .bk-radio-button-label {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    box-sizing: border-box;
+    color: var(--aidev-main-color);
+    background-color: var(--aidev-main-background);
+    border-color: var(--aidev-form-border-color);
+    height: 32px;
+    padding: 0 12px;
+    font-size: 12px;
+    line-height: 20px;
+  }
+
+  &:first-child .bk-radio-button-label {
+    border-top-left-radius: var(--aidev-radius);
+    border-bottom-left-radius: var(--aidev-radius);
+  }
+
+  &:last-child .bk-radio-button-label {
+    border-top-right-radius: var(--aidev-radius);
+    border-bottom-right-radius: var(--aidev-radius);
+  }
+
+  &:only-child .bk-radio-button-label {
+    border-radius: var(--aidev-radius);
+  }
+
+  &:not(.is-checked, .is-disabled) .bk-radio-button-label:hover {
+    color: var(--aidev-main-color);
+    background-color: var(--aidev-icon-light-hover-background);
+    border-color: var(--aidev-clickable-color);
+  }
+
+  &.is-checked .bk-radio-button-label,
+  &.is-checked .bk-radio-button-label:hover {
+    color: var(--aidev-clickable-color);
+    background-color: var(--aidev-list-item-active-background);
+    border-color: var(--aidev-clickable-color);
+  }
+
+  &.is-disabled .bk-radio-button-label,
+  &.is-disabled .bk-radio-button-label:hover {
+    color: var(--aidev-disabled-color);
+    background-color: var(--aidev-main-background);
+    border-color: var(--aidev-form-border-color);
+  }
+
+  &.is-focused:not(.is-checked) .bk-radio-button-label {
+    border-color: var(--aidev-clickable-color);
+  }
+
+  &.bk-radio-button-small .bk-radio-button-label {
+    height: 26px;
+    padding: 0 12px;
+    font-size: 12px;
+    line-height: 20px;
+  }
+}
+
+/* 胶囊 radio（type="capsule"）：项白底/阴影做在 .bk-radio-button 上，不要落在 label 上，
+   否则 bkui .is-checked 的 2px 方角会露出来 */
+.bk-radio-group.bk-radio-capsule.bk-radio-capsule {
+  display: inline-flex;
+  align-items: center;
+  box-sizing: border-box;
+  height: 32px;
+  padding: 4px;
+  background-color: var(--aidev-inner-background);
+  border-radius: var(--aidev-radius);
+
+  .bk-radio-button {
+    &,
+    &.is-checked {
+      height: 24px;
+      background-color: transparent;
+      border: 0;
+      border-radius: var(--aidev-radius);
+      box-shadow: none;
+    }
+
+    &::before {
+      display: none;
+    }
+
+    .bk-radio-button-label {
+      display: inline-flex;
+      align-items: center;
+      justify-content: center;
+      box-sizing: border-box;
+      width: 100%;
+      height: 24px;
+      padding: 0 12px;
+      border: 0;
+      border-radius: var(--aidev-radius);
+      background-color: transparent;
+      color: var(--aidev-main-color);
+      box-shadow: none;
+      font-size: 12px;
+      line-height: 20px;
+    }
+
+    &:not(.is-checked, .is-disabled):hover {
+      background-color: var(--aidev-capsule-hover-background);
+      color: var(--aidev-main-color);
+
+      .bk-radio-button-label {
+        background-color: transparent;
+        color: var(--aidev-main-color);
+      }
+    }
+
+    &.is-checked,
+    &.is-checked:hover {
+      background-color: var(--aidev-main-background);
+      box-shadow: var(--aidev-card-hover-box-shadow);
+    }
+
+    &.is-checked .bk-radio-button-label,
+    &.is-checked .bk-radio-button-label:hover {
+      background-color: transparent;
+      color: var(--aidev-clickable-color);
+      box-shadow: none;
+    }
+
+    &.is-disabled .bk-radio-button-label,
+    &.is-disabled:hover .bk-radio-button-label {
+      color: var(--aidev-disabled-color);
+      background-color: transparent;
+      box-shadow: none;
+    }
+  }
+}
+
+/* 外层圆角裁剪内层白底直角，避免四角露白 */
+.bk-input.bk-input {
+  overflow: hidden;
+
+  &:not(.is-disabled) {
+    background-color: var(--aidev-form-background);
+    border-color: var(--aidev-form-border-color);
+
+    .bk-input--text {
+      color: var(--aidev-form-color);
+      background-color: var(--aidev-form-background);
+    }
+
+    &:hover {
+      border-color: var(--aidev-form-hover-border-color);
+    }
+  }
+}
+
+.bk-input.bk-input:not(.is-disabled).is-focused,
+.bk-select.bk-select:not(.is-disabled).is-focus .bk-input {
+  border-color: var(--aidev-form-active-border-color);
+}
+
+.bk-textarea.bk-textarea:not(.is-disabled) {
+  color: var(--aidev-form-color);
+  background-color: var(--aidev-form-background);
+  border-color: var(--aidev-form-border-color);
+
+  &:hover {
+    border-color: var(--aidev-form-hover-border-color);
+  }
+
+  &.is-focused {
+    border-color: var(--aidev-form-active-border-color);
+  }
+}
+
+.bk-select.bk-select .bk-select-trigger .bk-select-tag:not(.is-disabled) {
+  color: var(--aidev-form-color);
+  background-color: var(--aidev-form-background);
+  border-color: var(--aidev-form-border-color);
+
+  &:hover {
+    border-color: var(--aidev-form-hover-border-color);
+  }
+}
+
+.bk-select.bk-select:not(.is-disabled).is-focus .bk-select-trigger .bk-select-tag {
+  border-color: var(--aidev-form-active-border-color);
+}
+
+.bk-search-select.bk-search-select .bk-search-select-container {
+  color: var(--aidev-form-color);
+  background-color: var(--aidev-form-background);
+  border-color: var(--aidev-form-border-color);
+
+  &:hover {
+    border-color: var(--aidev-form-hover-border-color);
+  }
+
+  &.is-focus {
+    border-color: var(--aidev-form-active-border-color);
+  }
+}
+
+.bk-tag-input.bk-tag-input .bk-tag-input-trigger:not(.disabled) {
+  color: var(--aidev-form-color);
+  background-color: var(--aidev-form-background);
+  border-color: var(--aidev-form-border-color);
+
+  &:hover {
+    border-color: var(--aidev-form-hover-border-color);
+  }
+
+  &.active {
+    border-color: var(--aidev-form-active-border-color);
+  }
+}
+
+.bk-cascader.bk-cascader:not(.is-disabled) {
+  color: var(--aidev-form-color);
+  background-color: var(--aidev-form-background);
+  border-color: var(--aidev-form-border-color);
+
+  &.is-hover {
+    border-color: var(--aidev-form-hover-border-color);
+  }
+
+  &.is-focus {
+    border-color: var(--aidev-form-active-border-color);
+  }
+}
+
+/* 标签级联下拉（RenderChooseTag）选项 hover / 选中态 */
+.bk-cascader-popover.bk-cascader-popover {
+  --cascader-panel-hover: var(--aidev-list-item-hover-background);
+  --cascader-panel-active: var(--aidev-list-item-active-background);
+}
+
+.bk-date-picker-editor.bk-date-picker-editor:not([disabled]) {
+  color: var(--aidev-form-color);
+  background-color: var(--aidev-form-background);
+  border-color: var(--aidev-form-border-color);
+
+  &:hover {
+    border-color: var(--aidev-form-hover-border-color);
+  }
+
+  &:focus {
+    border-color: var(--aidev-form-active-border-color);
+  }
+}
+
+.bk-input.bk-input.is-disabled,
+.bk-textarea.bk-textarea.is-disabled,
+.bk-select.bk-select .bk-select-trigger .bk-select-tag.is-disabled,
+.bk-search-select.bk-search-select.is-disabled .bk-search-select-container,
+.bk-tag-input.bk-tag-input .bk-tag-input-trigger.disabled,
+.bk-cascader.bk-cascader.is-disabled,
+.bk-date-picker-editor.bk-date-picker-editor[disabled] {
+  border-color: var(--aidev-form-disabled-border-color);
+}
+
+.bk-button.bk-button:not(.is-disabled) {
+  border-color: var(--aidev-form-border-color);
+
+  &:hover {
+    border-color: var(--aidev-form-hover-border-color);
+  }
+
+  &:active {
+    border-color: var(--aidev-form-active-border-color);
+  }
+}
+
+/* 实心主按钮 */
+.bk-button-primary.bk-button-primary:not(.is-outline, .is-text, .is-disabled) {
+  color: var(--aidev-main-button-color);
+  background-color: var(--aidev-main-button-background);
+  border-color: var(--aidev-main-button-border-color);
+  box-shadow: var(--aidev-main-button-box-shadow);
+
+  &:hover {
+    background-color: var(--aidev-main-button-hover-background);
+    border-color: var(--aidev-main-button-hover-border-color);
+    box-shadow: var(--aidev-main-button-box-shadow);
+  }
+
+  &:active {
+    background-color: var(--aidev-main-button-active-background);
+    border-color: var(--aidev-main-button-active-border-color);
+    box-shadow: var(--aidev-main-button-box-shadow);
+  }
+}
+
+/* 删除确认里被涂成危险色的 primary：不要叠主按钮蓝阴影 */
+.g-confirm-delete {
+  .bk-button-danger:not(.is-outline, .is-disabled),
+  .bk-button-primary.bk-button-primary:not(.is-outline, .is-text, .is-disabled) {
+    &,
+    &:hover,
+    &:active {
+      background-color: var(--aidev-danger-button-color);
+      border-color: var(--aidev-danger-button-border-color);
+      box-shadow: none;
+    }
+  }
+}
+
+/* text 文字按钮（theme=primary）：使用可点击色，覆盖上方通用按钮的灰色文字 */
+.bk-button-primary.bk-button-primary.is-text:not(.is-disabled) {
+  color: var(--aidev-clickable-color);
+
+  &:hover,
+  &:active {
+    color: var(--aidev-clickable-hover-color);
+  }
+}
+
+/* 基础按钮 */
+
+/* stylelint-disable-next-line max-line-length */
+.bk-button.bk-button:not(.bk-button-primary, .bk-button-danger, .bk-button-success, .bk-button-warning, .is-text, .is-outline, .is-disabled) {
+  color: var(--aidev-main-color);
+  background-color: var(--aidev-main-background);
+  border-color: var(--aidev-form-border-color);
+
+  &:hover,
+  &:active {
+    color: var(--aidev-basic-button-hover-color);
+    background-color: var(--aidev-main-background);
+    border-color: var(--aidev-form-hover-border-color);
+  }
+}
+
+/* 幽灵按钮（theme=primary + outline） */
+.bk-button-primary.bk-button-primary.is-outline:not(.is-disabled) {
+  color: var(--aidev-ghost-button-color);
+  background-color: var(--aidev-main-background);
+  border-color: var(--aidev-ghost-button-border-color);
+
+  &:hover {
+    color: var(--aidev-ghost-button-hover-color);
+    background-color: var(--aidev-ghost-button-hover-background);
+    border-color: var(--aidev-ghost-button-hover-border-color);
+  }
+}
+
+/* 警示按钮（theme=danger + outline） */
+.bk-button-danger.bk-button-danger.is-outline:not(.is-disabled),
+.bk-button-danger.bk-button-danger.is-outline:not(.is-disabled):hover {
+  color: var(--aidev-danger-button-color);
+  background-color: var(--aidev-main-background);
+  border-color: var(--aidev-danger-button-border-color);
+}
+
+/* 描边类按钮禁用态（基础 / 幽灵 / 警示） */
+.bk-button.bk-button.is-outline.is-disabled,
+.bk-button.bk-button.is-disabled:not(
+  .bk-button-primary, .bk-button-danger, .bk-button-success, .bk-button-warning, .is-text
+) {
+  color: var(--aidev-outline-button-disabled-color);
+  background-color: var(--aidev-outline-button-disabled-background);
+  border-color: var(--aidev-outline-button-disabled-border-color);
+}
+
+/* Select-dropdown */
+.bk-select-popover.bk-select-popover.bk-pop2-content.bk-popover {
+  border-color: var(--aidev-line-strong-color);
+  box-shadow: var(--aidev-card-box-shadow);
+}
+
+.bk-popover.bk-pop2-content.bk-select-popover.bk-select-popover .bk-select-content-wrapper {
+  .bk-select-option {
+    color: var(--aidev-main-color);
+
+    &.is-hover:not(.is-disabled),
+    &:hover:not(.is-disabled) {
+      color: var(--aidev-main-color);
+      background-color: var(--aidev-list-item-hover-background);
+    }
+
+    &.is-selected:not(.is-checkbox) {
+      &,
+      &.is-hover,
+      &:hover {
+        color: var(--aidev-clickable-color);
+        background-color: var(--aidev-list-item-active-background);
+      }
+    }
+
+    &.is-multiple.is-selected {
+      background-color: var(--aidev-main-background);
+    }
+
+    &.is-multiple.is-hover:not(.is-disabled),
+    &.is-multiple:hover:not(.is-disabled) {
+      background-color: var(--aidev-list-item-hover-background);
+    }
+
+    &.is-disabled {
+      color: var(--aidev-disabled-color);
+      background-color: transparent;
+    }
+
+    .bk-select-selected-icon {
+      color: var(--aidev-clickable-color);
+    }
+  }
+
+  .bk-select-option-item .is-keyword {
+    color: var(--aidev-clickable-color);
+  }
+
+  .bk-option-group-label {
+    color: var(--aidev-assist-color);
+  }
+
+  .bk-select-search-wrapper {
+    border-bottom-color: var(--aidev-line-strong-color);
+
+    .icon-search {
+      color: var(--aidev-assist-color);
+    }
+
+    .bk-select-search-input {
+      color: var(--aidev-main-color);
+
+      &::placeholder {
+        color: var(--aidev-disabled-color);
+      }
+    }
+  }
+
+  .bk-select-all {
+    border-bottom-color: var(--aidev-line-strong-color);
+
+    .wrapper {
+      color: var(--aidev-main-color);
+
+      &:hover {
+        background-color: var(--aidev-list-item-hover-background);
+      }
+
+      &.active {
+        background-color: var(--aidev-list-item-active-background);
+        color: var(--aidev-clickable-color);
+      }
+    }
+  }
+
+  /* select 下拉框底部扩展区，保持与外层圆角一致 */
+  .bk-select-extension {
+    border-radius: 0 0 var(--aidev-radius) var(--aidev-radius);
+    background-color: var(--aidev-background);
+    border-top-color: var(--aidev-line-strong-color);
+  }
+}
+
+/* Search-select 菜单：弹层四类名压过 bkui */
+.bk-popover.bk-pop2-content.bk-search-select-popover.bk-search-select-popover {
+  border-color: var(--aidev-line-strong-color);
+  box-shadow: var(--aidev-card-box-shadow);
+}
+
+.bk-popover.bk-pop2-content.bk-search-select-popover.bk-search-select-popover .bk-search-select-menu,
+.bk-search-select-menu.bk-search-select-menu {
+  color: var(--aidev-main-color);
+
+  .menu-header {
+    border-bottom-color: var(--aidev-line-strong-color);
+  }
+
+  .menu-footer,
+  .menu-footer-btn:first-child {
+    border-color: var(--aidev-line-strong-color);
+  }
+
+  .menu-content .menu-item,
+  .menu-content .menu-item .menu-name {
+    color: var(--aidev-main-color);
+  }
+
+  .menu-item-mixin:hover,
+  .menu-header-item:hover:not(.is-disabled),
+  .menu-content .menu-item:hover:not(.is-disabled),
+  .menu-content .menu-item.is-hover:not(.is-disabled) {
+    color: var(--aidev-main-color);
+    background-color: var(--aidev-list-item-hover-background);
+  }
+
+  .menu-content .menu-item.is-hover:not(.is-disabled) .menu-name {
+    color: var(--aidev-main-color);
+  }
+
+  .menu-content .menu-item .is-keyword {
+    color: var(--aidev-clickable-color);
+  }
+
+  .menu-content .menu-item.is-disabled,
+  .menu-content .menu-item.is-disabled .menu-name,
+  .menu-header-item.is-disabled {
+    color: var(--aidev-disabled-color);
+  }
+
+  .menu-content .menu-item.is-disabled:hover,
+  .menu-header-item.is-disabled:hover {
+    background-color: transparent;
+  }
+
+  .menu-footer-btn:hover:not(.is-disabled) {
+    color: var(--aidev-clickable-color);
+  }
+}
+
+/* 下拉菜单弹层 */
+
+/* 四类名叠加，保证特异性高于 bkui [data-theme^=light] 弹层阴影规则 */
+.bk-dropdown-popover.bk-dropdown-popover.bk-pop2-content.bk-popover {
+  box-shadow: var(--aidev-card-box-shadow);
+}
+
+/* 图标选择弹层：四类名压过 dropdown 默认阴影 */
+.images-dropdown-popover.images-dropdown-popover.images-dropdown-popover.images-dropdown-popover {
+  box-shadow: var(--aidev-pop-box-shadow);
+}
+
+.bk-dropdown-popover.bk-dropdown-popover {
+  .bk-dropdown-menu {
+    border-color: var(--aidev-line-strong-color);
+  }
+
+  /* 极简菜单项 */
+  .bk-dropdown-item {
+    display: flex;
+    align-items: center;
+    box-sizing: border-box;
+    height: 32px;
+    padding: 6px 12px;
+    font-size: 12px;
+    line-height: 20px;
+    color: var(--aidev-main-color);
+
+    &:hover:not(.g-disabled, .is-disabled, .disabled),
+    &.is-hover:not(.g-disabled, .is-disabled, .disabled) {
+      color: var(--aidev-main-color);
+      background-color: var(--aidev-dropdown-menu-hover-background);
+    }
+
+    &.g-disabled,
+    &.is-disabled,
+    &.disabled {
+      color: var(--aidev-disabled-color);
+      background-color: transparent;
+      cursor: not-allowed;
+
+      &:hover {
+        background-color: transparent;
+        color: var(--aidev-disabled-color);
+      }
+    }
+
+    &.is-selected {
+      background-color: var(--aidev-list-item-active-background);
+      color: var(--aidev-clickable-color);
+    }
+
+    &.is-checkable {
+      position: relative;
+      padding-left: 24px;
+      padding-right: 24px;
+    }
+
+    .dropdown-item-check {
+      position: absolute;
+      left: 8px;
+      top: 8px;
+      width: 16px;
+      height: 16px;
+      font-size: 16px;
+      line-height: 16px;
+      color: var(--aidev-clickable-color);
+    }
+
+    &.g-disabled .dropdown-item-check,
+    &.is-disabled .dropdown-item-check,
+    &.disabled .dropdown-item-check {
+      color: var(--aidev-disabled-color);
+    }
+  }
+}
+
+/* 浅底「更多」图标 hover */
+.ai-ui-sdk-icon.ai-ui-sdk-gengduo-2:hover,
+.bk-button.is-text:hover:has(.ai-ui-sdk-gengduo-2) {
+  background-color: var(--aidev-icon-light-hover-background) !important;
+}
+
+/* 卡片更多菜单 g-more-menu */
+.g-more-menu.g-more-menu li {
+  &:hover:not(.g-disabled, .\!g-disabled) {
+    background: var(--aidev-dropdown-menu-hover-background);
+  }
+
+  &.g-disabled:hover,
+  &.\!g-disabled:hover,
+  &:hover:has(.g-disabled),
+  &:hover:has(.\!g-disabled),
+  &:hover:has(.is-disabled) {
+    background: transparent;
+  }
+}
+
+/* resize-layout 侧栏分隔线 */
+.bk-resize-layout-aside.bk-resize-layout-aside {
+  border-color: var(--aidev-line-weak-color) !important;
+}
+
+.bk-resize-layout.bk-resize-layout > .bk-resize-layout-aside {
+  /* resize-layout 折叠按钮 */
+  .bk-resize-collapse {
+    background: var(--aidev-resize-collapse-background);
+    color: var(--aidev-resize-collapse-color);
+
+    &:hover {
+      background: var(--aidev-clickable-color);
+    }
+  }
+
+  .bk-resize-proxy.left,
+  .bk-resize-proxy.right {
+    border-left-color: var(--aidev-clickable-color);
+  }
+
+  .bk-resize-proxy.top,
+  .bk-resize-proxy.bottom {
+    border-top-color: var(--aidev-clickable-color);
+  }
+}
+
+/* PopConfirm */
+.bk-pop-confirm-title.bk-pop-confirm-title {
+  color: var(--aidev-title-color);
+  font-size: 16px;
+  line-height: 24px;
+  font-weight: 400;
+  padding-bottom: 8px;
+}
+
+.bk-pop-confirm-content.bk-pop-confirm-content {
+  color: var(--aidev-main-color);
+  font-size: 12px;
+  line-height: 20px;
+}
+
+/* Sideslider */
+.bk-sideslider.bk-sideslider {
+  .bk-sideslider-header {
+    border-bottom-color: var(--aidev-line-strong-color);
+  }
+
+  /* 抽屉标题：#header 槽里的 .title 继承此色 */
+  .bk-sideslider-title,
+  .bk-sideslider-title .title {
+    color: var(--aidev-title-color);
+  }
+
+  .bk-modal-footer.is-fixed .bk-sideslider-footer {
+    background: var(--aidev-background);
+    border-top-color: var(--aidev-line-strong-color);
+  }
+}
+
+/* Dialog */
+.bk-dialog-footer.bk-dialog-footer {
+  background-color: var(--aidev-background) !important;
+  border-top-color: var(--aidev-line-strong-color) !important;
+}
+
+/* 保留表单校验错误态红色边框 */
+.bk-form-item.bk-form-item.is-error {
+  .bk-input,
+  .bk-textarea,
+  .bk-cascader,
+  .bk-date-picker-editor,
+  .bk-select-tag,
+  .bk-tag-input-trigger,
+  .bk-search-select-container {
+    border-color: var(--aidev-form-error-border-color);
+  }
+}
+
+/* 智能体设定「角色预览」正文：压过上面 .role-list-item */
+.role-preview-container .role-list-item.role-list-item,
+.agent-role-detail .role-list-item.role-list-item {
+  background-color: var(--aidev-main-background) !important;
+}
+
+/* TDesign Checkbox / Radio */
+.t-checkbox.t-checkbox,
+.t-radio.t-radio {
+  --td-brand-color: var(--aidev-clickable-color);
+}
+
+.t-checkbox.t-checkbox:not(.t-is-checked, .t-is-indeterminate, .t-is-disabled, :hover) .t-checkbox__input,
+.t-radio.t-radio:not(.t-is-checked, .t-is-disabled, :hover) .t-radio__input {
+  border-color: var(--aidev-form-border-color);
+}
+
+.t-checkbox.t-checkbox.t-is-disabled {
+  &:not(.t-is-checked, .t-is-indeterminate) .t-checkbox__input,
+  &:not(.t-is-checked, .t-is-indeterminate):hover .t-checkbox__input {
+    background-color: var(--aidev-checkbox-disabled-background);
+    border-color: var(--aidev-checkbox-disabled-border-color);
+  }
+
+  &.t-is-checked .t-checkbox__input,
+  &.t-is-indeterminate .t-checkbox__input,
+  &.t-is-checked:hover .t-checkbox__input,
+  &.t-is-indeterminate:hover .t-checkbox__input {
+    background-color: var(--aidev-checkbox-checked-disabled-color);
+    border-color: var(--aidev-checkbox-checked-disabled-color);
+  }
+
+  &.t-is-checked .t-checkbox__input::after {
+    border-color: var(--aidev-checkbox-checked-mark-color);
+  }
+
+  &.t-is-indeterminate .t-checkbox__input::after {
+    background-color: var(--aidev-checkbox-checked-mark-color);
+  }
+}
+
+.t-radio.t-radio.t-is-disabled {
+  &:not(.t-is-checked) .t-radio__input,
+  &:not(.t-is-checked):hover .t-radio__input {
+    background-color: var(--aidev-radio-disabled-background);
+    border-color: var(--aidev-radio-disabled-border-color);
+  }
+
+  &.t-is-checked .t-radio__input,
+  &.t-is-checked:hover .t-radio__input {
+    background-color: var(--aidev-radio-checked-disabled-color);
+    border-color: var(--aidev-radio-checked-disabled-border-color);
+  }
+
+  &.t-is-checked .t-radio__input::after {
+    background-color: var(--aidev-radio-checked-mark-color);
+  }
+}
+
+/* Form 占位符 */
+.bk-input.bk-input input::placeholder,
+.bk-input.bk-input textarea::placeholder,
+.bk-textarea.bk-textarea::placeholder,
+.bk-search-select.bk-search-select .bk-search-select-container input::placeholder {
+  color: var(--aidev-form-placeholder-color);
+}
+
+.toastui-editor-contents .placeholder,
+.toastui-editor-ww-container .placeholder,
+.toastui-editor-defaultUI .ProseMirror .placeholder,
+.toastui-editor-md-container textarea::placeholder,
+.toastui-editor textarea::placeholder {
+  color: var(--aidev-form-placeholder-color);
+  opacity: 1;
+}
+
+/* Alert */
+.bk-alert.bk-alert {
+  color: var(--aidev-main-color);
+  border-color: transparent;
+  border-radius: var(--aidev-radius);
+
+  .bk-alert-close {
+    color: var(--aidev-assist-color);
+
+    &:hover {
+      color: var(--aidev-main-color);
+    }
+  }
+}
+
+.bk-alert-info.bk-alert-info {
+  background-color: var(--aidev-alert-info-background);
+
+  .bk-alert-icon-info {
+    color: var(--aidev-alert-info-icon-color);
+  }
+}
+
+.bk-alert-success.bk-alert-success {
+  background-color: var(--aidev-alert-success-background);
+
+  .bk-alert-icon-info {
+    color: var(--aidev-alert-success-icon-color);
+  }
+}
+
+.bk-alert-warning.bk-alert-warning {
+  background-color: var(--aidev-alert-warning-background);
+
+  .bk-alert-icon-info {
+    color: var(--aidev-alert-warning-icon-color);
+  }
+}
+
+.bk-alert-danger.bk-alert-danger,
+.bk-alert-error.bk-alert-error {
+  background-color: var(--aidev-alert-danger-background);
+
+  .bk-alert-icon-info {
+    color: var(--aidev-alert-danger-icon-color);
+  }
+}
+
+/* Switch */
+.bk-switcher.bk-switcher.is-checked:not(.bk-switcher-outline),
+.bk-switcher.is-checked:not(.bk-switcher-outline).bk-switcher.is-checked.bk-primary {
+  background: var(--aidev-clickable-color);
+}
+
+.bk-switcher.bk-switcher.is-checked .bk-switcher-loading svg {
+  color: var(--aidev-clickable-color);
+}
+
+.bk-switcher.bk-switcher-outline.is-checked,
+.bk-switcher.bk-switcher-outline.bk-switcher.bk-primary.is-checked {
+  border-color: var(--aidev-clickable-color);
+
+  &::after {
+    background-color: var(--aidev-clickable-color);
+  }
+
+  .switcher-text {
+    color: var(--aidev-clickable-color);
+  }
+}
+
+.empty-padding.bk-popover.bk-pop2-content {
+  padding: 0 !important;
+}
+
+.bk-popover.bk-pop2-content[data-theme^='light'] {
+  color: var(--aidev-main-color) !important;
+}
+
+.g-confirm-delete.bk-popover.bk-pop2-content {
+  padding: 16px;
+}
+
+/* PopConfirm 取消按钮：去掉描边（保持小号默认按钮组件，仅移除边框颜色） */
+.pop-cancel-borderless.bk-button:not(.is-disabled),
+.pop-cancel-borderless.bk-button:not(.is-disabled):hover {
+  border-color: transparent;
+}
+
+.bk-form .bk-form-label {
+  color: var(--aidev-main-color);
+}
+
+.bk-dialog-wrapper {
+  z-index: 5000 !important;
+}
+
+.bk-timeline .bk-timeline-title {
+  color: var(--aidev-main-color) !important;
+}
+
+.bk-cascader .cascader-tag-list .tag-item {
+  background-color: var(--aidev-tag-background) !important;
+  color: var(--aidev-tag-color) !important;
+
+  &:hover {
+    background-color: var(--aidev-tag-hover-background) !important;
+  }
+}
+
+.bk-cascader .cascader-tag-list .tag-item .bk-icon-clear-icon {
+  color: var(--aidev-assist-color) !important;
+
+  &:hover {
+    color: var(--aidev-main-color) !important;
+  }
+}
+
+/* 浅底容器滚动条。深色 navy 壳走 scrollbar-color，不受 ::-webkit 影响，无需排除。
+   双类 + !important 压过 g-utilities.css 生成的 .g-scrollbar 与 bkui 弹层自带滚动条 */
+.g-scrollbar.g-scrollbar::-webkit-scrollbar-thumb,
+.g-scrollbar-page.g-scrollbar-page::-webkit-scrollbar-thumb,
+.bk-cascader-popover ::-webkit-scrollbar-thumb,
+.bk-select-popover ::-webkit-scrollbar-thumb,
+.bk-popover2-content ::-webkit-scrollbar-thumb {
+  background-color: var(--aidev-line-strong-color) !important;
+
+  &:hover {
+    background-color: var(--aidev-form-border-color) !important;
+  }
+}