// 导入全局样式变量
@import '@/styles/variables.less';

// 知识库列表页面样式
// 说明：优先使用全局样式，本文件只定义必要的表格优化样式

// ===== 表格样式优化 =====
.content-section {
    .ant-table {
        // 使用 Ant Design 默认字体大小，不覆盖
        // 让全局 .ant-typography 样式控制

        // 表头样式
        .ant-table-thead {
            .ant-table-cell {
                font-weight: @font-weight-semibold;
                background: @bg-tertiary;
            }
        }

        // 表体样式
        .ant-table-tbody {
            .ant-table-row {
                &:hover {
                    background: @bg-hover;
                }
            }
        }
    }
}

// ===== 操作栏图标样式 =====
.action-btn {
    padding: @spacing-1;  // 4px
    color: @text-secondary;
    transition: all 0.2s ease;

    .iconify {
        font-size: 16px;  // 图标大小
    }

    &:hover {
        color: @primary-color;
    }

    &[danger] {
        &:hover {
            color: @error-color;
        }
    }
}