/**
 * 「心中之城」— 图标样式
 * 中国风 SVG 线条图标
 */

/* ── 基础图标尺寸 ── */
.icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  vertical-align: middle;
  flex-shrink: 0;
}

.icon svg {
  width: 1em;
  height: 1em;
  display: block;
}

/* ── 尺寸变体 ── */
.icon-sm svg { width: 0.875em; height: 0.875em; }
.icon-lg svg { width: 1.25em; height: 1.25em; }
.icon-xl svg { width: 1.5em; height: 1.5em; }
.icon-2x svg { width: 2em; height: 2em; }
.icon-3x svg { width: 3em; height: 3em; }

/* ── Logo 图标（大号） ── */
.logo-icon .icon svg,
.logo-icon svg {
  width: 1.5em;
  height: 1.5em;
  color: var(--color-gold, #c9a96e);
}

/* ── 赛道卡片图标 ── */
.track-icon .icon svg,
.track-icon svg {
  width: 2rem;
  height: 2rem;
  color: var(--color-gold, #c9a96e);
}

/* ── 上传区图标 ── */
.upload-icon .icon svg,
.upload-icon svg {
  width: 2rem;
  height: 2rem;
  color: var(--color-text-muted, #6b7280);
}

/* ── 按钮内图标 ── */
.btn .icon svg {
  margin-right: 0.25em;
}

/* ── 导航栏图标 ── */
.nav-links .icon svg,
.mobile-nav .icon svg {
  margin-right: 0.35em;
}

/* ── 标题内图标 ── */
h1 .icon svg,
h2 .icon svg,
h3 .icon svg {
  margin-right: 0.3em;
}

/* ── 错误状态图标 ── */
.error-icon .icon svg,
.error-icon svg {
  width: 3rem;
  height: 3rem;
  display: block;
  margin: 0 auto 1rem;
  color: var(--color-text-muted, #6b7280);
}