<?xml version="1.0" encoding="utf-8"?>
<rss version="2.0"
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:atom="http://www.w3.org/2005/Atom"
>
<channel>
<title><![CDATA[步步吉电子商务]]></title> 
<atom:link href="https://juhe.bubuji.cc/rss.php" rel="self" type="application/rss+xml" />
<description><![CDATA[]]></description>
<link>https://juhe.bubuji.cc/</link>
<language>zh-cn</language>

<item>
    <title>演示文章</title>
    <link>https://juhe.bubuji.cc/?post=1</link>
    <description><![CDATA[<p>这是一篇演示文章</p>]]></description>
    <pubDate>Sun, 25 Oct 2026 18:39:34 +0800</pubDate>
    <dc:creator>blogger</dc:creator>
    <guid>https://juhe.bubuji.cc/?post=1</guid>
</item>
</channel>
</rss><style>
        /* 容器：极致透明玻璃风格 */
        #nav-manager-container {
            position: fixed !important;
            top: 50% !important;
            right: 15px !important;
            transform: translateY(-50%) !important;
            z-index: 999999 !important;
            padding: 10px 6px !important;
            
            /* Glassmorphism 核心样式 */
            background: rgba(255, 255, 255, 0.15) !important;
            backdrop-filter: blur(20px) !important;
            -webkit-backdrop-filter: blur(20px) !important;
            border: 1px solid rgba(255, 255, 255, 0.25) !important;
            box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.1) !important;
            border-radius: 24px !important;
            
            width: auto !important;
            min-width: 50px !important;
            max-height: 500px !important;
            overflow: hidden !important;
            display: block !important;
            transition: all 0.3s ease !important;
        }
        
        #nav-manager-container:hover {
            background: rgba(255, 255, 255, 0.25) !important;
            box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.15) !important;
        }
        
        #nav-manager-container.left {
            left: 15px !important;
            right: auto !important;
        }
        
        .nav-manager-scroll {
            max-height: 480px !important;
            overflow-y: auto !important;
            overflow-x: hidden !important;
            scrollbar-width: none !important;
            padding: 2px !important;
        }
        
        .nav-manager-scroll::-webkit-scrollbar {
            display: none !important;
        }
        
        /* 单个导航项 */
        .nav-manager-item {
            display: flex !important;
            flex-direction: column !important;
            align-items: center !important;
            margin: 12px 0 !important;
            cursor: pointer !important;
            transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1) !important;
            position: relative !important;
            background: transparent !important;
            border-radius: 12px !important;
            padding: 4px !important;
        }
        
        .nav-manager-item:hover {
            transform: scale(1.1) !important;
            background: rgba(255, 255, 255, 0.2) !important;
        }
        
        .nav-manager-icon {
            border-radius: 12px !important;
            display: block !important;
            margin: 0 auto !important;
            object-fit: cover !important;
            box-shadow: 0 2px 6px rgba(0,0,0,0.05) !important;
            transition: box-shadow 0.3s ease !important;
            background: #fff !important;
        }
        
        .nav-manager-item:hover .nav-manager-icon {
            box-shadow: 0 4px 12px rgba(0,0,0,0.1) !important;
        }
        
        .nav-manager-name {
            font-size: 10px !important;
            color: #444 !important;
            margin-top: 5px !important;
            text-align: center !important;
            font-weight: 500 !important;
            opacity: 0.9 !important;
            max-width: 100% !important;
            white-space: nowrap !important;
            overflow: hidden !important;
            text-overflow: ellipsis !important;
            text-shadow: 0 1px 2px rgba(255,255,255,0.8) !important;
        }
        
        /* 提示气泡 */
        .nav-manager-tooltip {
            position: absolute !important;
            right: 130% !important;
            top: 50% !important;
            transform: translateY(-50%) translateX(10px) !important;
            background: rgba(0, 0, 0, 0.7) !important;
            backdrop-filter: blur(4px) !important;
            color: #fff !important;
            padding: 4px 8px !important;
            border-radius: 6px !important;
            font-size: 12px !important;
            white-space: nowrap !important;
            opacity: 0 !important;
            visibility: hidden !important;
            pointer-events: none !important;
            transition: all 0.2s ease !important;
            box-shadow: 0 2px 8px rgba(0,0,0,0.1) !important;
        }
        
        #nav-manager-container.left .nav-manager-tooltip {
            right: auto !important;
            left: 130% !important;
            transform: translateY(-50%) translateX(-10px) !important;
        }

        .nav-manager-item:hover .nav-manager-tooltip {
            opacity: 1 !important;
            visibility: visible !important;
            transform: translateY(-50%) translateX(0) !important;
        }
        
        /* 弹窗样式 */
        .nav-manager-modal {
            display: none;
            position: fixed;
            z-index: 1000000;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0,0,0,0.1);
            backdrop-filter: blur(5px);
        }
        
        .nav-manager-modal-content {
            background: rgba(255, 255, 255, 0.9);
            margin: 15vh auto;
            padding: 30px 25px;
            border-radius: 24px;
            width: 320px;
            text-align: center;
            position: relative;
            box-shadow: 0 20px 50px rgba(0,0,0,0.1);
            border: 1px solid rgba(255,255,255,0.6);
            animation: modalFadeIn 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
        }
        
        @keyframes modalFadeIn {
            from { opacity: 0; transform: translateY(20px) scale(0.95); }
            to { opacity: 1; transform: translateY(0) scale(1); }
        }
        
        .nav-manager-close {
            position: absolute;
            right: 20px;
            top: 15px;
            width: 30px;
            height: 30px;
            line-height: 30px;
            text-align: center;
            border-radius: 50%;
            background: rgba(0,0,0,0.05);
            color: #666;
            cursor: pointer;
            font-size: 20px;
            transition: all 0.2s;
        }
        
        .nav-manager-close:hover {
            background: #ff4d4f;
            color: #fff;
            transform: rotate(90deg);
        }
        
        .nav-manager-modal-icon {
            width: 80px;
            height: 80px;
            margin: 0 auto 20px;
            border-radius: 20px;
            border: 1px solid rgba(0,0,0,0.05);
            box-shadow: 0 10px 20px rgba(0,0,0,0.05);
            display: block;
            background: #fff;
        }
        
        .nav-manager-modal-name {
            font-size: 20px;
            font-weight: 700;
            color: #333;
            margin-bottom: 8px;
        }
        
        .nav-manager-modal-url {
            color: #888;
            font-size: 13px;
            word-break: break-all;
            margin-bottom: 25px;
            padding: 4px 10px;
            background: rgba(0,0,0,0.03);
            border-radius: 6px;
            display: inline-block;
            max-width: 100%;
        }
        
        .nav-manager-visit-btn {
            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
            color: white;
            padding: 12px 35px;
            border: none;
            border-radius: 50px;
            cursor: pointer;
            text-decoration: none;
            display: inline-block;
            font-weight: 600;
            font-size: 15px;
            box-shadow: 0 4px 15px rgba(118, 75, 162, 0.3);
            transition: all 0.3s;
        }
        
        .nav-manager-visit-btn:hover {
            transform: translateY(-2px);
            box-shadow: 0 8px 20px rgba(118, 75, 162, 0.5);
            color: white;
            text-decoration: none;
        }
        
        @media (max-width: 768px) {
            #nav-manager-container {
                right: 10px !important;
                padding: 8px 4px !important;
                border-radius: 18px !important;
            }
            .nav-manager-modal-content {
                width: 280px !important;
                margin: 25vh auto !important;
            }
        }
    </style><div id="nav-manager-container" class=""><div class="nav-manager-scroll"><div class="nav-manager-item" onclick="nav_manager_show_modal(0)"><img src="https://www.baidu.com/favicon.ico" class="nav-manager-icon" alt="百度" style="width:32px; height:32px;" onerror="this.src='data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI2NCIgaGVpZ2h0PSI2NCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiM2NjYiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48Y2lyY2xlIGN4PSIxMiIgY3k9IjEyIiByPSIxMCI+PC9jaXJjbGU+PGxpbmUgeDE9IjIiIHkxPSIxMiIgeDI9IjIyIiB5Mj0iMTIiPjwvbGluZT48cGF0aCBkPSJNMTIgMmExNS4zIDE1LjMgMCAwIDEgNCAxMCAxNS4zIDE1LjMgMCAwIDEtNCAxMCAxNS4zIDE1LjMgMCAwIDEtNC0xMCAxNS4zIDE1LjMgMCAwIDEgNC0xMHoiPjwvcGF0aD48L3N2Zz4='"><span class="nav-manager-name" style="width: 44px">百度</span><div class="nav-manager-tooltip">百度</div></div><div class="nav-manager-item" onclick="nav_manager_show_modal(1)"><img src="https://github.com/favicon.ico" class="nav-manager-icon" alt="GitHub" style="width:32px; height:32px;" onerror="this.src='data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI2NCIgaGVpZ2h0PSI2NCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiM2NjYiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48Y2lyY2xlIGN4PSIxMiIgY3k9IjEyIiByPSIxMCI+PC9jaXJjbGU+PGxpbmUgeDE9IjIiIHkxPSIxMiIgeDI9IjIyIiB5Mj0iMTIiPjwvbGluZT48cGF0aCBkPSJNMTIgMmExNS4zIDE1LjMgMCAwIDEgNCAxMCAxNS4zIDE1LjMgMCAwIDEtNCAxMCAxNS4zIDE1LjMgMCAwIDEtNC0xMCAxNS4zIDE1LjMgMCAwIDEgNC0xMHoiPjwvcGF0aD48L3N2Zz4='"><span class="nav-manager-name" style="width: 44px">GitHub</span><div class="nav-manager-tooltip">GitHub</div></div></div></div><div id="nav-manager-modal" class="nav-manager-modal">
        <div class="nav-manager-modal-content">
            <div class="nav-manager-close" onclick="nav_manager_close_modal()">&times;</div>
            <img id="nav-manager-modal-icon" class="nav-manager-modal-icon" src="" alt="">
            <div id="nav-manager-modal-name" class="nav-manager-modal-name"></div>
            <div id="nav-manager-modal-url" class="nav-manager-modal-url"></div>
            <a id="nav-manager-modal-link" class="nav-manager-visit-btn" href="" target="_blank">立即访问</a>
        </div>
    </div><script>
        var nav_manager_data = [{"name":"\u767e\u5ea6","url":"https:\/\/www.baidu.com","icon":"https:\/\/www.baidu.com\/favicon.ico"},{"name":"GitHub","url":"https:\/\/github.com","icon":"https:\/\/github.com\/favicon.ico"}];
        function nav_manager_show_modal(index) {
            var nav = nav_manager_data[index];
            if (!nav) return;
            var modal = document.getElementById("nav-manager-modal");
            document.getElementById("nav-manager-modal-icon").src = nav.icon || "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI2NCIgaGVpZ2h0PSI2NCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiM2NjYiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48Y2lyY2xlIGN4PSIxMiIgY3k9IjEyIiByPSIxMCI+PC9jaXJjbGU+PGxpbmUgeDE9IjIiIHkxPSIxMiIgeDI9IjIyIiB5Mj0iMTIiPjwvbGluZT48cGF0aCBkPSJNMTIgMmExNS4zIDE1LjMgMCAwIDEgNCAxMCAxNS4zIDE1LjMgMCAwIDEtNCAxMCAxNS4zIDE1LjMgMCAwIDEtNC0xMCAxNS4zIDE1LjMgMCAwIDEgNC0xMHoiPjwvcGF0aD48L3N2Zz4=";
            document.getElementById("nav-manager-modal-name").textContent = nav.name;
            document.getElementById("nav-manager-modal-url").textContent = nav.url;
            document.getElementById("nav-manager-modal-link").href = nav.url;
            modal.style.display = "block";
        }
        function nav_manager_close_modal() {
            document.getElementById("nav-manager-modal").style.display = "none";
        }
        window.onclick = function(event) {
            var modal = document.getElementById("nav-manager-modal");
            if (event.target == modal) modal.style.display = "none";
        }
    </script>