/* 本地图标样式 - 替代Font Awesome */

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

/* SVG图标样式 - 适用于内联SVG */
.icon svg,
.icon {
    width: 100%;
    height: 100%;
}

/* 确保SVG路径元素正确显示 */
.icon path {
    fill: currentColor !important;
    stroke: currentColor !important;
    stroke-width: 0;
}

/* 确保SVG图标可见 */
.icon {
    width: 25px;
    height: 25px;
    color: inherit;
}

/* 圆形图标容器样式增强 */
.service-icon .icon,
.contact-icon .icon,
.social-link .icon,
.back-to-top .icon {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* 服务图标特定样式 */
.service-icon .icon {
    font-size: 35px;
    width: 35px;
    height: 35px;
}

/* 社交链接图标特定样式 */
.social-link .icon {
    font-size: 25px;
    width: 25px;
    height: 25px;
}

/* 联系图标特定样式 */
.contact-icon .icon {
    font-size: 25px;
    width: 25px;
    height: 25px;
}

/* 返回顶部图标特定样式 */
.back-to-top .icon {
    font-size: 25px;
    width: 25px;
    height: 25px;
}

/* 确保所有SVG元素被正确渲染 */
[class*="icon-"] {
    visibility: visible !important;
}