/* 本地SVG图标备用方案 */
.icon-fallback {
    display: inline-block;
    width: 1em;
    height: 1em;
    fill: currentColor;
    vertical-align: -0.125em;
}

/* 当Font Awesome加载失败时的备用图标 */
.fas.fa-users::before,
.icon-users::before {
    content: "👥";
    font-family: "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif;
}

.fas.fa-trophy::before,
.icon-trophy::before {
    content: "🏆";
    font-family: "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif;
}

.fas.fa-palette::before,
.icon-palette::before {
    content: "🎨";
    font-family: "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif;
}

.fab.fa-weixin::before,
.icon-weixin::before {
    content: "💬";
    font-family: "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif;
}

.fas.fa-shopping-cart::before,
.icon-shopping::before {
    content: "🛒";
    font-family: "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif;
}

.fas.fa-external-link-alt::before,
.icon-external::before {
    content: "↗";
    font-family: "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif;
}

/* SVG图标定义 */
.svg-icon {
    display: inline-block;
    width: 1em;
    height: 1em;
    vertical-align: -0.125em;
}

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

/* 检测Font Awesome是否加载成功 */
@supports not (font-family: "Font Awesome 6 Free") {
    .fas::before {
        font-family: "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif !important;
    }
    
    .fab::before {
        font-family: "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif !important;
    }
}