{"id":1614,"date":"2025-07-29T14:21:39","date_gmt":"2025-07-29T06:21:39","guid":{"rendered":"https:\/\/www.affectivechain.com\/?p=1614"},"modified":"2026-03-21T22:34:54","modified_gmt":"2026-03-21T14:34:54","slug":"%e5%bf%83%e8%b0%90xinsync","status":"publish","type":"post","link":"https:\/\/www.affectivechain.com\/index.php\/2025\/07\/29\/%e5%bf%83%e8%b0%90xinsync\/","title":{"rendered":"\u5fc3\u8c10XinSync"},"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  \n  <!-- Tailwind\u914d\u7f6e -->\n  <script>\n    tailwind.config = {\n      theme: {\n        extend: {\n          colors: {\n            primary: '#FF7A9C',\n            secondary: '#FFE6EC',\n            accent: '#FF5C8A',\n            neutral: '#333333',\n            light: '#F9F9F9'\n          },\n          fontFamily: {\n            sans: ['Inter', 'system-ui', 'sans-serif'],\n          },\n        },\n      }\n    }\n  <\/script>\n  \n  <style type=\"text\/tailwindcss\">\n    @layer utilities {\n      .content-auto {\n        content-visibility: auto;\n      }\n      .text-shadow {\n        text-shadow: 0 2px 4px rgba(0,0,0,0.1);\n      }\n      .gradient-overlay {\n        background: linear-gradient(135deg, rgba(255,122,156,0.9) 0%, rgba(255,92,138,0.9) 100%);\n      }\n      .card-hover {\n        transition: transform 0.3s ease, box-shadow 0.3s ease;\n      }\n      .card-hover:hover {\n        transform: translateY(-5px);\n        box-shadow: 0 15px 30px rgba(255,122,156,0.15);\n      }\n    }\n  <\/style>\n  \n  <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700;800&#038;display=swap\" rel=\"stylesheet\">\n<\/head>\n<body class=\"bg-light font-sans text-neutral\">\n  <!-- \u9876\u90e8\u5bfc\u822a -->\n  <nav class=\"fixed top-0 left-0 right-0 bg-white\/90 backdrop-blur-sm shadow-sm z-50 transition-all duration-300\">\n    <div class=\"container mx-auto px-4 py-3 flex justify-between items-center\">\n      <div class=\"flex items-center gap-2\">\n        <img decoding=\"async\" src=\"https:\/\/www.affectivechain.com\/wp-content\/uploads\/2025\/05\/\u957f\u65b9\u5f62-1.jpg\" alt=\"\u5fc3\u8c10LOGO\" class=\"w-8 h-8 object-contain\">\n        <span class=\"font-bold text-primary text-lg\">\u5fc3\u8c10XinSync<\/span>\n      <\/div>\n      <div class=\"hidden md:flex items-center gap-8\">\n        <a href=\"#value\" class=\"text-gray-600 hover:text-primary transition\">\u793e\u4f1a\u4ef7\u503c<\/a>\n        <a href=\"#solve\" class=\"text-gray-600 hover:text-primary transition\">\u89e3\u51b3\u95ee\u9898<\/a>\n        <a href=\"#process\" class=\"text-gray-600 hover:text-primary transition\">\u4f7f\u7528\u6d41\u7a0b<\/a>\n        <a href=\"#features\" class=\"text-gray-600 hover:text-primary transition\">\u6838\u5fc3\u529f\u80fd<\/a>\n       <\/div>\n        <a href=\"https:\/\/www.affectivechain.com\/\" class=\"inline-block bg-primary text-white px-5 py-2 rounded-full text-sm font-medium hover:bg-accent transition\">\n        \u7acb\u5373\u4f53\u9a8c\n      <\/a>\n    <\/div>\n  <\/nav>\n\n  <!-- \u82f1\u96c4\u533a\u57df -->\n  <section class=\"pt-28 pb-20 md:pt-40 md:pb-32 gradient-overlay text-white\">\n    <div class=\"container mx-auto px-4\">\n      <div class=\"max-w-4xl mx-auto text-center\">\n        <h1 class=\"text-[clamp(2rem,5vw,3.5rem)] font-bold leading-tight mb-6 text-shadow\">\n          \u7528\u79d1\u6280\u8bfb\u61c2\u60c5\u611f<br>\u8ba9\u5173\u7cfb\u66f4\u548c\u8c10\n        <\/h1>\n        <p class=\"text-[clamp(1rem,2vw,1.25rem)] opacity-90 mb-10 max-w-2xl mx-auto\">\n          \u5fc3\u8c10XinSync\u2014\u2014\u56fd\u5185\u9996\u4e2a\u60c5\u611f\u5173\u7cfb\u667a\u80fd\u7ba1\u7406\u5e73\u53f0\uff0c\u901a\u8fc7AI\u5206\u6790\u4e0e\u4e13\u4e1a\u5fc3\u7406\u6307\u5bfc\uff0c\n          \u5e2e\u52a9\u5343\u4e07\u5bb6\u5ead\u89e3\u51b3\u60c5\u611f\u6c9f\u901a\u96be\u9898\n        <\/p>\n        <div class=\"flex flex-col sm:flex-row gap-4 justify-center\">\n          <a href=\"https:\/\/www.affectivechain.com\/index.php\/heartsync\/datafamily\/\" class=\"inline-block bg-white text-primary px-8 py-3 rounded-full font-semibold text-lg hover:shadow-lg transition\">\n            \u5f00\u59cb\u4f7f\u7528\n          <\/a>\n          <a href=\"https:\/\/www.affectivechain.com\/index.php\/heart%E6%96%B9%E6%A1%88\/syncapp\/\" class=\"inline-block bg-transparent border-2 border-white text-white px-8 py-3 rounded-full font-semibold text-lg hover:bg-white\/10 transition\">\n            \u4e86\u89e3\u66f4\u591a\n          <\/a>\n        <\/div>\n      <\/div>\n    <\/div>\n    \n    <!-- \u88c5\u9970\u56fe\u5f62 -->\n    <div class=\"absolute bottom-0 left-0 right-0 h-16 bg-light\" style=\"clip-path: polygon(0 100%, 100% 100%, 100% 0, 0 100%)\"><\/div>\n  <\/section>\n\n  <!-- \u793e\u4f1a\u4ef7\u503c -->\n  <section id=\"value\" class=\"py-20 bg-light\">\n    <div class=\"container mx-auto px-4\">\n      <div class=\"text-center mb-16\">\n        <h2 class=\"text-[clamp(1.5rem,3vw,2.5rem)] font-bold mb-4\">\u793e\u4f1a\u4ef7\u503c<\/h2>\n        <p class=\"text-gray-600 max-w-2xl mx-auto\">\u5fc3\u8c10XinSync\u4e0d\u4ec5\u662f\u4e00\u6b3e\u5de5\u5177\uff0c\u66f4\u662f\u60c5\u611f\u5173\u7cfb\u7684\u5b88\u62a4\u8005\u4e0e\u5f15\u5bfc\u8005<\/p>\n      <\/div>\n      \n      <div class=\"grid grid-cols-1 md:grid-cols-3 gap-8\">\n        <div class=\"bg-white rounded-2xl p-8 shadow-sm card-hover\">\n          <div class=\"w-16 h-16 bg-secondary rounded-full flex items-center justify-center text-primary mb-6\">\n            <i class=\"fa fa-heart-o text-2xl\"><\/i>\n          <\/div>\n          <h3 class=\"text-xl font-bold mb-3\">\u964d\u4f4e\u5bb6\u5ead\u77db\u76fe\u7387<\/h3>\n          <p class=\"text-gray-600\">\n            \u901a\u8fc7\u63d0\u524d\u8bc6\u522b\u60c5\u611f\u98ce\u9669\u70b9\uff0c\u63d0\u4f9b\u79d1\u5b66\u6c9f\u901a\u5efa\u8bae\uff0c\u5e2e\u52a9\u5bb6\u5ead\u51cf\u5c1172%\u7684\u65e0\u6548\u4e89\u5435\uff0c\n            \u4ece\u6839\u6e90\u4e0a\u964d\u4f4e\u5bb6\u5ead\u77db\u76fe\u53d1\u751f\u7387\n          <\/p>\n        <\/div>\n        \n        <div class=\"bg-white rounded-2xl p-8 shadow-sm card-hover\">\n          <div class=\"w-16 h-16 bg-secondary rounded-full flex items-center justify-center text-primary mb-6\">\n            <i class=\"fa fa-users text-2xl\"><\/i>\n          <\/div>\n          <h3 class=\"text-xl font-bold mb-3\">\u63d0\u5347\u60c5\u611f\u6c9f\u901a\u8d28\u91cf<\/h3>\n          <p class=\"text-gray-600\">\n            \u57fa\u4e8e300\u4e07+\u60c5\u611f\u6570\u636e\u8bad\u7ec3\u7684AI\u6a21\u578b\uff0c\u80fd\u7cbe\u51c6\u89e3\u8bfb\u6c9f\u901a\u4e2d\u7684\u60c5\u611f\u4fe1\u53f7\uff0c\n            \u5e2e\u52a9\u7528\u6237\u63d0\u5347\u6c9f\u901a\u6548\u7387\uff0c\u51cf\u5c1180%\u7684\u60c5\u611f\u8bef\u89e3\n          <\/p>\n        <\/div>\n        \n        <div class=\"bg-white rounded-2xl p-8 shadow-sm card-hover\">\n          <div class=\"w-16 h-16 bg-secondary rounded-full flex items-center justify-center text-primary mb-6\">\n            <i class=\"fa fa-hand-peace-o text-2xl\"><\/i>\n          <\/div>\n          <h3 class=\"text-xl font-bold mb-3\">\u4fc3\u8fdb\u793e\u4f1a\u60c5\u611f\u5065\u5eb7<\/h3>\n          <p class=\"text-gray-600\">\n            \u901a\u8fc7\u666e\u53ca\u60c5\u611f\u7ba1\u7406\u77e5\u8bc6\u4e0e\u6280\u80fd\uff0c\u6784\u5efa\u548c\u8c10\u5bb6\u5ead\u5173\u7cfb\uff0c\n            \u4ece\u5fae\u89c2\u5c42\u9762\u63a8\u52a8\u793e\u4f1a\u60c5\u611f\u5065\u5eb7\u751f\u6001\u5efa\u8bbe\n          <\/p>\n        <\/div>\n      <\/div>\n      \n      <!-- \u6570\u636e\u5c55\u793a -->\n      <div class=\"mt-20 bg-white rounded-2xl p-8 md:p-12 shadow-sm\">\n        <div class=\"grid grid-cols-2 md:grid-cols-4 gap-6 text-center\">\n          <div>\n            <p class=\"text-4xl md:text-5xl font-bold text-primary mb-2\">300\u4e07+<\/p>\n            <p class=\"text-gray-600\">\u60c5\u611f\u6570\u636e\u6837\u672c<\/p>\n          <\/div>\n          <div>\n            <p class=\"text-4xl md:text-5xl font-bold text-primary mb-2\">86%<\/p>\n            <p class=\"text-gray-600\">\u7528\u6237\u6ee1\u610f\u5ea6<\/p>\n          <\/div>\n          <div>\n            <p class=\"text-4xl md:text-5xl font-bold text-primary mb-2\">12\u4e07+<\/p>\n            <p class=\"text-gray-600\">\u6d3b\u8dc3\u5bb6\u5ead\u7528\u6237<\/p>\n          <\/div>\n          <div>\n            <p class=\"text-4xl md:text-5xl font-bold text-primary mb-2\">42%<\/p>\n            <p class=\"text-gray-600\">\u5173\u7cfb\u6539\u5584\u7387<\/p>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- \u89e3\u51b3\u7684\u95ee\u9898 -->\n  <section id=\"solve\" class=\"py-20 bg-white\">\n    <div class=\"container mx-auto px-4\">\n      <div class=\"text-center mb-16\">\n        <h2 class=\"text-[clamp(1.5rem,3vw,2.5rem)] font-bold mb-4\">\u89e3\u51b3\u60c5\u611f\u5173\u7cfb\u6838\u5fc3\u95ee\u9898<\/h2>\n        <p class=\"text-gray-600 max-w-2xl mx-auto\">\u6211\u4eec\u6df1\u5165\u6d1e\u5bdf\u73b0\u4ee3\u4eba\u9645\u5173\u7cfb\u75db\u70b9\uff0c\u63d0\u4f9b\u9488\u5bf9\u6027\u89e3\u51b3\u65b9\u6848<\/p>\n      <\/div>\n      \n      <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8\">\n        <div class=\"bg-light rounded-2xl p-6 card-hover\">\n          <div class=\"w-12 h-12 bg-primary\/10 rounded-full flex items-center justify-center text-primary mb-5\">\n            <i class=\"fa fa-comments-o text-xl\"><\/i>\n          <\/div>\n          <h3 class=\"text-lg font-bold mb-3\">\u6c9f\u901a\u4e0d\u7545\u4e0e\u8bef\u89e3<\/h3>\n          <p class=\"text-gray-600 mb-4\">\n            \u89e3\u51b3\u592b\u59bb\u3001\u4eb2\u5b50\u95f4&#8221;\u8bf4\u4e86\u7b49\u4e8e\u6ca1\u8bf4&#8221;\u7684\u6c9f\u901a\u56f0\u5883\uff0c\n            \u8bc6\u522b\u8bed\u8a00\u80cc\u540e\u7684\u771f\u5b9e\u9700\u6c42\u4e0e\u60c5\u611f\n          <\/p>\n          <span class=\"text-primary font-medium\">AI\u60c5\u611f\u89e3\u8bfb \u2192<\/span>\n        <\/div>\n        \n        <div class=\"bg-light rounded-2xl p-6 card-hover\">\n          <div class=\"w-12 h-12 bg-primary\/10 rounded-full flex items-center justify-center text-primary mb-5\">\n            <i class=\"fa fa-exclamation-triangle text-xl\"><\/i>\n          <\/div>\n          <h3 class=\"text-lg font-bold mb-3\">\u60c5\u611f\u5371\u673a\u9884\u8b66<\/h3>\n          <p class=\"text-gray-600 mb-4\">\n            \u63d0\u524d\u53d1\u73b0\u5173\u7cfb\u4e2d\u7684\u98ce\u9669\u4fe1\u53f7\uff0c\u5728\u77db\u76fe\u6fc0\u5316\u524d\n            \u53d1\u51fa\u9884\u8b66\u5e76\u63d0\u4f9b\u5e72\u9884\u65b9\u6848\n          <\/p>\n          <span class=\"text-primary font-medium\">\u60c5\u611f\u98ce\u9669\u96f7\u8fbe \u2192<\/span>\n        <\/div>\n        \n        <div class=\"bg-light rounded-2xl p-6 card-hover\">\n          <div class=\"w-12 h-12 bg-primary\/10 rounded-full flex items-center justify-center text-primary mb-5\">\n            <i class=\"fa fa-history text-xl\"><\/i>\n          <\/div>\n          <h3 class=\"text-lg font-bold mb-3\">\u4ee3\u9645\u89c2\u5ff5\u51b2\u7a81<\/h3>\n          <p class=\"text-gray-600 mb-4\">\n            \u5316\u89e3\u957f\u8f88\u4e0e\u665a\u8f88\u95f4\u7684\u89c2\u5ff5\u5dee\u5f02\uff0c\n            \u6784\u5efa\u76f8\u4e92\u7406\u89e3\u7684\u6c9f\u901a\u6865\u6881\n          <\/p>\n          <span class=\"text-primary font-medium\">\u4ee3\u9645\u9002\u914d\u65b9\u6848 \u2192<\/span>\n        <\/div>\n        \n        <div class=\"bg-light rounded-2xl p-6 card-hover\">\n          <div class=\"w-12 h-12 bg-primary\/10 rounded-full flex items-center justify-center text-primary mb-5\">\n            <i class=\"fa fa-meh-o text-xl\"><\/i>\n          <\/div>\n          <h3 class=\"text-lg font-bold mb-3\">\u60c5\u611f\u8868\u8fbe\u969c\u788d<\/h3>\n          <p class=\"text-gray-600 mb-4\">\n            \u5e2e\u52a9\u4e0d\u64c5\u957f\u8868\u8fbe\u60c5\u611f\u7684\u4eba\u627e\u5230\u5408\u9002\u7684\u8868\u8fbe\u65b9\u5f0f\uff0c\n            \u8ba9\u7231\u610f\u4e0e\u5173\u5fc3\u88ab\u6b63\u786e\u611f\u77e5\n          <\/p>\n          <span class=\"text-primary font-medium\">\u8868\u8fbe\u6307\u5bfc\u5de5\u5177 \u2192<\/span>\n        <\/div>\n        \n        <div class=\"bg-light rounded-2xl p-6 card-hover\">\n          <div class=\"w-12 h-12 bg-primary\/10 rounded-full flex items-center justify-center text-primary mb-5\">\n            <i class=\"fa fa-child text-xl\"><\/i>\n          <\/div>\n          <h3 class=\"text-lg font-bold mb-3\">\u4eb2\u5b50\u5173\u7cfb\u758f\u79bb<\/h3>\n          <p class=\"text-gray-600 mb-4\">\n            \u9488\u5bf9\u9752\u6625\u671f\u4eb2\u5b50\u6c9f\u901a\u96be\u9898\uff0c\u63d0\u4f9b\u79d1\u5b66\u5f15\u5bfc\uff0c\n            \u91cd\u5efa\u4fe1\u4efb\u4e0e\u4eb2\u5bc6\u611f\n          <\/p>\n          <span class=\"text-primary font-medium\">\u4eb2\u5b50\u5173\u7cfb\u4fee\u590d \u2192<\/span>\n        <\/div>\n        \n        <div class=\"bg-light rounded-2xl p-6 card-hover\">\n          <div class=\"w-12 h-12 bg-primary\/10 rounded-full flex items-center justify-center text-primary mb-5\">\n            <i class=\"fa fa-line-chart text-xl\"><\/i>\n          <\/div>\n          <h3 class=\"text-lg font-bold mb-3\">\u5173\u7cfb\u53d1\u5c55\u76f2\u533a<\/h3>\n          <p class=\"text-gray-600 mb-4\">\n            \u901a\u8fc7\u6570\u636e\u53ef\u89c6\u5316\u5c55\u793a\u5173\u7cfb\u53d1\u5c55\u8d8b\u52bf\uff0c\n            \u53d1\u73b0\u6f5c\u5728\u95ee\u9898\u4e0e\u63d0\u5347\u7a7a\u95f4\n          <\/p>\n          <span class=\"text-primary font-medium\">\u5173\u7cfb\u8d8b\u52bf\u5206\u6790 \u2192<\/span>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- \u4e0a\u4f20\u5206\u6790\u6d41\u7a0b -->\n  <section id=\"process\" class=\"py-20 bg-light\">\n    <div class=\"container mx-auto px-4\">\n      <div class=\"text-center mb-16\">\n        <h2 class=\"text-[clamp(1.5rem,3vw,2.5rem)] font-bold mb-4\">\u7b80\u5355\u56db\u6b65\uff0c\u8bfb\u61c2\u60c5\u611f<\/h2>\n        <p class=\"text-gray-600 max-w-2xl mx-auto\">\u5fc3\u8c10XinSync\u8ba9\u4e13\u4e1a\u60c5\u611f\u5206\u6790\u53d8\u5f97\u7b80\u5355\u6613\u884c<\/p>\n      <\/div>\n      \n      <div class=\"max-w-5xl mx-auto\">\n        <!-- \u6d41\u7a0b\u7ebf -->\n        <div class=\"hidden md:block absolute left-1\/2 top-0 bottom-0 w-0.5 bg-primary\/20 transform -translate-x-1\/2\"><\/div>\n        \n        <div class=\"relative\">\n          <!-- \u6b65\u9aa41 -->\n          <div class=\"flex flex-col md:flex-row items-center mb-16 md:mb-24 relative\">\n            <div class=\"md:w-1\/2 md:pr-12 md:text-right mb-8 md:mb-0\">\n              <h3 class=\"text-xl font-bold mb-3\">\u4e0a\u4f20\u6c9f\u901a\u8bb0\u5f55<\/h3>\n              <p class=\"text-gray-600\">\n                \u8f7b\u677e\u4e0a\u4f20\u804a\u5929\u8bb0\u5f55\u3001\u901a\u8bdd\u5f55\u97f3\uff08\u9700\u6388\u6743\uff09\u6216\u624b\u52a8\u8f93\u5165\u5bf9\u8bdd\u5185\u5bb9\uff0c\n                \u6240\u6709\u6570\u636e\u91c7\u7528\u94f6\u884c\u7ea7\u52a0\u5bc6\u4fdd\u62a4\n              <\/p>\n            <\/div>\n            \n            <div class=\"md:w-12 z-10\">\n              <div class=\"w-10 h-10 rounded-full bg-primary text-white flex items-center justify-center font-bold mx-auto\">1<\/div>\n            <\/div>\n            \n            <div class=\"md:w-1\/2 md:pl-12\">\n              <div class=\"bg-white rounded-xl p-4 shadow-sm\">\n                <img decoding=\"async\" src=\"https:\/\/www.affectivechain.com\/wp-content\/uploads\/2025\/07\/12111.png\" alt=\"\u4e0a\u4f20\u6c9f\u901a\u8bb0\u5f55\" class=\"w-full h-auto rounded-lg\">\n              <\/div>\n            <\/div>\n          <\/div>\n          \n          <!-- \u6b65\u9aa42 -->\n          <div class=\"flex flex-col md:flex-row items-center mb-16 md:mb-24 relative\">\n            <div class=\"md:w-1\/2 md:pr-12 order-1 md:order-1\">\n              <div class=\"bg-white rounded-xl p-4 shadow-sm\">\n                <img decoding=\"async\" src=\"https:\/\/www.affectivechain.com\/wp-content\/uploads\/2025\/07\/\u60c5\u611f\u8bb0\u5f55\u6dfb\u52a0\u9875\u9762.png\" alt=\"AI\u60c5\u611f\u5206\u6790\" class=\"w-full h-auto rounded-lg\">\n              <\/div>\n            <\/div>\n            \n            <div class=\"md:w-12 z-10 order-0 md:order-2\">\n              <div class=\"w-10 h-10 rounded-full bg-primary text-white flex items-center justify-center font-bold mx-auto\">2<\/div>\n            <\/div>\n            \n            <div class=\"md:w-1\/2 md:pl-12 order-2 md:order-3 mt-8 md:mt-0\">\n              <h3 class=\"text-xl font-bold mb-3\">AI\u60c5\u611f\u5206\u6790<\/h3>\n              <p class=\"text-gray-600\">\n                \u57fa\u4e8eNLP\u60c5\u611f\u8bc6\u522b\u6280\u672f\u4e0e300\u4e07+\u60c5\u611f\u6570\u636e\u8bad\u7ec3\u7684AI\u6a21\u578b\uff0c\n                \u6df1\u5ea6\u89e3\u6790\u5bf9\u8bdd\u4e2d\u7684\u60c5\u611f\u503e\u5411\u3001\u6f5c\u5728\u9700\u6c42\u4e0e\u6c9f\u901a\u6a21\u5f0f\n              <\/p>\n            <\/div>\n          <\/div>\n          \n          <!-- \u6b65\u9aa43 -->\n          <div class=\"flex flex-col md:flex-row items-center mb-16 md:mb-24 relative\">\n            <div class=\"md:w-1\/2 md:pr-12 md:text-right mb-8 md:mb-0\">\n              <h3 class=\"text-xl font-bold mb-3\">\u751f\u6210\u5206\u6790\u62a5\u544a<\/h3>\n              <p class=\"text-gray-600\">\n                \u81ea\u52a8\u751f\u6210\u53ef\u89c6\u5316\u5206\u6790\u62a5\u544a\uff0c\u5305\u542b\u60c5\u611f\u70ed\u529b\u56fe\u3001\u6c9f\u901a\u8d28\u91cf\u8bc4\u5206\u3001\n                \u6f5c\u5728\u95ee\u9898\u63d0\u793a\u7b49\u4e13\u4e1a\u5185\u5bb9\n              <\/p>\n            <\/div>\n            \n            <div class=\"md:w-12 z-10\">\n              <div class=\"w-10 h-10 rounded-full bg-primary text-white flex items-center justify-center font-bold mx-auto\">3<\/div>\n            <\/div>\n            \n            <div class=\"md:w-1\/2 md:pl-12\">\n              <div class=\"bg-white rounded-xl p-4 shadow-sm\">\n                <img decoding=\"async\" src=\"https:\/\/www.affectivechain.com\/wp-content\/uploads\/2025\/07\/\u60c5\u611f\u5206\u6790.png\" alt=\"\u751f\u6210\u5206\u6790\u62a5\u544a\" class=\"w-full h-auto rounded-lg\">\n              <\/div>\n            <\/div>\n          <\/div>\n          \n          <!-- \u6b65\u9aa44 -->\n          <div class=\"flex flex-col md:flex-row items-center relative\">\n            <div class=\"md:w-1\/2 md:pr-12 order-1 md:order-1\">\n              <div class=\"bg-white rounded-xl p-4 shadow-sm\">\n                <img decoding=\"async\" src=\"https:\/\/www.affectivechain.com\/wp-content\/uploads\/2025\/07\/12111-1.png\" alt=\"\u83b7\u53d6\u6539\u5584\u5efa\u8bae\" class=\"w-full h-auto rounded-lg\">\n              <\/div>\n            <\/div>\n            \n            <div class=\"md:w-12 z-10 order-0 md:order-2\">\n              <div class=\"w-10 h-10 rounded-full bg-primary text-white flex items-center justify-center font-bold mx-auto\">4<\/div>\n            <\/div>\n            \n            <div class=\"md:w-1\/2 md:pl-12 order-2 md:order-3 mt-8 md:mt-0\">\n              <h3 class=\"text-xl font-bold mb-3\">\u83b7\u53d6\u6539\u5584\u5efa\u8bae<\/h3>\n              <p class=\"text-gray-600\">\n                \u6839\u636e\u5206\u6790\u7ed3\u679c\u63d0\u4f9b\u4e2a\u6027\u5316\u6539\u5584\u65b9\u6848\uff0c\u5305\u542b\u6c9f\u901a\u6280\u5de7\u3001\n                \u60c5\u611f\u8868\u8fbe\u65b9\u6cd5\u548c\u5173\u7cfb\u5347\u6e29\u5efa\u8bae\uff0c\u7531\u4e13\u4e1a\u5fc3\u7406\u54a8\u8be2\u5e08\u5ba1\u6838\n              <\/p>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- \u6838\u5fc3\u529f\u80fd\u5c55\u793a -->\n  <section id=\"features\" class=\"py-20 bg-white\">\n    <div class=\"container mx-auto px-4\">\n      <div class=\"text-center mb-16\">\n        <h2 class=\"text-[clamp(1.5rem,3vw,2.5rem)] font-bold mb-4\">\u6838\u5fc3\u529f\u80fd\u5c55\u793a<\/h2>\n        <p class=\"text-gray-600 max-w-2xl mx-auto\">\u7528\u79d1\u6280\u8d4b\u80fd\u60c5\u611f\u5173\u7cfb\u7ba1\u7406\uff0c\u8ba9\u4e13\u4e1a\u53d8\u5f97\u89e6\u624b\u53ef\u53ca<\/p>\n      <\/div>\n      \n      <div class=\"grid grid-cols-1 lg:grid-cols-2 gap-10 max-w-6xl mx-auto\">\n        <!-- \u60c5\u611f\u70ed\u529b\u56fe -->\n        <div class=\"bg-light rounded-2xl p-6 md:p-8 card-hover\">\n          <h3 class=\"text-xl font-bold mb-6\">\u60c5\u611f\u70ed\u529b\u56fe\u5206\u6790<\/h3>\n          <div class=\"bg-white rounded-xl p-4 mb-6 h-64\">\n            <canvas id=\"emotionHeatmap\"><\/canvas>\n          <\/div>\n          <p class=\"text-gray-600\">\n            \u76f4\u89c2\u5c55\u793a\u5bf9\u8bdd\u4e2d\u7684\u60c5\u611f\u6ce2\u52a8\u4e0e\u5173\u952e\u8282\u70b9\uff0c\u7ea2\u8272\u533a\u57df\u8868\u793a\u60c5\u7eea\u6fc0\u52a8\u70b9\uff0c\n            \u84dd\u8272\u533a\u57df\u8868\u793a\u60c5\u611f\u5e73\u6de1\u533a\uff0c\u5e2e\u52a9\u8bc6\u522b\u6c9f\u901a\u4e2d\u7684\u60c5\u611f\u9ad8\u6f6e\u4e0e\u4f4e\u8c37\n          <\/p>\n        <\/div>\n        \n        <!-- \u60c5\u611f\u9884\u8b66\u96f7\u8fbe -->\n        <div class=\"bg-light rounded-2xl p-6 md:p-8 card-hover\">\n          <h3 class=\"text-xl font-bold mb-6\">\u60c5\u611f\u98ce\u9669\u9884\u8b66\u96f7\u8fbe<\/h3>\n          <div class=\"bg-white rounded-xl p-4 mb-6 h-64\">\n            <canvas id=\"emotionRadar\"><\/canvas>\n          <\/div>\n          <p class=\"text-gray-600\">\n            \u591a\u7ef4\u5ea6\u8bc4\u4f30\u5173\u7cfb\u5065\u5eb7\u5ea6\uff0c\u5305\u542b\u6c9f\u901a\u9891\u7387\u3001\u60c5\u611f\u5171\u9e23\u3001\u77db\u76fe\u89e3\u51b3\u7b495\u5927\u7ef4\u5ea6\uff0c\n            \u6570\u503c\u4f4e\u4e8e60\u5206\u5c06\u53d1\u51fa\u9884\u8b66\u5e76\u63d0\u4f9b\u6539\u5584\u5efa\u8bae\n          <\/p>\n        <\/div>\n        \n        <!-- \u6c9f\u901a\u6a21\u5f0f\u5206\u6790 -->\n        <div class=\"bg-light rounded-2xl p-6 md:p-8 card-hover\">\n          <h3 class=\"text-xl font-bold mb-6\">\u6c9f\u901a\u6a21\u5f0f\u5206\u6790<\/h3>\n          <div class=\"bg-white rounded-xl p-4 mb-6 h-64\">\n            <canvas id=\"communicationChart\"><\/canvas>\n          <\/div>\n          <p class=\"text-gray-600\">\n            \u5206\u6790\u53cc\u65b9\u7684\u6c9f\u901a\u98ce\u683c\u4e0e\u4e92\u52a8\u6a21\u5f0f\uff0c\u8bc6\u522b\u79ef\u6781\u6c9f\u901a\u4e0e\u6d88\u6781\u6c9f\u901a\u7684\u5360\u6bd4\uff0c\n            \u63d0\u4f9b\u4e2a\u6027\u5316\u6c9f\u901a\u4f18\u5316\u65b9\u6848\n          <\/p>\n        <\/div>\n        \n        <!-- \u5173\u7cfb\u8d8b\u52bf\u8ffd\u8e2a -->\n        <div class=\"bg-light rounded-2xl p-6 md:p-8 card-hover\">\n          <h3 class=\"text-xl font-bold mb-6\">\u5173\u7cfb\u8d8b\u52bf\u8ffd\u8e2a<\/h3>\n          <div class=\"bg-white rounded-xl p-4 mb-6 h-64\">\n            <canvas id=\"relationshipTrend\"><\/canvas>\n          <\/div>\n          <p class=\"text-gray-600\">\n            \u957f\u671f\u8ffd\u8e2a\u5173\u7cfb\u53d1\u5c55\u8d8b\u52bf\uff0c\u901a\u8fc7\u5386\u53f2\u6570\u636e\u5206\u6790\u5173\u7cfb\u53d8\u5316\u89c4\u5f8b\uff0c\n            \u63d0\u524d\u53d1\u73b0\u6f5c\u5728\u95ee\u9898\u5e76\u53ca\u65f6\u5e72\u9884\n          <\/p>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- \u884c\u52a8\u53f7\u53ec -->\n  <section class=\"py-20 gradient-overlay text-white\">\n    <div class=\"container mx-auto px-4 text-center\">\n      <h2 class=\"text-[clamp(1.5rem,3vw,2.5rem)] font-bold mb-6\">\n        \u5f00\u59cb\u4f60\u7684\u60c5\u611f\u548c\u8c10\u4e4b\u65c5\n      <\/h2>\n      <p class=\"text-lg opacity-90 mb-10 max-w-2xl mx-auto\">\n        \u73b0\u5728\u6ce8\u518c\u5373\u53ef\u83b7\u5f973\u6b21\u514d\u8d39\u4e13\u4e1a\u60c5\u611f\u5206\u6790\u670d\u52a1\uff0c\n        \u524d1000\u540d\u7528\u6237\u989d\u5916\u8d60\u9001\u4ef7\u503c1999\u5143\u7684\u60c5\u611f\u6d4b\u8bc4\u62a5\u544a\n      <\/p>\n      <a href=\"https:\/\/www.affectivechain.com\/index.php\/heart%e6%96%b9%e6%a1%88\/multi-modal-emotion-analysis\/\" class=\"inline-block bg-white text-primary px-10 py-4 rounded-full font-semibold text-xl hover:shadow-lg transition\">\n        \u7acb\u5373\u6ce8\u518c\uff0c\u514d\u8d39\u4f53\u9a8c\n      <\/a>\n      \n      <div class=\"mt-12 flex flex-wrap justify-center gap-8\">\n        <div class=\"flex items-center gap-2\">\n          <i class=\"fa fa-shield text-xl\"><\/i>\n          <span>\u9690\u79c1\u5b89\u5168\u4fdd\u969c<\/span>\n        <\/div>\n        <div class=\"flex items-center gap-2\">\n          <i class=\"fa fa-user-md text-xl\"><\/i>\n          <span>\u4e13\u4e1a\u5fc3\u7406\u652f\u6301<\/span>\n        <\/div>\n        <div class=\"flex items-center gap-2\">\n          <i class=\"fa fa-refresh text-xl\"><\/i>\n          <span>7\u5929\u65e0\u7406\u7531\u9000\u6b3e<\/span>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- \u9875\u811a -->\n  <footer class=\"bg-neutral text-white py-12\">\n    <div class=\"container mx-auto px-4\">\n      <div class=\"grid grid-cols-1 md:grid-cols-4 gap-10\">\n        <div>\n          <div class=\"flex items-center gap-2 mb-6\">\n            <img decoding=\"async\" src=\"https:\/\/www.affectivechain.com\/wp-content\/uploads\/2025\/05\/\u957f\u65b9\u5f62-1.jpg\" alt=\"\u5fc3\u8c10LOGO\" class=\"w-8 h-8 object-contain bg-white p-1 rounded\">\n            <span class=\"font-bold text-lg\">\u5fc3\u8c10XinSync<\/span>\n          <\/div>\n          <p class=\"text-gray-400 mb-6\">\n            \u7528\u79d1\u6280\u8d4b\u80fd\u60c5\u611f\u5173\u7cfb\uff0c\n            \u8ba9\u6bcf\u4e2a\u5bb6\u5ead\u90fd\u80fd\u62e5\u6709\u548c\u8c10\u7684\u60c5\u611f\u6c9f\u901a\n          <\/p>\n          <div class=\"flex gap-4\">\n            <a href=\"https:\/\/work.weixin.qq.com\/kfid\/kfc2e44535ead9f74e5\" class=\"text-gray-400 hover:text-white transition\">\n              <i class=\"fa fa-weixin text-xl\"><\/i>\n            <\/a>\n            <a href=\"https:\/\/weibo.com\/u\/3893680390\" class=\"text-gray-400 hover:text-white transition\">\n              <i class=\"fa fa-weibo text-xl\"><\/i>\n            <\/a>\n            <a href=\"#\" class=\"text-gray-400 hover:text-white transition\">\n              <i class=\"fa fa-qq text-xl\"><\/i>\n            <\/a>\n          <\/div>\n        <\/div>\n        \n        <div>\n          <h4 class=\"font-bold text-lg mb-6\">\u4ea7\u54c1\u670d\u52a1<\/h4>\n          <ul class=\"space-y-3\">\n            <li><a href=\"https:\/\/www.affectivechain.com\/index.php\/heartsync\/data-tou\/\" class=\"text-gray-400 hover:text-white transition\">\u60c5\u611f\u5206\u6790<\/a><\/li>\n            <li><a href=\"https:\/\/jsj.top\/f\/ffZBsf\" class=\"text-gray-400 hover:text-white transition\">\u5173\u7cfb\u6d4b\u8bc4<\/a><\/li>\n            <li><a href=\"https:\/\/www.affectivechain.com\/index.php\/heart%E6%96%B9%E6%A1%88\/syncapp\/\">\u4ea7\u54c1\u65b9\u6848<\/a><\/li>\n            <li><a href=\"https:\/\/www.affectivechain.com\/index.php\/counseling\/\" class=\"text-gray-400 hover:text-white transition\">\u5fc3\u7406\u54a8\u8be2<\/a><\/li>\n          <\/ul>\n        <\/div>\n        \n        <div>\n          <h4 class=\"font-bold text-lg mb-6\">\u5173\u4e8e\u6211\u4eec<\/h4>\n          <ul class=\"space-y-3\">\n            <li><a href=\"https:\/\/www.affectivechain.com\/index.php\/%E5%85%AC%E5%8F%B8%E7%AE%80%E4%BB%8B\/\" class=\"text-gray-400 hover:text-white transition\">\u516c\u53f8\u4ecb\u7ecd<\/a><\/li>\n            <li><a href=\"https:\/\/www.affectivechain.com\/index.php\/customer-service\/\" class=\"text-gray-400 hover:text-white transition\" class=\"text-gray-400 hover:text-white transition\">\u8054\u7cfb\u6211\u4eec<\/a><\/li>\n            <li><a href=\"https:\/\/www.affectivechain.com\/index.php\/%E6%9C%80%E6%96%B0%E5%8A%A8%E6%80%81-2\/\" class=\"text-gray-400 hover:text-white transition\">\u5a92\u4f53\u62a5\u9053<\/a><\/li>\n            <li><a href=\"https:\/\/www.affectivechain.com\/index.php\/recruitment\/\" class=\"text-gray-400 hover:text-white transition\">\u52a0\u5165\u6211\u4eec<\/a><\/li>\n          <\/ul>\n        <\/div>\n        \n        <div>\n          <h4 class=\"font-bold text-lg mb-6\">\u8054\u7cfb\u6211\u4eec<\/h4>\n          <ul class=\"space-y-3\">\n            <li class=\"flex items-center gap-2\">\n              <i class=\"fa fa-phone\"><\/i>\n              <span>130-6193-3371<\/span>\n            <\/li>\n            <li class=\"flex items-center gap-2\">\n              <i class=\"fa fa-envelope-o\"><\/i>\n              <span>chris@heartchain.cn<\/span>\n            <\/li>\n            <li class=\"flex items-center gap-2\">\n              <i class=\"fa fa-map-marker\"><\/i>\n              <span>\u4e0a\u6d77\u5e02\u6d66\u4e1c\u65b0\u533a\u5f20\u6c5f\u9ad8\u79d1\u6280\u56ed\u533a<\/span>\n            <\/li>\n          <\/ul>\n        <\/div>\n      <\/div>\n      \n      <div class=\"border-t border-gray-700 mt-10 pt-6 text-center text-gray-400 text-sm\">\n        <p>\u00a9 2025 \u5fc3\u94fe\u60c5\u667a\u6570\u636e\u79d1\u6280(\u4e0a\u6d77)\u6709\u9650\u516c\u53f8 \u7248\u6743\u6240\u6709 | \u6caaICP\u59072025120520-6\u53f7<\/p>\n      <\/div>\n    <\/div>\n  <\/footer>\n\n  <!-- \u56fe\u8868\u811a\u672c -->\n  <script>\n    \/\/ \u7b49\u5f85DOM\u52a0\u8f7d\u5b8c\u6210\n    document.addEventListener('DOMContentLoaded', function() {\n      \/\/ \u60c5\u611f\u70ed\u529b\u56fe\n      const heatmapCtx = document.getElementById('emotionHeatmap').getContext('2d');\n      new Chart(heatmapCtx, {\n        type: 'line',\n        data: {\n          labels: ['0min', '5min', '10min', '15min', '20min', '25min', '30min'],\n          datasets: [{\n            label: '\u60c5\u611f\u5f3a\u5ea6',\n            data: [30, 45, 80, 65, 90, 40, 60],\n            borderColor: '#FF7A9C',\n            backgroundColor: 'rgba(255, 122, 156, 0.1)',\n            fill: true,\n            tension: 0.4,\n            pointBackgroundColor: '#FF7A9C',\n            pointRadius: 4\n          }]\n        },\n        options: {\n          responsive: true,\n          maintainAspectRatio: false,\n          scales: {\n            y: {\n              beginAtZero: true,\n              max: 100,\n              title: {\n                display: true,\n                text: '\u60c5\u611f\u5f3a\u5ea6'\n              }\n            }\n          }\n        }\n      });\n      \n      \/\/ \u60c5\u611f\u9884\u8b66\u96f7\u8fbe\u56fe\n      const radarCtx = document.getElementById('emotionRadar').getContext('2d');\n      new Chart(radarCtx, {\n        type: 'radar',\n        data: {\n          labels: ['\u6c9f\u901a\u9891\u7387', '\u60c5\u611f\u5171\u9e23', '\u77db\u76fe\u89e3\u51b3', '\u76f8\u4e92\u652f\u6301', '\u4fe1\u4efb\u5ea6'],\n          datasets: [{\n            label: '\u5f53\u524d\u72b6\u6001',\n            data: [75, 60, 45, 80, 70],\n            backgroundColor: 'rgba(255, 122, 156, 0.2)',\n            borderColor: '#FF7A9C',\n            pointBackgroundColor: '#FF7A9C'\n          }, {\n            label: '\u5065\u5eb7\u6807\u51c6',\n            data: [80, 75, 70, 80, 85],\n            backgroundColor: 'rgba(75, 192, 192, 0.2)',\n            borderColor: 'rgba(75, 192, 192, 1)',\n            pointBackgroundColor: 'rgba(75, 192, 192, 1)',\n            borderDash: [5, 5]\n          }]\n        },\n        options: {\n          responsive: true,\n          maintainAspectRatio: false,\n          scales: {\n            r: {\n              beginAtZero: true,\n              max: 100,\n              ticks: {\n                stepSize: 20\n              }\n            }\n          }\n        }\n      });\n      \n      \/\/ \u6c9f\u901a\u6a21\u5f0f\u5206\u6790\u56fe\n      const commCtx = document.getElementById('communicationChart').getContext('2d');\n      new Chart(commCtx, {\n        type: 'doughnut',\n        data: {\n          labels: ['\u79ef\u6781\u503e\u542c', '\u8868\u8fbe\u8d5e\u8d4f', '\u95ee\u9898\u63d0\u51fa', '\u6d88\u6781\u56de\u5e94', '\u6307\u8d23\u6279\u8bc4'],\n          datasets: [{\n            data: [30, 20, 15, 25, 10],\n            backgroundColor: [\n              '#4CAF50',\n              '#8BC34A',\n              '#FFC107',\n              '#FF9800',\n              '#F44336'\n            ]\n          }]\n        },\n        options: {\n          responsive: true,\n          maintainAspectRatio: false\n        }\n      });\n      \n      \/\/ \u5173\u7cfb\u8d8b\u52bf\u56fe\n      const trendCtx = document.getElementById('relationshipTrend').getContext('2d');\n      new Chart(trendCtx, {\n        type: 'line',\n        data: {\n          labels: ['1\u6708', '2\u6708', '3\u6708', '4\u6708', '5\u6708', '6\u6708'],\n          datasets: [{\n            label: '\u5173\u7cfb\u5065\u5eb7\u5ea6',\n            data: [65, 60, 55, 62, 70, 75],\n            borderColor: '#FF7A9C',\n            backgroundColor: 'rgba(255, 122, 156, 0.1)',\n            fill: true,\n            tension: 0.4\n          }]\n        },\n        options: {\n          responsive: true,\n          maintainAspectRatio: false,\n          scales: {\n            y: {\n              beginAtZero: false,\n              min: 50,\n              max: 100\n            }\n          }\n        }\n      });\n    });\n  <\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>\u5fc3\u8c10XinSync \u793e\u4f1a\u4ef7\u503c \u89e3\u51b3\u95ee\u9898 \u4f7f\u7528\u6d41\u7a0b \u6838\u5fc3\u529f\u80fd \u7acb\u5373\u4f53\u9a8c \u7528\u79d1\u6280\u8bfb\u61c2\u60c5\u611f\u8ba9\u5173\u7cfb\u66f4\u548c\u8c10 \u5fc3\u8c10XinS [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-1614","post","type-post","status-publish","format-standard","hentry","category-emotional"],"_links":{"self":[{"href":"https:\/\/www.affectivechain.com\/index.php\/wp-json\/wp\/v2\/posts\/1614","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.affectivechain.com\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.affectivechain.com\/index.php\/wp-json\/wp\/v2\/types\/post"}],"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=1614"}],"version-history":[{"count":7,"href":"https:\/\/www.affectivechain.com\/index.php\/wp-json\/wp\/v2\/posts\/1614\/revisions"}],"predecessor-version":[{"id":2184,"href":"https:\/\/www.affectivechain.com\/index.php\/wp-json\/wp\/v2\/posts\/1614\/revisions\/2184"}],"wp:attachment":[{"href":"https:\/\/www.affectivechain.com\/index.php\/wp-json\/wp\/v2\/media?parent=1614"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.affectivechain.com\/index.php\/wp-json\/wp\/v2\/categories?post=1614"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.affectivechain.com\/index.php\/wp-json\/wp\/v2\/tags?post=1614"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}