{"id":392,"date":"2025-06-08T13:16:20","date_gmt":"2025-06-08T05:16:20","guid":{"rendered":"https:\/\/www.affectivechain.com\/?page_id=392"},"modified":"2026-03-21T22:36:58","modified_gmt":"2026-03-21T14:36:58","slug":"%e5%85%ac%e5%8f%b8%e7%ae%80%e4%bb%8b","status":"publish","type":"page","link":"https:\/\/www.affectivechain.com\/index.php\/%e5%85%ac%e5%8f%b8%e7%ae%80%e4%bb%8b\/","title":{"rendered":"\u516c\u53f8\u7b80\u4ecb"},"content":{"rendered":"\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    <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n    <link href=\"https:\/\/cdn.jsdelivr.net\/npm\/font-awesome@4.7.0\/css\/font-awesome.min.css\" rel=\"stylesheet\">\n    <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/chart.js@4.4.8\/dist\/chart.umd.min.js\"><\/script>\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Roboto:wght@300;400;500;700;900&#038;display=swap\" rel=\"stylesheet\">\n    <script>\n        tailwind.config = {\n            theme: {\n                extend: {\n                    colors: {\n                        primary: '#6200EA',\n                        secondary: '#03DAC6',\n                        accent: '#BB86FC',\n                        dark: '#121212',\n                        darker: '#0A0A0A',\n                        light: '#ffffff',\n                        gray: '#b3b9c5',\n                        lightGray: '#d1d5db'\n                    },\n                    fontFamily: {\n                        roboto: ['Roboto', 'system-ui', 'sans-serif'],\n                    },\n                }\n            }\n        }\n    <\/script>\n    <style type=\"text\/tailwindcss\">\n        @layer utilities {\n            .gradient-text {\n                @apply bg-clip-text text-transparent bg-gradient-to-r from-primary to-secondary;\n            }\n            .card-hover {\n                @apply transition-all duration-300 hover:shadow-lg hover:shadow-primary\/20 hover:-translate-y-1;\n            }\n            .section-padding {\n                @apply py-16 md:py-24;\n            }\n            .text-bolder {\n                font-weight: 900;\n            }\n        }\n    <\/style>\n    <style>\n        html { scroll-behavior: smooth; }\n        body {\n            background-color: #0A0A0A;\n            background-image: radial-gradient(circle at 10% 20%, rgba(98, 0, 234, 0.1) 0%, transparent 90%),\n                              radial-gradient(circle at 90% 80%, rgba(3, 218, 198, 0.05) 0%, transparent 90%);\n            color: #ffffff;\n            font-family: 'Roboto', sans-serif;\n        }\n        .animate-float {\n            animation: float 6s ease-in-out infinite;\n        }\n        @keyframes float {\n            0% { transform: translateY(0px); }\n            50% { transform: translateY(-20px); }\n            100% { transform: translateY(0px); }\n        }\n        .progress-bar {\n            position: fixed;\n            top: 0;\n            left: 0;\n            height: 3px;\n            background: linear-gradient(90deg, #6200EA, #03DAC6);\n            z-index: 50;\n            transition: width 0.2s ease;\n        }\n        h1, h2, h3, h4, h5, h6 { font-weight: 700; color: #ffffff; text-shadow: 0 0 2px rgba(0,0,0,0.3); }\n        p { line-height: 1.7; color: #f0f0f0; }\n        a { transition: all 0.3s ease; color: #e0e0e0; }\n        a:hover { color: #03DAC6; }\n    <\/style>\n<\/head>\n<body class=\"font-roboto text-light antialiased\">\n    <div class=\"progress-bar\" id=\"progressBar\"><\/div>\n\n    <!-- \u82f1\u96c4\u533a\u57df -->\n    <header class=\"pt-32 pb-16 md:pt-40 md:pb-24 overflow-hidden relative\">\n        <div class=\"container mx-auto px-4 md:px-6\">\n            <div class=\"flex flex-col md:flex-row items-center\">\n                <div class=\"md:w-1\/2 mb-10 md:mb-0 z-10\">\n                    <h1 class=\"text-[clamp(2.5rem,5vw,4rem)] font-bolder leading-tight mb-6\">\n                        \u60c5\u611f\u667a\u80fd\u9a71\u52a8<br>\n                        <span class=\"gradient-text\">\u672a\u6765\u5546\u4e1a\u51b3\u7b56<\/span>\n                    <\/h1>\n                    <p class=\"text-lightGray text-lg md:text-xl mb-8 max-w-lg\">\n                        \u5fc3\u94fe\u60c5\u667a\u6570\u636e\u79d1\u6280\u81f4\u529b\u4e8e\u901a\u8fc7\u5148\u8fdb\u7684\u60c5\u611f\u8ba1\u7b97\u4e0e\u4eba\u5de5\u667a\u80fd\u6280\u672f\uff0c\u5e2e\u52a9\u4f01\u4e1a\u6df1\u5ea6\u7406\u89e3\u7528\u6237\u60c5\u611f\uff0c\u4f18\u5316\u51b3\u7b56\u6d41\u7a0b\uff0c\u521b\u9020\u66f4\u5927\u5546\u4e1a\u4ef7\u503c\u3002\n                    <\/p>\n                    <div class=\"flex flex-wrap gap-4\">\n                        <a href=\"#contact\" class=\"bg-gradient-to-r from-primary to-secondary px-8 py-3 rounded-full font-medium hover:shadow-lg hover:shadow-primary\/20 transition-all\">\n                            \u4e86\u89e3\u66f4\u591a\n                        <\/a>\n                        <a href=\"#business-model\" class=\"border border-lightGray\/30 px-8 py-3 rounded-full font-medium hover:border-secondary hover:text-secondary transition-all\">\n                            \u5546\u4e1a\u6a21\u5f0f <i class=\"fa fa-arrow-right ml-2\"><\/i>\n                        <\/a>\n                    <\/div>\n                <\/div>\n                <div class=\"md:w-1\/2 relative\">\n                    <div class=\"relative z-10 animate-float\">\n                        <img decoding=\"async\" src=\"https:\/\/picsum.photos\/id\/1\/600\/400\" alt=\"\u60c5\u611f\u6570\u636e\u5206\u6790\u53ef\u89c6\u5316\u5c55\u793a\" class=\"rounded-2xl shadow-2xl shadow-primary\/10\">\n                        <div class=\"absolute -bottom-6 -left-6 bg-dark\/80 backdrop-blur-md p-4 rounded-xl border border-primary\/20 shadow-lg\">\n                            <div class=\"flex items-center gap-3\">\n                                <div class=\"w-12 h-12 rounded-full bg-primary\/20 flex items-center justify-center text-primary\">\n                                    <i class=\"fa fa-line-chart text-xl\"><\/i>\n                                <\/div>\n                                <div>\n                                    <p class=\"text-sm text-lightGray\">\u6280\u672f\u7814\u53d1\u65b9\u5411<\/p>\n                                    <p class=\"text-xl font-bold\">\u591a\u6a21\u6001\u60c5\u611f\u5206\u6790<\/p>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                        <div class=\"absolute -top-4 -right-4 bg-dark\/80 backdrop-blur-md p-4 rounded-xl border border-secondary\/20 shadow-lg\">\n                            <div class=\"flex items-center gap-3\">\n                                <div class=\"w-12 h-12 rounded-full bg-secondary\/20 flex items-center justify-center text-secondary\">\n                                    <i class=\"fa fa-users text-xl\"><\/i>\n                                <\/div>\n                                <div>\n                                    <p class=\"text-sm text-lightGray\">\u5ba2\u6237\u6848\u4f8b<\/p>\n                                    <p class=\"text-xl font-bold\">\u7b79\u5907\u4e2d<\/p>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                    <div class=\"absolute top-1\/2 left-1\/2 -translate-x-1\/2 -translate-y-1\/2 w-full h-full bg-gradient-to-r from-primary\/30 to-secondary\/30 rounded-full blur-3xl -z-10\"><\/div>\n                <\/div>\n            <\/div>\n            <div class=\"mt-20\">\n                <p class=\"text-center text-lightGray mb-8\">\u4fbf\u6377\u5feb\u901f\u901a\u9053<\/p>\n                <div class=\"flex flex-wrap justify-center items-center gap-8 md:gap-16 opacity-80\">\n                    <a href=\"#overview\" class=\"hover:text-secondary transition-colors\">\u516c\u53f8\u6982\u8ff0<\/a>\n                    <a href=\"#market\" class=\"hover:text-secondary transition-colors\">\u5e02\u573a\u5206\u6790<\/a>\n                    <a href=\"#products\" class=\"hover:text-secondary transition-colors\">\u4ea7\u54c1\u670d\u52a1<\/a>\n                    <a href=\"#business-model\" class=\"hover:text-secondary transition-colors\">\u5546\u4e1a\u6a21\u5f0f<\/a>\n                    <a href=\"#team\" class=\"hover:text-secondary transition-colors\">\u6838\u5fc3\u56e2\u961f<\/a>\n                    <a href=\"#contact\" class=\"hover:text-secondary transition-colors\">\u8054\u7cfb\u6211\u4eec<\/a>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/header>\n\n    <main>\n        <!-- \u516c\u53f8\u6982\u8ff0 -->\n        <section id=\"overview\" class=\"section-padding\">\n            <div class=\"container mx-auto px-4 md:px-6\">\n                <div class=\"max-w-3xl mx-auto text-center mb-16\">\n                    <h2 class=\"text-[clamp(1.8rem,3vw,2.5rem)] font-bold\">\u516c\u53f8\u6982\u8ff0<\/h2>\n                    <p class=\"text-lightGray text-lg\">\u5fc3\u94fe\u60c5\u667a\u6570\u636e\u79d1\u6280(\u4e0a\u6d77)\u6709\u9650\u516c\u53f8(\u7b80\u79f0&#8221;\u5fc3\u94fe\u60c5\u667a&#8221;)\u6210\u7acb\u4e8e2025\u5e743\u6708\uff0c\u662f\u4e00\u5bb6\u4e13\u6ce8\u4e8e\u60c5\u611f\u8ba1\u7b97\u4e0e\u4eba\u5de5\u667a\u80fd\u5e94\u7528\u7684\u521b\u65b0\u578b\u79d1\u6280\u4f01\u4e1a\u3002<\/p>\n                <\/div>\n                \n                <div class=\"grid md:grid-cols-3 gap-8\">\n                    <div class=\"bg-dark\/50 backdrop-blur-sm rounded-2xl p-8 border border-gray\/10 card-hover\">\n                        <div class=\"w-14 h-14 rounded-xl bg-primary\/20 flex items-center justify-center text-primary mb-6\">\n                            <i class=\"fa fa-lightbulb-o text-2xl\"><\/i>\n                        <\/div>\n                        <h3 class=\"text-xl font-bold mb-4\">\u516c\u53f8\u5b9a\u4f4d<\/h3>\n                        <p class=\"text-lightGray\">\u4e13\u6ce8\u4e8e\u60c5\u611f\u8ba1\u7b97\u4e0e\u4eba\u5de5\u667a\u80fd\u6280\u672f\u5e94\u7528\uff0c\u81f4\u529b\u4e8e\u901a\u8fc7\u6280\u672f\u5e2e\u52a9\u5bb6\u5ead\u548c\u4f01\u4e1a\u5efa\u7acb\u66f4\u5065\u5eb7\u7684\u60c5\u611f\u8fde\u63a5\u3002<\/p>\n                    <\/div>\n                    \n                    <div class=\"bg-dark\/50 backdrop-blur-sm rounded-2xl p-8 border border-gray\/10 card-hover\">\n                        <div class=\"w-14 h-14 rounded-xl bg-secondary\/20 flex items-center justify-center text-secondary mb-6\">\n                            <i class=\"fa fa-eye text-2xl\"><\/i>\n                        <\/div>\n                        <h3 class=\"text-xl font-bold mb-4\">\u7814\u53d1\u65b9\u5411<\/h3>\n                        <p class=\"text-lightGray\">\u591a\u6a21\u6001\u60c5\u611f\u5206\u6790\u3001\u533a\u5757\u94fe\u5b58\u8bc1\u6280\u672f\uff0c\u63a2\u7d22\u5176\u5728\u5bb6\u5ead\u6c9f\u901a\u3001\u5fc3\u7406\u5065\u5eb7\u7b49\u573a\u666f\u7684\u5e94\u7528\u3002<\/p>\n                    <\/div>\n                    \n                    <div class=\"bg-dark\/50 backdrop-blur-sm rounded-2xl p-8 border border-gray\/10 card-hover\">\n                        <div class=\"w-14 h-14 rounded-xl bg-accent\/20 flex items-center justify-center text-accent mb-6\">\n                            <i class=\"fa fa-balance-scale text-2xl\"><\/i>\n                        <\/div>\n                        <h3 class=\"text-xl font-bold mb-4\">\u6838\u5fc3\u4ef7\u503c\u89c2<\/h3>\n                        <p class=\"text-lightGray\">\u6570\u636e\u5b58\u771f\u3001\u60c5\u611f\u5b58\u7eed\u3001\u4ef7\u503c\u6c38\u5b58\u3002\u4ee5\u6280\u672f\u521b\u65b0\u4e3a\u9a71\u52a8\uff0c\u4ee5\u6570\u636e\u4f26\u7406\u4e3a\u51c6\u5219\u3002<\/p>\n                    <\/div>\n                <\/div>\n                \n                <div class=\"mt-16 bg-gradient-to-r from-dark to-dark\/60 rounded-2xl p-8 md:p-12 border border-gray\/10\">\n                    <div class=\"flex flex-col md:flex-row gap-10\">\n                        <div class=\"md:w-1\/2\">\n                            <h3 class=\"text-2xl font-bold mb-6\">\u6838\u5fc3\u6280\u672f\u7814\u53d1\u65b9\u5411<\/h3>\n                            <ul class=\"space-y-4\">\n                                <li class=\"flex items-start gap-3\">\n                                    <i class=\"fa fa-check-circle text-secondary mt-1\"><\/i>\n                                    <span>\u591a\u6a21\u6001\u60c5\u611f\u5206\u6790\u6280\u672f\uff08\u652f\u6301\u6587\u672c\u3001\u8bed\u97f3\u3001\u56fe\u50cf\u7b49\u591a\u7c7b\u578b\u6570\u636e\uff09<\/span>\n                                <\/li>\n                                <li class=\"flex items-start gap-3\">\n                                    <i class=\"fa fa-check-circle text-secondary mt-1\"><\/i>\n                                    <span>\u533a\u5757\u94fe\u60c5\u611f\u6570\u636e\u5b58\u8bc1\u7814\u7a76<\/span>\n                                <\/li>\n                                <li class=\"flex items-start gap-3\">\n                                    <i class=\"fa fa-check-circle text-secondary mt-1\"><\/i>\n                                    <span>\u9690\u79c1\u4fdd\u62a4\u7b97\u6cd5\u4e0e\u6570\u636e\u5408\u89c4\u4f53\u7cfb<\/span>\n                                <\/li>\n                                <li class=\"flex items-start gap-3\">\n                                    <i class=\"fa fa-check-circle text-secondary mt-1\"><\/i>\n                                    <span>\u53ef\u5b9a\u5236\u5316\u6a21\u578b\u8bad\u7ec3\u5e73\u53f0\uff08\u7814\u53d1\u4e2d\uff09<\/span>\n                                <\/li>\n                            <\/ul>\n                        <\/div>\n                        <div class=\"md:w-1\/2\">\n                            <h3 class=\"text-2xl font-bold mb-6\">\u53d1\u5c55\u5386\u7a0b<\/h3>\n                            <div class=\"space-y-6\">\n                                <div class=\"relative pl-8\">\n                                    <div class=\"absolute left-0 top-1 w-6 h-6 rounded-full bg-primary flex items-center justify-center\">\n                                        <div class=\"w-2 h-2 rounded-full bg-white\"><\/div>\n                                    <\/div>\n                                    <h4 class=\"font-bold\">2025\u5e743\u670827\u65e5<\/h4>\n                                    <p class=\"text-lightGray\">\u5fc3\u94fe\u60c5\u667a\u6570\u636e\u79d1\u6280(\u4e0a\u6d77)\u6709\u9650\u516c\u53f8\u6b63\u5f0f\u6210\u7acb\uff0c\u6ce8\u518c\u8d44\u672c100\u4e07\u5143\uff0c\u6cd5\u5b9a\u4ee3\u8868\u4eba\u90dd\u4efb\u4e49\u3002<\/p>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/section>\n        \n        <!-- \u5e02\u573a\u5206\u6790 -->\n        <section id=\"market\" class=\"section-padding bg-dark\/30\">\n            <div class=\"container mx-auto px-4 md:px-6\">\n                <div class=\"max-w-3xl mx-auto text-center mb-16\">\n                    <h2 class=\"text-[clamp(1.8rem,3vw,2.5rem)] font-bold\">\u5e02\u573a\u5206\u6790<\/h2>\n                    <p class=\"text-lightGray text-lg\">\u60c5\u611f\u667a\u80fd\u5e02\u573a\u6b63\u5904\u4e8e\u5feb\u901f\u589e\u957f\u9636\u6bb5\uff0c\u5e94\u7528\u573a\u666f\u4e0d\u65ad\u6269\u5c55\uff0c\u5546\u4e1a\u4ef7\u503c\u65e5\u76ca\u51f8\u663e\u3002\uff08\u4ee5\u4e0b\u4e3a\u884c\u4e1a\u53c2\u8003\u6570\u636e\uff09<\/p>\n                <\/div>\n                \n                <div class=\"grid md:grid-cols-2 gap-12 items-center mb-20\">\n                    <div>\n                        <h3 class=\"text-2xl font-bold mb-6\">\u5e02\u573a\u89c4\u6a21\u4e0e\u589e\u957f<\/h3>\n                        <p class=\"text-lightGray mb-6\">\u5168\u7403\u60c5\u611f\u8ba1\u7b97\u5e02\u573a\u89c4\u6a212023\u5e74\u5df2\u8fbe\u523085\u4ebf\u7f8e\u5143\uff0c\u9884\u8ba1\u52302028\u5e74\u5c06\u7a81\u7834300\u4ebf\u7f8e\u5143\uff0c\u5e74\u590d\u5408\u589e\u957f\u7387\u8d85\u8fc728%\u3002<\/p>\n                        <p class=\"text-lightGray mb-6\">\u968f\u7740AI\u6280\u672f\u7684\u6210\u719f\u548c\u4f01\u4e1a\u5bf9\u7528\u6237\u4f53\u9a8c\u91cd\u89c6\u7a0b\u5ea6\u7684\u63d0\u9ad8\uff0c\u60c5\u611f\u667a\u80fd\u89e3\u51b3\u65b9\u6848\u7684\u9700\u6c42\u5c06\u6301\u7eed\u589e\u957f\u3002<\/p>\n                        \n                        <div class=\"space-y-4 mt-8\">\n                            <div>\n                                <div class=\"flex justify-between mb-2\">\n                                    <span>\u91d1\u878d\u884c\u4e1a<\/span>\n                                    <span>32%<\/span>\n                                <\/div>\n                                <div class=\"h-2 bg-gray\/20 rounded-full overflow-hidden\">\n                                    <div class=\"h-full bg-primary rounded-full\" style=\"width: 32%\"><\/div>\n                                <\/div>\n                            <\/div>\n                            <div>\n                                <div class=\"flex justify-between mb-2\">\n                                    <span>\u96f6\u552e\u7535\u5546<\/span>\n                                    <span>28%<\/span>\n                                <\/div>\n                                <div class=\"h-2 bg-gray\/20 rounded-full overflow-hidden\">\n                                    <div class=\"h-full bg-primary rounded-full\" style=\"width: 28%\"><\/div>\n                                <\/div>\n                            <\/div>\n                            <div>\n                                <div class=\"flex justify-between mb-2\">\n                                    <span>\u533b\u7597\u5065\u5eb7<\/span>\n                                    <span>18%<\/span>\n                                <\/div>\n                                <div class=\"h-2 bg-gray\/20 rounded-full overflow-hidden\">\n                                    <div class=\"h-full bg-primary rounded-full\" style=\"width: 18%\"><\/div>\n                                <\/div>\n                            <\/div>\n                            <div>\n                                <div class=\"flex justify-between mb-2\">\n                                    <span>\u6559\u80b2\u57f9\u8bad<\/span>\n                                    <span>12%<\/span>\n                                <\/div>\n                                <div class=\"h-2 bg-gray\/20 rounded-full overflow-hidden\">\n                                    <div class=\"h-full bg-primary rounded-full\" style=\"width: 12%\"><\/div>\n                                <\/div>\n                            <\/div>\n                            <div>\n                                <div class=\"flex justify-between mb-2\">\n                                    <span>\u5176\u4ed6\u884c\u4e1a<\/span>\n                                    <span>10%<\/span>\n                                <\/div>\n                                <div class=\"h-2 bg-gray\/20 rounded-full overflow-hidden\">\n                                    <div class=\"h-full bg-primary rounded-full\" style=\"width: 10%\"><\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                    <div>\n                        <div class=\"bg-dark\/80 p-6 rounded-2xl border border-gray\/10\">\n                            <canvas id=\"marketGrowthChart\" height=\"350\"><\/canvas>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                \n                <div class=\"bg-dark\/50 backdrop-blur-sm rounded-2xl p-8 md:p-12 border border-gray\/10\">\n                    <h3 class=\"text-2xl font-bold mb-8\">\u76ee\u6807\u5ba2\u6237\u4e0e\u5e94\u7528\u573a\u666f<\/h3>\n                    <div class=\"grid md:grid-cols-3 gap-6\">\n                        <div class=\"p-6 bg-dark\/60 rounded-xl border border-gray\/10 card-hover\">\n                            <div class=\"w-12 h-12 rounded-lg bg-primary\/20 flex items-center justify-center text-primary mb-4\">\n                                <i class=\"fa fa-bank text-xl\"><\/i>\n                            <\/div>\n                            <h4 class=\"font-bold text-lg mb-3\">\u5bb6\u5ead\u60c5\u611f<\/h4>\n                            <ul class=\"space-y-2 text-lightGray\">\n                                <li>\u2022 \u5bb6\u5ead\u5065\u5eb7\u5b9e\u65f6\u76d1\u6d4b<\/li>\n                                <li>\u2022 \u5bb6\u5ead\u6559\u80b2\u4ee3\u9645\u4f20\u627f<\/li>\n                                <li>\u2022 \u667a\u80fd\u60c5\u611f\u5173\u7cfb\u5e72\u9884<\/li>\n                                <li>\u2022 \u5bb6\u5ead\u60c5\u611f\u8d26\u6237\u7cfb\u7edf<\/li>\n                            <\/ul>\n                        <\/div>\n                        <div class=\"p-6 bg-dark\/60 rounded-xl border border-gray\/10 card-hover\">\n                            <div class=\"w-12 h-12 rounded-lg bg-primary\/20 flex items-center justify-center text-primary mb-4\">\n                                <i class=\"fa fa-shopping-cart text-xl\"><\/i>\n                            <\/div>\n                            <h4 class=\"font-bold text-lg mb-3\">\u60c5\u611f\u7ba1\u7406<\/h4>\n                            <ul class=\"space-y-2 text-lightGray\">\n                                <li>\u2022 \u5173\u7cfb\u8d28\u91cf\u8bc4\u4f30<\/li>\n                                <li>\u2022 \u60c5\u611f\u6c9f\u901a\u8bad\u7ec3<\/li>\n                                <li>\u2022 \u60c5\u611f\u98ce\u9669\u9884\u8b66<\/li>\n                                <li>\u2022 \u60c5\u611f\u6210\u957f\u8ba1\u5212<\/li>\n                            <\/ul>\n                        <\/div>\n                        <div class=\"p-6 bg-dark\/60 rounded-xl border border-gray\/10 card-hover\">\n                            <div class=\"w-12 h-12 rounded-lg bg-primary\/20 flex items-center justify-center text-primary mb-4\">\n                                <i class=\"fa fa-heartbeat text-xl\"><\/i>\n                            <\/div>\n                            <h4 class=\"font-bold text-lg mb-3\">\u533b\u7597\u5065\u5eb7<\/h4>\n                            <ul class=\"space-y-2 text-lightGray\">\n                                <li>\u2022 \u5fc3\u7406\u5065\u5eb7\u8bc4\u4f30<\/li>\n                                <li>\u2022 \u5371\u673a\u5e72\u9884\u652f\u6301<\/li>\n                                <li>\u2022 \u5173\u7cfb\u91cd\u5efa\u6307\u5bfc<\/li>\n                                <li>\u2022 \u60c5\u7eea\u76d1\u6d4b\u8f85\u52a9<\/li>\n                            <\/ul>\n                        <\/div>\n                        <div class=\"p-6 bg-dark\/60 rounded-xl border border-gray\/10 card-hover\">\n                            <div class=\"w-12 h-12 rounded-lg bg-primary\/20 flex items-center justify-center text-primary mb-4\">\n                                <i class=\"fa fa-graduation-cap text-xl\"><\/i>\n                            <\/div>\n                            <h4 class=\"font-bold text-lg mb-3\">\u6559\u80b2\u57f9\u8bad<\/h4>\n                            <ul class=\"space-y-2 text-lightGray\">\n                                <li>\u2022 \u5b66\u751f\u5065\u5eb7\u5e73\u53f0<\/li>\n                                <li>\u2022 \u5bb6\u5ead\u6559\u80b2\u5206\u6790<\/li>\n                                <li>\u2022 \u60c5\u7eea\u6ce2\u52a8\u76d1\u6d4b<\/li>\n                                <li>\u2022 \u5b66\u751f\u5fc3\u7406\u5e72\u9884<\/li>\n                            <\/ul>\n                        <\/div>\n                        <div class=\"p-6 bg-dark\/60 rounded-xl border border-gray\/10 card-hover\">\n                            <div class=\"w-12 h-12 rounded-lg bg-primary\/20 flex items-center justify-center text-primary mb-4\">\n                                <i class=\"fa fa-phone text-xl\"><\/i>\n                            <\/div>\n                            <h4 class=\"font-bold text-lg mb-3\">\u5ba2\u6237\u670d\u52a1<\/h4>\n                            <ul class=\"space-y-2 text-lightGray\">\n                                <li>\u2022 \u5ba2\u670d\u8d28\u91cf\u5b9e\u65f6\u76d1\u63a7<\/li>\n                                <li>\u2022 \u5ba2\u6237\u60c5\u7eea\u9884\u8b66<\/li>\n                                <li>\u2022 \u81ea\u52a8\u5ba2\u670d\u4f18\u5316<\/li>\n                                <li>\u2022 \u670d\u52a1\u6d41\u7a0b\u6539\u8fdb<\/li>\n                            <\/ul>\n                        <\/div>\n                        <div class=\"p-6 bg-dark\/60 rounded-xl border border-gray\/10 card-hover\">\n                            <div class=\"w-12 h-12 rounded-lg bg-primary\/20 flex items-center justify-center text-primary mb-4\">\n                                <i class=\"fa fa-bullhorn text-xl\"><\/i>\n                            <\/div>\n                            <h4 class=\"font-bold text-lg mb-3\">\u5e02\u573a\u8425\u9500<\/h4>\n                            <ul class=\"space-y-2 text-lightGray\">\n                                <li>\u2022 \u5e7f\u544a\u6548\u679c\u8bc4\u4f30<\/li>\n                                <li>\u2022 \u793e\u4ea4\u60c5\u611f\u5206\u6790<\/li>\n                                <li>\u2022 \u76ee\u6807\u53d7\u4f17\u6d1e\u5bdf<\/li>\n                                <li>\u2022 \u54c1\u724c\u5f62\u8c61\u76d1\u6d4b<\/li>\n                            <\/ul>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/section>\n        \n        <!-- \u4ea7\u54c1\u4e0e\u670d\u52a1 -->\n        <section id=\"products\" class=\"section-padding\">\n            <div class=\"container mx-auto px-4 md:px-6\">\n                <div class=\"max-w-3xl mx-auto text-center mb-16\">\n                    <h2 class=\"text-[clamp(1.8rem,3vw,2.5rem)] font-bold\">\u4ea7\u54c1\u4e0e\u670d\u52a1<\/h2>\n                    <p class=\"text-lightGray text-lg\">\u6211\u4eec\u63d0\u4f9b\u5168\u65b9\u4f4d\u7684\u60c5\u611f\u667a\u80fd\u89e3\u51b3\u65b9\u6848\uff0c\u5e2e\u52a9\u4f01\u4e1a\u6df1\u5ea6\u6d1e\u5bdf\u7528\u6237\u60c5\u611f\uff0c\u4f18\u5316\u51b3\u7b56\u8fc7\u7a0b\u3002\uff08\u4ee5\u4e0b\u4e3a\u4ea7\u54c1\u89c4\u5212\uff09<\/p>\n                <\/div>\n                \n                <div class=\"grid md:grid-cols-2 gap-10 mb-20\">\n                    <div class=\"bg-gradient-to-br from-dark to-dark\/60 rounded-2xl overflow-hidden border border-gray\/10 card-hover\">\n                        <div class=\"h-56 overflow-hidden\">\n                            <img decoding=\"async\" src=\"https:\/\/picsum.photos\/id\/2\/800\/500\" alt=\"\u60c5\u611f\u5206\u6790API\u5e73\u53f0\" class=\"w-full h-full object-cover transition-transform duration-700 hover:scale-110\">\n                        <\/div>\n                        <div class=\"p-8\">\n                            <h3 class=\"text-2xl font-bold mb-4\">\u60c5\u611f\u5206\u6790API\u5e73\u53f0\uff08\u89c4\u5212\u4e2d\uff09<\/h3>\n                            <p class=\"text-lightGray mb-6\">\u63d0\u4f9b\u9ad8\u6027\u80fd\u7684\u60c5\u611f\u5206\u6790API\u63a5\u53e3\uff0c\u652f\u6301\u6587\u672c\u3001\u8bed\u97f3\u3001\u56fe\u50cf\u7b49\u591a\u6a21\u6001\u6570\u636e\u8f93\u5165\uff0c\u5feb\u901f\u96c6\u6210\u5230\u4f01\u4e1a\u73b0\u6709\u7cfb\u7edf\u4e2d\u3002<\/p>\n                            <ul class=\"space-y-3 mb-8\">\n                                <li class=\"flex items-start gap-3\">\n                                    <i class=\"fa fa-check text-secondary mt-1\"><\/i>\n                                    <span>\u591a\u8bed\u8a00\u652f\u6301\uff08\u9010\u6b65\u6269\u5c55\uff09<\/span>\n                                <\/li>\n                                <li class=\"flex items-start gap-3\">\n                                    <i class=\"fa fa-check text-secondary mt-1\"><\/i>\n                                    <span>\u9ad8\u5e76\u53d1\u5904\u7406\u80fd\u529b<\/span>\n                                <\/li>\n                                <li class=\"flex items-start gap-3\">\n                                    <i class=\"fa fa-check text-secondary mt-1\"><\/i>\n                                    <span>\u8be6\u7ec6\u7684\u60c5\u611f\u7ef4\u5ea6\u5206\u6790<\/span>\n                                <\/li>\n                                <li class=\"flex items-start gap-3\">\n                                    <i class=\"fa fa-check text-secondary mt-1\"><\/i>\n                                    <span>\u7075\u6d3b\u7684\u8c03\u7528\u65b9\u5f0f\u4e0e\u5b9a\u4ef7<\/span>\n                                <\/li>\n                            <\/ul>\n                            <a href=\"#\" class=\"inline-flex items-center text-secondary hover:text-accent transition-colors\">\n                                \u4e86\u89e3\u66f4\u591a\uff08\u5373\u5c06\u63a8\u51fa\uff09 <i class=\"fa fa-arrow-right ml-2\"><\/i>\n                            <\/a>\n                        <\/div>\n                    <\/div>\n                    \n                    <div class=\"bg-gradient-to-br from-dark to-dark\/60 rounded-2xl overflow-hidden border border-gray\/10 card-hover\">\n                        <div class=\"h-56 overflow-hidden\">\n                            <img decoding=\"async\" src=\"https:\/\/picsum.photos\/id\/3\/800\/500\" alt=\"\u60c5\u611f\u667a\u80fd\u5206\u6790\u5e73\u53f0\" class=\"w-full h-full object-cover transition-transform duration-700 hover:scale-110\">\n                        <\/div>\n                        <div class=\"p-8\">\n                            <h3 class=\"text-2xl font-bold mb-4\">\u60c5\u611f\u667a\u80fd\u5206\u6790\u5e73\u53f0\uff08\u89c4\u5212\u4e2d\uff09<\/h3>\n                            <p class=\"text-lightGray mb-6\">\u4e00\u7ad9\u5f0f\u60c5\u611f\u6570\u636e\u5206\u6790\u4e0e\u53ef\u89c6\u5316\u5e73\u53f0\uff0c\u5e2e\u52a9\u4f01\u4e1a\u5b9e\u65f6\u76d1\u6d4b\u7528\u6237\u60c5\u611f\u53d8\u5316\uff0c\u751f\u6210\u6df1\u5ea6\u5206\u6790\u62a5\u544a\uff0c\u8f85\u52a9\u51b3\u7b56\u5236\u5b9a\u3002<\/p>\n                            <ul class=\"space-y-3 mb-8\">\n                                <li class=\"flex items-start gap-3\">\n                                    <i class=\"fa fa-check text-secondary mt-1\"><\/i>\n                                    <span>\u5b9e\u65f6\u6570\u636e\u76d1\u6d4b\u4eea\u8868\u76d8<\/span>\n                                <\/li>\n                                <li class=\"flex items-start gap-3\">\n                                    <i class=\"fa fa-check text-secondary mt-1\"><\/i>\n                                    <span>\u81ea\u5b9a\u4e49\u62a5\u8868\u751f\u6210\u529f\u80fd<\/span>\n                                <\/li>\n                                <li class=\"flex items-start gap-3\">\n                                    <i class=\"fa fa-check text-secondary mt-1\"><\/i>\n                                    <span>\u591a\u6e90\u6570\u636e\u6574\u5408\u5206\u6790<\/span>\n                                <\/li>\n                                <li class=\"flex items-start gap-3\">\n                                    <i class=\"fa fa-check text-secondary mt-1\"><\/i>\n                                    <span>\u60c5\u611f\u8d8b\u52bf\u9884\u6d4b\u5206\u6790<\/span>\n                                <\/li>\n                            <\/ul>\n                            <a href=\"#\" class=\"inline-flex items-center text-secondary hover:text-accent transition-colors\">\n                                \u7533\u8bf7\u5185\u6d4b\u8d44\u683c <i class=\"fa fa-arrow-right ml-2\"><\/i>\n                            <\/a>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                \n                <div class=\"bg-dark\/50 backdrop-blur-sm rounded-2xl p-8 md:p-12 border border-gray\/10\">\n                    <h3 class=\"text-2xl font-bold mb-8\">\u5b9a\u5236\u5316\u89e3\u51b3\u65b9\u6848<\/h3>\n                    <div class=\"grid md:grid-cols-3 gap-8\">\n                        <div>\n                            <div class=\"w-16 h-16 rounded-xl bg-gradient-to-br from-primary to-secondary flex items-center justify-center mb-6\">\n                                <i class=\"fa fa-code text-2xl text-white\"><\/i>\n                            <\/div>\n                            <h4 class=\"text-xl font-bold mb-4\">\u884c\u4e1a\u5b9a\u5236\u5f00\u53d1<\/h4>\n                            <p class=\"text-lightGray\">\u6839\u636e\u4e0d\u540c\u884c\u4e1a\u7279\u70b9\u4e0e\u9700\u6c42\uff0c\u5b9a\u5236\u5f00\u53d1\u4e13\u5c5e\u7684\u60c5\u611f\u667a\u80fd\u89e3\u51b3\u65b9\u6848\uff0c\u6ee1\u8db3\u4e2a\u6027\u5316\u4e1a\u52a1\u573a\u666f\u3002<\/p>\n                            <a href=\"#\" class=\"inline-flex items-center text-secondary hover:text-accent transition-colors mt-4\">\n                                \u4e86\u89e3\u8be6\u60c5 <i class=\"fa fa-arrow-right ml-2\"><\/i>\n                            <\/a>\n                        <\/div>\n                        <div>\n                            <div class=\"w-16 h-16 rounded-xl bg-gradient-to-br from-primary to-secondary flex items-center justify-center mb-6\">\n                                <i class=\"fa fa-handshake-o text-2xl text-white\"><\/i>\n                            <\/div>\n                            <h4 class=\"text-xl font-bold mb-4\">\u54a8\u8be2\u4e0e\u5b9e\u65bd\u670d\u52a1<\/h4>\n                            <p class=\"text-lightGray\">\u63d0\u4f9b\u4e13\u4e1a\u7684\u60c5\u611f\u667a\u80fd\u5e94\u7528\u54a8\u8be2\uff0c\u534f\u52a9\u4f01\u4e1a\u5236\u5b9a\u5b9e\u65bd\u8def\u7ebf\u56fe\uff0c\u786e\u4fdd\u89e3\u51b3\u65b9\u6848\u843d\u5730\u89c1\u6548\u3002<\/p>\n                            <a href=\"#\" class=\"inline-flex items-center text-secondary hover:text-accent transition-colors mt-4\">\n                                \u4e86\u89e3\u8be6\u60c5 <i class=\"fa fa-arrow-right ml-2\"><\/i>\n                            <\/a>\n                        <\/div>\n                        <div>\n                            <div class=\"w-16 h-16 rounded-xl bg-gradient-to-br from-primary to-secondary flex items-center justify-center mb-6\">\n                                <i class=\"fa fa-graduation-cap text-2xl text-white\"><\/i>\n                            <\/div>\n                            <h4 class=\"text-xl font-bold mb-4\">\u57f9\u8bad\u4e0e\u6280\u672f\u652f\u6301<\/h4>\n                            <p class=\"text-lightGray\">\u63d0\u4f9b\u5168\u9762\u7684\u6280\u672f\u57f9\u8bad\u4e0e\u652f\u6301\u670d\u52a1\uff0c\u5e2e\u52a9\u4f01\u4e1a\u56e2\u961f\u638c\u63e1\u60c5\u611f\u667a\u80fd\u5de5\u5177\u7684\u4f7f\u7528\u4e0e\u5e94\u7528\u65b9\u6cd5\u3002<\/p>\n                            <a href=\"#\" class=\"inline-flex items-center text-secondary hover:text-accent transition-colors mt-4\">\n                                \u4e86\u89e3\u8be6\u60c5 <i class=\"fa fa-arrow-right ml-2\"><\/i>\n                            <\/a>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/section>\n        \n        <!-- \u5546\u4e1a\u6a21\u5f0f -->\n        <section id=\"business-model\" class=\"section-padding bg-dark\/30\">\n            <div class=\"container mx-auto px-4 md:px-6\">\n                <div class=\"max-w-3xl mx-auto text-center mb-16\">\n                    <h2 class=\"text-[clamp(1.8rem,3vw,2.5rem)] font-bold\">\u5546\u4e1a\u6a21\u5f0f<\/h2>\n                    <p class=\"text-lightGray text-lg\">\u6211\u4eec\u91c7\u7528\u591a\u5143\u5316\u7684\u5546\u4e1a\u6a21\u5f0f\uff0c\u4e3a\u4e0d\u540c\u89c4\u6a21\u7684\u4f01\u4e1a\u63d0\u4f9b\u7075\u6d3b\u7684\u5408\u4f5c\u65b9\u6848\u3002<\/p>\n                <\/div>\n                \n                <div class=\"grid md:grid-cols-3 gap-8 mb-20\">\n                    <div class=\"bg-dark\/80 rounded-2xl p-8 border border-gray\/10 card-hover\">\n                        <div class=\"w-14 h-14 rounded-full bg-primary\/20 flex items-center justify-center text-primary mb-6\">\n                            <i class=\"fa fa-subscription text-2xl\"><\/i>\n                        <\/div>\n                        <h3 class=\"text-xl font-bold mb-4\">\u8ba2\u9605\u5236<\/h3>\n                        <p class=\"text-lightGray mb-6\">\u57fa\u4e8eAPI\u8c03\u7528\u91cf\u548c\u5e73\u53f0\u529f\u80fd\u7684\u9636\u68af\u5f0f\u8ba2\u9605\u6a21\u5f0f\uff0c\u6ee1\u8db3\u4e0d\u540c\u89c4\u6a21\u4f01\u4e1a\u7684\u9700\u6c42\u3002<\/p>\n                        <div class=\"border-t border-gray\/20 pt-6\">\n                            <h4 class=\"font-bold mb-2\">\u4e3b\u8981\u7279\u70b9<\/h4>\n                            <ul class=\"space-y-2 text-lightGray\">\n                                <li>\u2022 \u6309\u6708\/\u6309\u5e74\u4ed8\u8d39<\/li>\n                                <li>\u2022 \u7075\u6d3b\u7684\u5957\u9910\u9009\u62e9<\/li>\n                                <li>\u2022 \u5305\u542b\u57fa\u7840\u6280\u672f\u652f\u6301<\/li>\n                                <li>\u2022 \u81ea\u52a8\u5347\u7ea7\/\u964d\u7ea7\u9009\u9879<\/li>\n                            <\/ul>\n                        <\/div>\n                        <a href=\"#\" class=\"inline-flex items-center text-secondary hover:text-accent transition-colors mt-6\">\n                            \u67e5\u770b\u5b9a\u4ef7 <i class=\"fa fa-arrow-right ml-2\"><\/i>\n                        <\/a>\n                    <\/div>\n                    \n                    <div class=\"bg-dark\/80 rounded-2xl p-8 border border-gray\/10 card-hover\">\n                        <div class=\"w-14 h-14 rounded-full bg-secondary\/20 flex items-center justify-center text-secondary mb-6\">\n                            <i class=\"fa fa-project-diagram text-2xl\"><\/i>\n                        <\/div>\n                        <h3 class=\"text-xl font-bold mb-4\">\u9879\u76ee\u5236<\/h3>\n                        <p class=\"text-lightGray mb-6\">\u9488\u5bf9\u5b9a\u5236\u5316\u89e3\u51b3\u65b9\u6848\u7684\u9879\u76ee\u5408\u4f5c\u6a21\u5f0f\uff0c\u6839\u636e\u9879\u76ee\u590d\u6742\u5ea6\u548c\u5de5\u4f5c\u91cf\u8fdb\u884c\u5b9a\u4ef7\u3002<\/p>\n                        <div class=\"border-t border-gray\/20 pt-6\">\n                            <h4 class=\"font-bold mb-2\">\u4e3b\u8981\u7279\u70b9<\/h4>\n                            <ul class=\"space-y-2 text-lightGray\">\n                                <li>\u2022 \u56fa\u5b9a\u4ef7\u683c\u5408\u540c<\/li>\n                                <li>\u2022 \u5206\u9636\u6bb5\u4ea4\u4ed8<\/li>\n                                <li>\u2022 \u5305\u542b\u4e13\u5c5e\u670d\u52a1<\/li>\n                                <li>\u2022 \u957f\u671f\u7ef4\u62a4\u9009\u9879<\/li>\n                            <\/ul>\n                        <\/div>\n                        <a href=\"#\" class=\"inline-flex items-center text-secondary hover:text-accent transition-colors mt-6\">\n                            \u4e86\u89e3\u8be6\u60c5 <i class=\"fa fa-arrow-right ml-2\"><\/i>\n                        <\/a>\n                    <\/div>\n                    \n                    <div class=\"bg-dark\/80 rounded-2xl p-8 border border-gray\/10 card-hover\">\n                        <div class=\"w-14 h-14 rounded-full bg-accent\/20 flex items-center justify-center text-accent mb-6\">\n                            <i class=\"fa fa-percent text-2xl\"><\/i>\n                        <\/div>\n                        <h3 class=\"text-xl font-bold mb-4\">\u4ef7\u503c\u5206\u6210<\/h3>\n                        <p class=\"text-lightGray mb-6\">\u4e0e\u7279\u5b9a\u884c\u4e1a\u5ba2\u6237\u91c7\u7528\u4ef7\u503c\u5206\u6210\u6a21\u5f0f\uff0c\u6839\u636e\u60c5\u611f\u667a\u80fd\u89e3\u51b3\u65b9\u6848\u5e26\u6765\u7684\u5b9e\u9645\u4ef7\u503c\u8fdb\u884c\u5206\u6210\u3002<\/p>\n                        <div class=\"border-t border-gray\/20 pt-6\">\n                            <h4 class=\"font-bold mb-2\">\u4e3b\u8981\u7279\u70b9<\/h4>\n                            <ul class=\"space-y-2 text-lightGray\">\n                                <li>\u2022 \u4f4e\u521d\u59cb\u6295\u5165<\/li>\n                                <li>\u2022 \u6309\u6548\u679c\u4ed8\u8d39<\/li>\n                                <li>\u2022 \u6df1\u5ea6\u5408\u4f5c\u5173\u7cfb<\/li>\n                                <li>\u2022 \u5171\u540c\u6210\u957f\u673a\u5236<\/li>\n                            <\/ul>\n                        <\/div>\n                        <a href=\"#\" class=\"inline-flex items-center text-secondary hover:text-accent transition-colors mt-6\">\n                            \u5408\u4f5c\u54a8\u8be2 <i class=\"fa fa-arrow-right ml-2\"><\/i>\n                        <\/a>\n                    <\/div>\n                <\/div>\n                \n                <div class=\"bg-gradient-to-r from-dark to-dark\/60 rounded-2xl p-8 md:p-12 border border-gray\/10\">\n                    <h3 class=\"text-2xl font-bold mb-8\">\u5e02\u573a\u63a8\u5e7f\u7b56\u7565<\/h3>\n                    <div class=\"grid md:grid-cols-2 gap-10\">\n                        <div>\n                            <h4 class=\"text-xl font-bold mb-4 text-secondary\">\u7ebf\u4e0a\u6e20\u9053<\/h4>\n                            <ul class=\"space-y-4\">\n                                <li class=\"flex items-start gap-4\">\n                                    <div class=\"w-10 h-10 rounded-full bg-primary\/20 flex items-center justify-center text-primary shrink-0 mt-1\"><i class=\"fa fa-search\"><\/i><\/div>\n                                    <div><h5 class=\"font-bold\">\u5185\u5bb9\u8425\u9500<\/h5><p class=\"text-lightGray\">\u53d1\u5e03\u884c\u4e1a\u6d1e\u5bdf\u62a5\u544a\u3001\u6280\u672f\u767d\u76ae\u4e66\u7b49\u9ad8\u8d28\u91cf\u5185\u5bb9\uff0c\u5efa\u7acb\u54c1\u724c\u4e13\u4e1a\u5f62\u8c61\u3002<\/p><\/div>\n                                <\/li>\n                                <li class=\"flex items-start gap-4\">\n                                    <div class=\"w-10 h-10 rounded-full bg-primary\/20 flex items-center justify-center text-primary shrink-0 mt-1\"><i class=\"fa fa-linkedin\"><\/i><\/div>\n                                    <div><h5 class=\"font-bold\">\u793e\u4ea4\u5a92\u4f53<\/h5><p class=\"text-lightGray\">\u901a\u8fc7LinkedIn\u7b49\u4e13\u4e1a\u5e73\u53f0\u8fdb\u884c\u7cbe\u51c6\u8425\u9500\uff0c\u5efa\u7acb\u884c\u4e1a\u5f71\u54cd\u529b\u3002<\/p><\/div>\n                                <\/li>\n                                <li class=\"flex items-start gap-4\">\n                                    <div class=\"w-10 h-10 rounded-full bg-primary\/20 flex items-center justify-center text-primary shrink-0 mt-1\"><i class=\"fa fa-users\"><\/i><\/div>\n                                    <div><h5 class=\"font-bold\">\u5f00\u53d1\u8005\u793e\u533a<\/h5><p class=\"text-lightGray\">\u5efa\u7acb\u5f00\u53d1\u8005\u793e\u533a\uff0c\u63d0\u4f9b\u514d\u8d39\u8bd5\u7528\u7248API\uff0c\u9f13\u52b1\u5f00\u53d1\u8005\u96c6\u6210\u3002<\/p><\/div>\n                                <\/li>\n                            <\/ul>\n                        <\/div>\n                        <div>\n                            <h4 class=\"text-xl font-bold mb-4 text-secondary\">\u7ebf\u4e0b\u6e20\u9053<\/h4>\n                            <ul class=\"space-y-4\">\n                                <li class=\"flex items-start gap-4\">\n                                    <div class=\"w-10 h-10 rounded-full bg-primary\/20 flex items-center justify-center text-primary shrink-0 mt-1\"><i class=\"fa fa-handshake-o\"><\/i><\/div>\n                                    <div><h5 class=\"font-bold\">\u6218\u7565\u5408\u4f5c<\/h5><p class=\"text-lightGray\">\u4e0e\u884c\u4e1a\u9886\u5148\u4f01\u4e1a\u5efa\u7acb\u6218\u7565\u5408\u4f5c\u5173\u7cfb\uff0c\u5171\u540c\u5f00\u53d1\u89e3\u51b3\u65b9\u6848\u3002<\/p><\/div>\n                                <\/li>\n                                <li class=\"flex items-start gap-4\">\n                                    <div class=\"w-10 h-10 rounded-full bg-primary\/20 flex items-center justify-center text-primary shrink-0 mt-1\"><i class=\"fa fa-globe\"><\/i><\/div>\n                                    <div><h5 class=\"font-bold\">\u884c\u4e1a\u5c55\u4f1a<\/h5><p class=\"text-lightGray\">\u53c2\u4e0e\u56fd\u5185\u5916\u91cd\u8981\u884c\u4e1a\u5c55\u4f1a\uff0c\u5c55\u793a\u4ea7\u54c1\u4e0e\u6280\u672f\uff0c\u62d3\u5c55\u884c\u4e1a\u4eba\u8109\u3002<\/p><\/div>\n                                <\/li>\n                                <li class=\"flex items-start gap-4\">\n                                    <div class=\"w-10 h-10 rounded-full bg-primary\/20 flex items-center justify-center text-primary shrink-0 mt-1\"><i class=\"fa fa-briefcase\"><\/i><\/div>\n                                    <div><h5 class=\"font-bold\">\u76f4\u9500\u56e2\u961f<\/h5><p class=\"text-lightGray\">\u5efa\u7acb\u4e13\u4e1a\u7684\u76f4\u9500\u56e2\u961f\uff0c\u9488\u5bf9\u91cd\u70b9\u884c\u4e1a\u548c\u5927\u5ba2\u6237\u8fdb\u884c\u6df1\u5ea6\u62d3\u5c55\u3002<\/p><\/div>\n                                <\/li>\n                            <\/ul>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/section>\n        \n        <!-- \u8d22\u52a1\u9884\u6d4b -->\n        <section id=\"financial\" class=\"section-padding\">\n            <div class=\"container mx-auto px-4 md:px-6\">\n                <div class=\"max-w-3xl mx-auto text-center mb-16\">\n                    <h2 class=\"text-[clamp(1.8rem,3vw,2.5rem)] font-bold\">\u884c\u4e1a\u53c2\u8003\u6570\u636e<\/h2>\n                    <p class=\"text-lightGray text-lg\">\u4ee5\u4e0b\u56fe\u8868\u4e3a\u884c\u4e1a\u5e02\u573a\u8d8b\u52bf\u793a\u610f\uff0c\u4e0d\u4ee3\u8868\u516c\u53f8\u5b9e\u9645\u8d22\u52a1\u6570\u636e\u3002<\/p>\n                <\/div>\n                \n                <div class=\"grid md:grid-cols-2 gap-10 mb-20\">\n                    <div class=\"bg-dark\/80 p-6 rounded-2xl border border-gray\/10\">\n                        <h3 class=\"text-xl font-bold mb-6\">\u5168\u7403\u60c5\u611f\u8ba1\u7b97\u5e02\u573a\u89c4\u6a21\u9884\u6d4b\uff08\u4ebf\u7f8e\u5143\uff09<\/h3>\n                        <canvas id=\"revenueChart\" height=\"300\"><\/canvas>\n                    <\/div>\n                    <div class=\"bg-dark\/80 p-6 rounded-2xl border border-gray\/10\">\n                        <h3 class=\"text-xl font-bold mb-6\">\u884c\u4e1a\u6bdb\u5229\u7387\u4e0e\u5ba2\u6237\u589e\u957f\u53c2\u8003<\/h3>\n                        <canvas id=\"financialIndicatorsChart\" height=\"300\"><\/canvas>\n                    <\/div>\n                <\/div>\n                \n                <div class=\"bg-dark\/50 backdrop-blur-sm rounded-2xl p-8 md:p-12 border border-gray\/10\">\n                    <h3 class=\"text-2xl font-bold mb-8\">\u878d\u8d44\u4fe1\u606f<\/h3>\n                    <div class=\"text-center py-12\">\n                        <p class=\"text-lightGray text-lg mb-4\">\u5fc3\u94fe\u6570\u79d1\u76ee\u524d\u6682\u65e0\u516c\u5f00\u878d\u8d44\u4fe1\u606f\u3002<\/p>\n                        <p class=\"text-lightGray\">\u516c\u53f8\u5c06\u6301\u7eed\u4e13\u6ce8\u4e8e\u6280\u672f\u7814\u53d1\u4e0e\u4ea7\u54c1\u6253\u78e8\uff0c\u6b22\u8fce\u6f5c\u5728\u6295\u8d44\u673a\u6784\u63a5\u6d3d\u3002<\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/section>\n        \n        <!-- \u56e2\u961f\u4ecb\u7ecd -->\n        <section id=\"team\" class=\"section-padding bg-dark\/30\">\n            <div class=\"container mx-auto px-4 md:px-6\">\n                <div class=\"max-w-3xl mx-auto text-center mb-16\">\n                    <h2 class=\"text-[clamp(1.8rem,3vw,2.5rem)] font-bold\">\u6838\u5fc3\u56e2\u961f<\/h2>\n                    <p class=\"text-lightGray text-lg\">\u6211\u4eec\u62e5\u6709\u4e00\u652f\u7531\u60c5\u611f\u8ba1\u7b97\u3001\u4eba\u5de5\u667a\u80fd\u3001\u6570\u636e\u79d1\u5b66\u548c\u5546\u4e1a\u9886\u57df\u4e13\u5bb6\u7ec4\u6210\u7684\u4e13\u4e1a\u56e2\u961f\u3002<\/p>\n                <\/div>\n                \n                <div class=\"grid md:grid-cols-2 gap-8 max-w-4xl mx-auto\">\n                    <div class=\"bg-dark\/80 rounded-2xl overflow-hidden border border-gray\/10 card-hover\">\n                        <div class=\"h-64 overflow-hidden\">\n                            <img decoding=\"async\" src=\"https:\/\/picsum.photos\/id\/1001\/400\/500\" alt=\"\u90dd\u4efb\u4e49\" class=\"w-full h-full object-cover\">\n                        <\/div>\n                        <div class=\"p-6\">\n                            <h3 class=\"text-xl font-bold mb-1\">\u90dd\u4efb\u4e49<\/h3>\n                            <p class=\"text-secondary mb-4\">\u521b\u59cb\u4eba &#038; \u6cd5\u5b9a\u4ee3\u8868\u4eba<\/p>\n                            <p class=\"text-lightGray text-sm mb-4\">\u8d1f\u8d23\u516c\u53f8\u6574\u4f53\u6218\u7565\u4e0e\u6280\u672f\u65b9\u5411\u3002\u62e5\u6709\u4e30\u5bcc\u7684\u521b\u4e1a\u7ecf\u9a8c\u4e0e\u8de8\u9886\u57df\u8d44\u6e90\u6574\u5408\u80fd\u529b\u3002<\/p>\n                        <\/div>\n                    <\/div>\n                    <div class=\"bg-dark\/80 rounded-2xl overflow-hidden border border-gray\/10 card-hover\">\n                        <div class=\"h-64 overflow-hidden\">\n                            <img decoding=\"async\" src=\"https:\/\/picsum.photos\/id\/1002\/400\/500\" alt=\"\u7ba1\u8bd7\u6021\" class=\"w-full h-full object-cover\">\n                        <\/div>\n                        <div class=\"p-6\">\n                            <h3 class=\"text-xl font-bold mb-1\">\u7ba1\u8bd7\u6021<\/h3>\n                            <p class=\"text-secondary mb-4\">\u8054\u5408\u521b\u59cb\u4eba &#038; \u76d1\u4e8b<\/p>\n                            <p class=\"text-lightGray text-sm mb-4\">\u8d1f\u8d23\u516c\u53f8\u8fd0\u8425\u3001\u5408\u89c4\u53ca\u8d22\u52a1\u7ba1\u7406\u3002\u6301\u6709\u516c\u53f831%\u80a1\u4efd\u3002<\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                \n                <div class=\"mt-16 bg-dark\/50 backdrop-blur-sm rounded-2xl p-8 md:p-12 border border-gray\/10\">\n                    <h3 class=\"text-2xl font-bold mb-6\">\u987e\u95ee\u56e2\u961f<\/h3>\n                    <p class=\"text-lightGray text-center py-8\">\u987e\u95ee\u56e2\u961f\u6b63\u5728\u7ec4\u5efa\u4e2d\uff0c\u6b22\u8fce\u884c\u4e1a\u4e13\u5bb6\u4e0e\u6211\u4eec\u8054\u7cfb\u3002<\/p>\n                <\/div>\n            <\/div>\n        <\/section>\n    <\/main>\n\n    <script>\n        \/\/ \u6eda\u52a8\u8fdb\u5ea6\u6761\n        window.addEventListener('scroll', () => {\n            const winScroll = document.body.scrollTop || document.documentElement.scrollTop;\n            const height = document.documentElement.scrollHeight - document.documentElement.clientHeight;\n            const scrolled = (winScroll \/ height) * 100;\n            document.getElementById(\"progressBar\").style.width = scrolled + \"%\";\n        });\n        \n        \/\/ \u5e73\u6ed1\u6eda\u52a8\n        document.querySelectorAll('a[href^=\"#\"]').forEach(anchor => {\n            anchor.addEventListener('click', function (e) {\n                e.preventDefault();\n                const targetId = this.getAttribute('href');\n                const targetElement = document.querySelector(targetId);\n                if (targetElement) {\n                    const targetPosition = targetElement.getBoundingClientRect().top + window.pageYOffset - 60;\n                    window.scrollTo({ top: targetPosition, behavior: 'smooth' });\n                }\n            });\n        });\n        \n        \/\/ \u5e02\u573a\u589e\u957f\u56fe\u8868\n        const marketGrowthCtx = document.getElementById('marketGrowthChart').getContext('2d');\n        new Chart(marketGrowthCtx, {\n            type: 'line',\n            data: {\n                labels: ['2023', '2024', '2025', '2026', '2027', '2028'],\n                datasets: [{\n                    label: '\u5168\u7403\u60c5\u611f\u8ba1\u7b97\u5e02\u573a\u89c4\u6a21\uff08\u4ebf\u7f8e\u5143\uff09',\n                    data: [85, 112, 150, 195, 248, 310],\n                    borderColor: '#6200EA',\n                    backgroundColor: 'rgba(98, 0, 234, 0.1)',\n                    tension: 0.4,\n                    fill: true\n                }]\n            },\n            options: {\n                responsive: true,\n                plugins: { legend: { labels: { color: '#ffffff' } } },\n                scales: {\n                    y: { beginAtZero: true, grid: { color: 'rgba(255,255,255,0.05)' }, ticks: { color: '#d1d5db' } },\n                    x: { grid: { color: 'rgba(255,255,255,0.05)' }, ticks: { color: '#d1d5db' } }\n                }\n            }\n        });\n        \n        \/\/ \u6536\u5165\u9884\u6d4b\u56fe\u8868\uff08\u6539\u4e3a\u884c\u4e1a\u53c2\u8003\uff09\n        const revenueCtx = document.getElementById('revenueChart').getContext('2d');\n        new Chart(revenueCtx, {\n            type: 'bar',\n            data: {\n                labels: ['2025', '2026', '2027', '2028', '2029'],\n                datasets: [{\n                    label: '\u8ba2\u9605\u6536\u5165\uff08\u4ebf\u5143\uff09',\n                    data: [8, 18, 32, 50, 75],\n                    backgroundColor: '#6200EA'\n                }, {\n                    label: '\u9879\u76ee\u6536\u5165\uff08\u4ebf\u5143\uff09',\n                    data: [5, 12, 20, 30, 45],\n                    backgroundColor: '#03DAC6'\n                }]\n            },\n            options: {\n                responsive: true,\n                plugins: { legend: { labels: { color: '#ffffff' } } },\n                scales: {\n                    y: { beginAtZero: true, grid: { color: 'rgba(255,255,255,0.05)' }, ticks: { color: '#d1d5db' } },\n                    x: { grid: { color: 'rgba(255,255,255,0.05)' }, ticks: { color: '#d1d5db' } }\n                }\n            }\n        });\n        \n        \/\/ \u8d22\u52a1\u6307\u6807\u56fe\u8868\n        const financialIndicatorsCtx = document.getElementById('financialIndicatorsChart').getContext('2d');\n        new Chart(financialIndicatorsCtx, {\n            type: 'line',\n            data: {\n                labels: ['2025', '2026', '2027', '2028', '2029'],\n                datasets: [{\n                    label: '\u884c\u4e1a\u5e73\u5747\u6bdb\u5229\u7387\uff08%\uff09',\n                    data: [65, 68, 72, 75, 78],\n                    borderColor: '#6200EA',\n                    tension: 0.4,\n                    yAxisID: 'y'\n                }, {\n                    label: '\u884c\u4e1a\u5ba2\u6237\u589e\u957f\u7387\uff08%\uff09',\n                    data: [120, 95, 80, 65, 50],\n                    borderColor: '#03DAC6',\n                    tension: 0.4,\n                    yAxisID: 'y1'\n                }]\n            },\n            options: {\n                responsive: true,\n                plugins: { legend: { labels: { color: '#ffffff' } } },\n                scales: {\n                    y: { type: 'linear', position: 'left', title: { display: true, text: '\u6bdb\u5229\u7387\uff08%\uff09', color: '#6200EA' }, grid: { color: 'rgba(255,255,255,0.05)' }, ticks: { color: '#d1d5db' } },\n                    y1: { type: 'linear', position: 'right', title: { display: true, text: '\u5ba2\u6237\u589e\u957f\u7387\uff08%\uff09', color: '#03DAC6' }, grid: { drawOnChartArea: false }, ticks: { color: '#d1d5db' } },\n                    x: { grid: { color: 'rgba(255,255,255,0.05)' }, ticks: { color: '#d1d5db' } }\n                }\n            }\n        });\n    <\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>\u60c5\u611f\u667a\u80fd\u9a71\u52a8 \u672a\u6765\u5546\u4e1a\u51b3\u7b56 \u5fc3\u94fe\u60c5\u667a\u6570\u636e\u79d1\u6280\u81f4\u529b\u4e8e\u901a\u8fc7\u5148\u8fdb\u7684\u60c5\u611f\u8ba1\u7b97\u4e0e\u4eba\u5de5\u667a\u80fd\u6280\u672f\uff0c\u5e2e\u52a9\u4f01\u4e1a\u6df1\u5ea6\u7406\u89e3\u7528\u6237\u60c5\u611f\uff0c [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-392","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.affectivechain.com\/index.php\/wp-json\/wp\/v2\/pages\/392","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.affectivechain.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.affectivechain.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.affectivechain.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.affectivechain.com\/index.php\/wp-json\/wp\/v2\/comments?post=392"}],"version-history":[{"count":95,"href":"https:\/\/www.affectivechain.com\/index.php\/wp-json\/wp\/v2\/pages\/392\/revisions"}],"predecessor-version":[{"id":2186,"href":"https:\/\/www.affectivechain.com\/index.php\/wp-json\/wp\/v2\/pages\/392\/revisions\/2186"}],"wp:attachment":[{"href":"https:\/\/www.affectivechain.com\/index.php\/wp-json\/wp\/v2\/media?parent=392"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}