/* ==================== 本地 iconfont（SVG Symbol 引用） ====================
   全局图标统一使用 <icon-font name="xxx"></icon-font>，
   尺寸由 font-size 控制，颜色继承 currentColor，完全离线可用。 */

.iconfont {
  display: inline-block;
  width: 1em;
  height: 1em;
  flex: none;
  fill: currentColor;
  color: inherit;
  vertical-align: -0.14em;
  overflow: visible;
  pointer-events: none;
}

/* 学科卡片图标 */
.sc-ico {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  flex: none;
  font-size: 32px;
  line-height: 1;
  color: #4f8a24;
  border-radius: 10px;
  background: rgba(255, 255, 255, .55);
  border: 2px solid rgba(120, 150, 70, .35);
}
.subject-card.math .sc-ico { color: #2b6ea8; border-color: rgba(60, 120, 170, .35); }
.subject-card.on .sc-ico { color: #2f6b12; background: rgba(255, 255, 255, .8); }
.subject-card.math.on .sc-ico { color: #1f5c92; }

/* 玩家头像 */
.avatar-opt { font-size: 25px; color: #4a3410; }
.avatar-opt .iconfont { vertical-align: 0; }
.avatar-badge .iconfont { vertical-align: 0; }
.avatar-badge span { display: inline-flex; align-items: center; justify-content: center; }

/* 关卡地图：档位标签 */
.bc-label { display: inline-flex; align-items: center; justify-content: center; gap: 4px; }
.bc-label .iconfont { font-size: 15px; color: #5f8a2c; }
.board-row-label .bc-label { justify-content: flex-start; }

/* 关卡格子：最高分星标 / 已通关勾 */
.lc-best .iconfont { font-size: 11px; margin-right: 2px; color: #d78b16; }
.iconfont.lc-done {
  position: absolute; right: 6px; top: 5px;
  font-size: 15px; color: #3f8b1c;
  filter: drop-shadow(0 1px 0 rgba(255, 255, 255, .8));
}

/* HUD 圆钮 */
.round-btn .iconfont { font-size: 19px; vertical-align: 0; }
.round-btn span { display: inline-flex; align-items: center; justify-content: center; }

/* 说明文案中的小箭头 */
.inline-arrow { font-size: 11px; color: #8a7754; margin: 0 1px; vertical-align: -0.12em; }

/* 底部状态栏 */
.hint-bar .hint-item { display: inline-flex; align-items: center; gap: 4px; }
.hint-bar .hint-item .iconfont { font-size: 14px; color: #4f8a24; }

/* 结算奖杯 */
.rh-trophy { font-size: 48px; line-height: 1; color: #e0a017; }
.rh-trophy .iconfont { vertical-align: 0; filter: drop-shadow(0 2px 0 rgba(120, 70, 0, .25)); }

/* 按钮中的箭头图标 */
.btn .iconfont { font-size: 13px; margin-left: 3px; vertical-align: -0.1em; }