/* ==================== 自定义右键菜单样式 ==================== */

/* 自定义右键菜单容器 - 固定在页面上的弹出菜单 */
.custom-menu {
    position: fixed;                    /* 固定定位，跟随鼠标位置 */
    background-color: white;            /* 白色背景 */
    border-radius: 8px;                 /* 圆角边框 */
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);  /* 阴影效果 */
    padding: 8px 0;                     /* 上下内边距 */
    z-index: 1000;                      /* 层级，确保在最上层 */
    display: none;                      /* 默认隐藏 */
    min-width: 180px;                   /* 最小宽度 */
}

/* 菜单项样式 - 每个选项的样式 */
.menu-item {
    padding: 10px 20px;                 /* 内边距 */
    cursor: pointer;                    /* 鼠标手型 */
    display: flex;                      /* 弹性布局 */
    align-items: center;                /* 垂直居中 */
    gap: 10px;                          /* 图标和文字间距 */
    transition: background-color 0.2s;  /* 背景色过渡动画 */
}

/* 菜单项悬停效果 */
.menu-item:hover {
    background-color: #f5f5f5;          /* 悬停时浅灰背景 */
}

/* 分隔线样式 - 用于分隔不同功能组 */
.divider {
    height: 1px;                        /* 高度1像素 */
    background-color: #eee;             /* 浅灰色 */
    margin: 5px 0;                      /* 上下外边距 */
}

/* ==================== 提示消息样式 ==================== */

/* 提示消息容器 - 右上角弹出的通知 */
.toast {
    position: fixed;                    /* 固定定位 */
    top: 20px;                          /* 距离顶部20像素 */
    right: 20px;                        /* 距离右侧20像素 */
    background-color: #333;             /* 深灰背景 */
    color: white;                       /* 白色文字 */
    padding: 15px 20px;                 /* 内边距 */
    border-radius: 8px;                 /* 圆角边框 */
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);  /* 阴影效果 */
    display: none;                      /* 默认隐藏 */
    align-items: center;                /* 垂直居中 */
    gap: 10px;                          /* 图标和文字间距 */
    z-index: 1001;                      /* 层级高于菜单 */
    min-width: 250px;                   /* 最小宽度 */
}

/* 成功状态提示 - 绿色背景 */
.toast.success {
    background-color: #28a745;          /* 绿色背景 */
}

/* 错误状态提示 - 红色背景 */
.toast.error {
    background-color: #dc3545;          /* 红色背景 */
}