/* Layui图标字体修复 */
@font-face {
    font-family: 'layui-icon';
    src: url('../layuiadmin/layui/font/iconfont.eot?v=256');
    src: url('../layuiadmin/layui/font/iconfont.eot?v=256#iefix') format('embedded-opentype'),
         url('../layuiadmin/layui/font/iconfont.woff2?v=256') format('woff2'),
         url('../layuiadmin/layui/font/iconfont.woff?v=256') format('woff'),
         url('../layuiadmin/layui/font/iconfont.ttf?v=256') format('truetype'),
         url('../layuiadmin/layui/font/iconfont.svg?v=256#layui-icon') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* 确保图标正确显示 */
.layui-icon {
    font-family: 'layui-icon' !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* 菜单中的图标样式 */
.layui-side .layui-nav-tree .layui-nav-item > a i {
    margin-right: 8px;
    font-size: 16px;
    color: #666;
    display: inline-block;
    line-height: 1;
}

.layui-side .layui-nav-tree .layui-nav-item > a:hover i {
    color: #009688;
}

.layui-side .layui-nav-tree .layui-this > a i {
    color: #009688;
}

/* 收缩状态下的图标样式 */
.layui-side.layui-side-shrink .layui-nav-tree .layui-nav-item > a i {
    margin-right: 0;
    font-size: 20px;
    color: #666 !important;
    display: inline-block !important;
    line-height: 1;
    text-align: center;
}

.layui-side.layui-side-shrink .layui-nav-tree .layui-nav-item > a:hover i {
    color: #009688 !important;
}

.layui-side.layui-side-shrink .layui-nav-tree .layui-this > a i {
    color: #009688 !important;
}

/* 收缩状态下FontAwesome图标样式 */
.layui-side.layui-side-shrink .layui-nav-tree .layui-nav-item > a i.fa {
    font-family: FontAwesome !important;
    font-style: normal !important;
    font-weight: normal !important;
    margin-right: 0;
    font-size: 20px;
    color: #666 !important;
    display: inline-block !important;
    line-height: 1;
    text-align: center;
}

.layui-side.layui-side-shrink .layui-nav-tree .layui-nav-item > a:hover i.fa {
    color: #009688 !important;
}

.layui-side.layui-side-shrink .layui-nav-tree .layui-this > a i.fa {
    color: #009688 !important;
}

/* 收缩状态下的侧边栏背景 */
.layui-side.layui-side-shrink {
    background-color: #ffffff !important;
}

/* 收缩状态下的菜单项背景 */
.layui-side.layui-side-shrink .layui-nav-tree .layui-nav-item > a {
    background-color: #ffffff !important;
    border: 1px solid #e6e6e6 !important;
    margin: 2px 5px !important;
    border-radius: 4px !important;
}

.layui-side.layui-side-shrink .layui-nav-tree .layui-nav-item > a:hover {
    background-color: #f5f5f5 !important;
    border-color: #009688 !important;
}