/* 自定义图标CSS - 使用Unicode字符替代Font Awesome */

.icon {
    font-family: "Microsoft YaHei", "微软雅黑", Arial, sans-serif;
    display: inline-block;
    font-style: normal;
    font-weight: bold;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin-right: 5px;
    vertical-align: middle;
}

/* 图标基础样式 */
.icon:before {
    display: inline-block;
    width: 30px;
    height: 30px;
    text-align: center;
    border-radius: 4px;
    padding: 2px;
    color: #fff;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    font-size: 22px;
}

/* 一级菜单图标特殊样式 - 显著增大尺寸 */
.sidebar-menu > li > a .icon:before {
    width: 24px !important;
    height: 24px !important;
    font-size: 20px !important;
    padding: 1px !important;
    margin-right: 10px !important;
    line-height: 22px !important;
    text-align: center !important;
}

/* 彩色图标 - 增大字体并加粗 */
.icon-dashboard:before { content: "\2302"; background-color: #3498db; font-size: 22px; font-weight: bold; } /* ⌂ - 仪表盘/首页 */
.icon-factory:before { content: "\1F3ED"; background-color: #16a085; font-size: 22px; font-weight: bold; } /* 🏭 - 工厂 */
.icon-industry:before { content: "\1F3D7"; background-color: #27ae60; font-size: 22px; font-weight: bold; } /* 🏗 - 工业/建筑 */
.icon-bars:before { content: "\2630"; background-color: #2c3e50; font-size: 22px; font-weight: bold; } /* ☰ - 菜单/导航 */
.icon-image:before { content: "\25A3"; background-color: #9b59b6; font-size: 22px; font-weight: bold; } /* ▣ - 图片 */
.icon-cubes:before { content: "\25FC"; background-color: #e74c3c; font-size: 22px; font-weight: bold; } /* ◼ - 立方体/产品 */
.icon-puzzle-piece:before { content: "\25FB"; background-color: #f39c12; font-size: 22px; font-weight: bold; } /* ◻ - 拼图/解决方案 */
.icon-newspaper:before { content: "\25A6"; background-color: #2ecc71; font-size: 22px; font-weight: bold; } /* ▦ - 新闻 */
.icon-envelope:before { content: "\2709"; background-color: #1abc9c; font-size: 22px; font-weight: bold; } /* ✉ - 信封/留言 */
.icon-info-circle:before { 
    content: "\24D8"; 
    background-color: #3498db; 
    font-weight: bold;
    display: inline-block !important;
    visibility: visible !important;
    opacity: 1 !important;
    font-size: 22px;
} /* ⓘ - 信息/关于 */
.icon-phone:before { content: "\260E"; background-color: #e67e22; font-size: 22px; font-weight: bold; } /* ☎ - 电话 */
.icon-cogs:before { content: "\2699"; background-color: #7f8c8d; font-size: 22px; font-weight: bold; } /* ⚙ - 齿轮/设置 */
.icon-shield:before { content: "\2295"; background-color: #8e44ad; font-size: 22px; font-weight: bold; } /* ⊕ - 圆形加号盾牌/系统安全 */
.icon-user:before { content: "\263A"; background-color: #3498db; font-size: 22px; font-weight: bold; } /* ☺ - 用户 */
.icon-lock:before { content: "\1F512"; background-color: #e74c3c; font-size: 22px; font-weight: bold; } /* 🔒 - 锁/密码 */
.icon-sign-out:before { content: "\21E5"; background-color: #95a5a6; font-size: 22px; font-weight: bold; } /* ⇥ - 退出 */

/* 角标图标样式 */
.submenu-icon:before,
.icon-angle-down:before,
.icon-angle-right:before,
.icon-angle-up:before {
    background-color: transparent !important;
    padding: 0 !important;
    width: auto !important;
    height: auto !important;
    color: inherit !important;
}

.icon-angle-down:before { content: "\25BC"; font-size: 14px; } /* ▼ - 向下箭头 */
.icon-angle-right:before { content: "\25B6"; font-size: 14px; } /* ▶ - 向右箭头 */
.icon-angle-up:before { content: "\25B2"; font-size: 14px; } /* ▲ - 向上箭头 */

/* 社交媒体图标 */
.icon-weixin:before { content: "\1F4AC"; background-color: #07C160; } /* 💬 - 微信 */
.icon-qq:before { content: "\1F4DE"; background-color: #12B7F5; } /* 📞 - QQ */
.icon-weibo:before { content: "\1F310"; background-color: #E6162D; } /* 🌐 - 微博 */

/* 联系方式图标 */
.icon-map-marker:before { content: "\1F4CD"; background-color: #e74c3c; } /* 📍 - 地图标记 */
.icon-clock:before { content: "\1F552"; background-color: #3498db; } /* 🕒 - 时钟 */

/* 替代图标 - 如果Unicode字符不显示，使用简单形状 */
.icon-alt-dashboard:before { content: "⌂"; }
.icon-alt-factory:before { content: "⌧"; }
.icon-alt-industry:before { content: "⌧"; }
.icon-alt-bars:before { content: "≡"; }
.icon-alt-image:before { content: "◙"; }
.icon-alt-cubes:before { content: "■"; }
.icon-alt-puzzle:before { content: "□"; }
.icon-alt-news:before { content: "≔"; }
.icon-alt-envelope:before { content: "✉"; }
.icon-alt-info:before { content: "ⓘ"; }
.icon-alt-cogs:before { content: "⚙"; }
.icon-alt-shield:before { content: "⊕"; }
.icon-alt-user:before { content: "◯"; }
.icon-alt-lock:before { content: "⊗"; }
.icon-alt-signout:before { content: "→"; }
.icon-alt-down:before { content: "▼"; }
.icon-alt-right:before { content: "►"; }
.icon-angle-left:before { content: "\25C0"; font-size: 14px; } /* ◀ - 向左箭头 */
.icon-alt-left:before { content: "◀"; }
.icon-eye:before { content: "\1F441"; background-color: #007bff; font-size: 18px; font-weight: bold; } /* 👁 - 眼睛/查看 */
.icon-alt-eye:before { content: "👁"; }

/* 社交媒体替代图标 */
.icon-alt-weixin:before { content: "W"; }
.icon-alt-qq:before { content: "Q"; }
.icon-alt-weibo:before { content: "微"; }

/* 联系方式替代图标 */
.icon-alt-phone:before { content: "☎"; }
.icon-alt-map:before { content: "⊙"; }
.icon-alt-clock:before { content: "⌚"; }

/* IE浏览器图标兼容性修复 */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    /* IE10+ 特定修复 */
    .icon:before {
        display: inline-block;
        vertical-align: middle;
        line-height: 24px;
        text-align: center;
    }
    
    /* 使用替代图标 */
    .icon-dashboard:before { content: "⌂"; }
    .icon-factory:before { content: "⌧"; }
    .icon-industry:before { content: "⌧"; }
    .icon-bars:before { content: "≡"; }
    .icon-image:before { content: "◙"; }
    .icon-cubes:before { content: "■"; }
    .icon-puzzle-piece:before { content: "□"; }
    .icon-newspaper:before { content: "≔"; }
    .icon-envelope:before { content: "✉"; }
    .icon-info-circle:before { content: "ⓘ"; }
    .icon-phone:before { content: "☎"; }
    .icon-cogs:before { content: "⚙"; }
    .icon-shield:before { content: "⊕"; }
    .icon-user:before { content: "◯"; }
    .icon-lock:before { content: "⊗"; }
    .icon-sign-out:before { content: "→"; }
    .icon-angle-down:before { content: "▼"; }
    .icon-angle-right:before { content: "►"; }
    .icon-angle-up:before { content: "▲"; }
}

/* Edge浏览器图标兼容性修复 */
@supports (-ms-ime-align:auto) {
    .icon:before {
        display: inline-block;
        vertical-align: middle;
        line-height: 24px;
        text-align: center;
    }
}

/* Safari浏览器图标兼容性修复 */
@media not all and (min-resolution:.001dpcm) {
    .icon:before {
        display: inline-block;
        vertical-align: middle;
        line-height: 24px;
        text-align: center;
    }
}