/* 图标修复CSS - 解决白点问题 */
/* 确保Bootstrap图标正确显示 */

/* 重置所有Bootstrap图标的伪元素 */
.bi::before,
[class^="bi-"]::before,
[class*=" bi-"]::before {
    font-family: "bootstrap-icons" !important;
    font-style: normal;
    font-weight: normal !important;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* 确保trophy图标正确显示 */
.bi-trophy::before {
    content: "\f5e7" !important;
}

.bi-trophy-fill::before {
    content: "\f5e6" !important;
}

/* 移除任何可能的额外装饰 */
.bi::after,
[class^="bi-"]::after,
[class*=" bi-"]::after {
    content: none !important;
}

/* 确保图标容器没有额外的背景或边框 */
.bi,
[class^="bi-"],
[class*=" bi-"] {
    background: none !important;
    border: none !important;
    box-shadow: none !important;
}

/* 修复圆形背景中的图标 */
.rounded-circle .bi,
.rounded-circle [class^="bi-"],
.rounded-circle [class*=" bi-"] {
    display: inline-block;
    vertical-align: middle;
}

/* 确保图标颜色正确 */
.bi-trophy.text-white::before {
    color: white !important;
}

.bi-trophy.text-muted::before {
    color: #6c757d !important;
}

/* 移除任何可能的点状装饰 */
.bi::before::after,
[class^="bi-"]::before::after,
[class*=" bi-"]::before::after {
    content: none !important;
}