{"id":1572,"date":"2025-11-29T15:33:28","date_gmt":"2025-11-29T07:33:28","guid":{"rendered":"http:\/\/www.dqxdao.com\/?page_id=1572"},"modified":"2026-03-04T17:40:40","modified_gmt":"2026-03-04T09:40:40","slug":"%e8%b7%a8%e5%a2%83%e6%94%af%e4%bb%98%e4%b8%8e%e7%bb%93%e7%ae%97%ef%bc%88%e4%b8%87%e9%87%8c%e6%b1%87%ef%bc%89","status":"publish","type":"page","link":"https:\/\/www.dqxdao.com\/index.php\/en\/%e8%b7%a8%e5%a2%83%e6%94%af%e4%bb%98%e4%b8%8e%e7%bb%93%e7%ae%97%ef%bc%88%e4%b8%87%e9%87%8c%e6%b1%87%ef%bc%89\/","title":{"rendered":"\u8de8\u5883\u652f\u4ed8\uff08\u4e07\u91cc\u6c47\uff09\u670d\u52a1\u5546OK"},"content":{"rendered":"\n
\n
\n\n\n\n \n \n \u4e07\u91cc\u6c47 \u00b7 \u7ea2\u97f5\u65b0\u751f \u00b7 \u8de8\u5883\u652f\u4ed8\u670d\u52a1\u5546<\/title>\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n <style>\n \/* ===== \u91cd\u7f6e & \u5168\u5c40 \u00b7 \u7ea2\u7c89\u5bb6\u65cf #ff0051 \u4e3a\u4e3b\u9b42 ===== *\/\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n html, body {\n width: 100%;\n overflow-x: hidden;\n font-family: 'PingFang SC', 'Microsoft YaHei', 'Segoe UI', sans-serif;\n scroll-behavior: smooth;\n }\n\n :root {\n --wf-primary-bg: #ffffff;\n --wf-primary-red: #ff0051; \/* \u4e3b\u8272\u8c03\uff1a\u70bd\u70c8\u73ab\u7ea2 *\/\n --wf-secondary-red: #fff5f8; \/* \u6781\u6d45\u7ea2\u80cc\u666f *\/\n --wf-accent-rose: #ff7a9f; \/* \u67d4\u73ab\u7470\u8272 *\/\n --wf-glow-red: #ff0051;\n --wf-glow-soft: #ffb3c6; \/* \u6d45\u7ea2\u6655 *\/\n --wf-text-dark: #1e1e2a;\n --wf-text-light: #4e4b66;\n --wf-card-shadow: 0 10px 30px rgba(255, 0, 81, 0.08);\n --wf-glow-shadow: 0 0 40px rgba(255, 0, 81, 0.18);\n --wf-gradient-primary: linear-gradient(135deg, #ff0051, #ff6a8a);\n --wf-gradient-light: linear-gradient(135deg, #ff4d7a, #ff8aa8);\n --wf-gradient-soft: linear-gradient(135deg, #ff7a9f, #ffb3c6);\n }\n\n .wf-container {\n max-width: 1300px;\n margin: 0 auto;\n padding: 0 20px;\n }\n\n \/* ---------- \u7b2c\u4e00\u5c4f\u6d77\u62a5\uff1a\u5168\u7403\u80cc\u666f + \u7ea2\u7c89\u4e0b\u6df1\u4e0a\u6d45\u6e10\u53d8 ---------- *\/\n .wf-hero-section {\n height: 600px;\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n overflow: hidden;\n background: \n linear-gradient(0deg, \n #ff0051 0%, \n rgba(255, 0, 81, 0.45) 40%, \n rgba(255, 0, 81, 0.15) 70%, \n rgba(255, 0, 81, 0) 95%\n ),\n url('https:\/\/www.dqxdao.com\/wp-content\/uploads\/2026\/02\/788-1.png') no-repeat center center \/ cover;\n background-color: #ff0051;\n }\n\n .wf-hero-content {\n text-align: center;\n max-width: 1000px;\n width: 100%;\n padding: 40px 40px 30px;\n position: relative; \n z-index: 2;\n }\n\n \/* \u2605 \u6240\u6709\u4e24\u4fa7\u6d6e\u52a8\u56fe\u6807\u5df2\u5f7b\u5e95\u79fb\u9664\uff0c\u65e0\u4efb\u4f55\u76f8\u5173\u4ee3\u7801 *\/\n\n .wf-subtitle {\n font-size: 4.2rem;\n color: white;\n text-align: center;\n margin-bottom: 20px;\n margin-top: 10px; \n font-weight: 800;\n letter-spacing: -0.5px;\n text-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);\n line-height: 1.2;\n }\n\n .wf-hero-description {\n font-size: 1.2rem;\n color: rgba(255, 255, 255, 0.95);\n text-align: center;\n max-width: 800px;\n margin: 0 auto 25px;\n line-height: 1.6;\n text-shadow: 0 2px 8px rgba(0,0,0,0.25);\n font-weight: 500;\n }\n\n .wf-trust-badge {\n font-size: 1.3rem;\n color: #2d1e2a;\n text-align: center;\n margin-bottom: 40px;\n padding: 15px 30px;\n background: rgba(255, 255, 255, 0.92);\n border-radius: 50px;\n display: inline-block;\n backdrop-filter: blur(10px);\n border: 1px solid rgba(255, 0, 81, 0.25);\n box-shadow: 0 8px 25px rgba(255, 0, 81, 0.25);\n font-weight: 700;\n }\n\n .wf-primary-btn {\n background: var(--wf-gradient-primary);\n color: white;\n border: none;\n padding: 20px 50px;\n font-size: 1.3rem;\n font-weight: 700;\n border-radius: 50px;\n cursor: pointer;\n transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: 10px;\n box-shadow: 0 10px 30px rgba(255, 0, 81, 0.5);\n position: relative;\n overflow: hidden;\n letter-spacing: 0.5px;\n }\n .wf-primary-btn:hover {\n transform: translateY(-5px) scale(1.05);\n box-shadow: 0 20px 40px rgba(255, 0, 81, 0.6);\n }\n .wf-primary-btn:active {\n transform: translateY(-2px) scale(1.02);\n }\n .wf-primary-btn::before {\n content: '';\n position: absolute;\n top: 0;\n left: -100%;\n width: 100%;\n height: 100%;\n background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.4), transparent);\n transition: left 0.7s ease;\n }\n .wf-primary-btn:hover::before {\n left: 100%;\n }\n\n \/* ---------- \u901a\u7528\u677f\u5757 ---------- *\/\n .wf-section {\n padding: 100px 0;\n }\n .wf-section:nth-child(even) {\n background-color: var(--wf-secondary-red);\n }\n\n .wf-scenario-section {\n padding: 100px 0;\n background-color: var(--wf-primary-bg) !important;\n }\n\n .wf-section-title {\n font-size: 2.5rem;\n color: var(--wf-text-dark);\n text-align: center;\n margin-bottom: 20px;\n position: relative;\n font-weight: 700;\n }\n \/* \u9ed8\u8ba4\u4e0b\u5212\u7ebf\uff0c\u4f46\u6838\u5fc3\u4f18\u52bf\/\u6570\u636e\u89c1\u8bc1\u677f\u5757\u4e0b\u5212\u7ebf\u5df2\u79fb\u9664 *\/\n .wf-section-title::after {\n content: '';\n position: absolute;\n bottom: -20px;\n left: 50%;\n transform: translateX(-50%);\n width: 100px;\n height: 5px;\n background: var(--wf-gradient-primary);\n border-radius: 3px;\n }\n .wf-scenario-section .wf-section-title::after,\n .wf-advantage-section .wf-section-title::after {\n display: none !important;\n content: none;\n }\n\n .wf-section-subtitle {\n font-size: 1.3rem;\n color: var(--wf-text-light);\n text-align: center;\n max-width: 800px;\n margin: 0 auto 60px;\n line-height: 1.6;\n font-weight: 400; \/* \u9ed8\u8ba4\u5e38\u89c4\uff0c\u624b\u673a\u7aef\u4f1a\u52a0\u91cd *\/\n }\n\n \/* ---------- \u573a\u666f\u5361\u7247 \u00b7 \u7ea2\u7c89\u9ad8\u5149 ---------- *\/\n .wf-scenario-row {\n display: flex;\n justify-content: space-between;\n gap: 30px;\n }\n .wf-scenario-card {\n background-color: var(--wf-primary-bg);\n border-radius: 20px;\n padding: 40px 30px;\n text-align: center;\n box-shadow: var(--wf-card-shadow);\n transition: all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);\n position: relative;\n overflow: hidden;\n border: 1px solid rgba(255, 0, 81, 0.1);\n flex: 1;\n min-width: 0;\n }\n .wf-scenario-card:hover {\n transform: translateY(-15px) scale(1.03);\n box-shadow: 0 30px 60px rgba(255, 0, 81, 0.18), 0 0 30px rgba(255, 122, 159, 0.2);\n border-color: rgba(255, 0, 81, 0.3);\n }\n .wf-scenario-card::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 5px;\n background: var(--wf-gradient-primary);\n }\n .wf-scenario-icon {\n font-size: 3.5rem;\n color: #ff0051;\n margin-bottom: 25px;\n height: 90px;\n display: flex;\n align-items: center;\n justify-content: center;\n transition: all 0.5s ease;\n }\n .wf-scenario-card:hover .wf-scenario-icon {\n transform: scale(1.2);\n color: #ff4d7a;\n }\n .wf-scenario-title {\n font-size: 1.5rem;\n color: var(--wf-text-dark);\n margin-bottom: 15px;\n font-weight: 700;\n }\n .wf-scenario-card p {\n color: var(--wf-text-light);\n line-height: 1.7;\n font-size: 1.1rem;\n font-weight: 400;\n }\n\n \/* ---------- \u6838\u5fc3\u4f18\u52bf \u00b7 \u900f\u660e\u5361\u7247\/\u6570\u5b57\u7ea2\u7c89\u6e10\u53d8 ---------- *\/\n .wf-advantage-section {\n padding: 100px 0;\n background-color: var(--wf-primary-bg);\n position: relative;\n }\n .wf-advantage-section::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: \n radial-gradient(circle at 20% 30%, rgba(255, 0, 81, 0.06) 0%, transparent 60%),\n radial-gradient(circle at 80% 70%, rgba(255, 122, 159, 0.06) 0%, transparent 60%);\n z-index: 0;\n pointer-events: none;\n }\n .wf-advantage-row {\n display: flex;\n justify-content: space-between;\n gap: 30px;\n position: relative;\n z-index: 1;\n }\n .wf-advantage-card {\n background-color: transparent;\n backdrop-filter: none;\n border-radius: 0;\n padding: 30px 20px;\n text-align: center;\n box-shadow: none;\n position: relative;\n transition: all 0.4s ease;\n border: none;\n flex: 1;\n min-width: 0;\n }\n .wf-advantage-number {\n font-size: 3rem;\n font-weight: 800;\n background: var(--wf-gradient-primary);\n -webkit-background-clip: text;\n background-clip: text;\n color: transparent;\n margin-bottom: 15px;\n line-height: 1;\n }\n .wf-advantage-label {\n font-size: 1.2rem;\n color: var(--wf-text-dark);\n font-weight: 700;\n margin-bottom: 20px;\n }\n .wf-advantage-desc {\n color: var(--wf-text-light);\n line-height: 1.7;\n font-size: 1.05rem;\n font-weight: 400;\n }\n\n \/* ---------- \u670d\u52a1\u6a21\u5757 \u00b7 \u6ce2\u5149\u7ea2\u7c89 ---------- *\/\n .wf-service-section {\n padding: 100px 0;\n background-color: var(--wf-primary-bg);\n position: relative;\n overflow: hidden;\n }\n .wf-service-section::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: \n radial-gradient(circle at 20% 30%, rgba(255, 0, 81, 0.05) 0%, transparent 50%),\n radial-gradient(circle at 80% 70%, rgba(255, 122, 159, 0.06) 0%, transparent 50%);\n z-index: 0;\n pointer-events: none;\n }\n .wf-service-section::after {\n content: '';\n position: absolute;\n width: 300px;\n height: 300px;\n border-radius: 50%;\n background: radial-gradient(circle, rgba(255, 0, 81, 0.12) 0%, transparent 70%);\n top: 20%;\n left: 10%;\n z-index: 0;\n animation: wf-wave 8s ease-in-out infinite;\n pointer-events: none;\n }\n @keyframes wf-wave {\n 0%, 100% { transform: translate(0, 0) scale(1); opacity: 0.3; }\n 33% { transform: translate(20px, -20px) scale(1.2); opacity: 0.5; }\n 66% { transform: translate(-15px, 15px) scale(0.9); opacity: 0.4; }\n }\n .wf-service-section .wf-wave-2 {\n position: absolute;\n width: 400px;\n height: 400px;\n border-radius: 50%;\n background: radial-gradient(circle, rgba(255, 122, 159, 0.1) 0%, transparent 70%);\n bottom: 20%;\n right: 10%;\n z-index: 0;\n animation: wf-wave-2 10s ease-in-out infinite;\n pointer-events: none;\n }\n @keyframes wf-wave-2 {\n 0%, 100% { transform: translate(0, 0) scale(1); opacity: 0.3; }\n 33% { transform: translate(-25px, 15px) scale(1.1); opacity: 0.5; }\n 66% { transform: translate(20px, -20px) scale(0.9); opacity: 0.4; }\n }\n\n .wf-service-grid {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 40px;\n }\n .wf-service-card {\n background-color: var(--wf-primary-bg);\n border-radius: 20px;\n padding: 40px;\n box-shadow: var(--wf-card-shadow);\n transition: all 0.4s ease;\n border: 1px solid rgba(255, 0, 81, 0.1);\n position: relative;\n z-index: 1;\n }\n .wf-service-card:hover {\n transform: translateY(-10px);\n box-shadow: 0 30px 60px rgba(255, 0, 81, 0.14);\n border-color: rgba(255, 0, 81, 0.3);\n }\n .wf-service-header {\n display: flex;\n align-items: center;\n margin-bottom: 25px;\n }\n .wf-service-icon {\n width: 60px;\n height: 60px;\n background: var(--wf-gradient-primary);\n border-radius: 15px;\n display: flex;\n align-items: center;\n justify-content: center;\n margin-right: 20px;\n color: white;\n font-size: 1.8rem;\n transition: all 0.4s ease;\n }\n .wf-service-card:hover .wf-service-icon {\n transform: rotate(10deg) scale(1.1);\n background: var(--wf-gradient-light);\n }\n .wf-service-title {\n font-size: 1.4rem;\n color: var(--wf-text-dark);\n font-weight: 700;\n }\n .wf-service-list {\n list-style-type: none;\n }\n .wf-service-list li {\n padding: 12px 0;\n color: var(--wf-text-light);\n position: relative;\n padding-left: 30px;\n font-size: 1.1rem;\n border-bottom: 1px solid rgba(255, 0, 81, 0.06);\n transition: all 0.3s ease;\n font-weight: 400;\n }\n .wf-service-list li:last-child {\n border-bottom: none;\n }\n .wf-service-list li:hover {\n color: #ff0051;\n padding-left: 35px;\n }\n .wf-service-list li:before {\n content: '\u2713';\n position: absolute;\n left: 0;\n color: #ff4d7a;\n font-weight: bold;\n font-size: 1.2rem;\n }\n\n \/* ---------- \ud83c\udd95 \u4e8c\u7ef4\u7801\u5f39\u7a97 \u00b7 \u7ea2\u7c89\u7ec6\u8fb9 \u00b7 \u5168\u65b0flex\u5e03\u5c40 \u65e0\u7edd\u5bf9\u5b9a\u4f4d\u51b2\u7a81 ---------- *\/\n .wf-qr-popup {\n position: fixed;\n background: white;\n width: 290px; \n padding: 20px 20px 25px;\n border-radius: 28px;\n border: 0.5px solid rgba(255, 0, 81, 0.18);\n box-shadow: 0 20px 40px rgba(255, 0, 81, 0.2);\n text-align: center;\n z-index: 9999;\n display: none;\n backdrop-filter: blur(4px);\n transition: opacity 0.25s ease, transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);\n opacity: 0;\n transform: translateY(-50%) scale(0.95);\n pointer-events: none;\n\n \/* \u5168\u65b0flex\u5e03\u5c40\uff0c\u5f7b\u5e95\u544a\u522b\u7edd\u5bf9\u5b9a\u4f4d\u91cd\u53e0\u95ee\u9898 *\/\n display: none;\n flex-direction: column;\n align-items: stretch;\n }\n .wf-qr-popup.show {\n display: flex;\n opacity: 1;\n transform: translateY(-50%) scale(1);\n pointer-events: auto;\n }\n\n \/* \u5173\u95ed\u6309\u94ae \u2014 \u4e0d\u518d\u7edd\u5bf9\u5b9a\u4f4d\uff0cflex\u5bf9\u9f50 *\/\n .wf-qr-close {\n align-self: flex-end;\n font-size: 1.4rem;\n color: #ff7a9f;\n cursor: pointer;\n transition: color 0.2s, transform 0.2s;\n line-height: 1;\n background: rgba(255, 255, 255, 0.8);\n width: 30px;\n height: 30px;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n margin-bottom: 6px;\n position: relative; \/* \u4e0d\u5e72\u6270\u6d41 *\/\n top: auto;\n right: auto;\n }\n .wf-qr-close:hover {\n color: #ff0051;\n transform: scale(1.2);\n background: #ffe5ec;\n }\n\n \/* \u4e8c\u7ef4\u7801\u4e0a\u9762\u5c0f\u5b57\uff1a\u624b\u673a\u626b\u7801\u6ce8\u518c\uff08\u7eaf\u9ed1\u5c0f\u5b57\uff09 *\/\n .wf-qr-small {\n font-size: 0.75rem;\n color: #000000;\n text-align: center;\n margin-bottom: 8px;\n font-weight: 500;\n letter-spacing: 0.3px;\n }\n\n .wf-qr-image {\n margin-bottom: 15px;\n display: flex;\n justify-content: center;\n }\n .wf-qr-image img {\n width: 160px;\n height: 160px;\n border-radius: 16px;\n border: 2px solid white;\n box-shadow: 0 8px 20px rgba(255, 0, 81, 0.2);\n object-fit: cover;\n background: white;\n }\n\n \/* \u8de8\u5883\u652f\u4ed8\u4e07\u91cc\u6c47\u8d26\u53f7\u6ce8\u518c\u94fe\u63a5 \u2014\u2014 \u4fdd\u7559\u7ea2\u8272\u54c1\u724c\u8272\uff0c\u65b0\u7a97\u53e3\u6253\u5f00 *\/\n .wf-qr-tiktok-link {\n font-size: 1rem;\n color: #ff0051;\n background: #fff0f3;\n padding: 10px 10px;\n border-radius: 40px;\n margin: 5px 0 8px;\n font-weight: 600;\n letter-spacing: 0.3px;\n display: inline-block;\n width: 100%;\n border: 1px dashed #ff7a9f;\n transition: all 0.3s;\n }\n .wf-qr-tiktok-link a {\n color: #ff0051;\n text-decoration: none;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 0.85rem; \n }\n \/* \u94fe\u63a5\u60ac\u505c\u6548\u679c *\/\n .wf-qr-tiktok-link a:hover {\n text-decoration: underline;\n }\n\n \/* \u7535\u8111\u7aef\u6ce8\u518c\u94fe\u63a5 \u2014\u2014 \u7eaf\u9ed1\u5b57\u4f53\uff0c\u65b0\u7a97\u53e3\u6253\u5f00\uff0c\u65e0\u56fe\u6807 *\/\n .wf-qr-footnote {\n font-size: 0.85rem;\n margin-top: 12px;\n border-top: 1px solid #ffe3e8;\n padding-top: 14px;\n color: #000000; \/* \u9ed1\u8272\u5b57\u4f53 *\/\n font-weight: 500;\n }\n .wf-qr-footnote a {\n color: #000000;\n text-decoration: underline;\n font-weight: 600;\n transition: color 0.2s;\n }\n .wf-qr-footnote a:hover {\n color: #ff0051;\n text-decoration: underline;\n }\n\n \/* \u539f\u6709\u52a8\u753b\u3001\u6eda\u52a8\u7b49\u4fdd\u6301\u4e0d\u53d8 *\/\n @keyframes wf-fadeInUp {\n from { opacity: 0; transform: translateY(40px); }\n to { opacity: 1; transform: translateY(0); }\n }\n .wf-animate { animation: wf-fadeInUp 1s ease forwards; }\n .wf-scroll-animation {\n opacity: 0;\n transform: translateY(40px);\n transition: opacity 0.8s ease, transform 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.275);\n }\n .wf-scroll-animation.visible {\n opacity: 1;\n transform: translateY(0);\n }\n body { animation: wf-pageLoad 0.8s ease forwards; }\n @keyframes wf-pageLoad {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n }\n\n \/* ---------- \u2726 \u6570\u636e\u89c1\u8bc1\u6210\u957f \u00b7 \u7ea2\u5e95\u767d\u5b57 \u2726 \u7eaf\u6b63 #ff0051 \u80cc\u666f\uff0c\u5168\u767d\u5b57\u4f53 ---------- *\/\n .wf-advantage-section {\n background-color: #ff0051 !important;\n }\n .wf-advantage-section .wf-section-title,\n .wf-advantage-section .wf-section-subtitle,\n .wf-advantage-section .wf-advantage-label,\n .wf-advantage-section .wf-advantage-desc {\n color: #ffffff !important;\n }\n .wf-advantage-section .wf-advantage-number {\n background: none !important;\n -webkit-background-clip: unset !important;\n background-clip: unset !important;\n color: #ffffff !important;\n text-shadow: 0 0 0 transparent; \/* \u4fdd\u6301\u7eaf\u767d\uff0c\u65e0\u989d\u5916\u9634\u5f71 *\/\n }\n \/* \u4fdd\u7559\u539f\u6709\u7684\u5f84\u5411\u6e10\u53d8\u4f2a\u5143\u7d20\uff0c\u53ea\u53e0\u52a0\u6c1b\u56f4\uff0c\u4e0d\u5f71\u54cd\u5b57\u4f53\u8fa8\u8bc6 *\/\n\n \/* ===== \u65b0\u589e\u54cd\u5e94\u5f0f \u00b7 \u5e73\u677f\/\u624b\u673a\u4f18\u5316 (\u7535\u8111\u7248\u4fdd\u6301\u4e0d\u53d8) ===== *\/\n \/* \u5e73\u677f\u8bbe\u5907 (max-width: 1024px) *\/\n @media screen and (max-width: 1024px) {\n .wf-subtitle {\n font-size: 3.5rem;\n }\n .wf-hero-content {\n padding: 30px 20px;\n }\n .wf-scenario-row {\n flex-wrap: wrap;\n gap: 20px;\n }\n .wf-scenario-card {\n flex: 1 1 calc(50% - 20px);\n min-width: 260px;\n padding: 30px 20px;\n }\n .wf-advantage-row {\n flex-wrap: wrap;\n gap: 25px;\n }\n .wf-advantage-card {\n flex: 1 1 calc(50% - 25px);\n padding: 20px 15px;\n }\n .wf-service-grid {\n gap: 25px;\n }\n .wf-service-card {\n padding: 30px;\n }\n }\n\n \/* \u624b\u673a\u8bbe\u5907 (max-width: 768px) *\/\n @media screen and (max-width: 768px) {\n .wf-hero-section {\n height: auto;\n min-height: 520px;\n background-position: 30% center;\n }\n .wf-subtitle {\n font-size: 2.6rem;\n letter-spacing: -0.3px;\n }\n .wf-hero-description {\n font-size: 1rem;\n padding: 0 10px;\n }\n .wf-trust-badge {\n font-size: 1rem;\n padding: 12px 20px;\n margin-bottom: 30px;\n }\n .wf-primary-btn {\n padding: 16px 35px;\n font-size: 1.1rem;\n }\n .wf-section {\n padding: 60px 0;\n }\n .wf-section-title {\n font-size: 2rem;\n }\n .wf-section-subtitle {\n font-size: 1.1rem;\n margin-bottom: 40px;\n padding: 0 15px;\n }\n \/* \u6240\u6709flex\u884c\u6539\u4e3a\u5217\u5411 *\/\n .wf-scenario-row,\n .wf-advantage-row {\n flex-direction: column;\n gap: 20px;\n }\n .wf-scenario-card,\n .wf-advantage-card {\n flex: 1 1 auto;\n width: 100%;\n }\n .wf-service-grid {\n grid-template-columns: 1fr;\n gap: 20px;\n }\n .wf-service-card {\n padding: 25px;\n }\n .wf-service-header {\n margin-bottom: 15px;\n }\n .wf-service-icon {\n width: 50px;\n height: 50px;\n font-size: 1.5rem;\n margin-right: 15px;\n }\n .wf-service-title {\n font-size: 1.3rem;\n }\n .wf-service-list li {\n font-size: 1rem;\n padding-left: 28px;\n }\n .wf-advantage-number {\n font-size: 2.6rem;\n }\n .wf-advantage-label {\n font-size: 1.2rem;\n }\n .wf-advantage-desc {\n font-size: 1rem;\n }\n .wf-scenario-icon {\n font-size: 3rem;\n height: 70px;\n margin-bottom: 15px;\n }\n .wf-scenario-title {\n font-size: 1.3rem;\n }\n .wf-scenario-card p {\n font-size: 1rem;\n }\n \/* \u4e8c\u7ef4\u7801\u5f39\u7a97\u624b\u673a\u7248\u5fae\u8c03 (\u539f\u6709\u5c45\u4e2d\u5b9a\u4f4d\u4fdd\u7559) *\/\n .wf-qr-popup {\n width: 270px;\n padding: 15px 15px 20px;\n }\n .wf-qr-image img {\n width: 140px;\n height: 140px;\n }\n .wf-qr-tiktok-link a {\n font-size: 0.8rem;\n }\n\n \/* ========= \u589e\u52a0\u624b\u673a\u7aef\u5b57\u4f53\u7c97\u7ec6\uff0c\u63d0\u5347\u53ef\u8bfb\u6027 ========= *\/\n .wf-hero-description,\n .wf-scenario-card p,\n .wf-advantage-desc,\n .wf-service-list li,\n .wf-section-subtitle {\n font-weight: 600 !important; \/* \u52a0\u7c97\u4e00\u7ea7\uff0c\u66f4\u6e05\u6670 *\/\n }\n .wf-qr-small {\n font-weight: 600 !important; \/* \u539f500\uff0c\u63d0\u5347\u81f3600 *\/\n }\n }\n\n \/* \u5c0f\u5c4f\u624b\u673a (max-width: 480px) *\/\n @media screen and (max-width: 480px) {\n .wf-subtitle {\n font-size: 2.2rem;\n }\n .wf-hero-description {\n font-size: 0.95rem;\n }\n .wf-trust-badge {\n font-size: 0.9rem;\n padding: 10px 16px;\n }\n .wf-primary-btn {\n padding: 14px 28px;\n font-size: 1rem;\n }\n .wf-section-title {\n font-size: 1.8rem;\n }\n .wf-section-subtitle {\n font-size: 1rem;\n }\n .wf-advantage-number {\n font-size: 2.2rem;\n }\n }\n <\/style>\n<\/head>\n<body>\n <!-- \u7b2c\u4e00\u5c4f\u6d77\u62a5 \u00b7 \u5168\u7403\u80cc\u666f + \u7ea2\u7c89\u6e10\u53d8 \u4e24\u4fa7\u65e0\u56fe\u6807 -->\n <section class=\"wf-hero-section\">\n <div class=\"wf-container\">\n <div class=\"wf-hero-content wf-animate\">\n <h2 class=\"wf-subtitle\">\u4e00\u4e2a\u8d26\u6237 \u5168\u7403\u6536\u4ed8<\/h2>\n <p class=\"wf-hero-description\">\u652f\u6301\u5168\u7403200+\u56fd\u5bb6\u548c\u5730\u533a\uff0c60+\u4e3b\u6d41\u5e01\u79cd\uff0c\u4e3a\u8de8\u5883\u7535\u5546\u3001\u5916\u8d38B2B\u3001\u6570\u5b57\u670d\u52a1\u3001\u8de8\u5883\u4e3b\u64ad\u7b49\u51fa\u6d77\u4f01\u4e1a\u63d0\u4f9b\u5b89\u5168\u3001\u9ad8\u6548\u3001\u4f4e\u6210\u672c\u7684\u8de8\u5883\u652f\u4ed8\u89e3\u51b3\u65b9\u6848<\/p>\n <p class=\"wf-trust-badge\">150\u4e07+ \u51fa\u6d77\u4f01\u4e1a\u7684\u4fe1\u8d56\u4e4b\u9009<\/p>\n <button class=\"wf-primary-btn\">\u7acb\u5373\u5f00\u6237 <i class=\"fas fa-arrow-right\"><\/i><\/button>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- \u9002\u7528\u573a\u666f \u00b7 \u6838\u5fc3\u4f18\u52bf\uff08\u6807\u9898\u4e0b\u5212\u7ebf\u5df2\u79fb\u9664\uff09 -->\n <section class=\"wf-section wf-scenario-section\">\n <div class=\"wf-container\">\n <h2 class=\"wf-section-title wf-scroll-animation\">\u6838\u5fc3\u4f18\u52bf<\/h2>\n <p class=\"wf-section-subtitle wf-scroll-animation\">\u65e0\u8bba\u60a8\u662f\u54ea\u79cd\u7c7b\u578b\u7684\u51fa\u6d77\u4f01\u4e1a\uff0c\u4e07\u91cc\u6c47\u90fd\u80fd\u4e3a\u60a8\u63d0\u4f9b\u91cf\u8eab\u5b9a\u5236\u7684\u8de8\u5883\u652f\u4ed8\u89e3\u51b3\u65b9\u6848\uff0c\u52a9\u529b\u4f01\u4e1a\u8f7b\u677e\u62d3\u5c55\u5168\u7403\u5e02\u573a<\/p>\n <div class=\"wf-scenario-row wf-scroll-animation\">\n <div class=\"wf-scenario-card\">\n <div class=\"wf-scenario-icon\">\n <i class=\"fas fa-shopping-cart\"><\/i>\n <\/div>\n <h3 class=\"wf-scenario-title\">\u8de8\u5883\u7535\u5546<\/h3>\n <p>\u4e3a\u7535\u5546\u5356\u5bb6\u63d0\u4f9b\u5168\u7403\u591a\u5e73\u53f0\u6536\u6b3e\u3001\u6362\u6c47\u3001\u4ed8\u6b3e\u4e00\u7ad9\u5f0f\u89e3\u51b3\u65b9\u6848\uff0c\u652f\u6301Amazon\u3001eBay\u3001Shopify\u7b49\u4e3b\u6d41\u5e73\u53f0<\/p>\n <\/div>\n <div class=\"wf-scenario-card\">\n <div class=\"wf-scenario-icon\">\n <i class=\"fas fa-handshake\"><\/i>\n <\/div>\n <h3 class=\"wf-scenario-title\">\u5916\u8d38B2B<\/h3>\n <p>\u4e3a\u4f01\u4e1a\u7ea7\u8d38\u6613\u63d0\u4f9b\u5927\u989d\u8de8\u5883\u6536\u4ed8\u6b3e\u3001\u4f9b\u5e94\u94fe\u91d1\u878d\u3001\u6c47\u7387\u98ce\u9669\u7ba1\u7406\uff0c\u652f\u6301\u4fe1\u7528\u8bc1\u3001\u6258\u6536\u7b49\u591a\u79cd\u7ed3\u7b97\u65b9\u5f0f<\/p>\n <\/div>\n <div class=\"wf-scenario-card\">\n <div class=\"wf-scenario-icon\">\n <i class=\"fas fa-database\"><\/i>\n <\/div>\n <h3 class=\"wf-scenario-title\">\u6570\u636e\u670d\u52a1<\/h3>\n <p>\u4e3aSaaS\u3001\u4e91\u670d\u52a1\u7b49\u6570\u5b57\u4f01\u4e1a\u63d0\u4f9b\u5168\u7403\u8ba2\u9605\u652f\u4ed8\u3001\u6279\u91cf\u4ed8\u6b3e\u670d\u52a1\uff0c\u652f\u6301API\u63a5\u53e3\u5b9a\u5236\u5316\u5f00\u53d1<\/p>\n <\/div>\n <div class=\"wf-scenario-card\">\n <div class=\"wf-scenario-icon\">\n <i class=\"fas fa-video\"><\/i>\n <\/div>\n <h3 class=\"wf-scenario-title\">\u8de8\u5883\u4e3b\u64ad<\/h3>\n <p>\u4e3a\u5185\u5bb9\u521b\u4f5c\u8005\u3001\u4e3b\u64ad\u63d0\u4f9b\u591a\u5e73\u53f0\u6536\u5165\u5408\u5e76\u3001\u8de8\u5883\u7ed3\u7b97\u3001\u5feb\u901f\u63d0\u73b0\uff0c\u652f\u6301YouTube\u3001Twitch\u7b49\u5e73\u53f0<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- \u6838\u5fc3\u4f18\u52bf \u00b7 \u6570\u636e\u89c1\u8bc1\u6210\u957f\uff08\u6807\u9898\u4e0b\u5212\u7ebf\u5df2\u79fb\u9664\uff09 -->\n <!-- \u2605 \u5df2\u6309\u7167\u8981\u6c42\uff1a\u80cc\u666f\u8272 #ff0051\uff0c\u6240\u6709\u5b57\u4f53\u767d\u8272\uff0c\u5176\u4ed6\u8bbe\u8ba1\u5143\u7d20\u4fdd\u7559 \u2605 -->\n <section class=\"wf-section wf-advantage-section\">\n <div class=\"wf-container\">\n <h2 class=\"wf-section-title wf-scroll-animation\">\u6570\u636e\u89c1\u8bc1\u6210\u957f<\/h2>\n <p class=\"wf-section-subtitle wf-scroll-animation\">20\u5e74\u884c\u4e1a\u6df1\u8015\uff0c\u5168\u7403150\u4e07+\u51fa\u6d77\u4f01\u4e1a\u7684\u5171\u540c\u9009\u62e9\uff0c\u4ee5\u4e13\u4e1a\u6280\u672f\u5b9e\u529b\u4e3a\u4f01\u4e1a\u5168\u7403\u5316\u4fdd\u9a7e\u62a4\u822a<\/p>\n <div class=\"wf-advantage-row wf-scroll-animation\">\n <div class=\"wf-advantage-card\">\n <div class=\"wf-advantage-number\" id=\"advantage-1\">20+\u5e74<\/div>\n <div class=\"wf-advantage-label\">\u884c\u4e1a\u7ecf\u9a8c<\/div>\n <p class=\"wf-advantage-desc\">\u6df1\u8015\u8de8\u5883\u652f\u4ed8\u9886\u57df\uff0c\u79ef\u7d2f\u4e86\u4e30\u5bcc\u7684\u884c\u4e1a\u7ecf\u9a8c\u4e0e\u4e13\u4e1a\u80fd\u529b\uff0c\u670d\u52a1\u8986\u76d6\u5168\u7403\u4e3b\u8981\u7ecf\u6d4e\u4f53<\/p>\n <\/div>\n <div class=\"wf-advantage-card\">\n <div class=\"wf-advantage-number\" id=\"advantage-2\">5000\u4ebf+<\/div>\n <div class=\"wf-advantage-label\">\u4ea4\u6613\u89c4\u6a21<\/div>\n <p class=\"wf-advantage-desc\">\u7d2f\u8ba1\u5904\u7406\u4ea4\u6613\u91d1\u989d\u8d855000\u4ebf\u5143\uff0c\u65e5\u5747\u4ea4\u6613\u989d\u8d85\u8fc710\u4ebf\u5143\uff0c\u8d44\u91d1\u5b89\u5168\u6709\u4fdd\u969c<\/p>\n <\/div>\n <div class=\"wf-advantage-card\">\n <div class=\"wf-advantage-number\" id=\"advantage-3\">150\u4e07+<\/div>\n <div class=\"wf-advantage-label\">\u4f01\u4e1a\u7528\u6237<\/div>\n <p class=\"wf-advantage-desc\">\u83b7\u5f97\u5168\u7403150\u4e07\u5bb6\u51fa\u6d77\u4f01\u4e1a\u7684\u4fe1\u4efb\u4e0e\u9009\u62e9\uff0c\u5ba2\u6237\u6ee1\u610f\u5ea6\u8d85\u8fc798%<\/p>\n <\/div>\n <div class=\"wf-advantage-card\">\n <div class=\"wf-advantage-number\" id=\"advantage-4\">60+<\/div>\n <div class=\"wf-advantage-label\">\u5168\u7403\u5e01\u79cd<\/div>\n <p class=\"wf-advantage-desc\">\u652f\u6301\u8d85\u8fc760\u79cd\u8d27\u5e01\u7684\u6536\u4ed8\u6b3e\uff0c\u8986\u76d6\u5168\u7403\u4e3b\u8981\u4ea4\u6613\u8d27\u5e01\uff0c\u6c47\u7387\u900f\u660e\u65e0\u9690\u85cf\u8d39\u7528<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- \u670d\u52a1\u6a21\u5757 \u00b7 \u5168\u7ea2\u7c89\u6ce2\u5149 -->\n <section class=\"wf-section wf-service-section\">\n <div class=\"wf-wave-2\"><\/div>\n <div class=\"wf-container\">\n <h2 class=\"wf-section-title wf-scroll-animation\">\u6211\u4eec\u7684\u670d\u52a1<\/h2>\n <p class=\"wf-section-subtitle wf-scroll-animation\">\u4ece\u5168\u7403\u6536\u6b3e\u5230\u8de8\u5883\u652f\u4ed8\uff0c\u4ece\u6c47\u7387\u4fdd\u969c\u5230\u8d44\u91d1\u7ba1\u7406\uff0c\u4e07\u91cc\u6c47\u63d0\u4f9b\u4e00\u7ad9\u5f0f\u8de8\u5883\u652f\u4ed8\u5168\u6d41\u7a0b\u89e3\u51b3\u65b9\u6848<\/p>\n <div class=\"wf-service-grid\">\n <div class=\"wf-service-card wf-scroll-animation\">\n <div class=\"wf-service-header\">\n <div class=\"wf-service-icon\">\n <i class=\"fas fa-money-check-alt\"><\/i>\n <\/div>\n <h3 class=\"wf-service-title\">\u5168\u7403\u6536\u6b3e<\/h3>\n <\/div>\n <ul class=\"wf-service-list\">\n <li>\u4e00\u952e\u5f00\u901a\u5168\u7403\u6536\u6b3e\u8d26\u6237\uff0c\u652f\u6301\u591a\u5e73\u53f0\u591a\u5e97\u94fa<\/li>\n <li>\u652f\u6301Amazon\u3001eBay\u3001Shopify\u7b4930+\u4e3b\u6d41\u7535\u5546\u5e73\u53f0<\/li>\n <li>\u591a\u5e01\u79cd\u81ea\u52a8\u6536\u6b3e\uff0c\u5b9e\u65f6\u6c47\u7387\u6362\u7b97<\/li>\n <li>\u5feb\u901f\u63d0\u73b0\uff0c\u6700\u5feb2\u5c0f\u65f6\u5230\u8d26\uff0c\u652f\u6301\u652f\u4ed8\u5b9d\/\u94f6\u884c\u5361<\/li>\n <\/ul>\n <\/div>\n <div class=\"wf-service-card wf-scroll-animation\">\n <div class=\"wf-service-header\">\n <div class=\"wf-service-icon\">\n <i class=\"fas fa-paper-plane\"><\/i>\n <\/div>\n <h3 class=\"wf-service-title\">\u5168\u7403\u4ed8\u6b3e<\/h3>\n <\/div>\n <ul class=\"wf-service-list\">\n <li>\u591a\u5e01\u79cd\u6279\u91cf\u4ed8\u6b3e\uff0c\u4e00\u6b21\u64cd\u4f5c\u5b8c\u6210\u591a\u7b14\u652f\u4ed8<\/li>\n <li>\u4f9b\u5e94\u5546\u4ed8\u6b3e\uff0c\u5b9e\u65f6\u5230\u8d26\uff0c\u652f\u6301\u5168\u7403\u94f6\u884c\u8f6c\u8d26<\/li>\n <li>VAT\u7a0e\u8d39\u7f34\u7eb3\uff0c\u652f\u6301\u591a\u56fd\u7a0e\u52a1\u673a\u6784\u76f4\u8fde<\/li>\n <li>\u5458\u5de5\u85aa\u916c\u53d1\u653e\uff0c\u652f\u6301\u591a\u56fd\u85aa\u8d44\u7ed3\u7b97<\/li>\n <\/ul>\n <\/div>\n <div class=\"wf-service-card wf-scroll-animation\">\n <div class=\"wf-service-header\">\n <div class=\"wf-service-icon\">\n <i class=\"fas fa-credit-card\"><\/i>\n <\/div>\n <h3 class=\"wf-service-title\">\u4e07\u91cc\u6c47\u4fe1\u7528\u5361<\/h3>\n <\/div>\n <ul class=\"wf-service-list\">\n <li>\u4e00\u952e\u7ed1\u5b9a\u5e73\u53f0\u652f\u4ed8\uff0c\u652f\u6301\u5168\u7403\u4e3b\u6d41\u7535\u5546\u5e73\u53f0<\/li>\n <li>\u5168\u7403\u6d88\u8d39\uff0c\u5b9e\u65f6\u6c47\u7387\uff0c\u65e0\u8d27\u5e01\u8f6c\u6362\u8d39<\/li>\n <li>\u6d88\u8d39\u8fd4\u73b0\uff0c\u6700\u9ad83%\uff0c\u8986\u76d6\u4e3b\u6d41\u6d88\u8d39\u573a\u666f<\/li>\n <li>\u4ea4\u6613\u5b89\u5168\uff0c\u5b9e\u65f6\u76d1\u63a7\uff0c7\u00d724\u5c0f\u65f6\u98ce\u9669\u63a7\u5236<\/li>\n <\/ul>\n <\/div>\n <div class=\"wf-service-card wf-scroll-animation\">\n <div class=\"wf-service-header\">\n <div class=\"wf-service-icon\">\n <i class=\"fas fa-shield-alt\"><\/i>\n <\/div>\n <h3 class=\"wf-service-title\">\u5168\u7403\u7ed3\u7b97\u4e0e\u6c47\u7387\u4fdd\u969c<\/h3>\n <\/div>\n <ul class=\"wf-service-list\">\n <li>\u6c47\u7387\u9501\u5b9a\uff0c\u89c4\u907f\u6c47\u7387\u6ce2\u52a8\u98ce\u9669\uff0c\u6700\u957f\u53ef\u950190\u5929<\/li>\n <li>\u4f4e\u6210\u672c\u6362\u6c47\uff0c0.3%\u8d77\uff0c\u8fdc\u4f4e\u4e8e\u94f6\u884c\u6c47\u7387<\/li>\n <li>\u5916\u6c47\u98ce\u9669\u7ba1\u7406\u54a8\u8be2\uff0c\u4e13\u4e1a\u56e2\u961f\u63d0\u4f9b\u5b9a\u5236\u65b9\u6848<\/li>\n <li>7×24\u5c0f\u65f6\u4e13\u4e1a\u652f\u6301\uff0c\u591a\u8bed\u8a00\u5ba2\u670d\u56e2\u961f<\/li>\n <\/ul>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- ===== \ud83c\udd95 \u7115\u65b0 \u00b7 \u4e8c\u7ef4\u7801\u5f39\u7a97 \u00b7 \u6ee1\u8db3\u5168\u90e8\u5b9a\u5236\u9700\u6c42 ===== -->\n <div id=\"wfQrPopup\" class=\"wf-qr-popup\">\n <div class=\"wf-qr-close\" id=\"closeQrPopup\">\n <i class=\"fas fa-times\"><\/i>\n <\/div>\n <div class=\"wf-qr-small\">\u624b\u673a\u626b\u7801\u6ce8\u518c<\/div>\n <div class=\"wf-qr-image\">\n <img decoding=\"async\" src=\"https:\/\/api.qrserver.com\/v1\/create-qr-code\/?size=160x160&data=https%3A%2F%2Fwww.worldfirst.com.cn%2Fstatic%2Fregister%2F%3Faffiliate_id%3DQD01161%26referral_id%3DQD01161\" \n alt=\"\u4e07\u91cc\u6c47 \u8de8\u5883\u652f\u4ed8\u8d26\u53f7\u6ce8\u518c\u4e8c\u7ef4\u7801\">\n <\/div>\n <div class=\"wf-qr-tiktok-link\">\n <a href=\"https:\/\/www.worldfirst.com.cn\/static\/register\/?affiliate_id=QD01161&referral_id=QD01161\" target=\"_blank\">\n \u8de8\u5883\u652f\u4ed8\u4e07\u91cc\u6c47\u8d26\u53f7\u6ce8\u518c\u94fe\u63a5\n <\/a>\n <\/div>\n <div class=\"wf-qr-footnote\">\n <a href=\"https:\/\/www.worldfirst.com.cn\/static\/register\/?affiliate_id=QD01161&referral_id=QD01161\" target=\"_blank\" style=\"color: #000000; text-decoration: underline;\">\u7535\u8111\u7aef\u6ce8\u518c<\/a>\n <\/div>\n <\/div>\n\n <script>\n (function() {\n 'use strict';\n\n \/\/ ----- \u4fdd\u7559\u5168\u90e8\u539f\u6709\u6548\u679c\uff1a\u6eda\u52a8\u52a8\u753b\u3001\u6570\u5b57\u6eda\u52a8\u3001\u5361\u7247\u60ac\u505c\u53d1\u5149\u7b49 -----\n \/\/ \u5e76\u690d\u5165\u4e8c\u7ef4\u7801\u5f39\u7a97\u903b\u8f91\uff08\u5b8c\u5168\u7b26\u5408\u6700\u65b0\u5b9a\u5236\u8981\u6c42\uff09\n\n \/\/ --- 1. \u9884\u89e3\u6790\u300c\u6570\u636e\u89c1\u8bc1\u6210\u957f\u300d\u6570\u5b57\u76ee\u6807\u503c\u548c\u540e\u7f00 ---\n function prepareAdvantageNumbers() {\n const numElements = document.querySelectorAll('.wf-advantage-number');\n numElements.forEach(el => {\n if (!el.dataset.target) {\n const rawText = el.innerText.trim();\n const match = rawText.match(\/^(\\d+)(.*)\/);\n if (match) {\n el.dataset.target = match[1]; \n el.dataset.suffix = match[2]; \n }\n }\n });\n }\n\n \/\/ --- 2. \u6570\u5b57\u6eda\u52a8\u52a8\u753b ---\n function animateNumberElement(el) {\n if (el.dataset.animated === 'true') return;\n const target = parseInt(el.dataset.target, 10);\n const suffix = el.dataset.suffix || '';\n if (isNaN(target)) return;\n el.dataset.animated = 'true';\n if (el.intervalId) {\n clearInterval(el.intervalId);\n el.intervalId = null;\n }\n el.innerText = '0' + suffix;\n let current = 0;\n const step = Math.max(1, Math.ceil(target \/ 90));\n const intervalTime = 25;\n el.intervalId = setInterval(() => {\n current += step;\n if (current >= target) {\n current = target;\n el.innerText = current + suffix;\n clearInterval(el.intervalId);\n el.intervalId = null;\n } else {\n el.innerText = current + suffix;\n }\n }, intervalTime);\n }\n\n let advantageAnimationStarted = false;\n function startAdvantageCounter() {\n if (advantageAnimationStarted) return;\n const advantageNumbers = document.querySelectorAll('.wf-advantage-number');\n if (advantageNumbers.length > 0) {\n advantageNumbers.forEach(el => animateNumberElement(el));\n advantageAnimationStarted = true;\n }\n }\n\n \/\/ --- 3. \u5143\u7d20\u8fdb\u5165\u89c6\u53e3\u68c0\u6d4b ---\n function elementInView(el, percentageScroll = 85) {\n if (!el) return false;\n const elementTop = el.getBoundingClientRect().top;\n return (elementTop <= ((window.innerHeight || document.documentElement.clientHeight) * (percentageScroll \/ 100)));\n }\n\n \/\/ --- 4. \ud83c\udd95 \u4e8c\u7ef4\u7801\u5f39\u7a97\u903b\u8f91 ---\n const qrPopup = document.getElementById('wfQrPopup');\n const closeBtn = document.getElementById('closeQrPopup');\n const heroButton = document.querySelector('.wf-primary-btn');\n\n let isQrVisible = false;\n\n function showQrPopup(buttonEl) {\n if (!buttonEl || !qrPopup) return;\n const rect = buttonEl.getBoundingClientRect();\n let leftPos = rect.right + 15;\n let topPos = rect.top + (rect.height \/ 2);\n\n const popupWidth = qrPopup.offsetWidth || 290;\n if (leftPos + popupWidth > window.innerWidth - 20) {\n leftPos = window.innerWidth - popupWidth - 20;\n }\n if (leftPos < 10) leftPos = 10;\n \n qrPopup.style.left = leftPos + 'px';\n qrPopup.style.top = topPos + 'px';\n qrPopup.classList.add('show');\n isQrVisible = true;\n }\n\n function hideQrPopup() {\n if (qrPopup) {\n qrPopup.classList.remove('show');\n isQrVisible = false;\n }\n }\n\n function toggleQrPopup(buttonEl) {\n if (isQrVisible) {\n hideQrPopup();\n } else {\n showQrPopup(buttonEl);\n }\n }\n\n function bindNewButtonBehavior() {\n const buttons = document.querySelectorAll('.wf-primary-btn');\n buttons.forEach(button => {\n const newButton = button.cloneNode(true);\n if (button.parentNode) {\n button.parentNode.replaceChild(newButton, button);\n }\n newButton.addEventListener('click', function(e) {\n e.preventDefault();\n this.style.transform = 'scale(0.95)';\n this.style.boxShadow = '0 5px 15px rgba(255,0,81,0.3)';\n setTimeout(() => {\n this.style.transform = '';\n this.style.boxShadow = '';\n }, 200);\n\n toggleQrPopup(this);\n });\n });\n }\n\n if (closeBtn) {\n closeBtn.addEventListener('click', function(e) {\n e.stopPropagation();\n hideQrPopup();\n });\n }\n\n window.addEventListener('scroll', function() {\n if (isQrVisible) {\n hideQrPopup();\n }\n });\n\n document.addEventListener('click', function(e) {\n if (!qrPopup) return;\n const isClickInsidePopup = qrPopup.contains(e.target);\n const isClickOnButton = e.target.closest('.wf-primary-btn');\n if (isQrVisible && !isClickInsidePopup && !isClickOnButton) {\n hideQrPopup();\n }\n });\n\n window.addEventListener('resize', function() {\n if (isQrVisible) {\n const btn = document.querySelector('.wf-primary-btn');\n if (btn) showQrPopup(btn);\n }\n });\n\n document.addEventListener('DOMContentLoaded', function() {\n const initialAnimations = document.querySelectorAll('.wf-animate');\n initialAnimations.forEach(el => { el.style.opacity = '1'; });\n \n const scrollElements = document.querySelectorAll('.wf-scroll-animation');\n const displayScrollElement = (element) => { element.classList.add('visible'); };\n \n const handleScrollAnimation = () => {\n scrollElements.forEach((el) => { \n if (elementInView(el, 85)) displayScrollElement(el); \n });\n \n const advantageSection = document.querySelector('.wf-advantage-section');\n if (!advantageAnimationStarted && advantageSection && elementInView(advantageSection, 70)) {\n startAdvantageCounter();\n }\n };\n\n prepareAdvantageNumbers();\n\n setTimeout(() => { \n handleScrollAnimation(); \n }, 300);\n\n window.addEventListener('scroll', function() {\n handleScrollAnimation();\n });\n\n if (!advantageAnimationStarted) {\n const advantageSection = document.querySelector('.wf-advantage-section');\n if (advantageSection && elementInView(advantageSection, 70)) {\n startAdvantageCounter();\n }\n }\n\n const cards = document.querySelectorAll('.wf-scenario-card, .wf-service-card, .wf-advantage-card');\n cards.forEach(card => {\n card.addEventListener('mouseenter', function() {\n this.style.transition = 'all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275)';\n const glow = document.createElement('div');\n glow.style.position = 'absolute';\n glow.style.top = '0';\n glow.style.left = '0';\n glow.style.width = '100%';\n glow.style.height = '100%';\n glow.style.background = 'radial-gradient(circle at center, rgba(255, 0, 81, 0.1) 0%, transparent 70%)';\n glow.style.borderRadius = '20px';\n glow.style.zIndex = '-1';\n glow.style.pointerEvents = 'none';\n glow.className = 'wf-card-glow';\n this.appendChild(glow);\n });\n card.addEventListener('mouseleave', function() {\n this.style.transition = 'all 0.3s ease';\n const glow = this.querySelector('.wf-card-glow');\n if (glow) {\n glow.style.opacity = '0';\n setTimeout(() => {\n if (glow.parentNode === this) this.removeChild(glow);\n }, 300);\n }\n });\n });\n });\n\n window.addEventListener('load', function() {\n if (!advantageAnimationStarted) {\n const advantageSection = document.querySelector('.wf-advantage-section');\n if (advantageSection && elementInView(advantageSection, 70)) {\n startAdvantageCounter();\n }\n }\n bindNewButtonBehavior();\n });\n\n if (document.readyState === 'interactive' || document.readyState === 'complete') {\n setTimeout(bindNewButtonBehavior, 50);\n } else {\n document.addEventListener('DOMContentLoaded', bindNewButtonBehavior);\n }\n })();\n <\/script>\n<\/body>\n<\/html>\n\n\n\n<!DOCTYPE html>\n<html lang=\"zh-CN\">\n<head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n <title>\u65e0\u7a7a\u767d-\u7cbe\u51c6\u8fd4\u56de\u9876\u90e8\u7bad\u5934<\/title>\n <style>\n \/* \u91cd\u7f6ebody\u9ed8\u8ba4\u6837\u5f0f\uff0c\u5f7b\u5e95\u6d88\u9664\u6d4f\u89c8\u5668\u81ea\u5e26\u8fb9\u8ddd\u5bfc\u81f4\u7684\u7a7a\u767d *\/\n body {\n margin: 0;\n padding: 0;\n }\n\n \/* \u5b8c\u5168\u9694\u79bb\u7684\u6837\u5f0f\u547d\u540d\uff0c\u675c\u7edd\u51b2\u7a81 *\/\n .pure-backtop-arrow {\n position: fixed;\n right: 20px;\n bottom: 20px; \/* \u6309\u94ae\u4e0e\u9875\u9762\u5e95\u90e8\u7684\u5408\u7406\u95f4\u8ddd\uff0c\u975e\u7a7a\u767d *\/\n width: 50px;\n height: 50px;\n background-color: #205cbc;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n box-shadow: 0 2px 8px rgba(32, 92, 188, 0.3);\n transition: all 0.3s ease;\n z-index: 99999999; \/* \u5927\u5e45\u63d0\u9ad8\u5c42\u7ea7\uff0c\u786e\u4fdd\u7f6e\u9876\uff08\u5173\u952e\u4fee\u6539\uff09 *\/\n border: none;\n outline: none;\n opacity: 1 !important; \/* \u59cb\u7ec8\u663e\u793a *\/\n pointer-events: auto !important; \/* \u59cb\u7ec8\u53ef\u70b9\u51fb *\/\n user-select: none; \/* \u9632\u6b62\u8bef\u9009 *\/\n -webkit-user-select: none;\n }\n\n \/* \u7bad\u5934\u6837\u5f0f\uff1a\u5c45\u4e2d\u7cbe\u81f4 *\/\n .pure-backtop-arrow::after {\n content: '';\n width: 16px;\n height: 16px;\n border-top: 3px solid #f5f7fa;\n border-left: 3px solid #f5f7fa;\n transform: rotate(45deg);\n margin-bottom: -4px;\n transition: all 0.3s ease;\n }\n\n \/* \u60ac\u505c\/\u70b9\u51fb\u4ea4\u4e92\u6548\u679c *\/\n .pure-backtop-arrow:hover {\n background-color: #184a9c;\n transform: translateY(-3px);\n box-shadow: 0 4px 12px rgba(32, 92, 188, 0.5);\n }\n .pure-backtop-arrow:hover::after {\n border-top-color: #ffffff;\n border-left-color: #ffffff;\n }\n .pure-backtop-arrow:active {\n transform: translateY(1px);\n box-shadow: 0 2px 6px rgba(32, 92, 188, 0.3);\n }\n\n \/* \u54cd\u5e94\u5f0f\u9002\u914d\uff1a\u624b\u673a\/\u5e73\u677f\/\u7535\u8111 *\/\n @media (max-width: 768px) {\n .pure-backtop-arrow {\n width: 40px;\n height: 40px;\n right: 15px;\n bottom: 15px;\n }\n .pure-backtop-arrow::after {\n width: 12px;\n height: 12px;\n }\n }\n @media (max-width: 480px) {\n .pure-backtop-arrow {\n width: 36px;\n height: 36px;\n right: 10px;\n bottom: 10px;\n }\n .pure-backtop-arrow::after {\n width: 10px;\n height: 10px;\n }\n }\n <\/style>\n<\/head>\n<body>\n <!-- \ud83d\udc47 \u6b64\u5904\u4ec5\u4fdd\u7559\u4f60\u7684\u5b9e\u9645\u7f51\u9875\u5185\u5bb9\uff0c\u65e0\u4efb\u4f55\u6d4b\u8bd5div\uff01\uff01 -->\n <!-- \u793a\u4f8b\uff1a\u4f60\u7684\u7f51\u9875\u5185\u5bb9\u53ef\u4ee5\u662f\u6587\u5b57\u3001\u56fe\u7247\u3001\u8868\u5355\u7b49\uff0c\u6bd4\u5982\uff1a\n <div>\u4f60\u7684\u7f51\u9875\u5185\u5bb91<\/div>\n <div>\u4f60\u7684\u7f51\u9875\u5185\u5bb92<\/div>\n -->\n\n <!-- \u8fd4\u56de\u9876\u90e8\u7bad\u5934\uff08\u4ec5\u8fd9\u4e00\u4e2a\u6309\u94ae\uff0c\u65e0\u5176\u4ed6\u5197\u4f59\u5143\u7d20\uff09 -->\n <button class=\"pure-backtop-arrow\" id=\"pureBacktopArrow\"><\/button>\n\n <script>\n \/\/ \u7b49\u5f85DOM\u52a0\u8f7d\u5b8c\u6210\n document.addEventListener('DOMContentLoaded', function() {\n const backtopBtn = document.getElementById('pureBacktopArrow');\n \n if (backtopBtn) {\n \/\/ \u6838\u5fc3\uff1a100%\u7cbe\u51c6\u8fd4\u56de\u9876\u90e8\uff08\u517c\u5bb9\u6240\u6709\u6d4f\u89c8\u5668\uff09\n backtopBtn.addEventListener('click', function() {\n \/\/ \u7acb\u5373\u505c\u6b62\u6240\u6709\u6eda\u52a8\u52a8\u753b\n window.scrollTo(0, 0);\n \n \/\/ \u73b0\u4ee3\u6d4f\u89c8\u5668\u5e73\u6ed1\u6eda\u52a8\uff08\u53cc\u5bb9\u5668\u517c\u5bb9\uff09\n if ('scrollBehavior' in document.documentElement.style) {\n document.documentElement.scrollTo({ top: 0, left: 0, behavior: 'smooth' });\n document.body.scrollTo({ top: 0, left: 0, behavior: 'smooth' });\n }\n \n \/\/ \u5f3a\u5236\u515c\u5e95\uff1a\u786e\u4fdd\u7edd\u5bf9\u5230\u9876\n setTimeout(() => {\n window.scrollTo(0, 0);\n document.documentElement.scrollTop = 0;\n document.body.scrollTop = 0;\n if (window.parent) window.parent.scrollTo(0, 0);\n }, 10);\n });\n } else {\n console.error('\u8fd4\u56de\u9876\u90e8\u6309\u94ae\u672a\u627e\u5230\uff0c\u8bf7\u68c0\u67e5ID');\n }\n });\n <\/script>\n<\/body>\n<\/html>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns alignfull is-layout-flex wp-container-core-columns-is-layout-9ba6dbca wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:100%\"><\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>\u4e07\u91cc\u6c47 \u00b7 \u7ea2\u97f5\u65b0\u751f \u00b7 \u8de8\u5883\u652f\u4ed8\u670d\u52a1\u5546 \u4e00\u4e2a\u8d26\u6237 \u5168\u7403\u6536\u4ed8 \u652f\u6301\u5168\u7403200+\u56fd\u5bb6\u548c\u5730\u533a\uff0c60+\u4e3b\u6d41\u5e01\u79cd\uff0c\u4e3a\u8de8 […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_themeisle_gutenberg_block_has_review":false,"_kadence_starter_templates_imported_post":false,"footnotes":""},"class_list":["post-1572","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.dqxdao.com\/index.php\/wp-json\/wp\/v2\/pages\/1572","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.dqxdao.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.dqxdao.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.dqxdao.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.dqxdao.com\/index.php\/wp-json\/wp\/v2\/comments?post=1572"}],"version-history":[{"count":81,"href":"https:\/\/www.dqxdao.com\/index.php\/wp-json\/wp\/v2\/pages\/1572\/revisions"}],"predecessor-version":[{"id":3431,"href":"https:\/\/www.dqxdao.com\/index.php\/wp-json\/wp\/v2\/pages\/1572\/revisions\/3431"}],"wp:attachment":[{"href":"https:\/\/www.dqxdao.com\/index.php\/wp-json\/wp\/v2\/media?parent=1572"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}