.list-action-bar { position: sticky; top: 0; z-index: 10; display: flex; justify-content: space-between; align-items: center; margin-bottom: 4px; padding: 16px; background: var(--card-bg); border-radius: 8px; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06); width: 100%; border: 1px solid var(--border-color); } .list-action-bar-left, .list-action-bar-right { display: flex; gap: 12px; align-items: center; } /* 搜索和筛选组合 */ .list-action-bar-right :global(.ant-space-compact) { display: flex; } .list-action-bar-right :global(.ant-space-compact .ant-input-search) { border-top-right-radius: 0; border-bottom-right-radius: 0; } .list-action-bar-right :global(.ant-space-compact > .ant-btn) { border-top-left-radius: 0; border-bottom-left-radius: 0; } /* 批量操作区域样式 */ .selection-info { display: flex; align-items: center; gap: 12px; padding: 8px 16px; background: var(--bg-color-secondary); border: 1px solid var(--link-color); border-radius: 6px; font-size: 14px; } .selection-count { color: var(--text-color); } .selection-count strong { color: var(--link-color); font-weight: 600; margin: 0 4px; } .all-pages-tag { color: var(--link-color); font-weight: 500; margin-left: 4px; } .select-all-link, .clear-selection-link { color: var(--link-color); cursor: pointer; text-decoration: none; white-space: nowrap; padding: 2px 8px; border-radius: 4px; transition: all 0.2s; } .select-all-link:hover, .clear-selection-link:hover { background: rgba(22, 119, 255, 0.1); text-decoration: underline; } /* 响应式 */ @media (max-width: 768px) { .list-action-bar { flex-direction: column; gap: 12px; align-items: stretch; } .list-action-bar-left, .list-action-bar-right { flex-wrap: wrap; } }