/* 统一图标风格：渐变填充 + 微光玻璃质感 */
/* 应用于后台 Font Awesome / 自定义 iconfont / layui 图标 */
.fa,
[class^="fa-"],
[class*=" fa-"],
.iconfont,
.layui-icon,
.sidebar-menu .fa,
.layui-nav-tree .layui-icon {
    background: linear-gradient(135deg, #a855f7 0%, #6366f1 45%, #06b6d4 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
    filter: drop-shadow(0 1px 2px rgba(99, 102, 241, 0.35));
    font-weight: 600;
}

/* 玻璃拟态：侧边栏/顶栏图标容器的轻微毛玻璃底 */
.layui-side .layui-nav-item i.fa,
.layui-header .layui-nav-item i.fa,
.layui-side .layui-nav-item .iconfont,
.layui-header .layui-nav-item .iconfont {
    padding: 4px;
    border-radius: 8px;
    background: linear-gradient(135deg, rgba(168, 85, 247, 0.12), rgba(6, 182, 212, 0.12));
    -webkit-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.18);
}

/* 登录页品牌图标 */
.brand-logo {
    width: 56px;
    height: 56px;
    margin: 0 auto 14px;
    display: block;
    filter: drop-shadow(0 6px 16px rgba(99, 102, 241, 0.35));
}

/* 登录页左侧面板：统一为品牌渐变(玻璃感) */
.login-left,
.page .left {
    background: linear-gradient(135deg, #8B5CF6 0%, #6366F1 50%, #06B6D4 100%) !important;
}