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