/* 强制 li 定位基准 + 溢出可见 */
.wp-block-navigation .wp-block-navigation-item[class*="menu-qr-"] {
    position: relative !important;
    overflow: visible !important;
}

/* 通用 a 伪元素基础（所有二维码共用） */
.wp-block-navigation .wp-block-navigation-item[class*="menu-qr-"] > a::after {
    content: "" !important;
    position: absolute !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    bottom: 100% !important;
    margin-bottom: 15px !important;
    width: 170px !important;
    height: 170px !important;
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-color: #fff !important;
    border-radius: 12px !important;
    box-shadow: 0 10px 25px rgba(0,0,0,0.3) !important;
    opacity: 0 !important;
    visibility: hidden !important;
    transition: opacity 0.3s ease, bottom 0.3s ease !important;
    pointer-events: auto !important;
    z-index: 9999 !important;
}

/* 小三角（所有共用，放在二维码下方） */
.wp-block-navigation .wp-block-navigation-item[class*="menu-qr-"] > a::after::after {
    content: "" !important;
    position: absolute !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    bottom: -10px !important;
    border: 8px solid transparent !important;
    border-top-color: white !important;
}

/* 淘宝（已有） */
.wp-block-navigation .wp-block-navigation-item.menu-qr-taobao > a::after {
    background-image: url('https://www.showfeel.com.cn/wp-content/uploads/2026/02/淘宝二维码.webp') !important;
    border: 2px solid #ff5000 !important;
}

/* 京东（已有） */
.wp-block-navigation .wp-block-navigation-item.menu-qr-jd > a::after {
    background-image: url('https://www.showfeel.com.cn/wp-content/uploads/2026/02/京东二维码.webp') !important;
    border: 2px solid #e2231a !important;
}

/* 抖店（已有，注意类名是 doudian，不是 douyin） */
.wp-block-navigation .wp-block-navigation-item.menu-qr-doudian > a::after {
    background-image: url('https://www.showfeel.com.cn/wp-content/uploads/2026/02/抖店程序码-1.webp') !important;
    border: 2px solid #000 !important;  /* 或 #fe2c55 抖音粉 */
}

/* 新增：小红书 - 橙粉色调 */
.wp-block-navigation .wp-block-navigation-item.menu-qr-xiaohongshu > a::after {
    background-image: url('https://www.showfeel.com.cn/wp-content/uploads/2026/02/小红书二维码.webp') !important;
    border: 2px solid #ff2442 !important;  /* 小红书常用粉红/橙 */
}

/* 新增：微信 - 绿色调 */
.wp-block-navigation .wp-block-navigation-item.menu-qr-wechat > a::after {
    background-image: url('https://www.showfeel.com.cn/wp-content/uploads/2026/02/设计师微信.webp') !important;
    border: 2px solid #07c160 !important;  /* 微信绿 */
}

/* 新增：抖音号 - 黑/蓝调 */
.wp-block-navigation .wp-block-navigation-item.menu-qr-douyin > a::after {
    background-image: url('https://www.showfeel.com.cn/wp-content/uploads/2026/02/抖音程序码.webp') !important;
    border: 2px solid #000000 !important;  /* 抖音常用黑，或 #fe2c55 粉 */
}

/* 统一 hover 显示（所有二维码） */
.wp-block-navigation .wp-block-navigation-item[class*="menu-qr-"]:hover > a::after {
    opacity: 1 !important;
    visibility: visible !important;
    bottom: 135% !important;  /* 弹出高度，根据实际菜单位置微调 120%~150% */
}