/* 自定义右键菜单 — 毛玻璃风格 */
#zm-rightmenu-mask {
    position: fixed;
    width: 100vw;
    height: 100vh;
    top: 0; left: 0;
    display: none;
    z-index: 10009 !important;
    pointer-events: none;
}
#zm-rightmenu-mask.zm-rm-open {
    display: block;
    pointer-events: auto;
}
#zm-rightMenu {
    position: fixed;
    padding: 6px 0;
    width: 168px;
    border-radius: 8px;
    z-index: 10010 !important;
    border: 1px solid rgba(255,255,255,.2);
    background: rgba(255,255,255,.88);
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px);
    box-shadow: 0 4px 24px rgba(0,0,0,.12);
    overflow: hidden;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    display: none;
    opacity: 0;
    transform: scale(.92);
    transition: transform .22s cubic-bezier(.28,.69,.38,.99), opacity .18s;
}
#zm-rightMenu.zm-rm-open {
    display: block;
    opacity: 1;
    transform: scale(1);
}

/* ── 分组分隔线 ── */
#zm-rightMenu .zm-rm-group {
    padding: 4px 0;
}
#zm-rightMenu .zm-rm-group:not(:last-child) {
    border-bottom: 1px solid rgba(0,0,0,.08);
}

/* ── 菜单项 ── */
#zm-rightMenu .zm-rm-item {
    display: flex;
    align-items: center;
    padding: 0 14px;
    line-height: 34px;
    cursor: pointer;
    transition: background .2s, color .2s;
    user-select: none;
    color: #555;
    font-size: 13px;
}
#zm-rightMenu .zm-rm-item:hover {
    background: var(--theme-color, #5cbc6a);
    color: #fff;
}
#zm-rightMenu .zm-rm-item:hover i {
    color: #fff !important;
}
#zm-rightMenu .zm-rm-item.disabled {
    color: #bbb !important;
    cursor: not-allowed;
}
#zm-rightMenu .zm-rm-item.disabled:hover {
    background: transparent;
    color: #bbb !important;
}
#zm-rightMenu .zm-rm-item.disabled:hover i {
    color: #bbb !important;
}

/* ── 图标 ── */
#zm-rightMenu .zm-rm-item i {
    display: inline-block;
    width: 18px;
    text-align: center;
    font-size: 14px;
    margin-right: 8px;
    color: #555;
    transition: color .2s;
}

/* ── 文字 ── */
#zm-rightMenu .zm-rm-item span {
    font-size: 13px;
    white-space: nowrap;
}

/* ═══════════════════════════════════════
   暗色模式
   ═══════════════════════════════════════ */
html.dark #zm-rightMenu,
body.dark #zm-rightMenu,
html.night #zm-rightMenu,
body.night #zm-rightMenu {
    background: rgba(30,30,30,.92);
    border: 1px solid rgba(255,255,255,.08);
    box-shadow: 0 4px 24px rgba(0,0,0,.35);
}
html.dark #zm-rightMenu .zm-rm-group:not(:last-child),
body.dark #zm-rightMenu .zm-rm-group:not(:last-child),
html.night #zm-rightMenu .zm-rm-group:not(:last-child),
body.night #zm-rightMenu .zm-rm-group:not(:last-child) {
    border-bottom-color: rgba(255,255,255,.1);
}
html.dark #zm-rightMenu .zm-rm-item,
body.dark #zm-rightMenu .zm-rm-item,
html.night #zm-rightMenu .zm-rm-item,
body.night #zm-rightMenu .zm-rm-item {
    color: #ddd;
}
html.dark #zm-rightMenu .zm-rm-item i,
body.dark #zm-rightMenu .zm-rm-item i,
html.night #zm-rightMenu .zm-rm-item i,
body.night #zm-rightMenu .zm-rm-item i {
    color: #ddd;
}

/* ═══════════════════════════════════════
   移动端隐藏（仅PC端启用）
   ═══════════════════════════════════════ */
@media (max-width: 768px) {
    #zm-rightMenu,
    #zm-rightmenu-mask {
        display: none !important;
    }
}
