{"id":1346,"date":"2025-07-23T19:29:29","date_gmt":"2025-07-23T11:29:29","guid":{"rendered":"https:\/\/www.affectivechain.com\/?page_id=1346"},"modified":"2026-03-21T22:50:34","modified_gmt":"2026-03-21T14:50:34","slug":"corporate","status":"publish","type":"page","link":"https:\/\/www.affectivechain.com\/index.php\/corporate\/","title":{"rendered":"\u516c\u53f8\u4ecb\u7ecd"},"content":{"rendered":"\n
\n
\n\n\n\n \n \n \u5fc3\u94fe\u60c5\u667a\u6570\u636e\u79d1\u6280 – \u4fee\u590d\u7248<\/title>\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 <style>\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700&display=swap');\n \n :root {\n --primary: #165DFF;\n --secondary: #36CFC9;\n --accent: #722ED1;\n --neutral: #1D2129;\n --neutral-light: #86909C;\n --bg-light: #F2F3F5;\n --bg-white: #FFFFFF;\n }\n \n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n \n body {\n font-family: 'Inter', 'system-ui', sans-serif;\n color: var(--neutral);\n overflow-x: hidden;\n scroll-behavior: smooth;\n }\n \n .parallax {\n background-attachment: fixed;\n background-position: center;\n background-repeat: no-repeat;\n background-size: cover;\n }\n \n .gradient-bg {\n background: linear-gradient(135deg, var(--primary) 0%, var(--accent) 100%);\n }\n \n .text-shadow {\n text-shadow: 0 2px 4px rgba(0,0,0,0.1);\n }\n \n .card-hover {\n transition: all 0.3s ease;\n }\n \n .card-hover:hover {\n transform: translateY(-5px);\n box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);\n }\n \n .fade-in {\n opacity: 0;\n transform: translateY(20px);\n transition: opacity 0.6s ease-out, transform 0.6s ease-out;\n }\n \n .fade-in.visible {\n opacity: 1;\n transform: translateY(0);\n }\n \n .floating {\n animation: float 6s ease-in-out infinite;\n }\n \n @keyframes float {\n 0% { transform: translateY(0px); }\n 50% { transform: translateY(-20px); }\n 100% { transform: translateY(0px); }\n }\n \n .pulse {\n animation: pulse 2s infinite;\n }\n \n @keyframes pulse {\n 0% { box-shadow: 0 0 0 0 rgba(22, 93, 255, 0.4); }\n 70% { box-shadow: 0 0 0 15px rgba(22, 93, 255, 0); }\n 100% { box-shadow: 0 0 0 0 rgba(22, 93, 255, 0); }\n }\n \n .wave {\n animation: wave 8s linear infinite;\n }\n \n @keyframes wave {\n 0% { transform: rotate(0deg); }\n 100% { transform: rotate(360deg); }\n }\n \n .typewriter h1 {\n overflow: hidden;\n border-right: .15em solid var(--primary);\n white-space: nowrap;\n margin: 0 auto;\n letter-spacing: .05em;\n animation: typing 3.5s steps(40, end), blink-caret .75s step-end infinite;\n }\n \n @keyframes typing {\n from { width: 0 }\n to { width: 100% }\n }\n \n @keyframes blink-caret {\n from, to { border-color: transparent }\n 50% { border-color: var(--primary) }\n }\n \n .progress-bar {\n height: 6px;\n width: 0;\n position: fixed;\n top: 0;\n left: 0;\n background: linear-gradient(to right, var(--primary), var(--accent));\n z-index: 10000;\n transition: width 0.2s ease;\n }\n \n .interactive-card {\n position: relative;\n overflow: hidden;\n }\n \n .interactive-card::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: linear-gradient(45deg, var(--primary) 0%, transparent 100%);\n opacity: 0;\n transition: opacity 0.3s ease;\n }\n \n .interactive-card:hover::before {\n opacity: 0.1;\n }\n \n .tech-dot {\n width: 10px;\n height: 10px;\n border-radius: 50%;\n display: inline-block;\n margin-right: 8px;\n }\n \n .tech-dot.primary { background-color: var(--primary); }\n .tech-dot.secondary { background-color: var(--secondary); }\n .tech-dot.accent { background-color: var(--accent); }\n \n .flip-card {\n perspective: 1000px;\n }\n \n .flip-card-inner {\n position: relative;\n width: 100%;\n height: 100%;\n transition: transform 0.6s;\n transform-style: preserve-3d;\n }\n \n .flip-card:hover .flip-card-inner {\n transform: rotateY(180deg);\n }\n \n .flip-card-front, .flip-card-back {\n position: absolute;\n width: 100%;\n height: 100%;\n -webkit-backface-visibility: hidden;\n backface-visibility: hidden;\n border-radius: 0.5rem;\n }\n \n .flip-card-back {\n transform: rotateY(180deg);\n }\n \n .scroll-indicator {\n position: absolute;\n bottom: 30px;\n left: 50%;\n transform: translateX(-50%);\n width: 30px;\n height: 50px;\n border: 2px solid rgba(255, 255, 255, 0.7);\n border-radius: 25px;\n display: flex;\n justify-content: center;\n }\n \n .scroll-indicator::before {\n content: '';\n width: 6px;\n height: 10px;\n background: rgba(255, 255, 255, 0.7);\n border-radius: 3px;\n position: absolute;\n top: 10px;\n animation: scroll 2s infinite;\n }\n \n @keyframes scroll {\n 0% { transform: translateY(0); opacity: 1; }\n 100% { transform: translateY(15px); opacity: 0; }\n }\n\n\n @media (max-width: 768px) {\n .parallax {\n background-attachment: scroll;\n }\n }\n <\/style>\n<\/head>\n<body class=\"antialiased\">\n <!-- \u8fdb\u5ea6\u6761 -->\n <div class=\"progress-bar fixed-element\" id=\"progress-bar\"><\/div>\n \n <!-- \u82f1\u96c4\u533a\u57df -->\n <section class=\"min-h-screen gradient-bg text-white flex items-center justify-center relative overflow-hidden\">\n <div class=\"absolute inset-0 opacity-20\">\n <div class=\"absolute top-1\/4 left-1\/4 w-64 h-64 rounded-full bg-white opacity-10 wave\" style=\"animation-duration: 15s;\"><\/div>\n <div class=\"absolute top-1\/3 right-1\/4 w-96 h-96 rounded-full bg-white opacity-5 wave\" style=\"animation-duration: 20s;\"><\/div>\n <div class=\"absolute bottom-1\/4 left-1\/3 w-80 h-80 rounded-full bg-white opacity-7 wave\" style=\"animation-duration: 25s;\"><\/div>\n <\/div>\n \n <div class=\"container mx-auto px-4 sm:px-6 lg:px-8 z-10\">\n <div class=\"max-w-4xl mx-auto text-center\">\n <div class=\"typewriter mb-8\">\n <h1 class=\"text-4xl md:text-5xl lg:text-6xl font-bold leading-tight\">\u5fc3\u94fe\u60c5\u667a\u6570\u636e\u79d1\u6280\uff08\u4e0a\u6d77\uff09\u6709\u9650\u516c\u53f8<\/h1>\n <\/div>\n <p class=\"text-xl md:text-2xl mb-10 opacity-90\">\u60c5\u611f\u5065\u5eb7\u7ba1\u7406\u7684\u6570\u5b57\u5316\u9886\u822a\u8005<\/p>\n \n <div class=\"inline-block bg-white\/10 backdrop-blur-sm px-6 py-3 rounded-lg border border-white\/20 mb-12\">\n <p class=\"text-lg italic\">“\u6570\u636e\u5b58\u771f\u3001\u60c5\u611f\u7eed\u5b58\u3001\u4ef7\u503c\u6c38\u5b58”<\/p>\n <\/div>\n \n <div class=\"pulse w-16 h-16 rounded-full bg-white\/20 flex items-center justify-center mx-auto cursor-pointer\" onclick=\"scrollToSection('overview')\">\n <i class=\"fa fa-arrow-down text-white text-2xl\" aria-hidden=\"true\"><\/i>\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"scroll-indicator\"><\/div>\n \n <!-- \u6ce2\u6d6a\u5f62\u5e95\u90e8\u88c5\u9970 -->\n <div class=\"absolute left-0 right-0 bottom-0\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 1440 100\" class=\"w-full h-auto fill-white\">\n <path d=\"M0,64L80,69.3C160,75,320,85,480,80C640,75,800,53,960,48C1120,43,1280,53,1360,58.7L1440,64L1440,100L1360,100C1280,100,1120,100,960,100C800,100,640,100,480,100C320,100,160,100,80,100L0,100Z\"><\/path>\n <\/svg>\n <\/div>\n <\/section>\n\n <!-- \u516c\u53f8\u6982\u51b5 -->\n <section id=\"overview\" class=\"py-20 bg-white main-content\">\n <div class=\"container mx-auto px-4 sm:px-6 lg:px-8\">\n <div class=\"max-w-3xl mx-auto mb-16 text-center fade-in\">\n <h2 class=\"text-3xl md:text-4xl font-bold mb-6\">\u516c\u53f8\u6982\u51b5<\/h2>\n <p class=\"text-neutral-light text-lg\">\u5bb6\u5ead\u60c5\u611f\u5065\u5eb7\u7ba1\u7406\u7684\u521b\u65b0\u5148\u950b<\/p>\n <div class=\"w-20 h-1 bg-primary mx-auto mt-4 rounded-full\"><\/div>\n <\/div>\n \n <div class=\"grid md:grid-cols-2 gap-12 items-center mb-16 fade-in\">\n <div>\n <h3 class=\"text-xl font-semibold mb-4 text-primary\">\u4f01\u4e1a\u5b9a\u4f4d\u4e0e\u6838\u5fc3\u7406\u5ff5<\/h3>\n <p class=\"text-neutral-light mb-6 leading-relaxed\">\n \u5fc3\u94fe\u60c5\u667a\u6570\u636e\u79d1\u6280\uff08\u4e0a\u6d77\uff09\u6709\u9650\u516c\u53f8\uff08\u7b80\u79f0”\u5fc3\u94fe\u60c5\u667a”\uff09\u662f\u56fd\u5185\u9886\u5148\u7684\u5bb6\u5ead\u60c5\u611f\u5065\u5eb7\u7ba1\u7406\u5e73\u53f0\uff0c\u4e13\u6ce8\u4e8e\u5c06\u533a\u5757\u94fe\u3001\u4eba\u5de5\u667a\u80fd\u7b49\u524d\u6cbf\u6280\u672f\u5e94\u7528\u4e8e\u5bb6\u5ead\u60c5\u611f\u5065\u5eb7\u9886\u57df\u3002\u516c\u53f8\u4ee5”\u6570\u636e\u5b58\u771f\u3001\u60c5\u611f\u7eed\u5b58\u3001\u4ef7\u503c\u6c38\u5b58”\u4e3a\u6838\u5fc3\u53d1\u5c55\u7406\u5ff5\uff0c\u81f4\u529b\u4e8e\u6210\u4e3a\u67b6\u8bbe\u5728\u79d1\u6280\u4e0e\u4eba\u6027\u4e4b\u95f4\u7684”\u6570\u5b57\u6865\u6881”\u3002\n <\/p>\n <p class=\"text-neutral-light mb-6 leading-relaxed\">\n \u516c\u53f8\u6210\u7acb\u4e8e2025\u5e74\uff0c\u603b\u90e8\u4f4d\u4e8e\u4e0a\u6d77\u5f20\u6c5f\u9ad8\u79d1\u6280\u56ed\u533a\uff0c\u81f4\u529b\u4e8e\u5bb6\u5ead\u60c5\u611f\u5065\u5eb7\u7ba1\u7406\u9886\u57df\u7684\u6280\u672f\u3002\u5fc3\u94fe\u60c5\u667a\u7684\u4f7f\u547d\u662f”\u8ba9\u5065\u5eb7\u5173\u7cfb\u6210\u4e3a\u53ef\u589e\u503c\u7684\u5bb6\u5ead\u6218\u7565\u8d44\u4ea7”\uff0c\u613f\u666f\u662f\u901a\u8fc7\u79d1\u6280\u624b\u6bb5\u5e2e\u52a9\u6bcf\u4e2a\u5bb6\u5ead\u5efa\u7acb\u5065\u5eb7\u7684\u60c5\u611f\u8fde\u63a5\uff0c\u5ef6\u7eed\u5bb6\u65cf\u5e78\u798f\u57fa\u56e0\u3002\n <\/p>\n <\/div>\n <div class=\"rounded-xl overflow-hidden shadow-xl transform hover:scale-[1.02] transition-transform duration-300 interactive-card\">\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1523240795612-9a054b0db644?auto=format&fit=crop&q=80&w=1000\" alt=\"\u4e0a\u6d77\u5f20\u6c5f\u9ad8\u79d1\u6280\u56ed\u533a\u529e\u516c\u73af\u5883\" class=\"w-full h-auto\">\n <\/div>\n <\/div>\n \n <div class=\"fade-in\">\n <h3 class=\"text-xl font-semibold mb-6 text-primary\">\u6280\u672f\u878d\u5408\u4e0e\u521b\u65b0\u6a21\u5f0f<\/h3>\n <div class=\"bg-bg-light p-8 rounded-xl shadow-md\">\n <p class=\"text-neutral-light mb-6 leading-relaxed\">\n \u5fc3\u94fe\u60c5\u667a\u521b\u65b0\u6027\u5730\u5c06\u533a\u5757\u94fe\u6280\u672f\u7684\u4e0d\u53ef\u7be1\u6539\u6027\u4e0e\u4eba\u5de5\u667a\u80fd\u7684\u6df1\u5ea6\u6d1e\u5bdf\u80fd\u529b\u76f8\u7ed3\u5408\uff0c\u6784\u5efa\u4e86\u4e00\u5957\u8986\u76d6\u5bb6\u5ead\u60c5\u611f\u5173\u7cfb\u5206\u6790\u3001\u5bb6\u5ead\u51b2\u7a81\u8f6c\u5316\u6a21\u578b\u3001\u4eb2\u5b50\u5173\u7cfb\u4fee\u590d\u8def\u7ebf\u56fe\u3001\u5fc3\u7406\u54a8\u8be2\u53ca\u4ee3\u9645\u6c9f\u901a\u4f18\u5316\u7684\u5168\u94fe\u6761\u6570\u5b57\u5316\u89e3\u51b3\u65b9\u6848\u3002\u516c\u53f8\u7684\u6838\u5fc3\u7ade\u4e89\u529b\u5728\u4e8e\u5c06\u591a\u6a21\u6001\u60c5\u611f\u8bc6\u522b\u6280\u672f\u4e0e\u533a\u5757\u94fe\u5b58\u8bc1\u6280\u672f\u7684\u6df1\u5ea6\u878d\u5408\uff0c\u4e3a\u5bb6\u5ead\u60c5\u611f\u5065\u5eb7\u63d0\u4f9b\u4e86\u524d\u6240\u672a\u6709\u7684\u91cf\u5316\u7ba1\u7406\u5de5\u5177\u3002\n <\/p>\n <p class=\"text-neutral-light leading-relaxed italic\">\n “\u79d1\u6280\u5b88\u62a4\u60c5\u611f\u2014\u2014\u5f53\u697c\u9053\u6d88\u9632\u6813\u80fd\u611f\u77e5\u72ec\u5c45\u8001\u4eba\u5f02\u5e38\u7528\u6c34\uff0c\u5f53\u793e\u533a\u706f\u5149\u968f\u60c5\u7eea\u81ea\u52a8\u8c03\u8282\uff0c\u79d1\u6280\u624d\u771f\u6b63\u6210\u4e3a’\u6c89\u9ed8\u7684\u5b88\u62a4\u8005'”\n <\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- \u6838\u5fc3\u6280\u672f -->\n <section class=\"py-20 bg-gradient-to-b from-white to-bg-light relative overflow-hidden main-content\">\n <div class=\"absolute inset-0 opacity-5\">\n <div class=\"absolute top-0 left-0 w-32 h-32 rounded-full bg-primary wave\" style=\"animation-duration: 25s;\"><\/div>\n <div class=\"absolute top-0 right-0 w-48 h-48 rounded-full bg-accent wave\" style=\"animation-duration: 20s;\"><\/div>\n <div class=\"absolute bottom-0 left-0 w-40 h-40 rounded-full bg-secondary wave\" style=\"animation-duration: 30s;\"><\/div>\n <\/div>\n \n <div class=\"container mx-auto px-4 sm:px-6 lg:px-8 relative z-10\">\n <div class=\"max-w-3xl mx-auto mb-16 text-center fade-in\">\n <h2 class=\"text-3xl md:text-4xl font-bold mb-6\">\u6838\u5fc3\u6280\u672f<\/h2>\n <p class=\"text-neutral-light text-lg\">\u591a\u6a21\u6001\u60c5\u611f\u8bc6\u522b\u4e0e\u533a\u5757\u94fe\u5b58\u8bc1\u7684\u5b8c\u7f8e\u878d\u5408<\/p>\n <div class=\"w-20 h-1 bg-primary mx-auto mt-4 rounded-full\"><\/div>\n <\/div>\n \n <!-- HeartSync\u00ae\u60c5\u611f\u667a\u80fd\u79d1\u6280\u5e73\u53f0 -->\n <div class=\"mb-20 fade-in\">\n <h3 class=\"text-2xl font-semibold mb-8 text-center text-primary\">HeartSync\u00ae\u60c5\u611f\u667a\u80fd\u79d1\u6280\u5e73\u53f0<\/h3>\n \n <div class=\"grid md:grid-cols-3 gap-8\">\n <div class=\"bg-white p-6 rounded-xl shadow-sm hover:shadow-md transition-shadow card-hover interactive-card\">\n <div class=\"w-14 h-14 bg-primary\/10 rounded-full flex items-center justify-center mb-5 floating\" style=\"animation-delay: 0s;\">\n <i class=\"fa fa-sitemap text-primary text-2xl\" aria-hidden=\"true\"><\/i>\n <\/div>\n <h4 class=\"text-lg font-semibold mb-3\">\u591a\u6a21\u6001\u6df1\u5ea6\u534f\u540c\u7cfb\u7edf<\/h4>\n <p class=\"text-neutral-light\">\n \u901a\u8fc7\u8054\u90a6\u5b66\u4e60\u6846\u67b6\uff0c\u540c\u6b65\u89e3\u6790\u975e\u7ed3\u6784\u5316\u6570\u636e\uff08\u5982\u5bf9\u8bdd\u6587\u672c\u3001\u5fae\u8868\u60c5\u3001\u5fc3\u7387\u6ce2\u52a8\u7b49\uff09\uff0c\u6784\u5efa\u52a8\u6001\u60c5\u611f\u56fe\u8c31\u3002\u5c24\u5176\u5728\u4e2d\u6587\u5bb6\u5ead\u8bed\u5883\u4e2d\uff0c\u5bf9\u9690\u542b\u60c5\u7eea\u7684\u8bc6\u522b\u7075\u654f\u5ea6\u63d0\u534740%\u3002\n <\/p>\n <\/div>\n \n <div class=\"bg-white p-6 rounded-xl shadow-sm hover:shadow-md transition-shadow card-hover interactive-card\">\n <div class=\"w-14 h-14 bg-primary\/10 rounded-full flex items-center justify-center mb-5 floating\" style=\"animation-delay: 1s;\">\n <i class=\"fa fa-link text-primary text-2xl\" aria-hidden=\"true\"><\/i>\n <\/div>\n <h4 class=\"text-lg font-semibold mb-3\">\u533a\u5757\u94fe\u589e\u5f3a\u6570\u636e\u53ef\u4fe1\u5ea6<\/h4>\n <p class=\"text-neutral-light\">\n \u91c7\u7528\u53cc\u94fe\u67b6\u6784\u5bf9\u60c5\u611f\u6570\u636e\u8fdb\u884c\u786e\u6743\u4e0e\u8131\u654f\u5b58\u8bc1\uff0c\u786e\u4fdd\u5206\u6790\u8fc7\u7a0b\u7b26\u5408\u53f8\u6cd5\u7535\u5b50\u8bc1\u636e\u89c4\u8303\uff0c\u540c\u65f6\u4fdd\u62a4\u7528\u6237\u9690\u79c1\u5b89\u5168\u3002\n <\/p>\n <\/div>\n \n <div class=\"bg-white p-6 rounded-xl shadow-sm hover:shadow-md transition-shadow card-hover interactive-card\">\n <div class=\"w-14 h-14 bg-primary\/10 rounded-full flex items-center justify-center mb-5 floating\" style=\"animation-delay: 2s;\">\n <i class=\"fa fa-refresh text-primary text-2xl\" aria-hidden=\"true\"><\/i>\n <\/div>\n <h4 class=\"text-lg font-semibold mb-3\">\u590d\u6742\u73af\u5883\u9002\u5e94\u6027<\/h4>\n <p class=\"text-neutral-light\">\n \u5728\u566a\u97f3\u5e72\u6270\u3001\u5149\u7ebf\u53d8\u5316\u6216\u591a\u4eba\u5bf9\u8bdd\u573a\u666f\u4e2d\uff0c\u7cfb\u7edf\u901a\u8fc7\u8de8\u6a21\u6001\u8865\u507f\u673a\u5236\u7ef4\u6301\u8bc6\u522b\u51c6\u786e\u7387\uff0c\u514b\u670d\u4e86\u884c\u4e1a\u957f\u671f\u9762\u4e34\u7684”\u573a\u666f\u8106\u5f31\u6027”\u74f6\u9888\u3002\n <\/p>\n <\/div>\n <\/div>\n <\/div>\n \n <!-- \u60c5\u611f\u8bc6\u522b\u51c6\u786e\u7387\u56fe\u8868 -->\n <div class=\"mb-20 bg-white p-6 rounded-xl shadow-md fade-in interactive-card\">\n <h4 class=\"text-xl font-semibold mb-6 text-center\">\u60c5\u611f\u8bc6\u522b\u51c6\u786e\u7387\u5bf9\u6bd4<\/h4>\n <div class=\"h-80\">\n <canvas id=\"accuracyChart\"><\/canvas>\n <\/div>\n <\/div>\n \n <!-- \u591a\u6a21\u6001\u60c5\u611f\u8bc6\u522b\u6280\u672f\u4f53\u7cfb -->\n <div class=\"mb-20 fade-in\">\n <h3 class=\"text-2xl font-semibold mb-8 text-center text-primary\">\u591a\u6a21\u6001\u60c5\u611f\u8bc6\u522b\u6280\u672f\u4f53\u7cfb<\/h3>\n \n <div class=\"grid md:grid-cols-2 lg:grid-cols-3 gap-6\">\n <div class=\"flip-card h-40\">\n <div class=\"flip-card-inner\">\n <div class=\"flip-card-front bg-white border border-gray-200 rounded-lg p-5 flex flex-col justify-center\">\n <h4 class=\"font-semibold mb-2 flex items-center\">\n <span class=\"tech-dot primary\"><\/span>\n \u8bed\u97f3\u60c5\u611f\u5206\u6790\n <\/h4>\n <p class=\"text-neutral-light text-sm\">\n \u901a\u8fc7\u58f0\u7eb9\u9891\u7387\u5206\u6790\uff08\u51c6\u786e\u738789%\uff09\u548c\u6587\u672c\u60c5\u611f\u8bc6\u522b\uff0c\u5b9e\u65f6\u6355\u6349\u5bf9\u8bdd\u4e2d\u7684\u6bd2\u6027\u6c9f\u901a\u6a21\u5f0f\u3002\n <\/p>\n <\/div>\n <div class=\"flip-card-back bg-primary text-white rounded-lg p-5 flex flex-col justify-center items-center\">\n <i class=\"fa fa-microphone text-3xl mb-3\" aria-hidden=\"true\"><\/i>\n <p class=\"text-sm text-center\">\u58f0\u7eb9\u9891\u7387\u5206\u6790\u4e0e\u6587\u672c\u60c5\u611f\u8bc6\u522b\u76f8\u7ed3\u5408<\/p>\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"flip-card h-40\">\n <div class=\"flip-card-inner\">\n <div class=\"flip-card-front bg-white border border-gray-200 rounded-lg p-5 flex flex-col justify-center\">\n <h4 class=\"font-semibold mb-2 flex items-center\">\n <span class=\"tech-dot secondary\"><\/span>\n \u6587\u672c\u8bed\u4e49\u8bc6\u522b\n <\/h4>\n <p class=\"text-neutral-light text-sm\">\n \u91c7\u7528\u5148\u8fdb\u7684\u81ea\u7136\u8bed\u8a00\u5904\u7406\u6280\u672f\u548c\u9884\u8bad\u7ec3\u6a21\u578b\uff0c\u5bf9\u4e2d\u6587\u5bb6\u5ead\u8bed\u5883\u4e2d\u7684\u60c5\u611f\u8bed\u4e49\u8fdb\u884c\u6df1\u5ea6\u7406\u89e3\u3002\n <\/p>\n <\/div>\n <div class=\"flip-card-back bg-secondary text-white rounded-lg p-5 flex flex-col justify-center items-center\">\n <i class=\"fa fa-file-text-o text-3xl mb-3\" aria-hidden=\"true\"><\/i>\n <p class=\"text-sm text-center\">\u81ea\u7136\u8bed\u8a00\u5904\u7406\u4e0e\u6df1\u5ea6\u5b66\u4e60\u7ed3\u5408<\/p>\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"flip-card h-40\">\n <div class=\"flip-card-inner\">\n <div class=\"flip-card-front bg-white border border-gray-200 rounded-lg p-5 flex flex-col justify-center\">\n <h4 class=\"font-semibold mb-2 flex items-center\">\n <span class=\"tech-dot accent\"><\/span>\n \u9762\u90e8\u5fae\u8868\u60c5\u6355\u6349\n <\/h4>\n <p class=\"text-neutral-light text-sm\">\n \u8bc6\u522b\u9762\u90e8\u8868\u60c5\u4e2d\u7684\u7ec6\u5fae\u53d8\u5316\uff0c\u6355\u6349\u9690\u85cf\u5728\u8868\u9762\u4e4b\u4e0b\u7684\u771f\u5b9e\u60c5\u611f\u72b6\u6001\u3002\n <\/p>\n <\/div>\n <div class=\"flip-card-back bg-accent text-white rounded-lg p-5 flex flex-col justify-center items-center\">\n <i class=\"fa fa-smile-o text-3xl mb-3\" aria-hidden=\"true\"><\/i>\n <p class=\"text-sm text-center\">\u5fae\u8868\u60c5\u8bc6\u522b\u4e0e\u60c5\u7eea\u72b6\u6001\u5206\u6790<\/p>\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"flip-card h-40\">\n <div class=\"flip-card-inner\">\n <div class=\"flip-card-front bg-white border border-gray-200 rounded-lg p-5 flex flex-col justify-center\">\n <h4 class=\"font-semibold mb-2 flex items-center\">\n <span class=\"tech-dot primary\"><\/span>\n \u884c\u4e3a\u6a21\u5f0f\u5206\u6790\n <\/h4>\n <p class=\"text-neutral-light text-sm\">\n \u5206\u6790\u5bb6\u5ead\u6210\u5458\u7684\u4e92\u52a8\u884c\u4e3a\u6a21\u5f0f\uff0c\u8bc6\u522b\u5173\u7cfb\u4e2d\u7684\u6f5c\u5728\u95ee\u9898\u3002\n <\/p>\n <\/div>\n <div class=\"flip-card-back bg-primary text-white rounded-lg p-5 flex flex-col justify-center items-center\">\n <i class=\"fa fa-exchange text-3xl mb-3\" aria-hidden=\"true\"><\/i>\n <p class=\"text-sm text-center\">\u884c\u4e3a\u6a21\u5f0f\u8bc6\u522b\u4e0e\u5173\u7cfb\u5206\u6790<\/p>\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"flip-card h-40\">\n <div class=\"flip-card-inner\">\n <div class=\"flip-card-front bg-white border border-gray-200 rounded-lg p-5 flex flex-col justify-center\">\n <h4 class=\"font-semibold mb-2 flex items-center\">\n <span class=\"tech-dot secondary\"><\/span>\n \u751f\u7406\u4fe1\u53f7\u76d1\u6d4b\n <\/h4>\n <p class=\"text-neutral-light text-sm\">\n \u901a\u8fc7\u5fc3\u7387\u53d8\u5f02\u6027\uff08HRV\uff09\u7b49\u6307\u6807\u5206\u6790\u538b\u529b\u6c34\u5e73\u548c\u60c5\u7eea\u72b6\u6001\u3002\n <\/p>\n <\/div>\n <div class=\"flip-card-back bg-secondary text-white rounded-lg p-5 flex flex-col justify-center items-center\">\n <i class=\"fa fa-heartbeat text-3xl mb-3\" aria-hidden=\"true\"><\/i>\n <p class=\"text-sm text-center\">\u751f\u7406\u6307\u6807\u4e0e\u60c5\u7eea\u72b6\u6001\u5173\u8054\u5206\u6790<\/p>\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"flip-card h-40\">\n <div class=\"flip-card-inner\">\n <div class=\"flip-card-front bg-white border border-gray-200 rounded-lg p-5 flex flex-col justify-center\">\n <h4 class=\"font-semibold mb-2 flex items-center\">\n <span class=\"tech-dot accent\"><\/span>\n \u60c5\u611f\u56fe\u8c31\u6784\u5efa\n <\/h4>\n <p class=\"text-neutral-light text-sm\">\n \u57fa\u4e8e\u591a\u7ef4\u5ea6\u6570\u636e\u6784\u5efa\u5bb6\u5ead\u6210\u5458\u95f4\u7684\u60c5\u611f\u5173\u7cfb\u56fe\u8c31\uff0c\u76f4\u89c2\u5c55\u793a\u60c5\u611f\u8fde\u63a5\u5f3a\u5ea6\u3002\n <\/p>\n <\/div>\n <div class=\"flip-card-back bg-accent text-white rounded-lg p-5 flex flex-col justify-center items-center\">\n <i class=\"fa fa-share-alt text-3xl mb-3\" aria-hidden=\"true\"><\/i>\n <p class=\"text-sm text-center\">\u591a\u7ef4\u5ea6\u60c5\u611f\u5173\u7cfb\u53ef\u89c6\u5316<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n \n <!-- \u533a\u5757\u94fe\u5b58\u8bc1\u4e0e\u9690\u79c1\u4fdd\u62a4\u6280\u672f -->\n <div class=\"fade-in\">\n <h3 class=\"text-2xl font-semibold mb-8 text-center text-primary\">\u533a\u5757\u94fe\u5b58\u8bc1\u4e0e\u9690\u79c1\u4fdd\u62a4\u6280\u672f<\/h3>\n \n <div class=\"bg-gradient-to-r from-primary\/5 to-accent\/5 p-8 rounded-xl shadow-md interactive-card\">\n <div class=\"grid md:grid-cols-2 gap-8\">\n <div>\n <h4 class=\"text-lg font-semibold mb-4\">\u53cc\u94fe\u67b6\u6784\u533a\u5757\u94fe\u5b58\u8bc1<\/h4>\n <p class=\"text-neutral-light mb-6\">\n \u91c7\u7528\u53cc\u94fe\u67b6\u6784\u5bf9\u60c5\u611f\u6570\u636e\u8fdb\u884c\u786e\u6743\u4e0e\u8131\u654f\u5b58\u8bc1\uff0c\u786e\u4fdd\u5206\u6790\u8fc7\u7a0b\u7b26\u5408\u53f8\u6cd5\u7535\u5b50\u8bc1\u636e\u89c4\u8303\uff0c\u540c\u65f6\u4fdd\u62a4\u7528\u6237\u9690\u79c1\u5b89\u5168\u3002\u8fd9\u79cd\u6280\u672f\u67b6\u6784\u5df2\u5e94\u7528\u4e8e\u516c\u53f8\u4e0e\u4e0a\u6d77\u5907\u4f1f\u5b9e\u4e1a\u5408\u4f5c\u7684\u793e\u533a\u5fc3\u7406\u5065\u5eb7\u53ca\u517b\u8001\u76d1\u62a4\u89e3\u51b3\u65b9\u6848\u4e2d\u3002\n <\/p>\n \n <h4 class=\"text-lg font-semibold mb-4\">\u8054\u90a6\u5b66\u4e60\u6280\u672f<\/h4>\n <p class=\"text-neutral-light\">\n \u5229\u7528\u8054\u90a6\u5b66\u4e60\u7b49\u6280\u672f\u5728\u4fdd\u62a4\u9690\u79c1\u7684\u524d\u63d0\u4e0b\u4f18\u5316\u7b97\u6cd5\uff0c\u5b9e\u73b0\u66f4\u7cbe\u51c6\u7684\u60c5\u7eea\u72b6\u6001\u5206\u6790\u548c\u8d8b\u52bf\u9884\u6d4b\u3002\n <\/p>\n <\/div>\n \n <div>\n <h4 class=\"text-lg font-semibold mb-4\">\u591a\u91cd\u9690\u79c1\u4fdd\u62a4\u673a\u5236<\/h4>\n <ul class=\"text-neutral-light space-y-3\">\n <li class=\"flex items-start\">\n <i class=\"fa fa-check-circle text-secondary mt-1 mr-2\" aria-hidden=\"true\"><\/i>\n <span>\u7528\u6237\u53ef\u4ee5\u968f\u65f6\u5220\u9664\u6570\u636e<\/span>\n <\/li>\n <li class=\"flex items-start\">\n <i class=\"fa fa-check-circle text-secondary mt-1 mr-2\" aria-hidden=\"true\"><\/i>\n <span>\u4e0d\u540c\u5bb6\u5ead\u6210\u5458\u8bbe\u7f6e\u4e0d\u540c\u8bbf\u95ee\u6743\u9650<\/span>\n <\/li>\n <li class=\"flex items-start\">\n <i class=\"fa fa-check-circle text-secondary mt-1 mr-2\" aria-hidden=\"true\"><\/i>\n <span>\u654f\u611f\u60c5\u611f\u7247\u6bb5\u53ef\u9009\u62e9”\u4fdd\u9669\u7bb1”\u6a21\u5f0f\u8fdb\u884c\u989d\u5916\u52a0\u5bc6<\/span>\n <\/li>\n <li class=\"flex items-start\">\n <i class=\"fa fa-check-circle text-secondary mt-1 mr-2\" aria-hidden=\"true\"><\/i>\n <span>\u91c7\u7528\u591a\u91cd\u52a0\u5bc6\u6280\u672f\u4fdd\u62a4\u6570\u636e\u4f20\u8f93\u548c\u5b58\u50a8\u5b89\u5168<\/span>\n <\/li>\n <li class=\"flex items-start\">\n <i class=\"fa fa-check-circle text-secondary mt-1 mr-2\" aria-hidden=\"true\"><\/i>\n <span>\u901a\u8fc7\u52a8\u6001\u8131\u654f\u7b56\u7565\u4e25\u683c\u9075\u5b88\u4e2a\u4eba\u4fe1\u606f\u4fdd\u62a4\u6cd5\u89c4<\/span>\n <\/li>\n <\/ul>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- \u6570\u636e\u7edf\u8ba1\u90e8\u5206 -->\n <section class=\"py-20 gradient-bg text-white main-content\">\n <div class=\"container mx-auto px-4 sm:px-6 lg:px-8\">\n <div class=\"max-w-3xl mx-auto mb-16 text-center fade-in\">\n <h2 class=\"text-3xl md:text-4xl font-bold mb-6\">\u6570\u636e\u89c1\u8bc1\u6210\u6548<\/h2>\n <p class=\"text-lg opacity-90\">\u901a\u8fc7\u79d1\u6280\u624b\u6bb5\u5b9e\u73b0\u5bb6\u5ead\u60c5\u611f\u5065\u5eb7\u7684\u663e\u8457\u6539\u5584<\/p>\n <div class=\"w-20 h-1 bg-white mx-auto mt-4 rounded-full\"><\/div>\n <\/div>\n \n <div class=\"grid md:grid-cols-2 lg:grid-cols-4 gap-8\">\n <div class=\"bg-white\/10 backdrop-blur-sm p-6 rounded-xl text-center fade-in interactive-card\">\n <div class=\"text-4xl font-bold mb-2\" id=\"counter1\">46%<\/div>\n <div class=\"text-lg\">\u590d\u5a5a\u7387\u63d0\u5347<\/div>\n <\/div>\n \n <div class=\"bg-white\/10 backdrop-blur-sm p-6 rounded-xl text-center fade-in interactive-card\">\n <div class=\"text-4xl font-bold mb-2\" id=\"counter2\">27%<\/div>\n <div class=\"text-lg\">\u7a7a\u5de2\u8001\u4eba\u6025\u8bca\u7387\u4e0b\u964d<\/div>\n <\/div>\n \n <div class=\"bg-white\/10 backdrop-blur-sm p-6 rounded-xl text-center fade-in interactive-card\">\n <div class=\"text-4xl font-bold mb-2\" id=\"counter3\">35%<\/div>\n <div class=\"text-lg\">\u60c5\u7eea\u8bc6\u522b\u51c6\u786e\u7387\u63d0\u5347<\/div>\n <\/div>\n \n <div class=\"bg-white\/10 backdrop-blur-sm p-6 rounded-xl text-center fade-in interactive-card\">\n <div class=\"text-4xl font-bold mb-2\" id=\"counter4\">43%<\/div>\n <div class=\"text-lg\">\u62a4\u5de5\u5fc3\u7406\u8d1f\u8377\u4e0b\u964d<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- \u4ea4\u4e92\u5f0f\u6f14\u793a\u533a\u57df -->\n <section class=\"py-20 bg-white main-content\">\n <div class=\"container mx-auto px-4 sm:px-6 lg:px-8\">\n <div class=\"max-w-3xl mx-auto mb-16 text-center fade-in\">\n <h2 class=\"text-3xl md:text-4xl font-bold mb-6\">\u60c5\u611f\u8bc6\u522b\u6280\u672f\u6f14\u793a<\/h2>\n <p class=\"text-neutral-light text-lg\">\u4f53\u9a8c\u591a\u6a21\u6001\u60c5\u611f\u8bc6\u522b\u6280\u672f\u7684\u5f3a\u5927\u529f\u80fd<\/p>\n <div class=\"w-20 h-1 bg-primary mx-auto mt-4 rounded-full\"><\/div>\n <\/div>\n \n <div class=\"bg-bg-light p-8 rounded-xl shadow-md fade-in\">\n <div class=\"grid md:grid-cols-2 gap-8\">\n <div>\n <h3 class=\"text-xl font-semibold mb-4 text-primary\">\u60c5\u611f\u8bc6\u522b\u6a21\u62df<\/h3>\n <p class=\"text-neutral-light mb-6\">\u9009\u62e9\u4e00\u79cd\u60c5\u611f\u72b6\u6001\uff0c\u4f53\u9a8cHeartSync\u00ae\u6280\u672f\u5982\u4f55\u8bc6\u522b\u548c\u5206\u6790\u60c5\u611f\u4fe1\u53f7<\/p>\n \n <div class=\"space-y-4 mb-6\">\n <div class=\"flex items-center\">\n <input type=\"radio\" id=\"emotion1\" name=\"emotion\" value=\"happy\" class=\"mr-2\" checked>\n <label for=\"emotion1\" class=\"cursor-pointer\">\u5feb\u4e50<\/label>\n <\/div>\n <div class=\"flex items-center\">\n <input type=\"radio\" id=\"emotion2\" name=\"emotion\" value=\"sad\" class=\"mr-2\">\n <label for=\"emotion2\" class=\"cursor-pointer\">\u60b2\u4f24<\/label>\n <\/div>\n <div class=\"flex items-center\">\n <input type=\"radio\" id=\"emotion3\" name=\"emotion\" value=\"angry\" class=\"mr-2\">\n <label for=\"emotion3\" class=\"cursor-pointer\">\u6124\u6012<\/label>\n <\/div>\n <div class=\"flex items-center\">\n <input type=\"radio\" id=\"emotion4\" name=\"emotion\" value=\"surprised\" class=\"mr-2\">\n <label for=\"emotion4\" class=\"cursor-pointer\">\u60ca\u8bb6<\/label>\n <\/div>\n <\/div>\n \n <button id=\"simulate-btn\" class=\"bg-primary text-white px-6 py-2 rounded-lg hover:bg-primary\/90 transition-colors\">\n \u6a21\u62df\u60c5\u611f\u8bc6\u522b\n <\/button>\n <\/div>\n \n <div>\n <div class=\"bg-white p-6 rounded-lg shadow-sm\">\n <h4 class=\"font-semibold mb-4 text-center\">\u60c5\u611f\u8bc6\u522b\u7ed3\u679c<\/h4>\n <div class=\"h-48 flex items-center justify-center\" id=\"emotion-result\">\n <p class=\"text-neutral-light text-center\">\u8bf7\u9009\u62e9\u4e00\u79cd\u60c5\u611f\u72b6\u6001\u5e76\u70b9\u51fb”\u6a21\u62df\u60c5\u611f\u8bc6\u522b”\u6309\u94ae<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- \u8fd4\u56de\u9876\u90e8\u6309\u94ae -->\n <button id=\"back-to-top\" class=\"fixed-element fixed bottom-8 right-8 bg-primary text-white w-12 h-12 rounded-full flex items-center justify-center shadow-lg opacity-0 invisible transition-all duration-300 hover:bg-primary\/90\">\n <i class=\"fa fa-arrow-up\" aria-hidden=\"true\"><\/i>\n <\/button>\n\n <script>\n \/\/ \u6eda\u52a8\u8fdb\u5ea6\u6761\n const progressBar = document.getElementById('progress-bar');\n \n window.addEventListener('scroll', () => {\n const totalHeight = document.body.scrollHeight - window.innerHeight;\n const progress = (window.pageYOffset \/ totalHeight) * 100;\n progressBar.style.width = progress + '%';\n });\n \n \/\/ \u8fd4\u56de\u9876\u90e8\u6309\u94ae\n const backToTopButton = document.getElementById('back-to-top');\n \n window.addEventListener('scroll', () => {\n if (window.scrollY > 500) {\n backToTopButton.classList.remove('opacity-0', 'invisible');\n backToTopButton.classList.add('opacity-100', 'visible');\n } else {\n backToTopButton.classList.add('opacity-0', 'invisible');\n backToTopButton.classList.remove('opacity-100', 'visible');\n }\n });\n \n backToTopButton.addEventListener('click', () => {\n window.scrollTo({\n top: 0,\n behavior: 'smooth'\n });\n });\n \n \/\/ \u6eda\u52a8\u663e\u793a\u52a8\u753b\n const fadeElements = document.querySelectorAll('.fade-in');\n \n const fadeObserver = new IntersectionObserver((entries, observer) => {\n entries.forEach(entry => {\n if (entry.isIntersecting) {\n entry.target.classList.add('visible');\n }\n });\n }, {\n threshold: 0.1\n });\n \n fadeElements.forEach(element => {\n fadeObserver.observe(element);\n });\n \n \/\/ \u6eda\u52a8\u5230\u6307\u5b9a\u533a\u57df\n function scrollToSection(sectionId) {\n document.getElementById(sectionId).scrollIntoView({\n behavior: 'smooth'\n });\n }\n \n \/\/ \u60c5\u611f\u8bc6\u522b\u51c6\u786e\u7387\u56fe\u8868\n const ctx = document.getElementById('accuracyChart').getContext('2d');\n const accuracyChart = new Chart(ctx, {\n type: 'bar',\n data: {\n labels: ['\u8bed\u97f3\u60c5\u611f\u5206\u6790', '\u6587\u672c\u8bed\u4e49\u8bc6\u522b', '\u9762\u90e8\u5fae\u8868\u60c5\u6355\u6349', '\u591a\u6a21\u6001\u878d\u5408\u8bc6\u522b', '\u884c\u4e1a\u5e73\u5747\u6c34\u5e73'],\n datasets: [{\n label: '\u60c5\u611f\u8bc6\u522b\u51c6\u786e\u7387 (%)',\n data: [89, 92.3, 87, 92.3, 65],\n backgroundColor: [\n 'rgba(22, 93, 255, 0.6)',\n 'rgba(54, 207, 201, 0.6)',\n 'rgba(114, 46, 209, 0.6)',\n 'rgba(22, 93, 255, 0.8)',\n 'rgba(134, 144, 156, 0.6)'\n ],\n borderColor: [\n 'rgba(22, 93, 255, 1)',\n 'rgba(54, 207, 201, 1)',\n 'rgba(114, 46, 209, 1)',\n 'rgba(22, 93, 255, 1)',\n 'rgba(134, 144, 156, 1)'\n ],\n borderWidth: 1\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: '\u51c6\u786e\u7387 (%)'\n }\n }\n },\n plugins: {\n legend: {\n display: false\n },\n tooltip: {\n callbacks: {\n label: function(context) {\n return `\u51c6\u786e\u7387: ${context.raw}%`;\n }\n }\n }\n }\n }\n });\n \n \/\/ \u6570\u5b57\u8ba1\u6570\u52a8\u753b\n const counters = document.querySelectorAll('.bg-white\/10 .text-4xl');\n let counterObserver = new IntersectionObserver((entries, observer) => {\n entries.forEach(entry => {\n if (entry.isIntersecting) {\n animateCounter(entry.target);\n observer.unobserve(entry.target);\n }\n });\n }, { threshold: 0.5 });\n \n counters.forEach(counter => {\n counterObserver.observe(counter);\n });\n \n function animateCounter(element) {\n const target = parseInt(element.getAttribute('data-target') || \n (element.id === 'counter1' ? 28 :\n element.id === 'counter2' ? 52 :\n element.id === 'counter3' ? 55 :\n element.id === 'counter4' ? 38 : 0));\n const duration = 2000;\n const step = target \/ (duration \/ 16);\n let current = 0;\n \n const timer = setInterval(() => {\n current += step;\n if (current >= target) {\n clearInterval(timer);\n current = target;\n }\n element.textContent = Math.round(current);\n }, 16);\n }\n \n \/\/ \u521d\u59cb\u5316\u8ba1\u6570\u5668\u6570\u636e\n document.getElementById('counter1').setAttribute('data-target', '28');\n document.getElementById('counter2').setAttribute('data-target', '52');\n document.getElementById('counter3').setAttribute('data-target', '55');\n document.getElementById('counter4').setAttribute('data-target', '38');\n \n \/\/ \u60c5\u611f\u8bc6\u522b\u6a21\u62df\n const simulateBtn = document.getElementById('simulate-btn');\n const emotionResult = document.getElementById('emotion-result');\n \n simulateBtn.addEventListener('click', () => {\n const selectedEmotion = document.querySelector('input[name=\"emotion\"]:checked').value;\n \n emotionResult.innerHTML = `\n <div class=\"text-center\">\n <div class=\"w-16 h-16 rounded-full bg-primary\/10 flex items-center justify-center mx-auto mb-4\">\n <i class=\"fa fa-${selectedEmotion === 'happy' ? 'smile-o' : \n selectedEmotion === 'sad' ? 'frown-o' : \n selectedEmotion === 'angry' ? 'fire' : \n 'meh-o'} text-3xl text-primary\" aria-hidden=\"true\"><\/i>\n <\/div>\n <h4 class=\"font-semibold mb-2\">${selectedEmotion === 'happy' ? '\u5feb\u4e50' : \n selectedEmotion === 'sad' ? '\u60b2\u4f24' : \n selectedEmotion === 'angry' ? '\u6124\u6012' : \n '\u60ca\u8bb6'}\u72b6\u6001\u68c0\u6d4b<\/h4>\n <p class=\"text-sm text-neutral-light\">HeartSync\u00ae\u7cfb\u7edf\u5df2\u6210\u529f\u8bc6\u522b\u60c5\u611f\u72b6\u6001\uff0c\u51c6\u786e\u738792.3%<\/p>\n <\/div>\n `;\n });\n \n \/\/ \u4e8c\u7ef4\u7801\u5c55\u5f00\u529f\u80fd\n const qrToggle = document.getElementById('qr-toggle');\n const qrCode = document.getElementById('qr-code');\n \n qrToggle.addEventListener('click', function(e) {\n e.stopPropagation();\n qrCode.classList.toggle('expanded');\n });\n \n \/\/ \u70b9\u51fb\u9875\u9762\u5176\u4ed6\u533a\u57df\u5173\u95ed\u4e8c\u7ef4\u7801\n document.addEventListener('click', function(e) {\n if (!qrCode.contains(e.target) && e.target !== qrToggle) {\n qrCode.classList.remove('expanded');\n }\n });\n <\/script>\n<\/body>\n<\/html>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>\u5fc3\u94fe\u60c5\u667a\u6570\u636e\u79d1\u6280 – \u4fee\u590d\u7248 \u5fc3\u94fe\u60c5\u667a\u6570\u636e\u79d1\u6280\uff08\u4e0a\u6d77\uff09\u6709\u9650\u516c\u53f8 \u60c5\u611f\u5065\u5eb7\u7ba1\u7406\u7684\u6570\u5b57\u5316\u9886\u822a\u8005 &#8 […]<\/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-1346","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.affectivechain.com\/index.php\/wp-json\/wp\/v2\/pages\/1346","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=1346"}],"version-history":[{"count":86,"href":"https:\/\/www.affectivechain.com\/index.php\/wp-json\/wp\/v2\/pages\/1346\/revisions"}],"predecessor-version":[{"id":2194,"href":"https:\/\/www.affectivechain.com\/index.php\/wp-json\/wp\/v2\/pages\/1346\/revisions\/2194"}],"wp:attachment":[{"href":"https:\/\/www.affectivechain.com\/index.php\/wp-json\/wp\/v2\/media?parent=1346"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}