/*!
 * 八字排盘页面图标样式 - 本地化方案
 * 使用 Emoji 作为图标，无需外部依赖
 * 如果 Font Awesome CDN 加载成功，优先使用 Font Awesome 图标
 */

/* ===== Font Awesome 图标类定义 ===== */
[class^="fa-"], [class*=" fa-"] {
  display: inline-block;
  font-style: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* ===== Emoji 图标映射（无 Font Awesome 时使用）===== */
/* 这些规则在 Font Awesome 加载失败时生效 */
.fa-yin-yang::before { content: "☯"; }
.fa-magic::before { content: "✨"; }
.fa-arrow-left::before { content: "←"; }
.fa-arrow-right::before { content: "→"; }
.fa-print::before { content: "🖨"; }
.fa-info-circle::before { content: "ℹ"; }
.fa-plus-circle::before { content: "➕"; }
.fa-calendar::before { content: "📅"; }
.fa-calendar-alt::before { content: "🗓"; }
.fa-search::before { content: "🔍"; }
.fa-home::before { content: "🏠"; }
.fa-chart-line::before { content: "📈"; }
.fa-star::before { content: "⭐"; }
.fa-cog::before { content: "⚙"; }
.fa-user::before { content: "👤"; }
.fa-envelope::before { content: "✉"; }
.fa-phone::before { content: "📞"; }
.fa-map-marker::before { content: "📍"; }
.fa-clock::before { content: "🕐"; }
.fa-check::before { content: "✓"; }
.fa-times::before { content: "✕"; }
.fa-chevron-down::before { content: "▼"; }
.fa-chevron-up::before { content: "▲"; }
.fa-chevron-left::before { content: "‹"; }
.fa-chevron-right::before { content: "›"; }
.fa-exclamation-circle::before { content: "❗"; }
.fa-question-circle::before { content: "❓"; }
.fa-sync::before { content: "🔄"; }
.fa-save::before { content: "💾"; }
.fa-share::before { content: "📤"; }
.fa-comment::before { content: "💬"; }
.fa-file::before { content: "📄"; }
.fa-folder::before { content: "📁"; }
.fa-sun::before { content: "☀️"; }
.fa-file-alt::before { content: "📊"; }
.fa-user-circle::before { content: "👤"; }
.fa-camera::before { content: "📷"; }
.fa-yin-yang::before { content: "☯"; }

/* ===== 导航图标 - 直接显示 Emoji ===== */
/* 确保 nav-icon 中的 Emoji 正常显示 */
.nav-icon,
.nav-icon-bazi {
    display: inline-block !important;
    font-size: inherit;
    line-height: 1;
}

.nav-icon::before,
.nav-icon-bazi::before {
    content: none !important;
}

/* ===== 图标容器 ===== */
.fa-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  vertical-align: middle;
}

.fa-icon-sm {
  font-size: 0.875em;
}

.fa-icon-lg {
  font-size: 1.25em;
}