/* 本地图标样式 - 使用SVG和Unicode字符 */
:root {
    --icon-size: 1rem;
}

/* 通用图标样式 */
.icon {
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* 侧边栏图标 */
.fa-cube::before {
    content: "📦";
    font-size: 1.2rem;
}

.fa-chart-pie::before {
    content: "📊";
    font-size: 1.2rem;
}

.fa-user-group::before {
    content: "👥";
    font-size: 1.2rem;
}

.fa-ticket::before {
    content: "🎫";
    font-size: 1.2rem;
}

.fa-message::before {
    content: "💬";
    font-size: 1.2rem;
}

.fa-shield-halved::before {
    content: "🛡️";
    font-size: 1.2rem;
}

.fa-network-wired::before {
    content: "🌐";
    font-size: 1.2rem;
}

/* 用户信息图标 */
.fa-user-tie::before {
    content: "👔";
    font-size: 1.2rem;
}

.fa-right-from-bracket::before {
    content: "🚪";
    font-size: 1.2rem;
}

/* 顶部栏图标 */
.fa-magnifying-glass::before {
    content: "🔍";
    font-size: 1rem;
}

.fa-bell::before {
    content: "🔔";
    font-size: 1rem;
}

.fa-gear::before {
    content: "⚙️";
    font-size: 1rem;
}

/* 趋势图标 */
.fa-arrow-trend-up::before {
    content: "📈";
    font-size: 1rem;
}

.fa-arrow-trend-down::before {
    content: "📉";
    font-size: 1rem;
}

/* 操作按钮图标 */
.fa-rotate::before {
    content: "🔄";
    font-size: 1rem;
}

.fa-circle-plus::before {
    content: "➕";
    font-size: 1rem;
}

.fa-xmark::before {
    content: "✖️";
    font-size: 1rem;
}

/* 权限分类图标 */
.fa-wifi::before {
    content: "📶";
    font-size: 1.5rem;
}

.fa-hard-drive::before {
    content: "💾";
    font-size: 1.5rem;
}

.fa-camera-retro::before {
    content: "📷";
    font-size: 1.5rem;
}

.fa-location-dot::before {
    content: "📍";
    font-size: 1.5rem;
}

.fa-microchip::before {
    content: "🔲";
    font-size: 1.5rem;
}

/* 权限项图标 */
.fa-globe::before {
    content: "🌍";
    font-size: 1.2rem;
}

.fa-folder-open::before {
    content: "📂";
    font-size: 1.2rem;
}

.fa-floppy-disk::before {
    content: "💿";
    font-size: 1.2rem;
}

.fa-camera::before {
    content: "📸";
    font-size: 1.2rem;
}

.fa-microphone-lines::before {
    content: "🎤";
    font-size: 1.2rem;
}

.fa-location-crosshairs::before {
    content: "🎯";
    font-size: 1.2rem;
}

.fa-mobile-screen-button::before {
    content: "📱";
    font-size: 1.2rem;
}

.fa-power-off::before {
    content: "⏻";
    font-size: 1.2rem;
}

/* 聊天图标 */
.fa-image::before {
    content: "🖼️";
    font-size: 1rem;
}

.fa-paper-plane::before {
    content: "✈️";
    font-size: 1rem;
}

/* 其他图标 */
.fa-users::before {
    content: "👥";
    font-size: 1.2rem;
}

.fa-key::before {
    content: "🔑";
    font-size: 1.2rem;
}

.fa-comments::before {
    content: "💬";
    font-size: 1.2rem;
}

.fa-shield-alt::before {
    content: "🛡️";
    font-size: 1.2rem;
}

.fa-user-shield::before {
    content: "👮";
    font-size: 1.2rem;
}

.fa-sign-out-alt::before {
    content: "🚪";
    font-size: 1.2rem;
}

.fa-search::before {
    content: "🔍";
    font-size: 1rem;
}

.fa-cog::before {
    content: "⚙️";
    font-size: 1rem;
}

.fa-arrow-up::before {
    content: "⬆️";
    font-size: 1rem;
}

.fa-arrow-down::before {
    content: "⬇️";
    font-size: 1rem;
}

.fa-sync-alt::before {
    content: "🔄";
    font-size: 1rem;
}

.fa-plus::before {
    content: "➕";
    font-size: 1rem;
}

.fa-times::before {
    content: "✖️";
    font-size: 1rem;
}

.fa-hdd::before {
    content: "💾";
    font-size: 1.5rem;
}

.fa-map-marker-alt::before {
    content: "📍";
    font-size: 1.5rem;
}

.fa-cogs::before {
    content: "⚙️";
    font-size: 1.5rem;
}

.fa-save::before {
    content: "💾";
    font-size: 1.2rem;
}

.fa-microphone::before {
    content: "🎤";
    font-size: 1.2rem;
}

.fa-map::before {
    content: "🗺️";
    font-size: 1.2rem;
}

.fa-mobile-alt::before {
    content: "📱";
    font-size: 1.2rem;
}

/* 确保图标垂直对齐 */
.icon, .fa-cube, .fa-chart-pie, .fa-user-group, .fa-ticket, .fa-message, 
.fa-shield-halved, .fa-network-wired, .fa-user-tie, .fa-right-from-bracket,
.fa-magnifying-glass, .fa-bell, .fa-gear, .fa-arrow-trend-up, .fa-arrow-trend-down,
.fa-rotate, .fa-circle-plus, .fa-xmark, .fa-wifi, .fa-hard-drive, .fa-camera-retro,
.fa-location-dot, .fa-microchip, .fa-globe, .fa-folder-open, .fa-floppy-disk,
.fa-camera, .fa-microphone-lines, .fa-location-crosshairs, .fa-mobile-screen-button,
.fa-power-off, .fa-image, .fa-paper-plane, .fa-users, .fa-key, .fa-comments,
.fa-shield-alt, .fa-user-shield, .fa-sign-out-alt, .fa-search, .fa-cog,
.fa-arrow-up, .fa-arrow-down, .fa-sync-alt, .fa-plus, .fa-times, .fa-hdd,
.fa-map-marker-alt, .fa-cogs, .fa-save, .fa-microphone, .fa-map, .fa-mobile-alt {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    vertical-align: middle;
}

/* 特殊样式 - Logo图标 */
.logo .fa-cube::before {
    font-size: 1.5rem;
}

/* 特殊样式 - 统计卡片图标 */
.stat-icon .fa-user-group::before,
.stat-icon .fa-ticket::before,
.stat-icon .fa-message::before,
.stat-icon .fa-network-wired::before {
    font-size: 1.8rem;
}

/* 特殊样式 - 权限分类图标 */
.permission-category-icon .fa-wifi::before,
.permission-category-icon .fa-hard-drive::before,
.permission-category-icon .fa-camera-retro::before,
.permission-category-icon .fa-location-dot::before,
.permission-category-icon .fa-microchip::before {
    font-size: 1.8rem;
}

/* 特殊样式 - 权限项图标 */
.permission-icon-wrapper .fa-globe::before,
.permission-icon-wrapper .fa-folder-open::before,
.permission-icon-wrapper .fa-floppy-disk::before,
.permission-icon-wrapper .fa-camera::before,
.permission-icon-wrapper .fa-microphone-lines::before,
.permission-icon-wrapper .fa-location-crosshairs::before,
.permission-icon-wrapper .fa-mobile-screen-button::before,
.permission-icon-wrapper .fa-power-off::before {
    font-size: 1.5rem;
}

/* 特殊样式 - 用户头像 */
.user-avatar .fa-user-tie::before {
    font-size: 2rem;
}

/* 特殊样式 - 侧边栏导航图标 */
.sidebar-nav .nav-item i::before {
    font-size: 1.2rem;
}

/* 特殊样式 - 按钮图标 */
.btn i::before {
    font-size: 1rem;
}

/* 特殊样式 - 趋势图标 */
.stat-change i::before {
    font-size: 0.8rem;
}

/* 特殊样式 - 顶部栏图标 */
.header-actions .icon-btn i::before {
    font-size: 1.2rem;
}

/* 特殊样式 - 搜索栏图标 */
.search-bar i::before {
    font-size: 1rem;
}

/* 特殊样式 - 聊天输入框图标 */
.chat-input .btn i::before {
    font-size: 1.2rem;
}

/* 特殊样式 - 模态框关闭按钮 */
.close-btn i::before {
    font-size: 1.2rem;
}

/* 特殊样式 - 徽章 */
.badge {
    font-size: 0.75rem;
}

/* 通知和设置菜单图标 */
.fa-bell-slash::before {
    content: "🔕";
    font-size: 1.5rem;
}

.fa-info-circle::before {
    content: "ℹ️";
    font-size: 1.2rem;
}

.fa-check-circle::before {
    content: "✅";
    font-size: 1.2rem;
}

.fa-exclamation-triangle::before {
    content: "⚠️";
    font-size: 1.2rem;
}

.fa-times-circle::before {
    content: "❌";
    font-size: 1.2rem;
}

.fa-palette::before {
    content: "🎨";
    font-size: 1.2rem;
}

.fa-language::before {
    content: "🌐";
    font-size: 1.2rem;
}

.fa-volume-high::before {
    content: "🔊";
    font-size: 1.2rem;
}

.fa-info-circle::before {
    content: "ℹ️";
    font-size: 1.2rem;
}

.fa-question-circle::before {
    content: "❓";
    font-size: 1.2rem;
}

.fa-chevron-right::before {
    content: "›";
    font-size: 1.2rem;
}

/* 命令相关图标 */
.fa-paper-plane::before {
    content: "✈️";
    font-size: 1rem;
}

.fa-history::before {
    content: "📜";
    font-size: 1.2rem;
}