/* +----------------------------------------------------------------------
/* | Static Plugin for ThinkAdmin
/* +----------------------------------------------------------------------
/* | 官方网站: https://thinkadmin.top
/* +----------------------------------------------------------------------
/* | 版权所有 2014~2025 ThinkAdmin [ thinkadmin.top ]
/* +----------------------------------------------------------------------
/* | 开源协议 ( https://mit-license.org )
/* | 免责声明 ( https://thinkadmin.top/disclaimer )
/* +----------------------------------------------------------------------
/* | gitee 代码仓库：https://gitee.com/zoujingli/think-plugs-static
/* | github 代码仓库：https://github.com/zoujingli/think-plugs-static
/* +----------------------------------------------------------------------
/* | 自定义后台扩展样式，需要在加载 console.css 后载入
/* | 使用 composer require zoujingli/think-plugs-static 时不会更新此文件
/* +---------------------------------------------------------------------- */

/* ==================== 管理端消息提醒铃铛 ==================== */

/* 未读徽标 */
.admin-notify-badge {
    position: absolute;
    top: 8px;
    right: 4px;
    min-width: 16px;
    height: 16px;
    line-height: 16px;
    padding: 0 4px;
    background: #FF5722;
    color: #fff;
    border-radius: 8px;
    font-size: 10px;
    font-weight: 600;
    text-align: center;
    box-shadow: 0 0 4px rgba(255, 87, 34, 0.6);
    z-index: 10;
    pointer-events: none;
}

/* 铃铛抖动动画 */
.admin-notify-shake {
    animation: admin-notify-ring 0.8s ease-in-out infinite;
    transform-origin: top center;
    display: inline-block;
}

@keyframes admin-notify-ring {
    0%   { transform: rotate(0deg); }
    15%  { transform: rotate(18deg); }
    30%  { transform: rotate(-15deg); }
    45%  { transform: rotate(12deg); }
    60%  { transform: rotate(-10deg); }
    75%  { transform: rotate(6deg); }
    100% { transform: rotate(0deg); }
}

/* 弹窗内消息项悬停效果 */
.admin-notify-item {
    transition: background-color 0.2s ease;
    border-radius: 4px;
}
.admin-notify-item:hover {
    background-color: #f8f8f8;
}

/* 新消息到达时弹窗闪烁高亮 */
.admin-notify-flash {
    animation: admin-notify-flash-anim 0.5s ease-out 3;
}
@keyframes admin-notify-flash-anim {
    0%   { background-color: #fff; }
    50%  { background-color: #FFF1F0; }
    100% { background-color: #fff; }
}