/* 右键菜单样式 */
.context-menu {
    position: fixed;
    background: var(--win98-bg);
    border-top: 2px solid var(--win98-highlight);
    border-left: 2px solid var(--win98-highlight);
    border-right: 2px solid var(--win98-shadow);
    border-bottom: 2px solid var(--win98-shadow);
    padding: 2px;
    min-width: 150px;
    z-index: 1000;
    font-family: var(--win98-font);
    font-size: 11px;
}

.context-menu-item {
    padding: 4px 20px 4px 24px;
    cursor: default;
    user-select: none;
    position: relative;
    white-space: nowrap;
    color: var(--win98-dark);
}

.context-menu-item:hover {
    background: var(--win98-blue);
    color: white;
}

.context-menu-separator {
    height: 0;
    border-top: 1px solid var(--win98-shadow);
    border-bottom: 1px solid var(--win98-highlight);
    margin: 4px 2px;
}

.context-menu-item.disabled {
    color: var(--win98-shadow);
    cursor: default;
}

.context-menu-item.disabled:hover {
    background: transparent;
    color: var(--win98-shadow);
}

.context-menu-item.has-submenu::after {
    content: '►';
    position: absolute;
    right: 5px;
}

/* 子菜单 */
.context-submenu {
    position: absolute;
    left: 100%;
    top: -2px;
    display: none;
    background: var(--win98-bg);
    border-top: 2px solid var(--win98-highlight);
    border-left: 2px solid var(--win98-highlight);
    border-right: 2px solid var(--win98-shadow);
    border-bottom: 2px solid var(--win98-shadow);
    padding: 2px;
    min-width: 150px;
    font-family: var(--win98-font);
    font-size: 11px;
}

.context-menu-item:hover > .context-submenu {
    display: block;
}