/* 本地图标样式 */
.icon {
    display: inline-block;
    width: 1em;
    height: 1em;
    stroke-width: 0;
    stroke: currentColor;
    fill: currentColor;
}

/* 图标字体 */
@font-face {
    font-family: 'iconfont';
    src: url('data:font/woff2;base64,') format('woff2');
    font-weight: normal;
    style: normal;
}

/* 图标样式 */
.fas {
    font-family: 'iconfont';
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
}

/* 具体图标 */
.fas.fa-graduation-cap:before {
    content: "🎓";
}

.fas.fa-random:before {
    content: "🎲";
}

.fas.fa-trophy:before {
    content: "🏆";
}

.fas.fa-users:before {
    content: "👥";
}

.fas.fa-user:before {
    content: "👤";
}

.fas.fa-play:before {
    content: "▶️";
}

.fas.fa-check:before {
    content: "✅";
}

.fas.fa-times:before {
    content: "❌";
}

.fas.fa-plus:before {
    content: "➕";
}

.fas.fa-minus:before {
    content: "➖";
}

.fas.fa-refresh:before {
    content: "🔄";
}

.fas.fa-bolt:before {
    content: "⚡";
}

.fas.fa-medal:before {
    content: "🏅";
}

/* 图标大小 */
.fas {
    font-size: 1em;
}

.fas.fa-graduation-cap {
    font-size: 1.2em;
}

.fas.fa-trophy {
    font-size: 1.2em;
}

.fas.fa-users {
    font-size: 1.2em;
}

.fas.fa-user {
    font-size: 3em;
}

.fas.fa-play {
    font-size: 1em;
}

.fas.fa-check {
    font-size: 1em;
}

.fas.fa-times {
    font-size: 1em;
}

.fas.fa-plus {
    font-size: 0.8em;
}

.fas.fa-minus {
    font-size: 0.8em;
}

.fas.fa-refresh {
    font-size: 1em;
}

.fas.fa-bolt {
    font-size: 1em;
}

.fas.fa-medal {
    font-size: 1.5em;
}

/* 排名图标颜色 */
.rank-1 {
    color: #ffd700;
}

.rank-2 {
    color: #c0c0c0;
}

.rank-3 {
    color: #cd7f32;
}