{"id":7772,"date":"2026-02-06T22:45:32","date_gmt":"2026-02-06T14:45:32","guid":{"rendered":"https:\/\/alleneden.com\/?page_id=7772"},"modified":"2026-02-10T12:42:51","modified_gmt":"2026-02-10T04:42:51","slug":"wambooka-brand","status":"publish","type":"page","link":"https:\/\/alleneden.com\/index.php\/wambooka-brand\/","title":{"rendered":"wambooka brand"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"7772\" class=\"elementor elementor-7772\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2846ccf4 e-con-full e-flex e-con e-parent\" data-id=\"2846ccf4\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-1bc9d500 e-con-full e-flex e-con e-child\" data-id=\"1bc9d500\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6dbe5027 elementor-widget elementor-widget-image\" data-id=\"6dbe5027\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"1024\" height=\"467\" src=\"https:\/\/alleneden.com\/wp-content\/uploads\/2026\/02\/Wambooka-LOGO-1024x467.png\" class=\"attachment-large size-large wp-image-7775\" alt=\"\" srcset=\"https:\/\/alleneden.com\/wp-content\/uploads\/2026\/02\/Wambooka-LOGO-1024x467.png 1024w, https:\/\/alleneden.com\/wp-content\/uploads\/2026\/02\/Wambooka-LOGO-300x137.png 300w, https:\/\/alleneden.com\/wp-content\/uploads\/2026\/02\/Wambooka-LOGO-768x350.png 768w, https:\/\/alleneden.com\/wp-content\/uploads\/2026\/02\/Wambooka-LOGO.png 1321w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4c31e2bd e-con-full e-flex e-con e-child\" data-id=\"4c31e2bd\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-60865180 elementor-widget elementor-widget-text-editor\" data-id=\"60865180\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<div class=\"wp-block-stackable-text stk-block-text stk-block stk-63d5224\" data-block-id=\"63d5224\"><p>WAMBOOKA \u6253\u51fb\u4e50\u5668\u54c1\u724c\uff0c\u6765\u81ea\u610f\u5927\u5229\uff0c\u4ee5\u79d1\u6280\u6280\u672f\u878d\u5408\u4ea7\u54c1\u8bbe\u8ba1\uff0c\u6253\u9020\u8bb8\u591a\u4f18\u79c0\u7684\u6253\u51fb\u4e50\u5668\u53ca\u5468\u8fb9\u914d\u4ef6\u3002\u5c24\u5176\u5728\u4e2d\u4e1c\u5730\u533a\u7684\u6253\u51fb\u4e50\u4e0a\uff0c\u5904\u4e8e\u91cd\u8981\u7684\u5730\u4f4d\u3002<br \/>\u65d7\u4e0b\u62e5\u6709\u519b\u9f13\u9f13\u76ae\u3001\u94bb\u77f3\u624b\u9f13\u3001\u534a\u6708\u6447\u94c3\u3001\u6cdb\u97f3\u80f6\u8d34\u7b49\u9ad8\u79d1\u6280\u542b\u91cf\u7684\u65b0\u578b\u6253\u51fb\u4e50\u4ea7\u54c1\uff0c\u5e76\u4e0d\u65ad\u5728\u7814\u7a76\u4e0e\u521b\u9020\u66f4\u591a\u5bcc\u542b\u9ad8\u79d1\u6280\u7684\u6253\u51fb\u4e50\u5668\u3002<\/p><\/div>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7d6e5666 e-con-full e-flex e-con e-child\" data-id=\"7d6e5666\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-637353d5 elementor-widget elementor-widget-button\" data-id=\"637353d5\" data-element_type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/www.wambooka.com\/\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">\u524d\u5f80\u54c1\u724c\u5b98\u7f51 \u2192<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-44a23a44 e-flex e-con-boxed e-con e-parent\" data-id=\"44a23a44\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6f2d336b elementor-widget elementor-widget-html\" data-id=\"6f2d336b\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"zh-CN\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <title>Wambboka \u4ea7\u54c1\u4fe1\u606f<\/title>\r\n    \r\n    <!-- \u5f15\u5165\u601d\u6e90\u9ed1\u4f53 (Noto Sans SC) -->\r\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Noto+Sans+SC:wght@300;400;500;700&display=swap\" rel=\"stylesheet\">\r\n\r\n    <style>\r\n        * {\r\n            margin: 0;\r\n            padding: 0;\r\n            box-sizing: border-box;\r\n        }\r\n\r\n        body {\r\n            \/* \u4fee\u6539\u70b9\uff1a\u5b57\u4f53\u4f18\u5148\u4f7f\u7528\u601d\u6e90\u9ed1\u4f53 *\/\r\n            font-family: \"Noto Sans SC\", \"Source Han Sans CN\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\r\n            \/* \u4fee\u6539\u70b9\uff1a\u80cc\u666f\u6539\u4e3a\u7eaf\u9ed1 *\/\r\n            background-color: #000000;\r\n        }\r\n\r\n        .df-section-wrapper {\r\n            \/* \u4fee\u6539\u70b9\uff1a\u80cc\u666f\u6539\u4e3a\u7eaf\u9ed1 *\/\r\n            background-color: #000000;\r\n            color: #fff;\r\n            padding: 120px 40px;\r\n            overflow: hidden;\r\n        }\r\n\r\n        .df-container {\r\n            max-width: 1400px;\r\n            margin: 0 auto;\r\n            display: flex;\r\n            align-items: flex-start;\r\n            gap: 50px;\r\n        }\r\n\r\n        \/* \u5de6\u4fa7\u6587\u672c\u5185\u5bb9 *\/\r\n        .df-text-content {\r\n            flex: 0 0 320px;\r\n            position: sticky;\r\n            top: 120px;\r\n        }\r\n\r\n        .df-title {\r\n            font-size: 48px;\r\n            font-weight: 700;\r\n            line-height: 1.1;\r\n            margin: 0 0 24px 0;\r\n            opacity: 0;\r\n            transform: translateY(30px);\r\n            transition: opacity 0.8s cubic-bezier(0.16, 1, 0.3, 1), transform 0.8s cubic-bezier(0.16, 1, 0.3, 1);\r\n        }\r\n\r\n        .df-section-wrapper.is-visible .df-title {\r\n            opacity: 1;\r\n            transform: translateY(0);\r\n        }\r\n        \r\n        .df-download-info {\r\n            opacity: 0;\r\n            transform: translateY(30px);\r\n            transition: opacity 0.8s cubic-bezier(0.16, 1, 0.3, 1) 0.15s, transform 0.8s cubic-bezier(0.16, 1, 0.3, 1) 0.15s;\r\n        }\r\n\r\n        .df-section-wrapper.is-visible .df-download-info {\r\n            opacity: 1;\r\n            transform: translateY(0);\r\n        }\r\n\r\n        .df-label {\r\n            font-size: 14px;\r\n            color: #999;\r\n            margin: 0 0 20px 0;\r\n            font-weight: 500;\r\n        }\r\n\r\n        .df-description {\r\n            font-size: 14px;\r\n            color: #aaa;\r\n            line-height: 1.6;\r\n            margin-bottom: 20px;\r\n        }\r\n\r\n        .df-instruction {\r\n            background: rgba(255, 255, 255, 0.05);\r\n            border-left: 3px solid #fff;\r\n            padding: 12px 16px;\r\n            margin-bottom: 24px;\r\n            border-radius: 8px;\r\n        }\r\n\r\n        .df-instruction p {\r\n            font-size: 13px;\r\n            color: #ccc;\r\n            line-height: 1.5;\r\n        }\r\n\r\n        .df-button {\r\n            display: inline-flex;\r\n            align-items: center;\r\n            gap: 12px;\r\n            background-color: #ffffff;\r\n            color: #000000;\r\n            padding: 14px 28px;\r\n            border-radius: 100px;\r\n            text-decoration: none;\r\n            font-weight: 600;\r\n            font-size: 15px;\r\n            transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);\r\n            border: 2px solid transparent;\r\n        }\r\n\r\n        .df-button .arrow-icon {\r\n            transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1);\r\n        }\r\n\r\n        .df-button:hover {\r\n            background-color: #000000;\r\n            color: #ffffff;\r\n            border-color: #ffffff;\r\n            transform: scale(1.05);\r\n        }\r\n\r\n        .df-button:hover .arrow-icon {\r\n            transform: translateY(3px);\r\n        }\r\n\r\n        \/* ----------------------------------------------------\r\n           \u65b0\u6dfb\u52a0\uff1a\u793e\u4ea4\u5a92\u4f53\u533a\u57df\u6837\u5f0f\r\n           ---------------------------------------------------- *\/\r\n        .df-social-wrapper {\r\n            margin-top: 60px; \/* \u4e0e\u4e0a\u65b9\u6309\u94ae\u7684\u8ddd\u79bb *\/\r\n            border-top: 1px solid rgba(255,255,255,0.1); \/* \u53ef\u9009\uff1a\u5206\u5272\u7ebf *\/\r\n            padding-top: 30px;\r\n            opacity: 0;\r\n            transform: translateY(30px);\r\n            \/* \u5ef6\u8fdf\u52a8\u753b\uff0c\u4f7f\u5176\u5728\u4e0b\u8f7d\u6309\u94ae\u4e4b\u540e\u51fa\u73b0 *\/\r\n            transition: opacity 0.8s cubic-bezier(0.16, 1, 0.3, 1) 0.25s, transform 0.8s cubic-bezier(0.16, 1, 0.3, 1) 0.25s;\r\n        }\r\n\r\n        .df-section-wrapper.is-visible .df-social-wrapper {\r\n            opacity: 1;\r\n            transform: translateY(0);\r\n        }\r\n\r\n        .df-social-header {\r\n            font-size: 18px;\r\n            font-weight: 500;\r\n            color: #fff;\r\n            margin-bottom: 18px;\r\n            display: flex;\r\n            align-items: baseline;\r\n            gap: 8px;\r\n        }\r\n\r\n        .df-social-header span {\r\n            font-size: 12px;\r\n            color: #666;\r\n            font-weight: 400;\r\n            letter-spacing: 0.5px;\r\n        }\r\n\r\n        .df-social-icons {\r\n            display: flex;\r\n            gap: 12px; \/* \u56fe\u6807\u95f4\u8ddd *\/\r\n            flex-wrap: wrap;\r\n        }\r\n\r\n        .social-link {\r\n            display: block;\r\n            width: 44px; \/* \u56fe\u6807\u5c3a\u5bf8 *\/\r\n            height: 44px;\r\n            transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1); \/* \u5f39\u6027\u52a8\u6548 *\/\r\n            position: relative;\r\n        }\r\n\r\n        .social-link img {\r\n            width: 100%;\r\n            height: 100%;\r\n            object-fit: contain;\r\n            display: block;\r\n            \/* \u786e\u4fdd\u56fe\u7247\u5728\u9ed1\u8272\u80cc\u666f\u4e0a\u6e05\u6670 *\/\r\n            filter: drop-shadow(0 2px 4px rgba(0,0,0,0.5));\r\n        }\r\n\r\n        \/* \u60ac\u505c\u5fae\u4ea4\u4e92 *\/\r\n        .social-link:hover {\r\n            transform: translateY(-5px) scale(1.1);\r\n            filter: brightness(1.2);\r\n        }\r\n\r\n        .social-link:active {\r\n            transform: translateY(-2px) scale(0.95);\r\n        }\r\n\r\n        \/* \u53f3\u4fa7 PDF \u67e5\u770b\u533a\u57df *\/\r\n        .pdf-viewer-section {\r\n            flex: 1;\r\n            min-height: 900px;\r\n            opacity: 0;\r\n            transform: translateY(30px);\r\n            transition: opacity 0.8s cubic-bezier(0.16, 1, 0.3, 1) 0.3s, transform 0.8s cubic-bezier(0.16, 1, 0.3, 1) 0.3s;\r\n        }\r\n\r\n        .df-section-wrapper.is-visible .pdf-viewer-section {\r\n            opacity: 1;\r\n            transform: translateY(0);\r\n        }\r\n\r\n        .pdf-container {\r\n            position: relative;\r\n            \/* \u4fee\u6539\u70b9\uff1aPDF\u5bb9\u5668\u7a0d\u5fae\u6df1\u4e00\u70b9\u7684\u9ed1\uff0c\u4ee5\u5728\u7eaf\u9ed1\u80cc\u666f\u4e0b\u533a\u5206 *\/\r\n            background: #0f0f0f;\r\n            border: 1px solid #222; \/* \u589e\u52a0\u5fae\u5f31\u8fb9\u6846 *\/\r\n            border-radius: 24px;\r\n            overflow: hidden;\r\n            box-shadow: 0 20px 60px rgba(0, 0, 0, 0.9);\r\n            cursor: pointer;\r\n            user-select: none;\r\n        }\r\n\r\n        .pdf-header {\r\n            \/* \u4fee\u6539\u70b9\uff1a\u66f4\u6df1\u7684\u6e10\u53d8 *\/\r\n            background: linear-gradient(135deg, #1a1a1a 0%, #111111 100%);\r\n            padding: 20px 30px;\r\n            border-bottom: 1px solid #222;\r\n            display: flex;\r\n            justify-content: space-between;\r\n            align-items: center;\r\n        }\r\n\r\n        .pdf-page-info {\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 15px;\r\n            color: #fff;\r\n            font-size: 14px;\r\n        }\r\n\r\n        .page-counter {\r\n            background: rgba(255, 255, 255, 0.1);\r\n            padding: 6px 16px;\r\n            border-radius: 20px;\r\n            font-weight: 600;\r\n        }\r\n\r\n        .click-hint {\r\n            color: #666; \/* \u7a0d\u5fae\u6697\u4e00\u70b9\u7684\u63d0\u793a\u8272 *\/\r\n            font-size: 13px;\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 8px;\r\n            animation: pulse 2s infinite;\r\n        }\r\n\r\n        @keyframes pulse {\r\n            0%, 100% { opacity: 0.6; }\r\n            50% { opacity: 1; }\r\n        }\r\n\r\n        .pdf-canvas-wrapper {\r\n            position: relative;\r\n            \/* \u4fee\u6539\u70b9\uff1a\u66f4\u6df1\u7684\u753b\u5e03\u80cc\u666f *\/\r\n            background: #050505;\r\n            min-height: 750px;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            overflow: hidden;\r\n            perspective: 1500px;\r\n        }\r\n\r\n        \/* \u5de6\u53f3\u7ffb\u9875\u6309\u94ae *\/\r\n        .page-nav-btn {\r\n            position: absolute;\r\n            top: 50%;\r\n            transform: translateY(-50%);\r\n            background: rgba(0, 0, 0, 0.8);\r\n            color: #fff;\r\n            border: 1px solid rgba(255, 255, 255, 0.2);\r\n            width: 50px;\r\n            height: 50px;\r\n            border-radius: 50%;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            cursor: pointer;\r\n            transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);\r\n            z-index: 5;\r\n            backdrop-filter: blur(10px);\r\n            opacity: 0;\r\n        }\r\n\r\n        .pdf-canvas-wrapper:hover .page-nav-btn {\r\n            opacity: 1;\r\n        }\r\n\r\n        .page-nav-btn:hover {\r\n            background: rgba(255, 255, 255, 1);\r\n            color: #000;\r\n            border-color: #fff;\r\n            transform: translateY(-50%) scale(1.1);\r\n        }\r\n\r\n        .page-nav-btn:active {\r\n            transform: translateY(-50%) scale(0.95);\r\n        }\r\n\r\n        .page-nav-btn.disabled {\r\n            opacity: 0.3;\r\n            cursor: not-allowed;\r\n            pointer-events: none;\r\n        }\r\n\r\n        .page-nav-btn.prev {\r\n            left: 20px;\r\n        }\r\n\r\n        .page-nav-btn.next {\r\n            right: 20px;\r\n        }\r\n\r\n        .page-nav-btn svg {\r\n            width: 24px;\r\n            height: 24px;\r\n        }\r\n\r\n        #pdf-canvas {\r\n            display: block;\r\n            max-width: 100%;\r\n            height: auto;\r\n            border-radius: 4px; \/* \u7a0d\u5fae\u51cf\u5c0f\u5706\u89d2 *\/\r\n            box-shadow: 0 10px 50px rgba(0, 0, 0, 0.5);\r\n            transition: transform 0.3s ease;\r\n        }\r\n\r\n        .pdf-canvas-wrapper:hover #pdf-canvas {\r\n            transform: scale(1.02);\r\n        }\r\n\r\n        \/* \u7ffb\u9875\u52a8\u753b - \u6de1\u5165\u6de1\u51fa\u6548\u679c *\/\r\n        .pdf-canvas-wrapper.flipping #pdf-canvas {\r\n            animation: fadeInOut 0.5s cubic-bezier(0.4, 0, 0.2, 1);\r\n        }\r\n\r\n        @keyframes fadeInOut {\r\n            0% {\r\n                opacity: 1;\r\n                transform: scale(1);\r\n            }\r\n            50% {\r\n                opacity: 0;\r\n                transform: scale(0.98);\r\n            }\r\n            100% {\r\n                opacity: 1;\r\n                transform: scale(1);\r\n            }\r\n        }\r\n\r\n        \/* \u52a0\u8f7d\u72b6\u6001 *\/\r\n        .loading-overlay {\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            width: 100%;\r\n            height: 100%;\r\n            background: #000;\r\n            display: flex;\r\n            flex-direction: column;\r\n            align-items: center;\r\n            justify-content: center;\r\n            z-index: 10;\r\n        }\r\n\r\n        .spinner {\r\n            border: 3px solid #333;\r\n            border-top: 3px solid #fff;\r\n            border-radius: 50%;\r\n            width: 50px;\r\n            height: 50px;\r\n            animation: spin 1s linear infinite;\r\n            margin-bottom: 20px;\r\n        }\r\n\r\n        @keyframes spin {\r\n            0% { transform: rotate(0deg); }\r\n            100% { transform: rotate(360deg); }\r\n        }\r\n\r\n        .loading-text {\r\n            color: #999;\r\n            font-size: 14px;\r\n        }\r\n\r\n        .loading-overlay.hidden {\r\n            display: none;\r\n        }\r\n\r\n        \/* \u70b9\u51fb\u6ce2\u7eb9\u6548\u679c *\/\r\n        .ripple {\r\n            position: absolute;\r\n            border-radius: 50%;\r\n            background: rgba(255, 255, 255, 0.2);\r\n            transform: scale(0);\r\n            animation: ripple-animation 0.6s ease-out;\r\n            pointer-events: none;\r\n        }\r\n\r\n        @keyframes ripple-animation {\r\n            to {\r\n                transform: scale(4);\r\n                opacity: 0;\r\n            }\r\n        }\r\n\r\n        \/* \u8fdb\u5ea6\u6307\u793a\u5668 *\/\r\n        .progress-bar {\r\n            position: absolute;\r\n            bottom: 0;\r\n            left: 0;\r\n            height: 3px;\r\n            background: linear-gradient(90deg, #fff 0%, #333 100%);\r\n            transition: width 0.6s cubic-bezier(0.16, 1, 0.3, 1);\r\n        }\r\n\r\n        \/* \u54cd\u5e94\u5f0f\u8bbe\u8ba1 *\/\r\n        @media (max-width: 1200px) {\r\n            .df-container {\r\n                flex-direction: column;\r\n                gap: 50px;\r\n            }\r\n            \r\n            .df-text-content {\r\n                flex: none;\r\n                position: relative;\r\n                top: 0;\r\n                max-width: 100%;\r\n                text-align: center;\r\n            }\r\n\r\n            .df-instruction {\r\n                text-align: left;\r\n            }\r\n\r\n            \/* \u54cd\u5e94\u5f0f\u4e0b\u7684\u793e\u4ea4\u56fe\u6807\u5c45\u4e2d *\/\r\n            .df-social-wrapper {\r\n                display: flex;\r\n                flex-direction: column;\r\n                align-items: center;\r\n                border-top: none; \/* \u79fb\u52a8\u7aef\u53bb\u6389\u5206\u5272\u7ebf\uff0c\u770b\u7740\u66f4\u5e72\u51c0 *\/\r\n            }\r\n            .df-social-icons {\r\n                justify-content: center;\r\n            }\r\n        }\r\n\r\n        @media (max-width: 768px) {\r\n            .df-section-wrapper {\r\n                padding: 80px 20px;\r\n            }\r\n\r\n            .df-title {\r\n                font-size: 36px;\r\n            }\r\n\r\n            .df-button {\r\n                padding: 14px 28px;\r\n                font-size: 15px;\r\n            }\r\n\r\n            .pdf-header {\r\n                padding: 15px 20px;\r\n                flex-direction: column;\r\n                gap: 10px;\r\n            }\r\n\r\n            .pdf-canvas-wrapper {\r\n                min-height: 400px;\r\n            }\r\n\r\n            .page-nav-btn {\r\n                width: 40px;\r\n                height: 40px;\r\n                opacity: 0.8;\r\n            }\r\n\r\n            .page-nav-btn.prev {\r\n                left: 10px;\r\n            }\r\n\r\n            .page-nav-btn.next {\r\n                right: 10px;\r\n            }\r\n\r\n            .page-nav-btn svg {\r\n                width: 20px;\r\n                height: 20px;\r\n            }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n\r\n    <div class=\"df-section-wrapper\">\r\n        <div class=\"df-container\">\r\n            \r\n            <!-- \u5de6\u4fa7\u4fe1\u606f -->\r\n            <div class=\"df-text-content\">\r\n                <h2 class=\"df-title\">Wambboka<br>\u4ea7\u54c1\u4fe1\u606f<\/h2>\r\n                <div class=\"df-download-info\">\r\n                    <p class=\"df-label\">\u3010\u62a5\u4ef7\u5355\u3011Wambboka 251210<\/p>\r\n                    \r\n                    <p class=\"df-description\">\r\n                        \u67e5\u770b\u5b8c\u6574\u7684 Wambboka \u4ea7\u54c1\u62a5\u4ef7\u5355\uff0c\u4e86\u89e3\u8be6\u7ec6\u7684\u4ea7\u54c1\u89c4\u683c\u548c\u4ef7\u683c\u4fe1\u606f\u3002\r\n                    <\/p>\r\n\r\n                    <div class=\"df-instruction\">\r\n                        <p>\ud83d\udca1 <strong>\u4f7f\u7528\u63d0\u793a\uff1a<\/strong><br>\u70b9\u51fb\u53f3\u4fa7 PDF \u533a\u57df\u53ef\u7ffb\u9875\u67e5\u770b\u5b8c\u6574\u5185\u5bb9<\/p>\r\n                    <\/div>\r\n\r\n                    <a href=\"https:\/\/alleneden.com\/wp-content\/uploads\/2026\/02\/\u3010\u62a5\u4ef7\u5355\u3011-WAMBOOKA-2026.pdf\" \r\n                       class=\"df-button\" \r\n                       download>\r\n                        <span>\u4e0b\u8f7d\u5b8c\u6574 PDF<\/span>\r\n                        <svg class=\"arrow-icon\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                            <path d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\"><\/path>\r\n                            <polyline points=\"7 10 12 15 17 10\"><\/polyline>\r\n                            <line x1=\"12\" y1=\"15\" x2=\"12\" y2=\"3\"><\/line>\r\n                        <\/svg>\r\n                    <\/a>\r\n                <\/div>\r\n\r\n                <!-- \u65b0\u589e\uff1a\u793e\u4ea4\u5a92\u4f53\u533a\u57df -->\r\n                <div class=\"df-social-wrapper\">\r\n                    <div class=\"df-social-header\">\r\n                        \u793e\u4ea4\u5a92\u4f53 <span>\/ \u70b9\u51fb\u5373\u53ef\u8df3\u8f6c<\/span>\r\n                    <\/div>\r\n                    <div class=\"df-social-icons\">\r\n                      \r\n                    \r\n                        <a href=\"https:\/\/v.douyin.com\/UidYK0WuUcQ\/ 3@9.com :9pm\" target=\"_blank\" class=\"social-link\" title=\"TikTok\">\r\n                            <img decoding=\"async\" src=\"https:\/\/alleneden.com\/wp-content\/uploads\/2026\/02\/Group-25.png\" alt=\"TikTok\">\r\n                        <\/a>\r\n                     \r\n                        <a href=\"https:\/\/xhslink.com\/m\/63FYQh592ib\" target=\"_blank\" class=\"social-link\" title=\"RedBook\">\r\n                            <img decoding=\"async\" src=\"https:\/\/alleneden.com\/wp-content\/uploads\/2026\/02\/Group-29.png\" alt=\"RedBook\">\r\n                        <\/a>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n            <!-- \u53f3\u4fa7 PDF \u67e5\u770b\u5668 -->\r\n            <div class=\"pdf-viewer-section\">\r\n                <div class=\"pdf-container\" id=\"pdfContainer\">\r\n                    <div class=\"pdf-header\">\r\n                        <div class=\"pdf-page-info\">\r\n                            <div class=\"page-counter\">\r\n                                <span id=\"currentPage\">1<\/span> \/ <span id=\"totalPages\">-<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <div class=\"click-hint\">\r\n                            <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n                                <path d=\"M9 18l6-6-6-6\"\/>\r\n                            <\/svg>\r\n                            \u70b9\u51fb\u7ffb\u9875\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <div class=\"pdf-canvas-wrapper\" id=\"canvasWrapper\">\r\n                        <div class=\"loading-overlay\" id=\"loadingOverlay\">\r\n                            <div class=\"spinner\"><\/div>\r\n                            <div class=\"loading-text\">\u6b63\u5728\u52a0\u8f7d PDF...<\/div>\r\n                        <\/div>\r\n                        \r\n                        <!-- \u5de6\u4fa7\u4e0a\u4e00\u9875\u6309\u94ae -->\r\n                        <button class=\"page-nav-btn prev\" id=\"prevBtn\" title=\"\u4e0a\u4e00\u9875\">\r\n                            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                                <polyline points=\"15 18 9 12 15 6\"><\/polyline>\r\n                            <\/svg>\r\n                        <\/button>\r\n                        \r\n                        <canvas id=\"pdf-canvas\"><\/canvas>\r\n                        \r\n                        <!-- \u53f3\u4fa7\u4e0b\u4e00\u9875\u6309\u94ae -->\r\n                        <button class=\"page-nav-btn next\" id=\"nextBtn\" title=\"\u4e0b\u4e00\u9875\">\r\n                            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                                <polyline points=\"9 18 15 12 9 6\"><\/polyline>\r\n                            <\/svg>\r\n                        <\/button>\r\n                        \r\n                        <div class=\"progress-bar\" id=\"progressBar\"><\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <!-- PDF.js \u5e93 -->\r\n    <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/pdf.js\/3.11.174\/pdf.min.js\"><\/script>\r\n\r\n    <script>\r\n        \/\/ \u5165\u573a\u52a8\u753b\r\n        document.addEventListener('DOMContentLoaded', function() {\r\n            const animatedSection = document.querySelector('.df-section-wrapper');\r\n            \r\n            const observer = new IntersectionObserver((entries) => {\r\n                entries.forEach(entry => {\r\n                    if (entry.isIntersecting) {\r\n                        entry.target.classList.add('is-visible');\r\n                        observer.unobserve(entry.target);\r\n                    }\r\n                });\r\n            }, {\r\n                threshold: 0.15\r\n            });\r\n\r\n            observer.observe(animatedSection);\r\n        });\r\n\r\n        \/\/ PDF \u67e5\u770b\u5668\r\n        const pdfUrl = 'https:\/\/alleneden.com\/wp-content\/uploads\/2026\/02\/\u3010\u62a5\u4ef7\u5355\u3011-WAMBOOKA-2026.pdf';\r\n        let pdfDoc = null;\r\n        let currentPage = 1;\r\n        let totalPages = 0;\r\n        let isRendering = false;\r\n\r\n        const canvas = document.getElementById('pdf-canvas');\r\n        const canvasWrapper = document.getElementById('canvasWrapper');\r\n        const loadingOverlay = document.getElementById('loadingOverlay');\r\n        const currentPageSpan = document.getElementById('currentPage');\r\n        const totalPagesSpan = document.getElementById('totalPages');\r\n        const pdfContainer = document.getElementById('pdfContainer');\r\n        const progressBar = document.getElementById('progressBar');\r\n        const prevBtn = document.getElementById('prevBtn');\r\n        const nextBtn = document.getElementById('nextBtn');\r\n\r\n        \/\/ \u914d\u7f6e PDF.js\r\n        pdfjsLib.GlobalWorkerOptions.workerSrc = 'https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/pdf.js\/3.11.174\/pdf.worker.min.js';\r\n\r\n        \/\/ \u81ea\u52a8\u52a0\u8f7d PDF\r\n        loadPdf();\r\n\r\n        function loadPdf() {\r\n            pdfjsLib.getDocument(pdfUrl).promise.then(function(pdf) {\r\n                pdfDoc = pdf;\r\n                totalPages = pdf.numPages;\r\n                totalPagesSpan.textContent = totalPages;\r\n                \r\n                renderPage(currentPage);\r\n                updateProgress();\r\n            }).catch(function(error) {\r\n                loadingOverlay.innerHTML = '<p style=\"color: #999;\">PDF \u52a0\u8f7d\u5931\u8d25\uff0c\u8bf7\u5237\u65b0\u91cd\u8bd5<\/p>';\r\n                console.error('PDF \u52a0\u8f7d\u9519\u8bef:', error);\r\n            });\r\n        }\r\n\r\n        function renderPage(pageNum) {\r\n            if (isRendering || !pdfDoc) return;\r\n            \r\n            isRendering = true;\r\n\r\n            pdfDoc.getPage(pageNum).then(function(page) {\r\n                \/\/ \u8ba1\u7b97\u5408\u9002\u7684\u7f29\u653e\u6bd4\u4f8b - \u589e\u52a0scale\u503c\u4f7fPDF\u66f4\u6e05\u6670\r\n                const desiredWidth = canvasWrapper.clientWidth * 0.95;\r\n                const viewport = page.getViewport({ scale: 1 });\r\n                const scale = desiredWidth \/ viewport.width;\r\n                \/\/ \u786e\u4fdd\u6700\u5c0f\u7f29\u653e\u6bd4\u4f8b\u4e3a2.0\u4ee5\u4fdd\u8bc1\u6e05\u6670\u5ea6\r\n                const finalScale = Math.max(scale, 2.0);\r\n                const scaledViewport = page.getViewport({ scale: finalScale });\r\n\r\n                const context = canvas.getContext('2d');\r\n                canvas.height = scaledViewport.height;\r\n                canvas.width = scaledViewport.width;\r\n\r\n                const renderContext = {\r\n                    canvasContext: context,\r\n                    viewport: scaledViewport\r\n                };\r\n\r\n                page.render(renderContext).promise.then(function() {\r\n                    isRendering = false;\r\n                    loadingOverlay.classList.add('hidden');\r\n                    updateButtons();\r\n                });\r\n\r\n                currentPageSpan.textContent = pageNum;\r\n                updateProgress();\r\n            });\r\n        }\r\n\r\n        \/\/ \u66f4\u65b0\u8fdb\u5ea6\u6761\r\n        function updateProgress() {\r\n            const progress = (currentPage \/ totalPages) * 100;\r\n            progressBar.style.width = progress + '%';\r\n        }\r\n\r\n        \/\/ \u66f4\u65b0\u6309\u94ae\u72b6\u6001\r\n        function updateButtons() {\r\n            if (currentPage <= 1) {\r\n                prevBtn.classList.add('disabled');\r\n            } else {\r\n                prevBtn.classList.remove('disabled');\r\n            }\r\n\r\n            if (currentPage >= totalPages) {\r\n                nextBtn.classList.add('disabled');\r\n            } else {\r\n                nextBtn.classList.remove('disabled');\r\n            }\r\n        }\r\n\r\n        \/\/ \u7ffb\u9875\u51fd\u6570\r\n        function goToPage(pageNum) {\r\n            if (pageNum < 1 || pageNum > totalPages || pageNum === currentPage) return;\r\n            \r\n            currentPage = pageNum;\r\n            canvasWrapper.classList.add('flipping');\r\n            \r\n            setTimeout(() => {\r\n                renderPage(currentPage);\r\n                canvasWrapper.classList.remove('flipping');\r\n                updateButtons();\r\n            }, 250); \r\n        }\r\n\r\n        \/\/ \u4e0a\u4e00\u9875\u6309\u94ae\r\n        prevBtn.addEventListener('click', function(e) {\r\n            e.stopPropagation();\r\n            if (currentPage > 1) {\r\n                goToPage(currentPage - 1);\r\n            }\r\n        });\r\n\r\n        \/\/ \u4e0b\u4e00\u9875\u6309\u94ae\r\n        nextBtn.addEventListener('click', function(e) {\r\n            e.stopPropagation();\r\n            if (currentPage < totalPages) {\r\n                goToPage(currentPage + 1);\r\n            }\r\n        });\r\n\r\n        \/\/ \u70b9\u51fbPDF\u533a\u57df\u7ffb\u9875\uff08\u70b9\u51fbcanvas\u533a\u57df\uff09\r\n        canvas.addEventListener('click', function(e) {\r\n            \/\/ \u521b\u5efa\u6ce2\u7eb9\u6548\u679c\r\n            createRipple(e);\r\n\r\n            \/\/ \u7ffb\u5230\u4e0b\u4e00\u9875\r\n            if (currentPage < totalPages) {\r\n                goToPage(currentPage + 1);\r\n            }\r\n        });\r\n\r\n        \/\/ \u521b\u5efa\u70b9\u51fb\u6ce2\u7eb9\u6548\u679c\r\n        function createRipple(e) {\r\n            const ripple = document.createElement('div');\r\n            ripple.classList.add('ripple');\r\n            \r\n            const rect = canvasWrapper.getBoundingClientRect();\r\n            const size = Math.max(rect.width, rect.height);\r\n            const x = e.clientX - rect.left - size \/ 2;\r\n            const y = e.clientY - rect.top - size \/ 2;\r\n            \r\n            ripple.style.width = ripple.style.height = size + 'px';\r\n            ripple.style.left = x + 'px';\r\n            ripple.style.top = y + 'px';\r\n            \r\n            canvasWrapper.appendChild(ripple);\r\n            \r\n            setTimeout(() => {\r\n                ripple.remove();\r\n            }, 600);\r\n        }\r\n\r\n        \/\/ \u952e\u76d8\u5bfc\u822a\r\n        document.addEventListener('keydown', function(e) {\r\n            if (e.key === 'ArrowRight' || e.key === ' ') {\r\n                e.preventDefault();\r\n                if (currentPage < totalPages) {\r\n                    goToPage(currentPage + 1);\r\n                }\r\n            } else if (e.key === 'ArrowLeft') {\r\n                e.preventDefault();\r\n                if (currentPage > 1) {\r\n                    goToPage(currentPage - 1);\r\n                }\r\n            }\r\n        });\r\n\r\n        \/\/ \u54cd\u5e94\u5f0f\u8c03\u6574\r\n        window.addEventListener('resize', function() {\r\n            if (pdfDoc && !isRendering) {\r\n                renderPage(currentPage);\r\n            }\r\n        });\r\n    <\/script>\r\n\r\n<\/body>\r\n<\/html>```\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>WAMBOOKA \u6253\u51fb\u4e50\u5668\u54c1\u724c\uff0c\u6765\u81ea\u610f\u5927\u5229\uff0c\u4ee5\u79d1\u6280\u6280\u672f\u878d\u5408\u4ea7\u54c1\u8bbe\u8ba1\uff0c\u6253\u9020\u8bb8\u591a\u4f18\u79c0\u7684\u6253\u51fb\u4e50\u5668\u53ca\u5468\u8fb9\u914d\u4ef6\u3002\u5c24\u5176\u5728\u4e2d [&hellip;]<\/p>\n","protected":false},"author":3,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-7772","page","type-page","status-publish","hentry"],"blocksy_meta":"","_links":{"self":[{"href":"https:\/\/alleneden.com\/index.php\/wp-json\/wp\/v2\/pages\/7772","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/alleneden.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/alleneden.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/alleneden.com\/index.php\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/alleneden.com\/index.php\/wp-json\/wp\/v2\/comments?post=7772"}],"version-history":[{"count":10,"href":"https:\/\/alleneden.com\/index.php\/wp-json\/wp\/v2\/pages\/7772\/revisions"}],"predecessor-version":[{"id":7990,"href":"https:\/\/alleneden.com\/index.php\/wp-json\/wp\/v2\/pages\/7772\/revisions\/7990"}],"wp:attachment":[{"href":"https:\/\/alleneden.com\/index.php\/wp-json\/wp\/v2\/media?parent=7772"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}