/* 
 * 本地Bootstrap Icons替代方案
 * 
 * 由于无法从CDN加载Bootstrap Icons，我们使用Unicode字符和HTML实体符号作为替代
 */

/* 基本样式 */
.bi::before,
[class^="bi-"]::before,
[class*=" bi-"]::before {
  display: inline-block;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  vertical-align: -0.125em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 1em; /* 设置默认字体大小 */
  margin-right: 0.25em; /* 添加右侧间距 */
}

/* 导航栏图标样式调整 */
.navbar .bi::before {
  font-size: 1em;
  margin-right: 0.35em;
  vertical-align: middle;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: relative;
  top: -1px;
}

/* 按钮内图标样式调整 */
.btn .bi::before {
  margin-right: 0.25em;
  vertical-align: -0.1em;
}

/* 下拉菜单图标样式调整 */
.dropdown-item .bi::before {
  margin-right: 0.5em;
}

/* 导航栏图标 - 简化使用更简单的字符以便更好对齐 */
/* .bi-person-circle::before { content: "●"; color: #3a7fd5; } */
.bi-gear::before { content: "⚙"; }
.bi-box-arrow-right::before { content: "→"; }
.bi-journal-text::before { content: "≡"; }
.bi-calendar-month::before { content: "◑"; }
.bi-bar-chart::before { content: "█"; }
.bi-cash-coin::before { content: "$"; }
.bi-chevron-down::before { content: "▼"; }
.bi-chevron-up::before { content: "▲"; }

/* 按钮图标 */
.bi-search::before { content: "🔍"; }
.bi-plus-circle::before { content: "➕"; }
.bi-trash::before { content: "🗑️"; }
.bi-check-circle::before { content: "✓"; }
.bi-download::before { content: "⬇️"; }
.bi-arrow-counterclockwise::before { content: "↺"; }

/* 图标字体映射 - 使用Unicode编码来模拟字符 */
/* 以下是常用的Bootstrap图标映射 */
.bi-house::before { content: "🏠"; }
.bi-house-door::before { content: "🏡"; }
.bi-file-earmark::before { content: "📁"; }
.bi-file-earmark-text::before { content: "📃"; }
.bi-file-earmark-pdf::before { content: "📋"; }
.bi-graph-up::before { content: "📈"; }
.bi-people::before { content: "👥"; }
.bi-pencil::before { content: "✏️"; }
.bi-pencil-square::before { content: "✐"; }
.bi-envelope::before { content: "✉️"; }
.bi-bell::before { content: "🔔"; }
.bi-shield::before { content: "🛡️"; }
.bi-clock::before { content: "⏰"; }
.bi-eye::before { content: "👁️"; }
.bi-eye-slash::before { content: "👁️‍🗨️"; }
.bi-exclamation-circle::before { content: "❗"; }
.bi-info-circle::before { content: "ℹ️"; }
.bi-question-circle::before { content: "❓"; }
.bi-sliders::before { content: "⚙️"; }
.bi-filter::before { content: "🔍"; }
.bi-sort-alpha-down::before { content: "↓"; }
.bi-funnel::before { content: "🔍"; }

/* 银行账户模态框使用的图标 */
.bi-person::before { content: "👤"; }
.bi-building::before { content: "🏢"; }
.bi-bank::before { content: "🏦"; }
.bi-credit-card::before { content: "💳"; }
.bi-exclamation-triangle::before { content: "⚠️"; }
.bi-x-circle::before { content: "❌"; }
.bi-check-circle::before { content: "✅"; }

/* 导航项特别调整 */
.navbar .nav-link {
  display: flex;
  align-items: center;
  line-height: 1;
  padding: 0.5rem 1rem;
}

/* 导航下拉菜单特别调整 */
.navbar .dropdown-toggle {
  display: flex;
  align-items: center;
}

/* 添加自定义图标定义 */
.bi-person::before { content: "👤"; }
.bi-building::before { content: "🏢"; }
.bi-bank::before { content: "🏦"; }
.bi-credit-card::before { content: "💳"; }
.bi-exclamation-triangle::before { content: "⚠️"; }