/* ==================== 纯CSS图标系统 ==================== */

/* 通用图标样式 */
.icon {
    display: inline-block;
    width: 1em;
    height: 1em;
    vertical-align: -0.125em;
}

/* 使用 Unicode 字符作为图标 */
.fas, .far, .fab {
    font-style: normal;
    font-weight: normal;
    display: inline-block;
}

/* 菜单图标 */
.fa-bars::before { content: "☰"; }

/* 搜索图标 */
.fa-search::before { content: "🔍"; }

/* 主题切换图标 */
.fa-moon::before { content: "🌙"; }
.fa-sun::before { content: "☀️"; }

/* 登录/登出图标 */
.fa-sign-in-alt::before { content: "→"; }
.fa-sign-out-alt::before { content: "←"; }

/* 编辑图标 */
.fa-edit::before { content: "✏️"; }

/* 文件夹和文件图标 */
.fa-folder::before { content: "📁"; }
.fa-file-alt::before { content: "📄"; }
.fa-file-excel::before { content: "📋"; }

/* 时钟图标 */
.fa-clock::before { content: "🕐"; }

/* 用户图标 */
.fa-user::before { content: "👤"; }
.fa-users::before { content: "👥"; }

/* 日历图标 */
.fa-calendar-day::before { content: "📅"; }

/* 编辑器工具栏图标 */
.fa-bold::before { content: "B"; font-weight: bold; }
.fa-italic::before { content: "I"; font-style: italic; }
.fa-strikethrough::before { content: "S"; text-decoration: line-through; }
.fa-link::before { content: "🔗"; }
.fa-image::before { content: "🖼️"; }
.fa-video::before { content: "🎬"; }
.fa-code::before { content: "</>"; font-size: 0.85em; }
.fa-list-ul::before { content: "•"; }
.fa-list-ol::before { content: "1."; font-size: 0.85em; }
.fa-quote-right::before { content: '"'; font-size: 1.2em; }
.fa-table::before { content: "⊞"; }
.fa-eye::before { content: "👁️"; }

/* 保存和操作图标 */
.fa-save::before { content: "💾"; }
.fa-check::before { content: "✓"; }
.fa-times::before { content: "✕"; }

/* 调整emoji图标大小 */
.fas::before, .far::before {
    font-size: 0.9em;
}

/* 工具栏按钮中的图标 */
.toolbar-btn .fas::before,
.toolbar-btn .far::before {
    font-size: 1em;
}

/* 确保图标垂直居中 */
.btn .fas,
.btn .far,
.icon-btn .fas,
.icon-btn .far {
    display: inline-flex;
    align-items: center;
    justify-content: center;
}