From 63420203ddcfdf5e47d643f06baa99232de932d4 Mon Sep 17 00:00:00 2001
From: Sisyphus <sisyphus@direv.local>
Date: Tue, 7 Jul 2026 15:13:01 +0800
Subject: [PATCH] =?UTF-8?q?fix(F006-W17.3.2):=20=E6=8A=8A=20global-popper.?=
 =?UTF-8?q?scss=20=E6=94=BE=E5=88=B0=E6=AD=A3=E7=A1=AE=E8=B7=AF=E5=BE=84?=
 =?UTF-8?q?=20src/styles/?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/styles/global-popper.scss | 60 +++++++++++++++++++++++++++++++++++
 1 file changed, 60 insertions(+)
 create mode 100644 src/styles/global-popper.scss

diff --git a/src/styles/global-popper.scss b/src/styles/global-popper.scss
new file mode 100644
index 0000000..b999d38
--- /dev/null
+++ b/src/styles/global-popper.scss
@@ -0,0 +1,60 @@
+/* === 全局弹层圆角 (按 ui-preview-v2.html 模板: --radius 8px) ===
+   EP 弹层 (select-dropdown / popper / dropdown / menu) 通过 teleport 到 body,
+   不在组件 scope 内, 必须全局生效 */
+.el-select-dropdown,
+.el-select__popper,
+.el-dropdown-menu,
+.el-dropdown__popper,
+.el-menu--popup,
+.el-popper.is-light,
+.el-picker__popper,
+.el-autocomplete__popper,
+.el-autocomplete-suggestion,
+.el-popper {
+  border-radius: var(--radius, 8px) !important;
+  overflow: hidden;
+}
+
+/* dropdown 项 hover/选中态 */
+.el-select-dropdown__item,
+.el-dropdown-menu__item {
+  border-radius: var(--radius-sm, 6px) !important;
+  margin: 2px 4px;
+  padding: 0 12px;
+  height: 34px;
+  line-height: 34px;
+  font-size: 13px;
+}
+.el-select-dropdown__item.is-hovering,
+.el-dropdown-menu__item:not(.is-disabled):hover {
+  background: var(--brand-soft, rgba(37, 99, 235, 0.08)) !important;
+  color: var(--brand, #2563EB) !important;
+}
+.el-select-dropdown__item.is-selected {
+  font-weight: 600;
+  color: var(--brand, #2563EB) !important;
+}
+
+
+/* 弹层背景跟主题 (避免 dark 下弹层仍是浅色 + 文字看不清) */
+.el-select-dropdown,
+.el-dropdown-menu,
+.el-popper.is-light {
+  background: var(--surface, #FFFFFF) !important;
+  border: 1px solid var(--border, #E2E8F0) !important;
+}
+.el-select-dropdown__item,
+.el-dropdown-menu__item {
+  color: var(--ink-2, #334155);
+  background: transparent;
+}
+.el-select-dropdown__item.is-hovering,
+.el-dropdown-menu__item:not(.is-disabled):hover {
+  background: var(--brand-soft) !important;
+  color: var(--brand) !important;
+}
+.el-select-dropdown__item.is-selected {
+  color: var(--brand) !important;
+  font-weight: 600;
+  background: transparent !important;
+}