{"id":1534,"date":"2025-11-29T02:28:03","date_gmt":"2025-11-28T18:28:03","guid":{"rendered":"http:\/\/www.dqxdao.com\/?page_id=1534"},"modified":"2026-04-02T10:56:01","modified_gmt":"2026-04-02T02:56:01","slug":"%e5%85%a8%e7%90%83%e5%95%86%e6%a0%87%e4%b8%8e%e7%9f%a5%e8%af%86%e4%ba%a7%e6%9d%83%e6%9c%8d%e5%8a%a1","status":"publish","type":"page","link":"https:\/\/www.dqxdao.com\/index.php\/en\/%e5%85%a8%e7%90%83%e5%95%86%e6%a0%87%e4%b8%8e%e7%9f%a5%e8%af%86%e4%ba%a7%e6%9d%83%e6%9c%8d%e5%8a%a1\/","title":{"rendered":"\u5168\u7403\u5546\u6807\u4e0e\u77e5\u8bc6\u4ea7\u6743\u670d\u52a1"},"content":{"rendered":"\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%;\"> <!-- Font Awesome -->  <!-- Tailwind CSS --> <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script> <!-- Tailwind\u914d\u7f6e --> <script>\r\n        tailwind.config = {\r\n            theme: {\r\n                extend: {\r\n                    colors: {\r\n                        primary: '#205cbc',\r\n                        secondary: '#f5f7fa',\r\n                        accent: '#164999',\r\n                    },\r\n                    fontFamily: {\r\n                        sans: ['Inter', 'system-ui', 'sans-serif'],\r\n                    },\r\n                }\r\n            }\r\n        }\r\n    <\/script> <!-- \u5168\u9762\u65e0\u7a7a\u9699\u6837\u5f0f\u91cd\u7f6e --> <style>\r\n        * {\r\n            margin: 0;\r\n            padding: 0;\r\n            box-sizing: border-box;\r\n        }\r\n        html, body {\r\n            margin: 0;\r\n            padding: 0;\r\n            overflow-x: hidden;\r\n        }\r\n        img {\r\n            display: block;\r\n            max-width: 100%;\r\n            height: auto;\r\n        }\r\n        ul, ol {\r\n            list-style: none;\r\n            margin: 0;\r\n            padding: 0;\r\n        }\r\n        a, button {\r\n            text-decoration: none;\r\n            color: inherit;\r\n            display: inline-block;\r\n        }\r\n        table {\r\n            border-collapse: collapse;\r\n            border-spacing: 0;\r\n        }\r\n        td, th {\r\n            padding: 0;\r\n        }\r\n        .inline-block-container {\r\n            font-size: 0;\r\n        }\r\n        .inline-block-item {\r\n            display: inline-block;\r\n            font-size: 16px;\r\n            vertical-align: top;\r\n        }\r\n        .flex-container {\r\n            display: flex;\r\n        }\r\n        .grid-container {\r\n            display: grid;\r\n            grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\r\n        }\r\n    <\/style> <!-- Tailwind\u81ea\u5b9a\u4e49\u6837\u5f0f --> <style type=\"text\/tailwindcss\">\r\n        @layer utilities {\r\n            .content-auto {\r\n                content-visibility: auto;\r\n            }\r\n            .fade-in {\r\n                animation: fadeIn 0.8s ease forwards;\r\n            }\r\n            .arrow-bounce {\r\n                animation: arrowBounce 2s infinite;\r\n                cursor: pointer;\r\n            }\r\n            @keyframes fadeIn {\r\n                from { opacity: 0; }\r\n                to { opacity: 1; }\r\n            }\r\n            @keyframes arrowBounce {\r\n                0%, 100% { transform: translateY(0); }\r\n                50% { transform: translateY(10px); }\r\n            }\r\n        }\r\n    <\/style> <!-- \u9875\u9762\u7279\u5b9a\u6837\u5f0f\uff1a\u6e10\u53d8\u80cc\u666f & \u5b57\u4f53\u56fe\u6807\u4fdd\u5e95 --> <style>\r\n        body {\r\n            background: \r\n                radial-gradient(\r\n                    150% 150% at 30% 10%,\r\n                    rgba(255, 255, 255, 0.9) 0%,\r\n                    rgba(230, 240, 255, 0.7) 25%,\r\n                    rgba(200, 220, 255, 0.5) 50%,\r\n                    rgba(180, 210, 255, 0.3) 75%,\r\n                    rgba(160, 200, 255, 0.1) 100%\r\n                ),\r\n                linear-gradient(\r\n                    135deg,\r\n                    rgba(255, 255, 255, 1) 0%,\r\n                    rgba(245, 248, 255, 0.9) 50%,\r\n                    rgba(235, 245, 255, 0.8) 100%\r\n                );\r\n            background-attachment: fixed;\r\n            background-blend-mode: overlay;\r\n            backdrop-filter: blur(10px);\r\n        }\r\n        [class^=\"fa-\"], [class*=\" fa-\"] {\r\n            font-family: 'FontAwesome' !important;\r\n            speak: none;\r\n            font-style: normal;\r\n            font-weight: normal;\r\n            font-variant: normal;\r\n            text-transform: none;\r\n            line-height: 1;\r\n            -webkit-font-smoothing: antialiased;\r\n            -moz-osx-font-smoothing: grayscale;\r\n        }\r\n        body, button, input, select, textarea {\r\n            font-family: inherit;\r\n        }\r\n    <\/style><!-- \u6d77\u62a5\u5934\u90e8 --><header class=\"relative w-full h-[500px] bg-primary overflow-hidden\"><!-- \r\n            \u80cc\u666f\u56fe\u7247\uff1a\u4fee\u590d\u4e86\u539f\u4ee3\u7801\u4e2d\u7f3a\u5931\u7684\u95ed\u5408\u5f15\u53f7\u548c\u62ec\u53f7 \r\n            \u73b0\u5728\u53ef\u4ee5\u6b63\u786e\u52a0\u8f7d\u56fe\u7247 \r\n        -->\r\n<div class=\"absolute inset-0 bg-cover bg-center\" style=\"background-image: url('https:\/\/www.dqxdao.com\/wp-content\/uploads\/2026\/02\/13-1.jpg');\">\u00a0<\/div>\r\n<!-- \r\n            \u84dd\u8272\u900f\u660e\u906e\u7f69\u5c42\uff1a\r\n            - \u4fdd\u7559 bg-primary \u4f5c\u4e3a\u540e\u5907\u80cc\u666f\u8272\uff08#205cbc\uff09\r\n            - \u4f7f\u7528\u5185\u8054\u6837\u5f0f\u660e\u786e\u534a\u900f\u660e\u84dd\u8272 rgba(32,92,188,0.4) \r\n            - \u65e2\u4fdd\u8bc1\u300c\u52a0\u84dd\u8272\u989c\u8272\u300d\uff0c\u53c8\u4fdd\u6301\u900f\u660e\u6548\u679c\uff0c\u5176\u4ed6\u89c6\u89c9\u5143\u7d20\u4e0d\u53d8\r\n        -->\r\n<div class=\"absolute inset-0 bg-primary\" style=\"background-color: rgba(32, 92, 188, 0.4);\">\u00a0<\/div>\r\n<div class=\"relative h-full flex flex-col items-center justify-center text-white px-4 z-10 fade-in\">\r\n<h1 class=\"text-[clamp(2.5rem,5vw,4rem)] font-bold mb-4 text-center\">\u5168\u7403\u5546\u6807\u4e0e\u77e5\u8bc6\u4ea7\u6743\u670d\u52a1<\/h1>\r\n<p class=\"text-[clamp(1rem,2vw,1.25rem)] max-w-3xl text-center opacity-90 mb-8\">\u4ee5 \u4e13 \u4e1a \u670d \u52a1 \uff0c \u4e3a \u54c1 \u724c \u5168 \u7403 \u5316 \u4e4b \u65c5 \u4fdd \u9a7e \u62a4 \u822a<\/p>\r\n<div id=\"scrollDownBtn\" class=\"absolute bottom-8 left-1\/2 -translate-x-1\/2 text-white text-3xl arrow-bounce\">\u00a0<\/div>\r\n<\/div>\r\n<\/header><!-- \u9875\u9762\u5176\u4f59\u90e8\u5206\u4fdd\u6301\u4e0d\u53d8\uff08\u5982\u6709\u540e\u7eed\u5185\u5bb9\u53ef\u5728\u6b64\u8ffd\u52a0\uff09 -->\r\n\r\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>  <script>\r\n        tailwind.config = {\r\n            theme: {\r\n                extend: {\r\n                    colors: {\r\n                        'ip-primary': '#205cbc',\r\n                        'ip-secondary': '#f5f7fa',\r\n                        'ip-dark': '#164088',\r\n                        'ip-light': '#e8edf5',\r\n                        'ip-accent': '#3b82f6',\r\n                        'ip-text': '#1a3a7c',\r\n                    },\r\n                    fontFamily: {\r\n                        'ip-sans': ['Inter', 'system-ui', 'sans-serif'],\r\n                    },\r\n                    animation: {\r\n                        'ip-float': 'float 3s ease-in-out infinite',\r\n                        'ip-fade-in': 'fadeIn 0.8s ease-out forwards',\r\n                        'ip-slide-up': 'slideUp 0.6s ease-out forwards',\r\n                        'soft-pulse': 'softPulse 1.8s ease-in-out infinite',\r\n                    },\r\n                    keyframes: {\r\n                        float: {\r\n                            '0%, 100%': { transform: 'translateY(0)' },\r\n                            '50%': { transform: 'translateY(-10px)' },\r\n                        },\r\n                        fadeIn: {\r\n                            '0%': { opacity: '0' },\r\n                            '100%': { opacity: '1' },\r\n                        },\r\n                        slideUp: {\r\n                            '0%': { opacity: '0', transform: 'translateY(20px)' },\r\n                            '100%': { opacity: '1', transform: 'translateY(0)' },\r\n                        },\r\n                        softPulse: {\r\n                            '0%, 100%': { opacity: 1, transform: 'scale(1)' },\r\n                            '50%': { opacity: 0.7, transform: 'scale(1.08)' },\r\n                        },\r\n                    },\r\n                },\r\n            }\r\n        };\r\n    <\/script><style type=\"text\/tailwindcss\">\r\n        @layer utilities {\r\n            .ip-container {\r\n                max-width: 1300px;\r\n                margin: 0 auto;\r\n                padding: 0 20px;\r\n            }\r\n            .ip-section {\r\n                padding: 60px 0;\r\n                width: 100%;\r\n            }\r\n            .ip-card {\r\n                transition: all 0.3s ease;\r\n                border: 1px solid #e2e8f0;\r\n                border-radius: 8px;\r\n                overflow: hidden;\r\n            }\r\n            .ip-card:hover {\r\n                transform: translateY(-5px);\r\n                border-color: #205cbc;\r\n                box-shadow: 0 10px 25px -5px rgba(32, 92, 188, 0.1);\r\n            }\r\n            .ip-text-shadow {\r\n                text-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);\r\n            }\r\n            .ip-bg-gradient {\r\n                background: linear-gradient(135deg, #205cbc 0%, #3b82f6 100%);\r\n            }\r\n            .ip-scroll-reveal {\r\n                opacity: 0;\r\n                transform: translateY(20px);\r\n                transition: opacity 0.6s ease, transform 0.6s ease;\r\n            }\r\n            .ip-scroll-reveal.active {\r\n                opacity: 1;\r\n                transform: translateY(0);\r\n            }\r\n            html, body {\r\n                margin: 0;\r\n                padding: 0;\r\n                overflow-x: hidden;\r\n                min-height: 100vh;  \/* \u786e\u4fdd\u94fa\u6ee1\u89c6\u53e3 *\/\r\n            }\r\n            .ip-carousel {\r\n                position: relative;\r\n                overflow: hidden;\r\n            }\r\n            .ip-carousel-inner {\r\n                display: flex;\r\n                transition: transform 0.5s ease;\r\n            }\r\n            .ip-carousel-item {\r\n                flex: 0 0 100%;\r\n            }\r\n            .rounded-xl {\r\n                transform: scale(1.08);\r\n                transform-origin: left center;\r\n                transition: transform 0.3s ease;\r\n            }\r\n            .global-trademark-carousel img {\r\n                transform: none !important;\r\n                border-radius: 0.75rem;\r\n            }\r\n            .map-marker {\r\n                z-index: 10;\r\n                cursor: default;\r\n            }\r\n            .btn-shine {\r\n                position: relative;\r\n                overflow: hidden;\r\n                transition: all 0.3s ease;\r\n            }\r\n            .btn-shine::after {\r\n                content: '';\r\n                position: absolute;\r\n                top: -50%;\r\n                left: -60%;\r\n                width: 200%;\r\n                height: 200%;\r\n                background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.3) 50%, rgba(255,255,255,0) 100%);\r\n                transform: rotate(25deg);\r\n                transition: left 0.5s ease;\r\n                pointer-events: none;\r\n            }\r\n            .btn-shine:hover::after {\r\n                left: 100%;\r\n            }\r\n            \/* \u60ac\u505c\u5bf9\u8bdd\u6846\u6837\u5f0f - \u63d0\u5347\u5c42\u7ea7\u5230\u6700\u4e0a\u65b9 *\/\r\n            .map-marker .tooltip {\r\n                display: none;\r\n                position: absolute;\r\n                background-color: white;\r\n                color: #1a3a7c;\r\n                border-radius: 0.75rem;\r\n                box-shadow: 0 10px 20px -5px rgba(0,0,0,0.15);\r\n                padding: 0.5rem 1rem;\r\n                font-size: 0.875rem;\r\n                z-index: 9999 !important;\r\n                white-space: normal;\r\n                width: 170px;\r\n                pointer-events: none;\r\n                border: 1px solid #e2e8f0;\r\n                line-height: 1.4;\r\n                font-weight: 500;\r\n            }\r\n            .map-marker:hover .tooltip {\r\n                display: block;\r\n            }\r\n            .map-marker span {\r\n                pointer-events: none;\r\n            }\r\n        }\r\n    <\/style><!-- \u5c06 body \u80cc\u666f\u8272\u6539\u4e3a\u4e0e\u5e95\u90e8\u84dd\u8272\u4e00\u81f4\u7684 ip-primary\uff0c\u5f7b\u5e95\u6d88\u9664\u5e95\u90e8\u7a7a\u9699 --> <!-- 1. \u6211\u4eec\u7684\u670d\u52a1\u677f\u5757 (\u4e0d\u53d8) -->\r\n<section class=\"ip-section bg-white ip-scroll-reveal\">\r\n<div class=\"ip-container\">\r\n<h2 class=\"text-[clamp(1.5rem,3vw,2.5rem)] font-bold text-center mb-2 text-ip-primary\" style=\"color: #012257;\">\u6211\u4eec\u7684\u670d\u52a1<\/h2>\r\n<p class=\"text-center text-ip-text\/80 mb-12 text-lg\">\u4e3a\u60a8\u63d0\u4f9b\u5168\u9762\u7684\u77e5\u8bc6\u4ea7\u6743\u89e3\u51b3\u65b9\u6848<\/p>\r\n<div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-8\">\r\n<div class=\"ip-card bg-white p-8 text-center\">\r\n<div class=\"w-16 h-16 bg-ip-light rounded-full flex items-center justify-center mx-auto mb-6 text-ip-primary text-6xl\">\u00a0<\/div>\r\n<h3 class=\"text-xl font-semibold mb-4 text-ip-text\">\u5168\u7403\u5546\u6807\u6ce8\u518c<\/h3>\r\n<p class=\"text-ip-text\/80\">\u8986\u76d6\u7f8e\u56fd\u3001\u6b27\u6d32\u3001\u9999\u6e2f\u3001\u4e1c\u5357\u4e9a\u7b49\u70ed\u95e8\u5730\u533a\u7684\u5546\u6807\u6ce8\u518c\u670d\u52a1<\/p>\r\n<\/div>\r\n<div class=\"ip-card bg-white p-8 text-center\">\r\n<div class=\"w-16 h-16 bg-ip-light rounded-full flex items-center justify-center mx-auto mb-6 text-ip-primary text-6xl\">\u00a0<\/div>\r\n<h3 class=\"text-xl font-semibold mb-4 text-ip-text\">\u7248\u6743\u4e0e\u4e13\u5229\u54a8\u8be2<\/h3>\r\n<p class=\"text-ip-text\/80\">\u4e13\u4e1a\u7684\u7248\u6743\u7533\u8bf7\u3001\u4e13\u5229\u54a8\u8be2\u53ca\u76f8\u5173\u6cd5\u5f8b\u6587\u4ef6\u529e\u7406\u670d\u52a1<\/p>\r\n<\/div>\r\n<div class=\"ip-card bg-white p-8 text-center\">\r\n<div class=\"w-16 h-16 bg-ip-light rounded-full flex items-center justify-center mx-auto mb-6 text-ip-primary text-6xl\">\u00a0<\/div>\r\n<h3 class=\"text-xl font-semibold mb-4 text-ip-text\">\u77e5\u8bc6\u4ea7\u6743\u7ef4\u6743<\/h3>\r\n<p class=\"text-ip-text\/80\">\u5168\u65b9\u4f4d\u7684\u77e5\u8bc6\u4ea7\u6743\u4fb5\u6743\u7ef4\u6743\u3001\u6cd5\u5f8b\u8bc9\u8bbc\u53ca\u4e89\u8bae\u89e3\u51b3\u670d\u52a1<\/p>\r\n<\/div>\r\n<div class=\"ip-card bg-white p-8 text-center\">\r\n<div class=\"w-16 h-16 bg-ip-light rounded-full flex items-center justify-center mx-auto mb-6 text-ip-primary text-6xl\">\u00a0<\/div>\r\n<h3 class=\"text-xl font-semibold mb-4 text-ip-text\">\u6218\u7565\u89c4\u5212<\/h3>\r\n<p class=\"text-ip-text\/80\">\u5b9a\u5236\u5316\u7684\u77e5\u8bc6\u4ea7\u6743\u5e03\u5c40\u4e0e\u516c\u53f8\u67b6\u6784\u4f18\u5316\u65b9\u6848<\/p>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/section>\r\n<!-- 2. \u5168\u7403\u5546\u6807\u6ce8\u518c\u677f\u5757 (\u56fe\u6807\u5df2\u6309\u6700\u65b0\u8981\u6c42\u8c03\u6574) -->\r\n<section class=\"ip-section bg-ip-secondary ip-scroll-reveal\">\r\n<div class=\"ip-container\">\r\n<div class=\"grid grid-cols-1 lg:grid-cols-2 gap-12 items-center\">\r\n<div>\r\n<h2 class=\"text-[clamp(1.5rem,3vw,2.5rem)] font-bold mb-6 text-ip-primary\" style=\"color: #012257;\">\u5168\u7403\u5546\u6807\u6ce8\u518c<\/h2>\r\n<p class=\"text-ip-text mb-6 leading-relaxed\">\u6211\u4eec\u63d0\u4f9b\u8986\u76d6\u5168\u7403\u4e3b\u8981\u7ecf\u6d4e\u4f53\u7684\u5546\u6807\u6ce8\u518c\u670d\u52a1\uff0c\u4e13\u6ce8\u4e8e\u9ad8\u4ef7\u503c\u5546\u4e1a\u533a\u57df\u7684\u77e5\u8bc6\u4ea7\u6743\u4fdd\u62a4\u3002\u65e0\u8bba\u662f\u521d\u521b\u4f01\u4e1a\u8fd8\u662f\u8de8\u56fd\u516c\u53f8\uff0c\u6211\u4eec\u90fd\u80fd\u63d0\u4f9b\u5b9a\u5236\u5316\u7684\u6ce8\u518c\u65b9\u6848\uff0c\u786e\u4fdd\u60a8\u7684\u54c1\u724c\u5728\u5168\u7403\u5e02\u573a\u5f97\u5230\u5168\u9762\u4fdd\u62a4\u3002<\/p>\r\n<div class=\"space-y-4 mb-8\">\r\n<div class=\"flex items-start\">\r\n<div class=\"text-ip-primary mr-4 mt-1\">\u00a0<\/div>\r\n<div>\r\n<h4 class=\"font-semibold text-ip-text\">\u7f8e\u56fd\u5546\u6807\u6ce8\u518c<\/h4>\r\n<p class=\"text-ip-text\/70 text-sm\">USPTO\u5b98\u65b9\u6ce8\u518c\u901a\u9053\uff0c\u5feb\u901f\u5ba1\u6838\uff0c\u5168\u7a0b\u8ddf\u8e2a<\/p>\r\n<\/div>\r\n<\/div>\r\n<div class=\"flex items-start\">\r\n<div class=\"text-ip-primary mr-4 mt-1\">\u00a0<\/div>\r\n<div>\r\n<h4 class=\"font-semibold text-ip-text\">\u6b27\u6d32\u5546\u6807\u6ce8\u518c<\/h4>\r\n<p class=\"text-ip-text\/70 text-sm\">\u6b27\u76df\u5546\u6807\u5c40(EUIPO)\u4e00\u7ad9\u5f0f\u6ce8\u518c\uff0c\u8986\u76d627\u4e2a\u6210\u5458\u56fd<\/p>\r\n<\/div>\r\n<\/div>\r\n<div class=\"flex items-start\">\r\n<div class=\"text-ip-primary mr-4 mt-1\">\u00a0<\/div>\r\n<div>\r\n<h4 class=\"font-semibold text-ip-text\">\u4e2d\u56fd\u9999\u6e2f\u5546\u6807\u6ce8\u518c<\/h4>\r\n<p class=\"text-ip-text\/70 text-sm\">\u9ad8\u6548\u4fbf\u6377\uff0c6-8\u4e2a\u6708\u5b8c\u6210\u6ce8\u518c\uff0c\u8d39\u7528\u900f\u660e<\/p>\r\n<\/div>\r\n<\/div>\r\n<div class=\"flex items-start\">\r\n<div class=\"text-ip-primary mr-4 mt-1\">\u00a0<\/div>\r\n<div>\r\n<h4 class=\"font-semibold text-ip-text\">\u4e1c\u5357\u4e9a\u5546\u6807\u6ce8\u518c<\/h4>\r\n<p class=\"text-ip-text\/70 text-sm\">\u65b0\u52a0\u5761\u3001\u9a6c\u6765\u897f\u4e9a\u3001\u6cf0\u56fd\u7b49\u70ed\u95e8\u5e02\u573a\u5168\u8986\u76d6<\/p>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<button class=\"bg-ip-primary text-white px-6 py-3 rounded-lg hover:bg-ip-dark transition-all duration-300\"> <i class=\"fa fa-info-circle mr-2\"><\/i> \u4e86\u89e3\u66f4\u591a <\/button><\/div>\r\n<!-- \u53f3\u4fa7\u56fe\u7247\u533a\u57df (\u56fe\u6807\u4f4d\u7f6e\u5df2\u91cd\u65b0\u8c03\u6574\uff0c\u9999\u6e2f\u4e0a\u79fb\u81f355%\uff0c\u7f8e\u56fd\u4e0b\u79fb\u81f328%) -->\r\n<div class=\"ip-carousel rounded-xl overflow-visible relative global-trademark-carousel\" style=\"overflow: visible !important;\">\r\n<div class=\"ip-carousel-inner\">\r\n<div class=\"ip-carousel-item relative\"><img decoding=\"async\" class=\"w-full h-auto rounded-xl\" style=\"transform: none;\" src=\"https:\/\/www.dqxdao.com\/wp-content\/uploads\/2026\/02\/12.png\" alt=\"\u5168\u7403\u5546\u6807\u6ce8\u518c\u670d\u52a1\" \/> <!-- \u7f8e\u56fd (\u4e0b\u79fb\uff1a\u4ece24%\u6539\u4e3a28%) -->\r\n<div class=\"absolute map-marker\" style=\"left: 15%; top: 28%;\"><i class=\"fa fa-map-marker text-ip-primary text-3xl drop-shadow-lg animate-soft-pulse\"><\/i> <span class=\"absolute left-7 top-1 whitespace-nowrap text-white bg-ip-primary\/80 text-xs px-2 py-0.5 rounded-full\">\u7f8e\u56fd<\/span>\r\n<div class=\"tooltip\" style=\"left: 30px; top: -15px;\">\ud83c\uddfa\ud83c\uddf8 \u7f8e\u56fd\u5546\u6807\u6ce8\u518c<br \/>USPTO\u76f4\u901a\uff0c\u6700\u5feb6\u4e2a\u6708<\/div>\r\n<\/div>\r\n<!-- \u6b27\u6d32 (\u5de630% \u4e0a25%) -->\r\n<div class=\"absolute map-marker\" style=\"left: 30%; top: 25%;\"><i class=\"fa fa-map-marker text-ip-primary text-3xl drop-shadow-lg animate-soft-pulse\"><\/i> <span class=\"absolute left-7 top-1 whitespace-nowrap text-white bg-ip-primary\/80 text-xs px-2 py-0.5 rounded-full\">\u6b27\u6d32<\/span>\r\n<div class=\"tooltip\" style=\"left: 30px; top: -15px;\">\ud83c\uddea\ud83c\uddfa \u6b27\u76df\u5546\u6807\u6ce8\u518c<br \/>\u8986\u76d627\u56fd\uff0c\u4e00\u6807\u591a\u7c7b<\/div>\r\n<\/div>\r\n<!-- \u9999\u6e2f (\u4e0a\u79fb\u81f355%) -->\r\n<div class=\"absolute map-marker\" style=\"left: 70%; top: 55%;\"><i class=\"fa fa-map-marker text-ip-primary text-3xl drop-shadow-lg animate-soft-pulse\"><\/i> <span class=\"absolute whitespace-nowrap text-white bg-ip-primary\/80 text-xs px-2 py-0.5 rounded-full\" style=\"left: -2.5rem; top: 0.25rem;\">\u9999\u6e2f<\/span>\r\n<div class=\"tooltip\" style=\"left: -140px; top: -15px;\">\ud83c\udded\ud83c\uddf0 \u9999\u6e2f\u5546\u6807\u6ce8\u518c<br \/>6-8\u4e2a\u6708\u62ff\u8bc1\uff0c\u8d39\u7528\u900f\u660e<\/div>\r\n<\/div>\r\n<!-- \u4e1c\u5357\u4e9a (68%) -->\r\n<div class=\"absolute map-marker\" style=\"left: 81%; top: 68%;\"><i class=\"fa fa-map-marker text-ip-primary text-3xl drop-shadow-lg animate-soft-pulse\"><\/i> <span class=\"absolute whitespace-nowrap text-white bg-ip-primary\/80 text-xs px-2 py-0.5 rounded-full\" style=\"left: -2.5rem; top: 0.25rem;\">\u4e1c\u5357\u4e9a<\/span>\r\n<div class=\"tooltip\" style=\"left: -130px; top: -40px;\">\ud83c\udf0f \u4e1c\u5357\u4e9a\u5546\u6807<br \/>\u65b0\u52a0\u5761\u3001\u9a6c\u6765\u897f\u4e9a\u3001\u6cf0\u56fd\u7b49<\/div>\r\n<\/div>\r\n<!-- \u65e5\u672c (\u5de674% \u4e0a31%) -->\r\n<div class=\"absolute map-marker\" style=\"left: 74%; top: 31%;\"><i class=\"fa fa-map-marker text-ip-primary text-3xl drop-shadow-lg animate-soft-pulse\"><\/i> <span class=\"absolute whitespace-nowrap text-white bg-ip-primary\/80 text-xs px-2 py-0.5 rounded-full\" style=\"left: 1.8rem; top: 0.25rem;\">\u65e5\u672c<\/span>\r\n<div class=\"tooltip\" style=\"left: 30px; top: -15px;\">\ud83c\uddef\ud83c\uddf5 \u65e5\u672c\u5546\u6807\u6ce8\u518c<br \/>JPO\u5feb\u901f\u901a\u9053\uff0c\u5206\u7c7b\u7ec6\u81f4<\/div>\r\n<\/div>\r\n<!-- \u97e9\u56fd (\u5de660% \u4e0a30%) -->\r\n<div class=\"absolute map-marker\" style=\"left: 60%; top: 30%;\"><i class=\"fa fa-map-marker text-ip-primary text-3xl drop-shadow-lg animate-soft-pulse\"><\/i> <span class=\"absolute whitespace-nowrap text-white bg-ip-primary\/80 text-xs px-2 py-0.5 rounded-full\" style=\"left: 1.8rem; top: 0.25rem;\">\u97e9\u56fd<\/span>\r\n<div class=\"tooltip\" style=\"left: 30px; top: -15px;\">\ud83c\uddf0\ud83c\uddf7 \u97e9\u56fd\u5546\u6807\u6ce8\u518c<br \/>KIPO\u4f18\u5148\u5ba1\u67e5\uff0c\u4fdd\u62a4\u5b8c\u5584<\/div>\r\n<\/div>\r\n<!-- \u82f1\u56fd (\u5de623% \u4e0a18%) -->\r\n<div class=\"absolute map-marker\" style=\"left: 23%; top: 18%;\"><i class=\"fa fa-map-marker text-ip-primary text-3xl drop-shadow-lg animate-soft-pulse\"><\/i> <span class=\"absolute whitespace-nowrap text-white bg-ip-primary\/80 text-xs px-2 py-0.5 rounded-full\" style=\"left: 1.8rem; top: 0.25rem;\">\u82f1\u56fd<\/span>\r\n<div class=\"tooltip\" style=\"left: 30px; top: -15px;\">\ud83c\uddec\ud83c\udde7 \u82f1\u56fd\u5546\u6807\u6ce8\u518c<br \/>UKIPO\uff0c\u8131\u6b27\u540e\u72ec\u7acb\u4f53\u7cfb<\/div>\r\n<\/div>\r\n<!-- \u5df4\u897f (\u5de633% \u4e0a71%) -->\r\n<div class=\"absolute map-marker\" style=\"left: 33%; top: 71%;\"><i class=\"fa fa-map-marker text-ip-primary text-3xl drop-shadow-lg animate-soft-pulse\"><\/i> <span class=\"absolute whitespace-nowrap text-white bg-ip-primary\/80 text-xs px-2 py-0.5 rounded-full\" style=\"left: 1.8rem; top: 0.25rem;\">\u5df4\u897f<\/span>\r\n<div class=\"tooltip\" style=\"left: -120px; top: -30px;\">\ud83c\udde7\ud83c\uddf7 \u5df4\u897f\u5546\u6807\u6ce8\u518c<br \/>\u62c9\u7f8e\u6700\u5927\u5e02\u573a\uff0c\u4e13\u4e1a\u4ee3\u7406<\/div>\r\n<\/div>\r\n<!-- \u6fb3\u5927\u5229\u4e9a (82%) -->\r\n<div class=\"absolute map-marker\" style=\"left: 86%; top: 82%;\"><i class=\"fa fa-map-marker text-ip-primary text-3xl drop-shadow-lg animate-soft-pulse\"><\/i> <span class=\"absolute whitespace-nowrap text-white bg-ip-primary\/80 text-xs px-2 py-0.5 rounded-full\" style=\"left: -2.5rem; top: 0.25rem;\">\u6fb3\u5927\u5229\u4e9a<\/span>\r\n<div class=\"tooltip\" style=\"left: -150px; top: -40px;\">\ud83c\udde6\ud83c\uddfa \u6fb3\u5927\u5229\u4e9a\u5546\u6807\u6ce8\u518c<br \/>IP Australia\uff0c\u521b\u65b0\u4e13\u5229\u4fdd\u62a4<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/section>\r\n<!-- 3. \u7248\u6743\u4e0e\u4e13\u5229\u54a8\u8be2\u677f\u5757 (\u4e0d\u53d8) -->\r\n<section class=\"ip-section bg-white ip-scroll-reveal\">\r\n<div class=\"ip-container\">\r\n<div class=\"grid grid-cols-1 lg:grid-cols-2 gap-12 items-center\">\r\n<div class=\"order-2 lg:order-1\"><img decoding=\"async\" class=\"rounded-xl w-full h-auto\" src=\"https:\/\/www.dqxdao.com\/wp-content\/uploads\/2026\/02\/98fbed59d53aac7312413d82a673b5cc04f436dc151be7-des8XC-4.png\" alt=\"\u7248\u6743\u4e0e\u4e13\u5229\u54a8\u8be2\u670d\u52a1\" \/><\/div>\r\n<div class=\"order-1 lg:order-2\">\r\n<h2 class=\"text-[clamp(1.5rem,3vw,2.5rem)] font-bold mb-6 text-ip-primary\" style=\"font-size: 40px; color: #012257;\">\u7248\u6743\u4e0e\u4e13\u5229\u54a8\u8be2<\/h2>\r\n<p class=\"text-ip-text mb-6 leading-relaxed\">\u6211\u4eec\u7684\u4e13\u4e1a\u56e2\u961f\u62e5\u6709\u4e30\u5bcc\u7684\u77e5\u8bc6\u4ea7\u6743\u6cd5\u5f8b\u7ecf\u9a8c\uff0c\u80fd\u591f\u4e3a\u60a8\u63d0\u4f9b\u5168\u9762\u7684\u7248\u6743\u4e0e\u4e13\u5229\u54a8\u8be2\u670d\u52a1\u3002\u4ece\u7533\u8bf7\u7b56\u7565\u5236\u5b9a\u5230\u6587\u4ef6\u51c6\u5907\uff0c\u4ece\u5ba1\u6838\u8ddf\u8e2a\u5230\u6700\u7ec8\u6388\u6743\uff0c\u5168\u7a0b\u63d0\u4f9b\u4e13\u4e1a\u6307\u5bfc\u3002<\/p>\r\n<div class=\"grid grid-cols-1 sm:grid-cols-2 gap-6 mb-8\">\r\n<div class=\"ip-card p-6 bg-ip-light\/50\">\r\n<h4 class=\"font-semibold text-ip-primary mb-2 flex items-center\"><i class=\"fa fa-copyright mr-2\"><\/i> \u7248\u6743\u7533\u8bf7<\/h4>\r\n<p class=\"text-ip-text\/70 text-sm\">\u6587\u5b66\u3001\u827a\u672f\u3001\u8f6f\u4ef6\u7b49\u4f5c\u54c1\u7684\u7248\u6743\u767b\u8bb0\u4e0e\u4fdd\u62a4<\/p>\r\n<\/div>\r\n<div class=\"ip-card p-6 bg-ip-light\/50\">\r\n<h4 class=\"font-semibold text-ip-primary mb-2 flex items-center\"><i class=\"fa fa-lightbulb-o mr-2\"><\/i> \u4e13\u5229\u54a8\u8be2<\/h4>\r\n<p class=\"text-ip-text\/70 text-sm\">\u53d1\u660e\u3001\u5b9e\u7528\u65b0\u578b\u3001\u5916\u89c2\u8bbe\u8ba1\u4e13\u5229\u7533\u8bf7\u6307\u5bfc<\/p>\r\n<\/div>\r\n<div class=\"ip-card p-6 bg-ip-light\/50\">\r\n<h4 class=\"font-semibold text-ip-primary mb-2 flex items-center\"><i class=\"fa fa-file-text mr-2\"><\/i> VAT\u7a0e\u53f7\u529e\u7406<\/h4>\r\n<p class=\"text-ip-text\/70 text-sm\">\u534f\u52a9\u7533\u8bf7\u5f53\u5730\u7a0e\u52a1\u53f7\u3001VAT\u7a0e\u53f7\u7b49\u7ecf\u8425\u6587\u4ef6<\/p>\r\n<\/div>\r\n<div class=\"ip-card p-6 bg-ip-light\/50\">\r\n<h4 class=\"font-semibold text-ip-primary mb-2 flex items-center\"><i class=\"fa fa-certificate mr-2\"><\/i> \u5546\u4e1a\u8bb8\u53ef\u8bc1<\/h4>\r\n<p class=\"text-ip-text\/70 text-sm\">\u5404\u7c7b\u5546\u4e1a\u7ecf\u8425\u8bb8\u53ef\u8bc1\u7684\u7533\u8bf7\u4e0e\u529e\u7406\u670d\u52a1<\/p>\r\n<\/div>\r\n<\/div>\r\n<button class=\"bg-ip-primary text-white px-6 py-3 rounded-lg hover:bg-ip-dark transition-all duration-300\"> <i class=\"fa fa-file-text-o mr-2\"><\/i> <a href=\"https:\/\/www.dqxdao.com\/index.php\/liuyan\/\">\u514d\u8d39\u54a8\u8be2<\/a> <\/button><\/div>\r\n<\/div>\r\n<\/div>\r\n<\/section>\r\n<!-- 4. \u77e5\u8bc6\u4ea7\u6743\u7ef4\u6743\u677f\u5757 (\u4e0d\u53d8) -->\r\n<section class=\"ip-section bg-ip-secondary ip-scroll-reveal\">\r\n<div class=\"ip-container\">\r\n<h2 class=\"text-[clamp(1.5rem,3vw,2.5rem)] font-bold text-center mb-2 text-ip-primary\" style=\"font-size: 40px; color: #012257;\">\u77e5\u8bc6\u4ea7\u6743\u7ef4\u6743<\/h2>\r\n<p class=\"text-center text-ip-text\/80 mb-12 text-lg\">\u5168\u65b9\u4f4d\u4fdd\u62a4\u60a8\u7684\u77e5\u8bc6\u4ea7\u6743\u5408\u6cd5\u6743\u76ca<\/p>\r\n<div class=\"grid grid-cols-1 md:grid-cols-3 gap-8\">\r\n<div class=\"ip-card bg-white p-8 h-full\">\r\n<div class=\"text-ip-primary text-5xl mb-6\">\u00a0<\/div>\r\n<h3 class=\"text-xl font-semibold mb-4 text-ip-text\" style=\"font-size: 27px; font-style: normal; font-weight: 600;\">\u4fb5\u6743\u76d1\u6d4b<\/h3>\r\n<p class=\"text-ip-text\/80 mb-4\">\u5229\u7528\u5148\u8fdb\u7684\u6280\u672f\u624b\u6bb5\uff0c\u5b9e\u65f6\u76d1\u6d4b\u5168\u7403\u5e02\u573a\u7684\u5546\u6807\u3001\u4e13\u5229\u4fb5\u6743\u884c\u4e3a\uff0c\u53ca\u65f6\u53d1\u73b0\u4fb5\u6743\u7ebf\u7d22\u3002<\/p>\r\n<ul class=\"text-ip-text\/70 space-y-2\">\r\n<li class=\"flex items-center\"><i class=\"fa fa-angle-right text-ip-primary mr-2\"><\/i> \u7ebf\u4e0a\u5e73\u53f0\u4fb5\u6743\u76d1\u6d4b<\/li>\r\n<li class=\"flex items-center\"><i class=\"fa fa-angle-right text-ip-primary mr-2\"><\/i> \u7ebf\u4e0b\u5e02\u573a\u4fb5\u6743\u6392\u67e5<\/li>\r\n<li class=\"flex items-center\"><i class=\"fa fa-angle-right text-ip-primary mr-2\"><\/i> \u4fb5\u6743\u8bc1\u636e\u56fa\u5b9a<\/li>\r\n<\/ul>\r\n<\/div>\r\n<div class=\"ip-card bg-white p-8 h-full\">\r\n<div class=\"text-ip-primary text-5xl mb-6\">\u00a0<\/div>\r\n<h3 class=\"text-xl font-semibold mb-4 text-ip-text\" style=\"font-size: 27px;\">\u6cd5\u5f8b\u7ef4\u6743<\/h3>\r\n<p class=\"text-ip-text\/80 mb-4\">\u8054\u5408\u5168\u7403\u9876\u5c16\u7684\u77e5\u8bc6\u4ea7\u6743\u5f8b\u5e08\u56e2\u961f\uff0c\u4e3a\u60a8\u63d0\u4f9b\u5168\u65b9\u4f4d\u7684\u6cd5\u5f8b\u7ef4\u6743\u670d\u52a1\uff0c\u4fdd\u62a4\u60a8\u7684\u5408\u6cd5\u6743\u76ca\u3002<\/p>\r\n<ul class=\"text-ip-text\/70 space-y-2\">\r\n<li class=\"flex items-center\"><i class=\"fa fa-angle-right text-ip-primary mr-2\"><\/i> \u5f8b\u5e08\u51fd\u53d1\u9001<\/li>\r\n<li class=\"flex items-center\"><i class=\"fa fa-angle-right text-ip-primary mr-2\"><\/i> \u884c\u653f\u6295\u8bc9\u5904\u7406<\/li>\r\n<li class=\"flex items-center\"><i class=\"fa fa-angle-right text-ip-primary mr-2\"><\/i> \u8bc9\u8bbc\u6848\u4ef6\u4ee3\u7406<\/li>\r\n<\/ul>\r\n<\/div>\r\n<div class=\"ip-card bg-white p-8 h-full\">\r\n<div class=\"text-ip-primary text-5xl mb-6\">\u00a0<\/div>\r\n<h3 class=\"text-xl font-semibold mb-4 text-ip-text\" style=\"font-size: 27px;\">\u6d77\u5916\u4fdd\u62a4<\/h3>\r\n<p class=\"text-ip-text\/80 mb-4\">\u63d0\u4f9b\u6d77\u5916\u5546\u6807\u6ce8\u518c\u4e0e\u7ef4\u6743\u4e00\u4f53\u5316\u670d\u52a1\uff0c\u786e\u4fdd\u60a8\u7684\u77e5\u8bc6\u4ea7\u6743\u5728\u56fd\u9645\u5e02\u573a\u5f97\u5230\u6709\u6548\u4fdd\u62a4\u3002<\/p>\r\n<ul class=\"text-ip-text\/70 space-y-2\">\r\n<li class=\"flex items-center\"><i class=\"fa fa-angle-right text-ip-primary mr-2\"><\/i> \u6d77\u5916\u5546\u6807\u76d1\u6d4b<\/li>\r\n<li class=\"flex items-center\"><i class=\"fa fa-angle-right text-ip-primary mr-2\"><\/i> \u8de8\u5883\u4fb5\u6743\u5904\u7406<\/li>\r\n<li class=\"flex items-center\"><i class=\"fa fa-angle-right text-ip-primary mr-2\"><\/i> \u56fd\u9645\u4ef2\u88c1\u652f\u6301<\/li>\r\n<\/ul>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/section>\r\n<!-- 5. \u5e95\u90e8\u84dd\u8272\u6d77\u62a5 + \u7acb\u5373\u54a8\u8be2\u6309\u94ae (\u6dfb\u52a0 mb-0 \u786e\u4fdd\u65e0\u5e95\u90e8\u8fb9\u8ddd) -->\r\n<section class=\"w-full bg-ip-primary h-[280px] flex items-center justify-center mb-0\">\r\n<div class=\"ip-container text-center text-white\">\r\n<h2 class=\"text-4xl md:text-5xl font-bold mb-4\">\u5168\u7403\u5546\u6807\u6ce8\u518c\u5c31\u627e\u4e1c\u79cb\u897f\u7a3b<\/h2>\r\n<p class=\"text-xl md:text-2xl text-white\/90 mb-6\">\u4e13\u4e1a\u77e5\u8bc6\u4ea7\u6743SaaS\u5e73\u53f0\uff0c\u4ee5\u5b89\u5168\u53ef\u9760\u7684\u5168\u6d41\u7a0b\u670d\u52a1\uff0c\u62a4\u822a\u54c1\u724c\u5408\u89c4\u51fa\u6d77\u3002<\/p>\r\n<a class=\"btn-shine inline-block bg-white text-ip-primary font-semibold px-8 py-4 rounded-full text-lg shadow-lg hover:shadow-xl transition-all duration-300\" href=\"https:\/\/www.dqxdao.com\/index.php\/liuyan\/\" target=\"_blank\" rel=\"noopener\"> \u7acb\u5373\u54a8\u8be2 <i class=\"fa fa-arrow-right ml-2\"><\/i> <\/a><\/div>\r\n<\/section>\r\n<script>\r\n        document.addEventListener('DOMContentLoaded', function() {\r\n            \/\/ \u6eda\u52a8\u52a8\u753b\r\n            const scrollRevealElements = document.querySelectorAll('.ip-scroll-reveal');\r\n            const observer = new IntersectionObserver((entries) => {\r\n                entries.forEach(entry => {\r\n                    if (entry.isIntersecting) {\r\n                        entry.target.classList.add('active');\r\n                    }\r\n                });\r\n            }, { threshold: 0.1 });\r\n            scrollRevealElements.forEach(el => observer.observe(el));\r\n\r\n            \/\/ \u8f6e\u64ad\u529f\u80fd (\u4fdd\u7559)\r\n            const carousel = document.querySelector('.global-trademark-carousel');\r\n            if (carousel) {\r\n                const carouselInner = carousel.querySelector('.ip-carousel-inner');\r\n                const carouselItems = carousel.querySelectorAll('.ip-carousel-item');\r\n                let currentIndex = 0;\r\n                const itemCount = carouselItems.length;\r\n                function goToSlide(index) {\r\n                    if (index < 0) index = itemCount - 1;\r\n                    if (index >= itemCount) index = 0;\r\n                    carouselInner.style.transform = `translateX(-${index * 100}%)`;\r\n                    currentIndex = index;\r\n                }\r\n                if (itemCount > 1) {\r\n                    setInterval(() => goToSlide(currentIndex + 1), 5000);\r\n                }\r\n            }\r\n        });\r\n    <\/script><\/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%;\"> <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: 999999; \/* \u9876\u7ea7\u5c42\u7ea7\uff0c\u4e0d\u88ab\u906e\u6321 *\/\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><!-- \ud83d\udc47 \u6b64\u5904\u4ec5\u4fdd\u7559\u4f60\u7684\u5b9e\u9645\u7f51\u9875\u5185\u5bb9\uff0c\u65e0\u4efb\u4f55\u6d4b\u8bd5div\uff01\uff01 --><!-- \u793a\u4f8b\uff1a\u4f60\u7684\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    --><!-- \u8fd4\u56de\u9876\u90e8\u7bad\u5934\uff08\u4ec5\u8fd9\u4e00\u4e2a\u6309\u94ae\uff0c\u65e0\u5176\u4ed6\u5197\u4f59\u5143\u7d20\uff09 --> <button id=\"pureBacktopArrow\" class=\"pure-backtop-arrow\"><\/button> <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><\/div>\r\n<\/div>\r\n","protected":false},"excerpt":{"rendered":"<p>\u00a0 \u00a0 \u5168\u7403\u5546\u6807\u4e0e\u77e5\u8bc6\u4ea7\u6743\u670d\u52a1 \u4ee5 \u4e13 \u4e1a \u670d \u52a1 \uff0c \u4e3a \u54c1 \u724c \u5168 \u7403 \u5316 \u4e4b \u65c5 \u4fdd \u9a7e \u62a4 \u822a \u00a0 \u6211 [&hellip;]<\/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-1534","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.dqxdao.com\/index.php\/wp-json\/wp\/v2\/pages\/1534","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=1534"}],"version-history":[{"count":302,"href":"https:\/\/www.dqxdao.com\/index.php\/wp-json\/wp\/v2\/pages\/1534\/revisions"}],"predecessor-version":[{"id":3627,"href":"https:\/\/www.dqxdao.com\/index.php\/wp-json\/wp\/v2\/pages\/1534\/revisions\/3627"}],"wp:attachment":[{"href":"https:\/\/www.dqxdao.com\/index.php\/wp-json\/wp\/v2\/media?parent=1534"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}