diff --git a/docs/project_context.md b/docs/project_context.md
index f01fb4a..53d5943 100644
--- a/docs/project_context.md
+++ b/docs/project_context.md
@@ -4,6 +4,7 @@
 
 - `frontend/src/styles.css` 调整系统设置页为固定高度布局，外层 `settings-workspace` 减小 padding 并隐藏溢出，避免主内容区出现整页滚动条。
 - 字段映射配置卡片在规则映射页中占满可用高度，卡片内容区使用 flex 固定 header/footer，字段列表通过内部纵向滚动条浏览，避免主页面滚动或内容溢出。
+- Naive UI 当前卡片内容区 DOM class 为 `.n-card-content`，样式同时兼容 `.n-card__content`；字段映射项必须 `flex: 0 0 auto`，否则列表项会被 flex 压缩而无法形成真实滚动高度。
 
 ## 2026-05-19：拆分系统设置页并支持远程源文件自动清理
 
diff --git a/frontend/src/styles.css b/frontend/src/styles.css
index 25055ae..97b66a7 100644
--- a/frontend/src/styles.css
+++ b/frontend/src/styles.css
@@ -471,7 +471,8 @@ select {
   color: var(--td-text-color-primary);
 }
 
-.work-card > .n-card__content {
+.work-card > .n-card__content,
+.work-card > .n-card-content {
   padding: 16px 20px;
   color: var(--td-text-color-primary);
 }
@@ -1196,14 +1197,16 @@ select {
   gap: 16px;
 }
 
-.settings-tabs-card > .n-card__content {
+.settings-tabs-card > .n-card__content,
+.settings-tabs-card > .n-card-content {
   flex: 1;
   min-height: 0;
   padding: 6px 18px 12px;
   overflow: hidden;
 }
 
-.settings-tabs-card > .n-card__content > .n-tabs {
+.settings-tabs-card > .n-card__content > .n-tabs,
+.settings-tabs-card > .n-card-content > .n-tabs {
   height: 100%;
 }
 
@@ -1293,7 +1296,8 @@ select {
   width: 100%;
 }
 
-.field-mapping-card > .n-card__content {
+.field-mapping-card > .n-card__content,
+.field-mapping-card > .n-card-content {
   display: flex;
   flex: 1 1 0;
   flex-direction: column;
@@ -1382,6 +1386,7 @@ select {
 
 .field-mapping-item {
   position: relative;
+  flex: 0 0 auto;
   padding: 32px 14px 12px;
   background: var(--td-bg-color-container);
   border: 1px solid var(--td-border-color);