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

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

// ===== 表格样式优化 =====
.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 {
    // 方形可交互区域
    width: 40px;
    height: 40px;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    color: $text-secondary;
    transition: all 0.2s ease;
    border-radius: $radius-md;  // 8px 圆角

    // iconify 图标样式
    .iconify {
        font-size: 24px;  // 放大图标
        line-height: 1;
        transition: all 0.2s ease;
    }

    // 悬停效果
    &:hover {
        background: $bg-active;
        color: $primary-color;

        .iconify {
            transform: scale(1.15);  // 图标放大
        }
    }

    // 危险操作（删除）
    &[danger] {
        &:hover {
            background: rgba(220, 38, 38, 0.1);
            color: $error-color;
        }
    }

    // 激活/点击效果
    &:active {
        transform: scale(0.95);
    }
}

// ===== 下载下拉菜单样式 =====
.ant-dropdown-menu-item {
    display: flex;
    align-items: center;
    gap: $spacing-2;

    .anticon {
        font-size: 16px;
    }
}
