src/styles/global-popper.scss

@@ -1,29 +1,53 @@
 /* === 全局弹层圆角 (按 ui-preview-v2.html 模板: --radius 8px) ===
    EP 弹层 (select-dropdown / popper / dropdown / menu) 通过 teleport 到 body,
-   不在组件 scope 内, 必须全局生效 */
+   不在组件 scope 内, 必须全局生效。双重保险:① 改 EP CSS 变量根 ② 写 !important selector */
+
+/* === 1) 改 EP CSS 变量根 (从源头覆盖, 所有用 var(--el-*) 的弹层都生效) === */
+:root {
+  --el-border-radius-base: 8px;
+  --el-border-radius-small: 6px;
+  --el-popper-border-radius: 8px;
+}
+
+/* === 2) 显式 selector + !important (覆盖任何内联样式) === */
 .el-select-dropdown,
 .el-select__popper,
+.el-select-v2__popper,
 .el-dropdown-menu,
 .el-dropdown__popper,
 .el-menu--popup,
+.el-popper,
 .el-popper.is-light,
 .el-picker__popper,
 .el-autocomplete__popper,
 .el-autocomplete-suggestion,
-.el-popper {
+.el-cascader__dropdown,
+.el-cascader-panel,
+.el-color-picker__panel,
+.el-tooltip__popper,
+.el-message-box,
+.el-notification,
+.el-drawer {
   border-radius: var(--radius, 8px) !important;
-  overflow: hidden;
 }
 
-/* dropdown 项 hover/选中态 */
+/* 弹层内容滚动层 (Element Plus 弹层有 .el-popper__content 内部容器) */
+.el-popper .el-popper__content,
+.el-select-dropdown .el-scrollbar {
+  border-radius: var(--radius, 8px) !important;
+}
+
+/* === 3) dropdown 项 hover/选中态 (跟模版统一: brand-soft 高亮 + brand 蓝字) === */
 .el-select-dropdown__item,
 .el-dropdown-menu__item {
   border-radius: var(--radius-sm, 6px) !important;
-  margin: 2px 4px;
+  margin: 2px 4px !important;
-  padding: 0 12px;
+  padding: 0 12px !important;
-  height: 34px;
+  height: 34px !important;
-  line-height: 34px;
+  line-height: 34px !important;
-  font-size: 13px;
+  font-size: 13px !important;
+  color: var(--ink-2, #334155);
+  background: transparent;
 }
 .el-select-dropdown__item.is-hovering,
 .el-dropdown-menu__item:not(.is-disabled):hover {
@@ -31,30 +55,35 @@
   color: var(--brand, #2563EB) !important;
 }
 .el-select-dropdown__item.is-selected {
-  font-weight: 600;
+  font-weight: 600 !important;
   color: var(--brand, #2563EB) !important;
+  background: transparent !important;
 }
 
-
+/* === 4) 弹层背景跟主题 (避免 dark 下弹层仍是浅色 + 文字看不清) === */
-/* 弹层背景跟主题 (避免 dark 下弹层仍是浅色 + 文字看不清) */
 .el-select-dropdown,
 .el-dropdown-menu,
-.el-popper.is-light {
+.el-popper.is-light,
+.el-cascader__dropdown,
+.el-color-picker__panel {
   background: var(--surface, #FFFFFF) !important;
   border: 1px solid var(--border, #E2E8F0) !important;
 }
-.el-select-dropdown__item,
+
-.el-dropdown-menu__item {
+/* === 5) input 圆角: 跟模版一致 (按 ui-preview-v2.html: 1px 描边 + 8px 圆角 + 34px 高) === */
-  color: var(--ink-2, #334155);
+.el-input__wrapper,
-  background: transparent;
+.el-select__wrapper,
+.el-textarea__inner {
+  border-radius: var(--radius, 8px) !important;
+  box-shadow: 0 0 0 1px var(--border, #E2E8F0) inset !important;
+  min-height: 34px;
+  transition: box-shadow 0.15s, border-color 0.15s;
 }
-.el-select-dropdown__item.is-hovering,
+.el-input__wrapper:hover,
-.el-dropdown-menu__item:not(.is-disabled):hover {
+.el-select__wrapper:hover {
-  background: var(--brand-soft) !important;
+  box-shadow: 0 0 0 1px var(--ink-3, #94A3B8) inset !important;
-  color: var(--brand) !important;
 }
-.el-select-dropdown__item.is-selected {
+.el-input__wrapper.is-focus,
-  color: var(--brand) !important;
+.el-select__wrapper.is-focused {
-  font-weight: 600;
+  box-shadow: 0 0 0 1px var(--brand, #2563EB) inset, 0 0 0 3px var(--brand-glow, rgba(37, 99, 235, 0.18)) !important;
-  background: transparent !important;
 }