/* SVG图标样式 - 完全离线使用方案 */

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

/* 绿对号图标类 */
.svg-icon-check-green, .svg-icon-success {
    color: #28a745;
    background-image: url('../icons/check-green.svg');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: 1em;
    height: 1em;
    display: inline-block;
    vertical-align: middle;
}

/* 红叉号图标类 */
.svg-icon-times-red, .svg-icon-danger {
    color: #dc3545;
    background-image: url('../icons/times-red.svg');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: 1em;
    height: 1em;
    display: inline-block;
    vertical-align: middle;
}

/* 尺寸变体 */
.svg-icon-lg {
    font-size: 1.333em;
    line-height: 0.75em;
    vertical-align: -0.0667em;
}

.svg-icon-sm {
    font-size: 0.875em;
    line-height: 1.428em;
    vertical-align: 0.0714em;
}

/* 兼容现有Font Awesome类的SVG版本 */
.fa-check-circle.success, .fas.fa-check-circle.success, .local-icon-check-circle.success {
    background-image: url('../icons/check-green.svg');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    color: transparent;
}

.fa-times-circle.danger, .fas.fa-times-circle.danger, .local-icon-times.danger {
    background-image: url('../icons/times-red.svg');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    color: transparent;
}