/**
 * Ant Design风格图标 - CSS类
 * 使用SVG背景图标替代emoji
 */

/* 图标基础样式 */
.ad-icon {
    display: inline-block;
    width: 1em;
    height: 1em;
    vertical-align: -0.125em;
    fill: currentColor;
}

.ad-icon svg {
    width: 100%;
    height: 100%;
}

/* 常用图标尺寸 */
.ad-icon-sm {
    width: 14px;
    height: 14px;
}

.ad-icon-md {
    width: 16px;
    height: 16px;
}

.ad-icon-lg {
    width: 24px;
    height: 24px;
}

.ad-icon-xl {
    width: 32px;
    height: 32px;
}

.ad-icon-xxl {
    width: 48px;
    height: 48px;
}

.ad-icon-xxxl {
    width: 64px;
    height: 64px;
}

/* 图标颜色 */
.ad-icon-primary {
    color: var(--color-brand-blue);
}

.ad-icon-accent {
    color: var(--color-noble-yellow);
}

.ad-icon-success {
    color: var(--color-accent-green);
}

.ad-icon-white {
    color: var(--color-white);
}