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

.icon svg {
    width: 100%;
    height: 100%;
    display: block;
}

/* 不同尺寸的图标 */
.icon-sm {
    width: 0.875em;
    height: 0.875em;
}

.icon-lg {
    width: 1.5em;
    height: 1.5em;
}

.icon-xl {
    width: 2em;
    height: 2em;
}

.icon-2xl {
    width: 3em;
    height: 3em;
}

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

.icon-white {
    color: white;
}

/* 功能图标 */
.feature-icon {
    font-size: 3em;
    margin-bottom: 15px;
    color: var(--primary-color);
}

.feature-icon .icon {
    width: 1em;
    height: 1em;
}

.reference-icon,
.info-icon {
    font-size: 1.5em;
    color: var(--primary-color);
}

.reference-icon .icon,
.info-icon .icon {
    width: 1em;
    height: 1em;
}

/* 按钮中的图标 */
.btn-auto-detect .icon {
    width: 1em;
    height: 1em;
    margin-right: 0.25em;
    vertical-align: middle;
}