{"id":1809,"date":"2025-12-19T00:54:52","date_gmt":"2025-12-18T16:54:52","guid":{"rendered":"https:\/\/www.qqpkpokertw.com\/app%e4%b8%8b%e8%bd%bd\/"},"modified":"2026-06-12T17:08:08","modified_gmt":"2026-06-12T09:08:08","slug":"download","status":"publish","type":"page","link":"https:\/\/www.qqpkpokertw.com\/zh-hans\/download\/","title":{"rendered":"App\u4e0b\u8f7d"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"1809\" class=\"elementor elementor-1809 elementor-850\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c2a2a34 e-con-full e-flex e-con e-parent\" data-id=\"c2a2a34\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5edb1c2 elementor-widget elementor-widget-shortcode\" data-id=\"5edb1c2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">    <style>\r\n        \/* === CSS \u8b8a\u6578\u5b9a\u7fa9 === *\/\r\n        .qqpk-download-container {\r\n            --qqpk-bg-primary: #0a0f1e;\r\n            --qqpk-bg-secondary: #1a2332;\r\n            --qqpk-bg-tertiary: #2d4a6f;\r\n            --qqpk-gold-main: #b5935d;\r\n            --qqpk-gold-deep: #8a6a37;\r\n            --qqpk-gold-light: #f4cc94;\r\n            --qqpk-gold-lighter: #f7e1bd;\r\n            --qqpk-border: rgba(255, 255, 255, 0.15);\r\n            --qqpk-border-gold: rgba(244, 204, 148, 0.3);\r\n            --qqpk-text-primary: #ffffff;\r\n            --qqpk-text-secondary: #94a3b8;\r\n\r\n            background-color: var(--qqpk-bg-primary);\r\n            color: var(--qqpk-text-primary);\r\n            padding-bottom: 4rem;\r\n            font-family: \"Noto Sans TC\", sans-serif;\r\n        }\r\n        .qqpk-download-container * { box-sizing: border-box; }\r\n\r\n        \/* === Hero \u5340\u584a === *\/\r\n        .qqpk-download-container .hero-section {\r\n            position: relative;\r\n            padding: 4rem 1rem 4rem;\r\n            background:\r\n                linear-gradient(90deg,\r\n                    var(--qqpk-bg-primary) 10%,\r\n                    rgba(10, 15, 30, 0.95) 40%,\r\n                    rgba(30, 58, 95, 0.4) 100%),\r\n                var(--qqpk-hero-bg) right center \/ contain no-repeat var(--qqpk-bg-primary);\r\n            border-bottom: 1px solid rgba(255, 255, 255, 0.05);\r\n            margin-bottom: 1.5rem;\r\n            text-align: center;\r\n            overflow: hidden;\r\n        }\r\n        .qqpk-download-container .hero-section::before {\r\n            content: \"\"; position: absolute; top: 0; left: 0; right: 0; height: 2px;\r\n            background: linear-gradient(90deg, transparent 0%, var(--qqpk-gold-main) 50%, transparent 100%);\r\n            z-index: 20;\r\n        }\r\n        .qqpk-download-container .hero-glow-left {\r\n            position: absolute; top: 10%; left: -5%; width: 400px; height: 400px;\r\n            background: radial-gradient(circle, rgba(181, 147, 93, 0.12) 0%, transparent 70%);\r\n            filter: blur(60px); pointer-events: none; z-index: 1;\r\n        }\r\n        .qqpk-download-container .hero-glow-right {\r\n            position: absolute; bottom: 0; right: 0; width: 400px; height: 400px;\r\n            background: radial-gradient(circle, rgba(45, 74, 111, 0.2) 0%, transparent 70%);\r\n            filter: blur(50px); pointer-events: none;\r\n        }\r\n        .qqpk-download-container .hero-content {\r\n            position: relative; z-index: 10; max-width: 800px; margin: 0 auto; padding: 0 4rem;\r\n        }\r\n        .qqpk-download-container .hero-title {\r\n            font-size: 3.5rem; font-weight: 900; margin-bottom: 1.5rem; color: #ffffff;\r\n            background: linear-gradient(135deg, #ffffff 20%, var(--qqpk-gold-light) 100%);\r\n            -webkit-background-clip: text; background-clip: text;\r\n            -webkit-text-fill-color: transparent;\r\n            text-shadow: 0 10px 30px rgba(0, 0, 0, 0.5);\r\n            line-height: 1.1; letter-spacing: -1px;\r\n        }\r\n        .qqpk-download-container .hero-subtitle {\r\n            font-size: 1.15rem; color: var(--qqpk-text-secondary);\r\n            margin-bottom: 2.5rem; max-width: 650px; margin-left: auto; margin-right: auto;\r\n            line-height: 1.8; font-weight: 500; opacity: 0.9;\r\n        }\r\n\r\n        \/* === \u5de6\u53f3\u7ffc\u6d6e\u6c34\u5370\u5c0e\u89bd (\u5c0d\u9f4a\u539f\u7248 HTML) === *\/\r\n        .qqpk-download-container .nav-watermark {\r\n            position: absolute; top: 2rem;\r\n            display: flex; flex-direction: column;\r\n            align-items: center; text-decoration: none;\r\n            color: var(--qqpk-gold-deep); opacity: 1;\r\n            transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\r\n            z-index: 50; cursor: pointer; padding: 1rem 2rem;\r\n        }\r\n        .qqpk-download-container .nav-watermark:hover {\r\n            opacity: 1; transform: scale(1.1) translateY(-3px);\r\n            filter: drop-shadow(0 4px 15px rgba(239, 68, 68, 0.6));\r\n        }\r\n        .qqpk-download-container .nav-watermark.prev { left: 0; align-items: flex-start; }\r\n        .qqpk-download-container .nav-watermark.next { right: 0; align-items: flex-end; }\r\n        .qqpk-download-container .nav-watermark .wm-text {\r\n            font-size: clamp(3rem, 10vw, 5.5rem); font-weight: 950;\r\n            line-height: 0.7; letter-spacing: -3px;\r\n            text-transform: uppercase; user-select: none;\r\n            font-family: \"Inter\", sans-serif;\r\n            opacity: 0.2; color: var(--qqpk-gold-deep);\r\n        }\r\n        .qqpk-download-container .nav-watermark .wm-content {\r\n            display: flex; flex-direction: column;\r\n            align-items: inherit; margin-top: -0.5rem;\r\n            color: var(--qqpk-gold-deep);\r\n        }\r\n        .qqpk-download-container .nav-watermark .wm-arrow {\r\n            font-size: 2.2rem; margin-bottom: 0.2rem;\r\n        }\r\n        .qqpk-download-container .nav-watermark .wm-label {\r\n            display: block; font-size: 1rem; font-weight: 800;\r\n            letter-spacing: 2px; color: var(--qqpk-gold-light);\r\n            background: transparent; padding: 0.3rem 1rem;\r\n            border-radius: 20px; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);\r\n        }\r\n        @media (max-width: 1024px) {\r\n            .qqpk-download-container .nav-watermark .wm-text { font-size: 4rem; }\r\n        }\r\n\r\n        \/* OS \u63cf\u8ff0\u5167 ACF wpautop \u7522\u751f\u7684 <p> \u4e0d\u8981\u591a\u9918\u908a\u8ddd *\/\r\n        .qqpk-download-container .qqpk-os-desc p {\r\n            margin: 0 0 0.5em 0;\r\n        }\r\n        .qqpk-download-container .qqpk-os-desc p:last-child {\r\n            margin-bottom: 0;\r\n        }\r\n\r\n        \/* === \u5e73\u53f0\u5feb\u6377\u5361 === *\/\r\n        .qqpk-download-container .platform-cards-grid {\r\n            display: grid; grid-template-columns: repeat(4, 1fr); gap: 1rem;\r\n            max-width: 600px; margin: 2rem auto 0;\r\n        }\r\n        .qqpk-download-container .platform-link-wrapper {\r\n            position: relative;\r\n            display: flex; flex-direction: column; align-items: center; gap: 0.5rem;\r\n            padding: 1rem 0.5rem; background: rgba(255,255,255,0.03);\r\n            border: 1px solid var(--qqpk-border); border-radius: 12px;\r\n            text-decoration: none; color: var(--qqpk-text-primary);\r\n            transition: all 0.3s;\r\n        }\r\n        .qqpk-download-container .platform-link-wrapper:hover {\r\n            border-color: var(--qqpk-gold-light);\r\n            transform: translateY(-3px);\r\n        }\r\n        .qqpk-download-container .platform-icon-box i {\r\n            font-size: 2rem; color: var(--qqpk-gold-light);\r\n        }\r\n        .qqpk-download-container .platform-label {\r\n            font-weight: 700; font-size: 0.9rem;\r\n        }\r\n        \/* === \u5075\u6e2c\u5230\u4f7f\u7528\u8005 OS \u6642\u7684\u5f37\u8abf\u6a23\u5f0f === *\/\r\n        .qqpk-download-container .platform-link-wrapper.qqpk-detected {\r\n            background: linear-gradient(135deg, rgba(244,204,148,0.18) 0%, rgba(181,147,93,0.08) 100%);\r\n            border-color: var(--qqpk-gold-light);\r\n            border-width: 2px;\r\n            box-shadow: 0 0 20px rgba(244,204,148,0.25);\r\n        }\r\n        .qqpk-download-container .platform-link-wrapper.qqpk-detected .platform-icon-box i {\r\n            font-size: 2.6rem;\r\n        }\r\n        .qqpk-download-container .platform-link-wrapper.qqpk-detected .platform-label {\r\n            font-size: 1rem;\r\n        }\r\n        .qqpk-download-container .platform-link-wrapper .qqpk-recommend-badge {\r\n            display: none;\r\n            position: absolute; top: -8px; right: -8px;\r\n            background: linear-gradient(90deg, #df2a2a 0%, #ff5b5b 100%);\r\n            color: #fff; font-size: 0.65rem; font-weight: 900;\r\n            padding: 3px 8px; border-radius: 999px;\r\n            letter-spacing: 1px; white-space: nowrap;\r\n            box-shadow: 0 2px 8px rgba(223, 42, 42, 0.4);\r\n        }\r\n        .qqpk-download-container .platform-link-wrapper.qqpk-detected .qqpk-recommend-badge {\r\n            display: inline-block;\r\n        }\r\n        \/* === Detected \u5361\u7247\u4f54\u4f4d\u653e\u5927 (Desktop 4 \u5361\u540c\u5217 2:1:1:1) === *\/\r\n        .qqpk-download-container .platform-cards-grid:has(.qqpk-detected) {\r\n            grid-template-columns: 2fr 1fr 1fr 1fr;\r\n        }\r\n        .qqpk-download-container .platform-cards-grid:has(.qqpk-detected) .qqpk-detected {\r\n            order: -1; \/* \u5f37\u5236 detected \u5361\u6392\u6700\u5de6,\u5c0d\u61c9 2fr \u69fd *\/\r\n        }\r\n\r\n        \/* === Hero CTA Button (red gradient,\u5c0d\u9f4a\u539f\u7248 HTML) === *\/\r\n        .qqpk-download-container .btn-qqpk-red {\r\n            background: linear-gradient(90deg, #df2a2a 0%, #ff5b5b 100%);\r\n            color: #ffffff !important;\r\n            font-weight: 900;\r\n            padding: 1rem 2.5rem;\r\n            border-radius: 50px;\r\n            text-decoration: none;\r\n            display: inline-flex;\r\n            align-items: center;\r\n            gap: 0.5rem;\r\n            transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n            box-shadow: 0 4px 15px rgba(223, 42, 42, 0.4);\r\n            border: none;\r\n            font-size: 1.15rem;\r\n            letter-spacing: 1px;\r\n            position: relative;\r\n            overflow: hidden;\r\n        }\r\n        .qqpk-download-container .btn-qqpk-red::before {\r\n            content: ''; position: absolute; top: 0; left: -100%;\r\n            width: 50%; height: 100%;\r\n            background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.4) 50%, rgba(255,255,255,0) 100%);\r\n            transform: skewX(-25deg); transition: none;\r\n        }\r\n        .qqpk-download-container .btn-qqpk-red:hover::before {\r\n            animation: qqpk-dl-blink-slide 0.7s ease-in-out;\r\n        }\r\n        @keyframes qqpk-dl-blink-slide {\r\n            0%   { left: -100%; }\r\n            100% { left: 200%; }\r\n        }\r\n        .qqpk-download-container .btn-qqpk-red:hover {\r\n            transform: translateY(-4px);\r\n            box-shadow: 0 8px 25px rgba(223, 42, 42, 0.6);\r\n            background: linear-gradient(90deg, #ff3b3b 0%, #ff7070 100%);\r\n            color: #ffffff;\r\n        }\r\n\r\n        \/* === \u5206\u96e2\u5f0f\u5207\u63db\u5668 === *\/\r\n        .qqpk-download-container .split-selector-container {\r\n            display: grid; grid-template-columns: 1fr 1fr; gap: 1.5rem;\r\n            margin-bottom: 1.5rem; max-width: 800px; margin-left: auto; margin-right: auto;\r\n            position: relative;\r\n        }\r\n        .qqpk-download-container .split-or-badge {\r\n            position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);\r\n            width: 46px; height: 46px;\r\n            background: var(--qqpk-bg-primary);\r\n            border: 2px solid var(--qqpk-border);\r\n            border-radius: 50%;\r\n            display: flex; align-items: center; justify-content: center;\r\n            font-weight: 900; font-size: 0.8rem; color: var(--qqpk-text-secondary);\r\n            z-index: 15;\r\n        }\r\n        .qqpk-download-container .split-card {\r\n            background: rgba(26, 35, 50, 0.3);\r\n            border: 2px solid var(--qqpk-border);\r\n            border-radius: 24px; padding: 3rem 1.5rem;\r\n            cursor: pointer; transition: all 0.4s;\r\n            display: flex; flex-direction: column; align-items: center;\r\n            text-decoration: none; position: relative; overflow: hidden;\r\n        }\r\n        .qqpk-download-container .split-card:hover,\r\n        .qqpk-download-container .split-card.active {\r\n            border-color: var(--qqpk-gold-light);\r\n            background: rgba(244, 204, 148, 0.05);\r\n        }\r\n        .qqpk-download-container .split-card i {\r\n            font-size: 3.5rem; margin-bottom: 1.5rem;\r\n            color: var(--qqpk-text-secondary);\r\n        }\r\n        .qqpk-download-container .split-card.active i {\r\n            color: var(--qqpk-gold-light);\r\n        }\r\n        .qqpk-download-container .split-card .label-main {\r\n            font-size: 1.6rem; font-weight: 900;\r\n            color: var(--qqpk-text-primary); margin-bottom: 0.5rem;\r\n        }\r\n        .qqpk-download-container .split-card .label-sub {\r\n            color: var(--qqpk-text-secondary); font-size: 0.85rem; letter-spacing: 1px;\r\n        }\r\n\r\n        \/* === Tab \u5167\u5bb9 === *\/\r\n        .qqpk-download-container .tab-content { display: none; }\r\n        .qqpk-download-container .tab-content.active { display: block; }\r\n\r\n        \/* === OS \u4e0b\u8f09\u5361\u7247 === *\/\r\n        .qqpk-download-container .qqpk-card {\r\n            background: var(--qqpk-bg-secondary);\r\n            border: 1px solid var(--qqpk-border);\r\n            border-radius: 16px; padding: 2rem;\r\n        }\r\n        .qqpk-download-container .mb-6 { margin-bottom: 1.5rem; }\r\n        .qqpk-download-container .mb-4 { margin-bottom: 1rem; }\r\n        .qqpk-download-container .mb-2 { margin-bottom: 0.5rem; }\r\n        .qqpk-download-container .mt-2 { margin-top: 0.5rem; }\r\n        .qqpk-download-container .mt-8 { margin-top: 2rem; }\r\n        .qqpk-download-container .ml-2 { margin-left: 0.5rem; }\r\n        .qqpk-download-container .me-1 { margin-right: 0.25rem; }\r\n        .qqpk-download-container .gap-4 { gap: 1rem; }\r\n        .qqpk-download-container .flex { display: flex; }\r\n        .qqpk-download-container .align-items-start { align-items: flex-start; }\r\n        .qqpk-download-container .text-white { color: #ffffff; }\r\n        .qqpk-download-container .text-secondary { color: var(--qqpk-text-secondary); }\r\n        .qqpk-download-container .text-3xl { font-size: 1.875rem; }\r\n        .qqpk-download-container .text-4xl { font-size: 2.25rem; }\r\n        .qqpk-download-container .text-xl { font-size: 1.25rem; }\r\n        .qqpk-download-container .text-lg { font-size: 1.125rem; }\r\n        .qqpk-download-container .font-bold { font-weight: 700; }\r\n        .qqpk-download-container .font-black { font-weight: 900; }\r\n        .qqpk-download-container .text-center { text-align: center; }\r\n        .qqpk-download-container .text-qqpk-light-gold { color: var(--qqpk-gold-light); }\r\n        .qqpk-download-container .m-0 { margin: 0; }\r\n\r\n        .qqpk-download-container .os-card-header {\r\n            display: grid; grid-template-columns: auto 1fr auto;\r\n            gap: 1.5rem; align-items: center; margin-bottom: 1.5rem;\r\n        }\r\n        .qqpk-download-container .os-card-header-icon i { font-size: 4rem; }\r\n        .qqpk-download-container .badge-qqpk {\r\n            display: inline-block; padding: 0.25rem 0.75rem;\r\n            background: var(--qqpk-gold-light); color: #1F2937;\r\n            border-radius: 6px; font-size: 0.75rem; font-weight: 800;\r\n            text-transform: uppercase; letter-spacing: 0.5px;\r\n        }\r\n        .qqpk-download-container .sub-step-badge {\r\n            display: inline-block; padding: 0.25rem 0.75rem;\r\n            background: rgba(255,255,255,0.05); color: var(--qqpk-text-secondary);\r\n            border: 1px solid var(--qqpk-border);\r\n            border-radius: 6px; font-size: 0.75rem; font-weight: 600;\r\n        }\r\n        .qqpk-download-container .btn-qqpk-primary {\r\n            display: inline-flex; align-items: center; gap: 8px;\r\n            background: linear-gradient(135deg, var(--qqpk-gold-light) 0%, var(--qqpk-gold-main) 100%);\r\n            color: #1F2937; padding: 12px 24px; border-radius: 12px;\r\n            text-decoration: none; font-weight: 700; font-size: 0.95rem;\r\n            transition: all 0.3s; white-space: nowrap;\r\n        }\r\n        .qqpk-download-container .btn-qqpk-primary:hover {\r\n            transform: translateY(-2px);\r\n            box-shadow: 0 6px 18px rgba(244, 204, 148, 0.4);\r\n        }\r\n\r\n        \/* === \u6b65\u9a5f (\u689d\u5217\u578b) === *\/\r\n        .qqpk-download-container .step-circle {\r\n            width: 36px; height: 36px; border-radius: 50%;\r\n            background: linear-gradient(135deg, var(--qqpk-gold-light), var(--qqpk-gold-main));\r\n            color: #1F2937; display: flex; align-items: center; justify-content: center;\r\n            font-weight: 900; flex-shrink: 0;\r\n        }\r\n\r\n        \/* === \u6b65\u9a5f (\u5716\u793a\u7db2\u683c\u578b, iOS) === *\/\r\n        .qqpk-download-container .ios-steps-grid {\r\n            display: grid; grid-template-columns: repeat(5, 1fr); gap: 0.75rem;\r\n            margin-bottom: 1rem;\r\n        }\r\n        .qqpk-download-container .ios-step-card {\r\n            background: rgba(255,255,255,0.03);\r\n            border: 1px solid var(--qqpk-border);\r\n            border-radius: 12px; padding: 1rem 0.5rem;\r\n            display: flex; flex-direction: column; align-items: center; gap: 0.5rem;\r\n            cursor: pointer; transition: all 0.3s;\r\n        }\r\n        .qqpk-download-container .ios-step-card:hover {\r\n            border-color: var(--qqpk-gold-light); transform: translateY(-2px);\r\n        }\r\n        .qqpk-download-container .step-circle.step-ios-special {\r\n            background: linear-gradient(135deg, #f4cc94, #b5935d);\r\n            box-shadow: 0 0 20px rgba(244, 204, 148, 0.5);\r\n        }\r\n        .qqpk-download-container .step-img-box {\r\n            width: 100%; aspect-ratio: 9\/16; max-height: 120px;\r\n            background: rgba(0,0,0,0.3); border-radius: 8px;\r\n            display: flex; align-items: center; justify-content: center;\r\n            overflow: hidden;\r\n        }\r\n        .qqpk-download-container .step-img-box img {\r\n            width: 100%; height: 100%; object-fit: cover;\r\n        }\r\n        .qqpk-download-container .step-placeholder-icon {\r\n            font-size: 2rem; color: var(--qqpk-text-secondary);\r\n        }\r\n        .qqpk-download-container .ios-step-text {\r\n            font-size: 0.85rem; font-weight: 700; text-align: center;\r\n        }\r\n        .qqpk-download-container .ios-screenshots-grid {\r\n            display: grid; grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));\r\n            gap: 0.75rem; margin-bottom: 1rem;\r\n        }\r\n        .qqpk-download-container .screenshot-thumb {\r\n            cursor: pointer; transition: all 0.3s;\r\n            border-radius: 8px; overflow: hidden;\r\n        }\r\n        .qqpk-download-container .screenshot-thumb:hover {\r\n            transform: scale(1.05);\r\n        }\r\n\r\n        \/* === \u8b66\u793a\u6846 === *\/\r\n        .qqpk-download-container .qqpk-warning-box {\r\n            background: var(--qqpk-bg-secondary);\r\n            padding: 1rem; border-radius: 0.5rem;\r\n            border: 1px solid var(--qqpk-border);\r\n            position: relative;\r\n            margin-top: 1rem;\r\n        }\r\n        .qqpk-download-container .qqpk-warning-box::before {\r\n            content: \"\"; position: absolute; top: 0; left: 0;\r\n            width: 4px; height: 100%;\r\n            background: var(--qqpk-gold-light);\r\n            border-radius: 0.5rem 0 0 0.5rem;\r\n        }\r\n        .qqpk-download-container .qqpk-warning-box p {\r\n            color: var(--qqpk-gold-lighter);\r\n            font-size: 0.95rem; margin: 0; font-weight: 700;\r\n        }\r\n\r\n        \/* === FAQ === *\/\r\n        .qqpk-download-container .qqpk-faq summary {\r\n            font-weight: 700; padding: 0.5rem 0; cursor: pointer;\r\n            list-style: none;\r\n        }\r\n        .qqpk-download-container .qqpk-faq summary::-webkit-details-marker { display: none; }\r\n        .qqpk-download-container .qqpk-faq summary::after {\r\n            content: \"+\"; float: right;\r\n            font-size: 1.5rem; color: var(--qqpk-gold-light);\r\n            transition: transform 0.3s;\r\n        }\r\n        .qqpk-download-container .qqpk-faq[open] summary::after {\r\n            content: \"\u2212\";\r\n        }\r\n\r\n        \/* === CTA === *\/\r\n        .qqpk-download-container .cta-container {\r\n            text-align: center; padding: 4rem 1rem;\r\n            max-width: 800px; margin: 2rem auto;\r\n            background: linear-gradient(135deg,\r\n                rgba(244, 204, 148, 0.05) 0%,\r\n                rgba(181, 147, 93, 0.05) 100%);\r\n            border: 1px solid var(--qqpk-border-gold);\r\n            border-radius: 24px;\r\n        }\r\n        .qqpk-download-container .btn-group {\r\n            display: flex; gap: 1rem; justify-content: center; flex-wrap: wrap;\r\n        }\r\n        .qqpk-download-container .btn-qqpk-line {\r\n            display: inline-flex; align-items: center; gap: 8px;\r\n            background: #06C755; color: #fff;\r\n            padding: 12px 24px; border-radius: 12px;\r\n            text-decoration: none; font-weight: 700;\r\n            transition: all 0.3s;\r\n        }\r\n        .qqpk-download-container .btn-qqpk-line:hover {\r\n            background: #00B900; transform: translateY(-2px);\r\n        }\r\n\r\n        \/* === Lightbox === *\/\r\n        .qqpk-download-container .lightbox {\r\n            display: none; position: fixed; top: 0; left: 0; right: 0; bottom: 0;\r\n            background: rgba(0,0,0,0.9); z-index: 99999;\r\n            align-items: center; justify-content: center;\r\n            padding: 2rem;\r\n        }\r\n        .qqpk-download-container .lightbox.active { display: flex; }\r\n        .qqpk-download-container .lightbox img {\r\n            max-width: 100%; max-height: 90vh; border-radius: 12px;\r\n        }\r\n\r\n        \/* === RWD === *\/\r\n        @media (max-width: 768px) {\r\n            .qqpk-download-container .hero-content { padding: 0 3rem; }\r\n            .qqpk-download-container .hero-title { font-size: 2.2rem; }\r\n            .qqpk-download-container .qqpk-card { padding: 1.5rem; }\r\n            .qqpk-download-container .nav-watermark {\r\n                top: 1.5rem; bottom: auto; transform: none;\r\n                opacity: 1; padding: 0.5rem;\r\n            }\r\n            .qqpk-download-container .nav-watermark .wm-text { font-size: 2.2rem; opacity: 0.2; line-height: 0.6; }\r\n            .qqpk-download-container .nav-watermark .wm-arrow { font-size: 2rem; margin: 0; }\r\n            .qqpk-download-container .nav-watermark .wm-label { display: none; }\r\n            .qqpk-download-container .nav-watermark.prev { left: 0.5rem; }\r\n            .qqpk-download-container .nav-watermark.next { right: 0.5rem; }\r\n            \/* \u5e73\u677f \u2264768:\u5e73\u53f0\u5361 2x2,detected \u8de8 2 \u6b04\u7f6e\u9802 *\/\r\n            .qqpk-download-container .platform-cards-grid,\r\n            .qqpk-download-container .platform-cards-grid:has(.qqpk-detected) {\r\n                grid-template-columns: repeat(2, 1fr);\r\n            }\r\n            .qqpk-download-container .platform-cards-grid:has(.qqpk-detected) .qqpk-detected {\r\n                grid-column: 1 \/ -1;\r\n                flex-direction: row; justify-content: center;\r\n                padding: 1rem;\r\n            }\r\n            \/* \u624b\u6a5f\u7248 OS \u5361\u7247 1:3 \u6a2a\u6392 (icon \u5de6 + \u5167\u5bb9\u53f3,\u6309\u9215\u6c89\u5230\u4e0b\u65b9\u7368\u7acb\u4e00\u5217) *\/\r\n            .qqpk-download-container .os-card-header {\r\n                grid-template-columns: 1fr 3fr;\r\n                grid-template-areas:\r\n                    \"icon info\"\r\n                    \"action action\";\r\n                text-align: left;\r\n                gap: 1rem;\r\n                row-gap: 1rem;\r\n            }\r\n            .qqpk-download-container .os-card-header-icon  { grid-area: icon; text-align: center; }\r\n            .qqpk-download-container .os-card-header-icon i { font-size: 2.5rem !important; }\r\n            .qqpk-download-container .os-card-header-info  { grid-area: info; }\r\n            .qqpk-download-container .os-card-header-action {\r\n                grid-area: action;\r\n                width: 100%;\r\n            }\r\n            .qqpk-download-container .os-card-header-action .btn-qqpk-primary {\r\n                width: 100%; justify-content: center;\r\n            }\r\n            .qqpk-download-container .ios-steps-grid { grid-template-columns: repeat(3, 1fr); }\r\n        }\r\n\r\n        \/* === \u624b\u6a5f \u2264480 \u2014 \u5e73\u53f0\u5361:detected \u5168\u5bec + \u5176\u4ed6 3 \u5361 3 \u6b04\u64e0\u5728\u4e0b\u65b9 === *\/\r\n        @media (max-width: 480px) {\r\n            .qqpk-download-container .platform-cards-grid,\r\n            .qqpk-download-container .platform-cards-grid:has(.qqpk-detected) {\r\n                grid-template-columns: repeat(3, 1fr);\r\n                gap: 0.5rem;\r\n            }\r\n            .qqpk-download-container .platform-link-wrapper {\r\n                padding: 0.6rem 0.3rem;\r\n            }\r\n            .qqpk-download-container .platform-cards-grid:has(.qqpk-detected) .qqpk-detected {\r\n                grid-column: 1 \/ -1;\r\n                flex-direction: row; justify-content: center; gap: 0.75rem;\r\n                padding: 1rem;\r\n            }\r\n            .qqpk-download-container .platform-cards-grid:has(.qqpk-detected) .qqpk-detected .platform-icon-box i {\r\n                font-size: 2.2rem;\r\n            }\r\n            .qqpk-download-container .platform-icon-box i { font-size: 1.6rem; }\r\n            .qqpk-download-container .platform-label { font-size: 0.75rem; }\r\n        }\r\n    <\/style>\r\n\r\n    <!-- \u52d5\u614b\u8a2d\u5b9a Hero \u80cc\u666f\u5716(\u900f\u904e CSS variable) -->\r\n    <style>\r\n        .qqpk-download-container .hero-section {\r\n            --qqpk-hero-bg: url('https:\/\/www.qqpkpokertw.com\/wp-content\/uploads\/2025\/12\/qqpk-apps-scaled.webp');\r\n        }\r\n    <\/style>\r\n\r\n    <div class=\"qqpk-download-container\">\r\n\r\n        <!-- ============================================ -->\r\n        <!-- Hero \u5340\u584a -->\r\n        <!-- ============================================ -->\r\n        <div class=\"hero-section\">\r\n            <div class=\"hero-glow-left\"><\/div>\r\n            <div class=\"hero-glow-right\"><\/div>\r\n\r\n            <!-- \u5de6\u53f3\u7ffc\u5c0e\u89bd -->\r\n                        <a href=\"https:\/\/www.qqpkpokertw.com\/zh-hans\/introduce\/\" class=\"nav-watermark prev\" title=\"\u5e73\u53f0\u4ecb\u7ecd\">\r\n                <span class=\"wm-text\">PREV<\/span>\r\n                <div class=\"wm-content\">\r\n                    <i class=\"fa-solid fa-arrow-left wm-arrow\" aria-hidden=\"true\"><\/i>\r\n                    <span class=\"wm-label\">\u5e73\u53f0\u4ecb\u7ecd<\/span>\r\n                <\/div>\r\n            <\/a>\r\n            \r\n                        <a href=\"https:\/\/www.qqpkpokertw.com\/zh-hans\/review\/\" class=\"nav-watermark next\" title=\"\u5e73\u53f0\u6d4b\u8bc4\">\r\n                <span class=\"wm-text\">NEXT<\/span>\r\n                <div class=\"wm-content\">\r\n                    <span class=\"wm-label\">\u5e73\u53f0\u6d4b\u8bc4<\/span>\r\n                    <i class=\"fa-solid fa-arrow-right wm-arrow\" aria-hidden=\"true\"><\/i>\r\n                <\/div>\r\n            <\/a>\r\n            \r\n            <div class=\"hero-content\">\r\n                <h1 class=\"hero-title\">QQPK Poker \u5168\u5e73\u53f0\u6251\u514b\u4e0b\u8f7d<\/h1>\r\n                <p class=\"hero-subtitle\">\u652f\u6301 Windows\u3001Mac \u4e0e iOS\/Android \u624b\u673a\u7248, <br \/>\r\n\u968f\u65f6\u4e0e\u5168\u7403\u9ad8\u624b\u5dc5\u5cf0\u5bf9\u51b3, \u4f53\u9a8c\u6700\u516c\u5e73\u7684\u6251\u514b\u7ade\u6280<\/p>\r\n\r\n                                <div style=\"margin-top: 1rem; margin-bottom: 1rem;\">\r\n                    <a href=\"https:\/\/tw.qqpk.poker\/?shareCode=MGXV7Y\" target=\"_blank\" rel=\"noopener\" class=\"btn-qqpk-red\">\r\n                        <i class=\"fa-solid fa-download\"><\/i>\r\n                        \u5168\u5e73\u53f0\u4e0b\u8f7d\u5165\u53e3                    <\/a>\r\n                <\/div>\r\n                \r\n                <!-- \u5e73\u53f0\u5feb\u6377\u5361:\u5f9e OS \u5361\u7247\u52d5\u614b\u7522\u751f -->\r\n                                <div class=\"platform-cards-grid\">\r\n                                            <a href=\"#qqpk-os-windows\"\r\n                           class=\"platform-link-wrapper\"\r\n                           data-tab-target=\"pc\"\r\n                           data-os-slug=\"windows\">\r\n                            <span class=\"qqpk-recommend-badge\">\u63a8\u8350\u7ed9\u4f60<\/span>\r\n                            <div class=\"platform-icon-box\">\r\n                                <i class=\"fa-brands fa-windows\"><\/i>\r\n                            <\/div>\r\n                            <span class=\"platform-label\">Windows \u7535\u8111\u7248<\/span>\r\n                        <\/a>\r\n                                            <a href=\"#qqpk-os-macos\"\r\n                           class=\"platform-link-wrapper\"\r\n                           data-tab-target=\"pc\"\r\n                           data-os-slug=\"macos\">\r\n                            <span class=\"qqpk-recommend-badge\">\u63a8\u8350\u7ed9\u4f60<\/span>\r\n                            <div class=\"platform-icon-box\">\r\n                                <i class=\"fa-brands fa-apple\"><\/i>\r\n                            <\/div>\r\n                            <span class=\"platform-label\">macOS \u7535\u8111\u7248<\/span>\r\n                        <\/a>\r\n                                            <a href=\"#qqpk-os-ios\"\r\n                           class=\"platform-link-wrapper\"\r\n                           data-tab-target=\"mobile\"\r\n                           data-os-slug=\"ios\">\r\n                            <span class=\"qqpk-recommend-badge\">\u63a8\u8350\u7ed9\u4f60<\/span>\r\n                            <div class=\"platform-icon-box\">\r\n                                <i class=\"fa-brands fa-apple\"><\/i>\r\n                            <\/div>\r\n                            <span class=\"platform-label\">iOS \u624b\u673a\u7248<\/span>\r\n                        <\/a>\r\n                                            <a href=\"#qqpk-os-android\"\r\n                           class=\"platform-link-wrapper\"\r\n                           data-tab-target=\"mobile\"\r\n                           data-os-slug=\"android\">\r\n                            <span class=\"qqpk-recommend-badge\">\u63a8\u8350\u7ed9\u4f60<\/span>\r\n                            <div class=\"platform-icon-box\">\r\n                                <i class=\"fa-brands fa-android\"><\/i>\r\n                            <\/div>\r\n                            <span class=\"platform-label\">Android \u624b\u673a\u7248<\/span>\r\n                        <\/a>\r\n                                    <\/div>\r\n                            <\/div>\r\n        <\/div>\r\n\r\n        <div style=\"max-width: 1200px; margin: 0 auto; padding: 0 1rem\">\r\n\r\n            <!-- ============================================ -->\r\n            <!-- PC \/ Mobile \u5206\u7d44\u5207\u63db\u5668 -->\r\n            <!-- ============================================ -->\r\n            <div class=\"split-selector-container\">\r\n                <div class=\"split-or-badge\">OR<\/div>\r\n                <div class=\"split-card active\" data-tab-target=\"pc\">\r\n                    <i class=\"fa-solid fa-desktop\"><\/i>\r\n                    <div class=\"info-text\">\r\n                        <div class=\"label-main\">\u7535\u8111\u7248<\/div>\r\n                        <div class=\"label-sub\">Windows \/ macOS<\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"split-card\" data-tab-target=\"mobile\">\r\n                    <i class=\"fa-solid fa-mobile-screen-button\"><\/i>\r\n                    <div class=\"info-text\">\r\n                        <div class=\"label-main\">\u624b\u673a\u7248<\/div>\r\n                        <div class=\"label-sub\">iOS \/ Android<\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- ============================================ -->\r\n            <!-- OS \u5361\u7247\u5167\u5bb9(\u4f9d platform_group \u5206\u5230 PC \/ Mobile tab)-->\r\n            <!-- ============================================ -->\r\n            \r\n            <!-- PC Tab -->\r\n            <div id=\"tab-pc\" class=\"tab-content active\">\r\n                                            <div class=\"qqpk-card mb-6 qqpk-os-card\" id=\"qqpk-os-windows\" data-os-slug=\"windows\">\r\n            <div class=\"os-card-header\">\r\n                <div class=\"os-card-header-icon\">\r\n                    <i class=\"fa-brands fa-windows\" style=\"font-size: 4rem; color: #0078D7; filter: drop-shadow(0 0 10px rgba(244, 204, 148, 0.4));\"><\/i>\r\n                <\/div>\r\n                <div class=\"os-card-header-info\">\r\n                    <h2 class=\"text-3xl font-bold mb-2 text-white\" style=\"letter-spacing: 0.5px\">\r\n                        Windows \u7535\u8111\u7248                    <\/h2>\r\n                                        <div class=\"mb-2\">\r\n                                                    <span class=\"badge-qqpk\">\r\n                                                                \u63a8\u8350                            <\/span>\r\n                                                                            <span class=\"sub-step-badge ml-2\">\u7a33\u5b9a\u539f\u751f\u5ba2\u6237\u7aef<\/span>\r\n                                            <\/div>\r\n                                                            <div class=\"text-secondary m-0 qqpk-os-desc\"><p>\u652f\u6301 Windows 10\/11\uff0c\u63d0\u4f9b\u6700\u7a33\u5b9a\u6d41\u7545\u7684\u6e38\u620f\u4f53\u9a8c\uff0c\u4e13\u4e3a\u591a\u684c\u7ade\u6280\u4f18\u5316\u3002<\/p>\n<\/div>\r\n                                    <\/div>\r\n                                <div class=\"os-card-header-action\">\r\n                    <a href=\"https:\/\/tw.qqpk.poker\/?shareCode=MG4327\" target=\"_blank\" rel=\"noopener\" class=\"btn-qqpk-primary\">\r\n                        <i class=\"fa-brands fa-windows\"><\/i>\r\n                        Windows\u4e0b\u8f7d                    <\/a>\r\n                <\/div>\r\n                            <\/div>\r\n\r\n                            <div class=\"mt-2\">\r\n                                            <!-- \u689d\u5217\u578b\u6b65\u9a5f -->\r\n                                                    <div class=\"flex gap-4 mb-4 align-items-start\">\r\n                                <div class=\"step-circle\">1<\/div>\r\n                                <div style=\"flex: 1\">\r\n                                                                            <h3 class=\"text-xl font-bold mb-2\">\r\n                                              \u4e0b\u8f7d\u4e0e\u5b89\u88c5                                        <\/h3>\r\n                                                                                                                <p style=\"color: #d1d5db; margin-bottom: 0\">\r\n                                            \u70b9\u51fb\u4e0a\u65b9\u6309\u94ae\u4e0b\u8f7d\u5b89\u88c5\u6587\u4ef6\uff08\u7ea6 50MB\uff09\uff0c\u5b8c\u6210\u540e\u53cc\u51fb\u8fd0\u884c .exe \u6587\u4ef6\u3002\u82e5 Windows Defender \u63d0\u793a\u8b66\u544a\uff0c\u8bf7\u70b9\u51fb\u201c\u66f4\u591a\u4fe1\u606f\u201d\u518d\u70b9\u51fb\u201c\u4ecd\u8981\u8fd0\u884c\u201d\u3002                                        <\/p>\r\n                                                                    <\/div>\r\n                            <\/div>\r\n                                                    <div class=\"flex gap-4  align-items-start\">\r\n                                <div class=\"step-circle\">2<\/div>\r\n                                <div style=\"flex: 1\">\r\n                                                                            <h3 class=\"text-xl font-bold mb-2\">\r\n                                            \u5f00\u59cb\u6e38\u620f                                        <\/h3>\r\n                                                                                                                <p style=\"color: #d1d5db; margin-bottom: 0\">\r\n                                            \u5b89\u88c5\u5b8c\u6210\u540e\u4ece\u684c\u9762\u6253\u5f00 QQPK\uff0c\u767b\u5f55\u8d26\u53f7\u5373\u53ef\u7545\u73a9\u3002\u8fd8\u6ca1\u6709\u8d26\u53f7\uff1f\u70b9\u51fb\u767b\u5f55\u754c\u9762\u7684\u201c\u7acb\u5373\u6ce8\u518c\u201d\u3002                                        <\/p>\r\n                                                                    <\/div>\r\n                            <\/div>\r\n                                            \r\n                                    <\/div>\r\n                    <\/div>\r\n                                                    <div class=\"qqpk-card mb-6 qqpk-os-card\" id=\"qqpk-os-macos\" data-os-slug=\"macos\">\r\n            <div class=\"os-card-header\">\r\n                <div class=\"os-card-header-icon\">\r\n                    <i class=\"fa-brands fa-apple\" style=\"font-size: 4rem; color: #E2E8F0; filter: drop-shadow(0 0 10px rgba(244, 204, 148, 0.4));\"><\/i>\r\n                <\/div>\r\n                <div class=\"os-card-header-info\">\r\n                    <h2 class=\"text-3xl font-bold mb-2 text-white\" style=\"letter-spacing: 0.5px\">\r\n                        macOS \u7535\u8111\u7248                    <\/h2>\r\n                                        <div class=\"mb-2\">\r\n                                                    <span class=\"badge-qqpk\">\r\n                                                                \u63a8\u8350                            <\/span>\r\n                                                                            <span class=\"sub-step-badge ml-2\">\u652f\u6301 Intel\u3001M1~M4 \u82af\u7247<\/span>\r\n                                            <\/div>\r\n                                                            <div class=\"text-secondary m-0 qqpk-os-desc\"><p>\u652f\u6301 macOS 10.14 \u4ee5\u4e0a\uff0c\u517c\u5bb9 Intel \u548c Apple Silicon\uff0c\u83b7\u53d6 .dmg \u5b89\u88c5\u6587\u4ef6\u3002<\/p>\n<\/div>\r\n                                    <\/div>\r\n                                <div class=\"os-card-header-action\">\r\n                    <a href=\"https:\/\/tw.qqpk.poker\/?shareCode=MG4327\" target=\"_blank\" rel=\"noopener\" class=\"btn-qqpk-primary\">\r\n                        <i class=\"fa-brands fa-apple\"><\/i>\r\n                        Mac\u4e0b\u8f7d                    <\/a>\r\n                <\/div>\r\n                            <\/div>\r\n\r\n                            <div class=\"mt-2\">\r\n                                            <!-- \u689d\u5217\u578b\u6b65\u9a5f -->\r\n                                                    <div class=\"flex gap-4 mb-4 align-items-start\">\r\n                                <div class=\"step-circle\">1<\/div>\r\n                                <div style=\"flex: 1\">\r\n                                                                            <h3 class=\"text-xl font-bold mb-2\">\r\n                                            \u4e0b\u8f7d\u4e0e\u5b89\u88c5                                        <\/h3>\r\n                                                                                                                <p style=\"color: #d1d5db; margin-bottom: 0\">\r\n                                            \u70b9\u51fb\u4e0a\u65b9\u6309\u94ae\u4e0b\u8f7d\uff0c\u83b7\u5f97 .dmg \u6587\u4ef6\u540e\u53cc\u51fb\u6253\u5f00\uff0c\u5c06 QQPK \u5e94\u7528\u7a0b\u5e8f\u56fe\u6807\u62d6\u62fd\u5230\u201c\u5e94\u7528\u7a0b\u5e8f\u201d\u6587\u4ef6\u5939\u3002                                        <\/p>\r\n                                                                    <\/div>\r\n                            <\/div>\r\n                                                    <div class=\"flex gap-4  align-items-start\">\r\n                                <div class=\"step-circle\">2<\/div>\r\n                                <div style=\"flex: 1\">\r\n                                                                            <h3 class=\"text-xl font-bold mb-2\">\r\n                                            \u6388\u6743\u4e0e\u8fd0\u884c                                        <\/h3>\r\n                                                                                                                <p style=\"color: #d1d5db; margin-bottom: 0\">\r\n                                            \u9996\u6b21\u6253\u5f00\u5982\u51fa\u73b0\u5b89\u5168\u6027\u63d0\u793a\uff0c\u8bf7\u524d\u5f80\u201c\u7cfb\u7edf\u504f\u597d\u8bbe\u7f6e\u201d\u2192\u201c\u5b89\u5168\u6027\u4e0e\u9690\u79c1\u201d\u70b9\u51fb\u201c\u5f3a\u5236\u6253\u5f00\u201d\u3002                                        <\/p>\r\n                                                                    <\/div>\r\n                            <\/div>\r\n                                            \r\n                                    <\/div>\r\n                    <\/div>\r\n                                    <\/div>\r\n\r\n            <!-- Mobile Tab -->\r\n            <div id=\"tab-mobile\" class=\"tab-content\">\r\n                                            <div class=\"qqpk-card mb-6 qqpk-os-card\" id=\"qqpk-os-ios\" data-os-slug=\"ios\">\r\n            <div class=\"os-card-header\">\r\n                <div class=\"os-card-header-icon\">\r\n                    <i class=\"fa-brands fa-apple\" style=\"font-size: 4rem; color: #E2E8F0; filter: drop-shadow(0 0 10px rgba(244, 204, 148, 0.4));\"><\/i>\r\n                <\/div>\r\n                <div class=\"os-card-header-info\">\r\n                    <h2 class=\"text-3xl font-bold mb-2 text-white\" style=\"letter-spacing: 0.5px\">\r\n                        iOS \u624b\u673a\u7248                    <\/h2>\r\n                                        <div class=\"mb-2\">\r\n                                                    <span class=\"badge-qqpk\">\r\n                                                                    <i class=\"fa-solid fa-triangle-exclamation me-1\"><\/i>\r\n                                                                  \u9700\u8981\u8bbe\u7f6e                            <\/span>\r\n                                                                            <span class=\"sub-step-badge ml-2\">\u4fe1\u4efb\u8bc1\u4e66<\/span>\r\n                                            <\/div>\r\n                                                            <div class=\"text-secondary m-0 qqpk-os-desc\"><p>\u652f\u6301 iOS 12.0 \u4ee5\u4e0a\u7248\u672c\uff0c\u517c\u5bb9 iPhone \u548c iPad\u3002\u5b89\u88c5\u540e\u5fc5\u987b\u8fdb\u884c\u3010\u4fe1\u4efb\u4f01\u4e1a\u7ea7\u5f00\u53d1\u8005\u3011\u8bbe\u7f6e\u3002<\/p>\n<\/div>\r\n                                    <\/div>\r\n                                <div class=\"os-card-header-action\">\r\n                    <a href=\"https:\/\/tw.qqpk.poker\/?shareCode=MG4327\" target=\"_blank\" rel=\"noopener\" class=\"btn-qqpk-primary\">\r\n                        <i class=\"fa-brands fa-apple\"><\/i>\r\n                        iOS\u5b89\u88c5                    <\/a>\r\n                <\/div>\r\n                            <\/div>\r\n\r\n                            <div class=\"mt-2\">\r\n                                            <!-- \u5716\u793a\u7db2\u683c\u578b\u6b65\u9a5f (iOS) -->\r\n                        <div class=\"ios-steps-grid\">\r\n                                                            <div class=\"ios-step-card\"\r\n                                                                             data-lightbox-src=\"https:\/\/www.qqpkpokertw.com\/wp-content\/uploads\/2026\/01\/ios-step1.webp\"\r\n                                     >\r\n                                    <div class=\"step-circle \">\r\n                                        1                                    <\/div>\r\n                                    <div class=\"step-img-box\">\r\n                                                                                    <img decoding=\"async\" src=\"https:\/\/www.qqpkpokertw.com\/wp-content\/uploads\/2026\/01\/ios-step1.webp\" alt=\"\u4e0b\u8f7d\u5b89\u88c5\">\r\n                                                                            <\/div>\r\n                                    <div class=\"ios-step-text \">\r\n                                        \u4e0b\u8f7d\u5b89\u88c5                                    <\/div>\r\n                                <\/div>\r\n                                                            <div class=\"ios-step-card\"\r\n                                                                             data-lightbox-src=\"https:\/\/www.qqpkpokertw.com\/wp-content\/uploads\/2026\/01\/ios-step2.jpg\"\r\n                                     >\r\n                                    <div class=\"step-circle \">\r\n                                        2                                    <\/div>\r\n                                    <div class=\"step-img-box\">\r\n                                                                                    <img decoding=\"async\" src=\"https:\/\/www.qqpkpokertw.com\/wp-content\/uploads\/2026\/01\/ios-step2.jpg\" alt=\"\u6253\u5f00\u8bbe\u7f6e\">\r\n                                                                            <\/div>\r\n                                    <div class=\"ios-step-text \">\r\n                                        \u6253\u5f00\u8bbe\u7f6e                                    <\/div>\r\n                                <\/div>\r\n                                                            <div class=\"ios-step-card\"\r\n                                                                             data-lightbox-src=\"https:\/\/www.qqpkpokertw.com\/wp-content\/uploads\/2026\/01\/ios-step3.jpg\"\r\n                                     >\r\n                                    <div class=\"step-circle \">\r\n                                        3                                    <\/div>\r\n                                    <div class=\"step-img-box\">\r\n                                                                                    <img decoding=\"async\" src=\"https:\/\/www.qqpkpokertw.com\/wp-content\/uploads\/2026\/01\/ios-step3.jpg\" alt=\"\u8bbe\u5907\u7ba1\u7406\">\r\n                                                                            <\/div>\r\n                                    <div class=\"ios-step-text \">\r\n                                        \u8bbe\u5907\u7ba1\u7406                                    <\/div>\r\n                                <\/div>\r\n                                                            <div class=\"ios-step-card\"\r\n                                                                             data-lightbox-src=\"https:\/\/www.qqpkpokertw.com\/wp-content\/uploads\/2026\/01\/ios-step4.jpg\"\r\n                                     >\r\n                                    <div class=\"step-circle \">\r\n                                        4                                    <\/div>\r\n                                    <div class=\"step-img-box\">\r\n                                                                                    <img decoding=\"async\" src=\"https:\/\/www.qqpkpokertw.com\/wp-content\/uploads\/2026\/01\/ios-step4.jpg\" alt=\"\u5b89\u88c5\u63cf\u8ff0\u6587\u4ef6\">\r\n                                                                            <\/div>\r\n                                    <div class=\"ios-step-text \">\r\n                                        \u5b89\u88c5\u63cf\u8ff0\u6587\u4ef6                                    <\/div>\r\n                                <\/div>\r\n                                                            <div class=\"ios-step-card\"\r\n                                                                             data-lightbox-src=\"https:\/\/www.qqpkpokertw.com\/wp-content\/uploads\/2026\/01\/ios-step5.jpg\"\r\n                                     >\r\n                                    <div class=\"step-circle step-ios-special\">\r\n                                        5                                    <\/div>\r\n                                    <div class=\"step-img-box\">\r\n                                                                                    <img decoding=\"async\" src=\"https:\/\/www.qqpkpokertw.com\/wp-content\/uploads\/2026\/01\/ios-step5.jpg\" alt=\"\u70b9\u51fb\u4fe1\u4efb\">\r\n                                                                            <\/div>\r\n                                    <div class=\"ios-step-text text-qqpk-light-gold\">\r\n                                        \u70b9\u51fb\u4fe1\u4efb                                    <\/div>\r\n                                <\/div>\r\n                                                    <\/div>\r\n\r\n                        <!-- \u622a\u5716\u7e2e\u5716\u5217(\u82e5\u6709\u5716\u7247\u624d\u986f\u793a)-->\r\n                                                                        <div class=\"ios-screenshots-grid\">\r\n                                                            <div class=\"screenshot-thumb\" data-lightbox-src=\"https:\/\/www.qqpkpokertw.com\/wp-content\/uploads\/2026\/01\/ios-step1.webp\">\r\n                                    <img decoding=\"async\" src=\"https:\/\/www.qqpkpokertw.com\/wp-content\/uploads\/2026\/01\/ios-step1.webp\"\r\n                                         alt=\"\u6b65\u9a5f 1:\u4e0b\u8f7d\u5b89\u88c5\"\r\n                                         style=\"width:100%;height:auto;display:block;border-radius:8px;background:#000;\">\r\n                                <\/div>\r\n                                                            <div class=\"screenshot-thumb\" data-lightbox-src=\"https:\/\/www.qqpkpokertw.com\/wp-content\/uploads\/2026\/01\/ios-step2.jpg\">\r\n                                    <img decoding=\"async\" src=\"https:\/\/www.qqpkpokertw.com\/wp-content\/uploads\/2026\/01\/ios-step2.jpg\"\r\n                                         alt=\"\u6b65\u9a5f 2:\u6253\u5f00\u8bbe\u7f6e\"\r\n                                         style=\"width:100%;height:auto;display:block;border-radius:8px;background:#000;\">\r\n                                <\/div>\r\n                                                            <div class=\"screenshot-thumb\" data-lightbox-src=\"https:\/\/www.qqpkpokertw.com\/wp-content\/uploads\/2026\/01\/ios-step3.jpg\">\r\n                                    <img decoding=\"async\" src=\"https:\/\/www.qqpkpokertw.com\/wp-content\/uploads\/2026\/01\/ios-step3.jpg\"\r\n                                         alt=\"\u6b65\u9a5f 3:\u8bbe\u5907\u7ba1\u7406\"\r\n                                         style=\"width:100%;height:auto;display:block;border-radius:8px;background:#000;\">\r\n                                <\/div>\r\n                                                            <div class=\"screenshot-thumb\" data-lightbox-src=\"https:\/\/www.qqpkpokertw.com\/wp-content\/uploads\/2026\/01\/ios-step4.jpg\">\r\n                                    <img decoding=\"async\" src=\"https:\/\/www.qqpkpokertw.com\/wp-content\/uploads\/2026\/01\/ios-step4.jpg\"\r\n                                         alt=\"\u6b65\u9a5f 4:\u5b89\u88c5\u63cf\u8ff0\u6587\u4ef6\"\r\n                                         style=\"width:100%;height:auto;display:block;border-radius:8px;background:#000;\">\r\n                                <\/div>\r\n                                                            <div class=\"screenshot-thumb\" data-lightbox-src=\"https:\/\/www.qqpkpokertw.com\/wp-content\/uploads\/2026\/01\/ios-step5.jpg\">\r\n                                    <img decoding=\"async\" src=\"https:\/\/www.qqpkpokertw.com\/wp-content\/uploads\/2026\/01\/ios-step5.jpg\"\r\n                                         alt=\"\u6b65\u9a5f 5:\u70b9\u51fb\u4fe1\u4efb\"\r\n                                         style=\"width:100%;height:auto;display:block;border-radius:8px;background:#000;\">\r\n                                <\/div>\r\n                                                    <\/div>\r\n                        \r\n                    \r\n                                        <div class=\"qqpk-warning-box\">\r\n                        <p>\r\n                            <i class=\"fa-solid fa-circle-exclamation me-1\"><\/i>\r\n                            \u672a\u8bbe\u7f6e\u4fe1\u4efb\u5c06\u663e\u793a\u201c\u672a\u53d7\u4fe1\u4efb\u7684\u4f01\u4e1a\u7ea7\u5f00\u53d1\u8005\u201d\uff0c\u4e14\u65e0\u6cd5\u6253\u5f00\u6e38\u620f\u3002                        <\/p>\r\n                    <\/div>\r\n                                    <\/div>\r\n                    <\/div>\r\n                                                    <div class=\"qqpk-card mb-6 qqpk-os-card\" id=\"qqpk-os-android\" data-os-slug=\"android\">\r\n            <div class=\"os-card-header\">\r\n                <div class=\"os-card-header-icon\">\r\n                    <i class=\"fa-brands fa-android\" style=\"font-size: 4rem; color: #3DDC84; filter: drop-shadow(0 0 10px rgba(244, 204, 148, 0.4));\"><\/i>\r\n                <\/div>\r\n                <div class=\"os-card-header-info\">\r\n                    <h2 class=\"text-3xl font-bold mb-2 text-white\" style=\"letter-spacing: 0.5px\">\r\n                        Android \u624b\u673a\u7248                    <\/h2>\r\n                                        <div class=\"mb-2\">\r\n                                                    <span class=\"badge-qqpk\">\r\n                                                                \u7b80\u5355\u5b89\u88c5                              <\/span>\r\n                                                                            <span class=\"sub-step-badge ml-2\">APK \u6587\u4ef6<\/span>\r\n                                            <\/div>\r\n                                                            <div class=\"text-secondary m-0 qqpk-os-desc\"><p>\u652f\u6301 Android 6.0 \u4ee5\u4e0a\u7248\u672c\uff0c\u968f\u65f6\u968f\u5730\u7545\u73a9 QQPK\u3002\uff08\u7ea6 45MB\uff09<\/p>\n<\/div>\r\n                                    <\/div>\r\n                                <div class=\"os-card-header-action\">\r\n                    <a href=\"https:\/\/tw.qqpk.poker\/?shareCode=MG4327\" target=\"_blank\" rel=\"noopener\" class=\"btn-qqpk-primary\">\r\n                        <i class=\"fa-brands fa-android\"><\/i>\r\n                        Android\u4e0b\u8f7d                    <\/a>\r\n                <\/div>\r\n                            <\/div>\r\n\r\n                            <div class=\"mt-2\">\r\n                                            <!-- \u689d\u5217\u578b\u6b65\u9a5f -->\r\n                                                    <div class=\"flex gap-4 mb-4 align-items-start\">\r\n                                <div class=\"step-circle\">1<\/div>\r\n                                <div style=\"flex: 1\">\r\n                                                                            <h3 class=\"text-xl font-bold mb-2\">\r\n                                            \u4e0b\u8f7d\u5e76\u5141\u8bb8\u672a\u77e5\u6765\u6e90                                        <\/h3>\r\n                                                                                                                <p style=\"color: #d1d5db; margin-bottom: 0\">\r\n                                            \u70b9\u51fb\u4e0a\u65b9\u6309\u94ae\u4e0b\u8f7d APK\u3002\u5982\u7cfb\u7edf\u63d0\u793a\uff0c\u8bf7\u524d\u5f80\u201c\u8bbe\u7f6e\u201d\u2192\u201c\u5b89\u5168\u6027\u201d\u5141\u8bb8\u201c\u5b89\u88c5\u672a\u77e5\u6765\u6e90\u7684\u5e94\u7528\u7a0b\u5e8f\u201d\u3002                                        <\/p>\r\n                                                                    <\/div>\r\n                            <\/div>\r\n                                                    <div class=\"flex gap-4  align-items-start\">\r\n                                <div class=\"step-circle\">2<\/div>\r\n                                <div style=\"flex: 1\">\r\n                                                                            <h3 class=\"text-xl font-bold mb-2\">\r\n                                            \u5b89\u88c5\u4e0e\u8fd0\u884c                                        <\/h3>\r\n                                                                                                                <p style=\"color: #d1d5db; margin-bottom: 0\">\r\n                                            \u4ece\u901a\u77e5\u680f\u6216\u6587\u4ef6\u5939\u70b9\u51fb\u5df2\u4e0b\u8f7d\u7684 APK \u8fdb\u884c\u5b89\u88c5\u3002\u5b89\u88c5\u65f6\u5982\u8981\u6c42\u6743\u9650\u8bf7\u70b9\u51fb\u201c\u5141\u8bb8\u201d\u3002                                        <\/p>\r\n                                                                    <\/div>\r\n                            <\/div>\r\n                                            \r\n                                    <\/div>\r\n                    <\/div>\r\n                                    <\/div>\r\n\r\n            <!-- ============================================ -->\r\n            <!-- FAQ -->\r\n            <!-- ============================================ -->\r\n                        <div class=\"mt-8\">\r\n                <h2 class=\"text-3xl font-bold mb-6 text-center text-qqpk-light-gold\">\r\n                    \u5e38\u89c1\u95ee\u9898                <\/h2>\r\n                <div style=\"max-width: 800px; margin: 0 auto\">\r\n                                        <details class=\"qqpk-faq qqpk-card mb-4\">\r\n                        <summary class=\"font-bold text-lg\">\r\n                            iOS \u65e0\u6cd5\u6253\u5f00 App\uff0c\u663e\u793a\u201c\u672a\u53d7\u4fe1\u4efb\u7684\u5f00\u53d1\u8005\u201d\uff1f                        <\/summary>\r\n                        <div style=\"padding: 1rem 0; color: #d1d5db\">\r\n                            <p>\u8bf7\u786e\u8ba4\u60a8\u5df2\u5b8c\u6210\u201c\u4fe1\u4efb\u8bc1\u4e66\u201d\u7684\u8bbe\u7f6e\u6b65\u9aa4:<\/p>\n<p>1. \u524d\u5f80\u201c\u8bbe\u7f6e\u201d\u2192\u201c\u901a\u7528\u201d<br \/>\n2. \u9009\u62e9\u201cVPN \u4e0e\u8bbe\u5907\u7ba1\u7406\u201d<br \/>\n3. \u70b9\u51fb\u5f00\u53d1\u8005\u540d\u79f0<br \/>\n4. \u70b9\u51fb\u201c\u4fe1\u4efb\u201d\u6309\u94ae<\/p>\n                        <\/div>\r\n                    <\/details>\r\n                                        <details class=\"qqpk-faq qqpk-card mb-4\">\r\n                        <summary class=\"font-bold text-lg\">\r\n                            Android \u65e0\u6cd5\u5b89\u88c5 APK\uff1f                        <\/summary>\r\n                        <div style=\"padding: 1rem 0; color: #d1d5db\">\r\n                            <p>\u8bf7\u786e\u8ba4\u60a8\u5df2\u5f00\u542f\u201c\u5141\u8bb8\u5b89\u88c5\u672a\u77e5\u6765\u6e90\u7684\u5e94\u7528\u7a0b\u5e8f\u201d:<\/p>\n<p>1. \u6253\u5f00\u201c\u8bbe\u7f6e\u201d<br \/>\n2. \u9009\u62e9\u201c\u5b89\u5168\u6027\u201d\u6216\u201c\u9690\u79c1\u201d<br \/>\n3. \u627e\u5230\u201c\u5b89\u88c5\u672a\u77e5\u5e94\u7528\u7a0b\u5e8f\u201d\u6216\u201c\u672a\u77e5\u6765\u6e90\u201d<br \/>\n4. \u5141\u8bb8\u60a8\u7684\u6d4f\u89c8\u5668\u6216\u6587\u4ef6\u7ba1\u7406\u5668\u5b89\u88c5\u5e94\u7528\u7a0b\u5e8f<\/p>\n                        <\/div>\r\n                    <\/details>\r\n                                        <details class=\"qqpk-faq qqpk-card mb-4\">\r\n                        <summary class=\"font-bold text-lg\">\r\n                            \u53ef\u4ee5\u5728\u591a\u53f0\u8bbe\u5907\u4e0a\u4f7f\u7528\u540c\u4e00\u4e2a\u8d26\u53f7\u5417\uff1f                        <\/summary>\r\n                        <div style=\"padding: 1rem 0; color: #d1d5db\">\r\n                            <p>\u53ef\u4ee5\uff01\u60a8\u53ef\u4ee5\u5728\u591a\u53f0\u8bbe\u5907\u4e0a\u767b\u5f55\u540c\u4e00\u4e2a QQPK \u8d26\u53f7\uff0c\u4f46\u540c\u4e00\u65f6\u95f4\u53ea\u80fd\u5728\u4e00\u53f0\u8bbe\u5907\u4e0a\u6e38\u620f\u3002<\/p>\n                        <\/div>\r\n                    <\/details>\r\n                                        <details class=\"qqpk-faq qqpk-card mb-4\">\r\n                        <summary class=\"font-bold text-lg\">\r\n                            \u9700\u8981\u4ec0\u4e48\u7cfb\u7edf\u7248\u672c\uff1f                        <\/summary>\r\n                        <div style=\"padding: 1rem 0; color: #d1d5db\">\r\n                            <ul>\n<li><strong>Windows:<\/strong> Windows 10 \u6216\u66f4\u65b0\u7248\u672c<\/li>\n<li><strong>macOS:<\/strong> macOS 10.14 \u6216\u66f4\u65b0\u7248\u672c<\/li>\n<li><strong>iOS:<\/strong> iOS 12.0 \u6216\u66f4\u65b0\u7248\u672c<\/li>\n<li><strong>Android:<\/strong> Android 6.0 \u6216\u66f4\u65b0\u7248\u672c<\/li>\n<\/ul>\n                        <\/div>\r\n                    <\/details>\r\n                                    <\/div>\r\n            <\/div>\r\n            \r\n            <!-- ============================================ -->\r\n            <!-- CTA \u5340\u584a -->\r\n            <!-- ============================================ -->\r\n            <div class=\"cta-container\">\r\n                <h2 class=\"text-4xl font-black mb-4\" style=\"\r\n                    background: linear-gradient(135deg, #fff 0%, var(--qqpk-gold-light) 100%);\r\n                    -webkit-background-clip: text;\r\n                    -webkit-text-fill-color: transparent;\r\n                \">\r\n                    \u52a0\u5165\u6211\u4eec\u5f00\u59cb\u7ade\u6280                <\/h2>\r\n                <p style=\"color: #9ca3af; font-size: 1.2rem; margin-bottom: 2rem\">\r\n                    \u7acb\u5373\u4e0b\u8f7d\u6e38\u620f\uff0c\u52a0\u5165\u4e9a\u6d32\u6700\u9876\u5c16\u7684\u6251\u514b\u5e73\u53f0\u4f53\u9a8c                <\/p>\r\n\r\n                <div class=\"btn-group\">\r\n                                        <a href=\"https:\/\/tw.qqpk.poker\/?shareCode=MGXV7Y\" target=\"_blank\" rel=\"noopener\" class=\"btn-qqpk-primary\">\r\n                        <i class=\"fa-solid fa-gamepad\"><\/i>\r\n                        \u5f00\u59cb\u6e38\u620f                    <\/a>\r\n                    \r\n                                        <a href=\"https:\/\/line.me\/R\/ti\/p\/@627llstx\" target=\"_blank\" rel=\"noopener\" class=\"btn-qqpk-line\">\r\n                        <i class=\"fa-brands fa-line\" style=\"font-size: 1.4rem\"><\/i>\r\n                        \u8054\u7cfb LINE \u5ba2\u670d                    <\/a>\r\n                                    <\/div>\r\n\r\n                                <div style=\"margin-top: 2rem; padding-top: 1.5rem; border-top: 1px solid rgba(255, 255, 255, 0.1);\">\r\n                    <p style=\"color: #ef4444; font-size: 0.85rem\">\r\n                        <i class=\"fa-solid fa-triangle-exclamation\"><\/i>\r\n                        <strong>\u8d1f\u8d23\u4efb\u6e38\u620f\uff1a\u4ec5\u9650 18 \u5c81\u4ee5\u4e0a\u6210\u4eba\u6e38\u73a9\u3002\u8bf7\u7406\u6027\u535a\u5f69\uff0c\u91cf\u529b\u800c\u4e3a\u3002<\/strong>\r\n                    <\/p>\r\n                <\/div>\r\n                            <\/div>\r\n\r\n            <!-- Lightbox -->\r\n            <div id=\"qqpk-dl-lightbox\" class=\"lightbox\">\r\n                <img decoding=\"async\" id=\"qqpk-dl-lightbox-img\" src=\"\" alt=\"\" \/>\r\n            <\/div>\r\n\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <script>\r\n    (function() {\r\n        \/\/ ============================================\r\n        \/\/ Tab \u5207\u63db\u908f\u8f2f\r\n        \/\/ ============================================\r\n        const container = document.querySelector('.qqpk-download-container');\r\n        if (!container) return;\r\n\r\n        \/\/ ============================================\r\n        \/\/ OS \u5075\u6e2c \u2192 \u5f37\u8abf\u5c0d\u61c9\u5e73\u53f0\u5361 + \u6a19\u7c64\u300c\u63a8\u85a6\u7d66\u4f60\u300d\r\n        \/\/ ============================================\r\n        function detectOS() {\r\n            const uaData = navigator.userAgentData;\r\n            if (uaData && uaData.platform) {\r\n                const p = uaData.platform.toLowerCase();\r\n                if (p.includes('android'))                       return 'android';\r\n                if (p.includes('ios') || p.includes('iphone'))   return 'ios';\r\n                if (p.includes('mac'))                           return 'macos';\r\n                if (p.includes('windows'))                       return 'windows';\r\n            }\r\n            const ua = navigator.userAgent || '';\r\n            \/\/ iPadOS 13+ \u507d\u88dd\u6210 Mac:\u7528 touch \u9ede\u6578\u5224\u65b7\r\n            if (\/iPad|iPhone|iPod\/.test(ua)) return 'ios';\r\n            if (navigator.maxTouchPoints > 1 && \/Macintosh\/.test(ua)) return 'ios';\r\n            if (\/Android\/i.test(ua))                                 return 'android';\r\n            if (\/Windows\/i.test(ua))                                 return 'windows';\r\n            if (\/Macintosh|Mac OS X\/i.test(ua))                       return 'macos';\r\n            return null;\r\n        }\r\n        const detectedOS = detectOS();\r\n        if (detectedOS) {\r\n            const card = container.querySelector('.platform-link-wrapper[data-os-slug=\"' + detectedOS + '\"]');\r\n            if (card) card.classList.add('qqpk-detected');\r\n            \/\/ \u540c\u6b65\u901a\u77e5 grid \u5bb9\u5668 (\u4f9b :has() \u4e0d\u652f\u63f4\u7684\u700f\u89bd\u5668\u52a0 fallback \u7528)\r\n            const grid = container.querySelector('.platform-cards-grid');\r\n            if (grid) grid.dataset.detected = detectedOS;\r\n        }\r\n\r\n        function switchTab(platform) {\r\n            container.querySelectorAll('.split-card').forEach(c => c.classList.remove('active'));\r\n            container.querySelectorAll('.tab-content').forEach(t => t.classList.remove('active'));\r\n\r\n            const targetCard = container.querySelector('.split-card[data-tab-target=\"' + platform + '\"]');\r\n            const targetTab  = container.querySelector('#tab-' + platform);\r\n            if (targetCard) targetCard.classList.add('active');\r\n            if (targetTab)  targetTab.classList.add('active');\r\n\r\n            \/\/ \u66f4\u65b0 hash \u4f46\u4e0d\u8981\u9020\u6210\u81ea\u52d5\u8df3\u8f49\r\n            history.replaceState(null, '', '#' + platform);\r\n        }\r\n\r\n        \/\/ \u7d81\u5b9a split card \u9ede\u64ca\r\n        container.querySelectorAll('.split-card').forEach(card => {\r\n            card.addEventListener('click', () => {\r\n                switchTab(card.dataset.tabTarget);\r\n            });\r\n        });\r\n\r\n        \/\/ \u7d81\u5b9a hero \u5feb\u6377\u5361\u9ede\u64ca - \u5207 tab \u5f8c scroll \u5230\u5c0d\u61c9 OS \u5361\u7247\r\n        container.querySelectorAll('.platform-link-wrapper').forEach(link => {\r\n            link.addEventListener('click', (e) => {\r\n                e.preventDefault();\r\n                const tabTarget = link.dataset.tabTarget;\r\n                const osSlug    = link.dataset.osSlug;\r\n                switchTab(tabTarget);\r\n\r\n                \/\/ \u7b49 tab display:none \u2192 block \u5b8c\u6210 (\u4e00\u500b frame),\u518d scroll\r\n                requestAnimationFrame(() => {\r\n                    const targetEl = osSlug\r\n                        ? container.querySelector('#qqpk-os-' + osSlug)\r\n                        : container.querySelector('#tab-' + tabTarget);\r\n                    if (targetEl) {\r\n                        const top = targetEl.getBoundingClientRect().top + window.pageYOffset - 80;\r\n                        window.scrollTo({ top, behavior: 'smooth' });\r\n                    }\r\n                });\r\n            });\r\n        });\r\n\r\n        \/\/ \u521d\u59cb\u5316:\u4f9d hash \u6216\u87a2\u5e55\u5bec\u5ea6\u6c7a\u5b9a\r\n        function init() {\r\n            const hash = window.location.hash.replace('#', '');\r\n            \/\/ qqpk-os-xxx \u76f4\u63a5 deep link \u5230\u67d0\u5f35 OS \u5361\u7247\r\n            if (hash.startsWith('qqpk-os-')) {\r\n                const slug = hash.replace('qqpk-os-', '');\r\n                const targetCard = container.querySelector('#qqpk-os-' + slug);\r\n                if (targetCard) {\r\n                    \/\/ \u770b OS \u5728\u54ea\u500b tab,\u5148\u5207\u904e\u53bb\r\n                    const inMobileTab = !!targetCard.closest('#tab-mobile');\r\n                    switchTab(inMobileTab ? 'mobile' : 'pc');\r\n                    requestAnimationFrame(() => {\r\n                        const top = targetCard.getBoundingClientRect().top + window.pageYOffset - 80;\r\n                        window.scrollTo({ top, behavior: 'smooth' });\r\n                    });\r\n                    return;\r\n                }\r\n            }\r\n            if (hash === 'pc' || hash === 'mobile') {\r\n                switchTab(hash);\r\n            } else if (['windows', 'mac', 'macos', 'desktop'].includes(hash)) {\r\n                switchTab('pc');\r\n            } else if (['ios', 'android'].includes(hash)) {\r\n                switchTab('mobile');\r\n            } else if (detectedOS === 'ios' || detectedOS === 'android') {\r\n                switchTab('mobile');\r\n            } else if (detectedOS === 'windows' || detectedOS === 'macos') {\r\n                switchTab('pc');\r\n            } else {\r\n                switchTab(window.innerWidth <= 768 ? 'mobile' : 'pc');\r\n            }\r\n        }\r\n        init();\r\n\r\n        \/\/ ============================================\r\n        \/\/ Lightbox \u908f\u8f2f\r\n        \/\/ ============================================\r\n        const lightbox    = container.querySelector('#qqpk-dl-lightbox');\r\n        const lightboxImg = container.querySelector('#qqpk-dl-lightbox-img');\r\n\r\n        window.qqpkDlOpenLightbox = function(src) {\r\n            if (!lightbox || !src) return;\r\n            lightboxImg.src = src;\r\n            lightbox.classList.add('active');\r\n            document.body.style.overflow = 'hidden';\r\n        };\r\n\r\n        function closeLightbox() {\r\n            lightbox.classList.remove('active');\r\n            document.body.style.overflow = '';\r\n        }\r\n\r\n        if (lightbox) {\r\n            lightbox.addEventListener('click', closeLightbox);\r\n        }\r\n        document.addEventListener('keydown', e => {\r\n            if (e.key === 'Escape') closeLightbox();\r\n        });\r\n\r\n        \/\/ \u7d81\u5b9a\u6240\u6709\u6709 data-lightbox-src \u7684\u5143\u7d20\r\n        container.querySelectorAll('[data-lightbox-src]').forEach(el => {\r\n            el.addEventListener('click', () => {\r\n                window.qqpkDlOpenLightbox(el.dataset.lightboxSrc);\r\n            });\r\n        });\r\n    })();\r\n    <\/script>\r\n    <\/div>\n\t\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>QQPK \u5b98\u65b9\u4e0b\u8f7d\u6307\u5357\u3002\u6559\u60a8\u5982\u4f55\u89e3\u51b3 iOS \u4f01\u4e1a\u7b7e\u7ae0\u672a\u4fe1\u4efb\u95ee\u9898\uff0c\u4ee5\u53ca Android \u5b89\u88c5\u672a\u77e5\u6765\u6e90\u5e94\u7528\u7a0b\u5f0f\u7684\u8bbe\u5b9a\u6b65\u9aa4\u3002 30\u79d2\u5b8c\u6210\u5b89\u88c5\uff0c\u7acb\u5373\u52a0\u5165\u4e9a\u6d32\u6700\u65b0\u5fb7\u5dde\u6251\u514b\u5e73\u53f0\u3002<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-1809","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.qqpkpokertw.com\/zh-hans\/wp-json\/wp\/v2\/pages\/1809","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.qqpkpokertw.com\/zh-hans\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.qqpkpokertw.com\/zh-hans\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.qqpkpokertw.com\/zh-hans\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.qqpkpokertw.com\/zh-hans\/wp-json\/wp\/v2\/comments?post=1809"}],"version-history":[{"count":5,"href":"https:\/\/www.qqpkpokertw.com\/zh-hans\/wp-json\/wp\/v2\/pages\/1809\/revisions"}],"predecessor-version":[{"id":2201,"href":"https:\/\/www.qqpkpokertw.com\/zh-hans\/wp-json\/wp\/v2\/pages\/1809\/revisions\/2201"}],"wp:attachment":[{"href":"https:\/\/www.qqpkpokertw.com\/zh-hans\/wp-json\/wp\/v2\/media?parent=1809"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}