\u5bb6\u5ead\u4fdd\u62a4\u89e3\u51b3\u65b9\u6848 – \u8bc6\u522b\u548c\u9884\u9632\u5bb6\u5ead\u9690\u5f62\u4f24\u5bb3<\/title>\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Noto+Sans+SC:wght@300;400;500;700;900&display=swap\" rel=\"stylesheet\">\n <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/chart.js\"><\/script>\n <style>\n :root {\n --primary: #6d28d9;\n --primary-light: #8b5cf6;\n --primary-dark: #4c1d95;\n --secondary: #43cea2;\n --accent: #ff7e5f;\n --dark: #1e293b;\n --medium: #4b5563;\n --light: #f9fafb;\n --card-shadow: 0 20px 40px rgba(109, 40, 217, 0.15);\n --transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\n }\n \n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n \n body {\n font-family: 'Noto Sans SC', 'Segoe UI', sans-serif;\n background: linear-gradient(135deg, #f9f7fe 0%, #eef2ff 100%);\n color: var(--dark);\n line-height: 1.7;\n overflow-x: hidden;\n min-height: 100vh;\n padding: 0;\n }\n \n .full-width-container {\n width: 100%;\n max-width: 100%;\n padding: 0;\n }\n \n .container {\n max-width: 1600px;\n margin: 0 auto;\n padding: 0 20px;\n }\n \n \/* \u82f1\u96c4\u533a\u57df *\/\n .hero {\n background: url('https:\/\/www.affectivechain.com\/wp-content\/uploads\/2025\/08\/\u5168\u666f.jpg') repeat center center;\n min-height: 500px;\n height: 80vh;\n display: flex;\n align-items: center;\n position: relative;\n border-radius: 0;\n margin-bottom: 80px;\n width: 100%;\n left: 0;\n }\n \n .hero::after {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: rgba(255, 255, 255, 0.85);\n border-radius: 0;\n }\n \n .hero-content {\n position: relative;\n z-index: 2;\n color: var(--dark);\n max-width: 700px;\n padding: 0 20px;\n }\n \n .hero h1 {\n font-size: 3.2rem;\n margin-bottom: 20px;\n line-height: 1.2;\n text-shadow: 0 2px 4px rgba(0,0,0,0.1);\n }\n \n .hero p {\n font-size: 1.3rem;\n margin-bottom: 30px;\n opacity: 0.9;\n }\n \n .btn {\n display: inline-flex;\n align-items: center;\n background: linear-gradient(90deg, var(--primary), var(--primary-light));\n color: white;\n padding: 18px 50px;\n border-radius: 50px;\n text-decoration: none;\n font-weight: 600;\n font-size: 1.2rem;\n transition: var(--transition);\n box-shadow: 0 10px 30px rgba(109, 40, 217, 0.4);\n position: relative;\n overflow: hidden;\n border: none;\n cursor: pointer;\n }\n \n .btn::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: linear-gradient(90deg, var(--primary-light), var(--primary));\n opacity: 0;\n transition: opacity 0.4s ease;\n z-index: 1;\n }\n \n .btn span {\n position: relative;\n z-index: 2;\n }\n \n .btn i {\n margin-left: 10px;\n font-size: 1.2rem;\n position: relative;\n z-index: 2;\n }\n \n .btn:hover::before {\n opacity: 1;\n }\n \n .btn:hover {\n transform: translateY(-5px);\n box-shadow: 0 15px 40px rgba(109, 40, 217, 0.6);\n }\n \n .btn-secondary {\n background: transparent;\n border: 2px solid var(--primary);\n color: var(--primary);\n margin-left: 15px;\n }\n \n .btn-secondary::before {\n background: transparent;\n }\n \n .btn-secondary:hover {\n background: rgba(109, 40, 217, 0.05);\n }\n \n \/* \u89e3\u51b3\u65b9\u6848\u90e8\u5206 *\/\n .solutions-section {\n padding: 80px 0;\n background: white;\n position: relative;\n }\n \n .solutions-section::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 300px;\n background: linear-gradient(120deg, var(--primary), var(--primary-dark));\n z-index: 0;\n border-radius: 0 0 50% 50%\/0 0 100px 100px;\n }\n \n .section-title {\n text-align: center;\n font-size: 2.8rem;\n margin-bottom: 60px;\n font-weight: 800;\n position: relative;\n z-index: 10;\n padding-top: 40px;\n }\n \n .solutions-section .section-title {\n color: white;\n }\n \n .section-title::after {\n content: '';\n position: absolute;\n bottom: -20px;\n left: 50%;\n transform: translateX(-50%);\n width: 120px;\n height: 6px;\n background: var(--secondary);\n border-radius: 3px;\n }\n \n .section-description {\n text-align: center;\n font-size: 1.2rem;\n max-width: 800px;\n margin: 0 auto 60px;\n color: var(--medium);\n }\n \n .solutions-grid {\n display: grid;\n grid-template-columns: repeat(4, 1fr);\n gap: 30px;\n position: relative;\n z-index: 10;\n }\n \n .solution-card {\n background: white;\n border-radius: 20px;\n overflow: hidden;\n box-shadow: var(--card-shadow);\n transition: var(--transition);\n display: flex;\n flex-direction: column;\n height: 100%;\n cursor: pointer;\n }\n \n .solution-card:hover {\n transform: translateY(-15px);\n box-shadow: 0 30px 50px rgba(109, 40, 217, 0.25);\n }\n \n .card-top {\n padding: 35px 30px;\n color: white;\n position: relative;\n overflow: hidden;\n min-height: 180px;\n }\n \n .solution-1 .card-top { background: linear-gradient(135deg, #43cea2, #185a9d); }\n .solution-2 .card-top { background: linear-gradient(135deg, #ff7e5f, #feb47b); }\n .solution-3 .card-top { background: linear-gradient(135deg, #8e2de2, #4a00e0); }\n .solution-4 .card-top { background: linear-gradient(135deg, #00c9ff, #92fe9d); }\n \n .card-top::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: inherit;\n opacity: 0.95;\n z-index: 1;\n }\n \n .card-top-content {\n position: relative;\n z-index: 2;\n }\n \n .solution-card h3 {\n font-size: 1.8rem;\n margin-bottom: 15px;\n font-weight: 800;\n }\n \n .solution-card .card-desc {\n font-size: 1.1rem;\n opacity: 0.9;\n font-weight: 300;\n }\n \n .card-content {\n padding: 30px;\n flex: 1;\n }\n \n .card-content p {\n margin-bottom: 20px;\n color: var(--medium);\n font-size: 1.05rem;\n line-height: 1.7;\n }\n \n .features {\n padding: 0 30px 30px;\n }\n \n .features h4 {\n margin-bottom: 20px;\n color: var(--primary);\n font-size: 1.3rem;\n font-weight: 700;\n display: flex;\n align-items: center;\n border-bottom: 2px solid var(--primary-light);\n padding-bottom: 10px;\n }\n \n .features h4 i {\n margin-right: 12px;\n font-size: 1.4rem;\n color: var(--primary);\n }\n \n .features ul {\n list-style-type: none;\n }\n \n .features li {\n padding: 12px 0;\n display: flex;\n align-items: flex-start;\n font-size: 1.05rem;\n }\n \n .features li:before {\n content: \"\u2022\";\n color: var(--secondary);\n font-weight: bold;\n font-size: 1.5rem;\n margin-right: 15px;\n flex-shrink: 0;\n margin-top: 3px;\n }\n \n \/* \u7edf\u8ba1\u6570\u636e\u90e8\u5206 *\/\n .stats {\n display: grid;\n grid-template-columns: repeat(4, 1fr);\n gap: 20px;\n margin: 60px 0;\n }\n \n .stat-card {\n background: white;\n border-radius: 15px;\n padding: 30px;\n text-align: center;\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\n transition: var(--transition);\n }\n \n .stat-card:hover {\n transform: translateY(-5px);\n box-shadow: 0 15px 30px rgba(109, 40, 217, 0.2);\n }\n \n .stat-icon {\n font-size: 3rem;\n color: var(--primary);\n margin-bottom: 20px;\n }\n \n .stat-number {\n font-size: 2.5rem;\n font-weight: 700;\n color: var(--accent);\n margin-bottom: 10px;\n }\n \n .stat-text {\n font-size: 1.1rem;\n color: #555;\n }\n \n \/* \u6838\u5fc3\u6280\u672f\u90e8\u5206 *\/\n .tech-section {\n background: linear-gradient(135deg, #f9f7fe 0%, #eef2ff 100%);\n padding: 100px 0;\n position: relative;\n }\n \n .tech-content {\n position: relative;\n z-index: 2;\n }\n \n .tech-section .section-title {\n color: var(--dark);\n }\n \n .tech-features {\n display: grid;\n grid-template-columns: repeat(4, 1fr);\n gap: 30px;\n }\n \n .tech-card {\n background: white;\n border-radius: 20px;\n padding: 40px 30px;\n box-shadow: var(--card-shadow);\n transition: var(--transition);\n text-align: center;\n border: 1px solid rgba(109, 40, 217, 0.1);\n cursor: pointer;\n }\n \n .tech-card:hover {\n transform: translateY(-10px);\n box-shadow: 0 25px 50px rgba(109, 40, 217, 0.2);\n border-color: var(--primary-light);\n }\n \n .tech-icon {\n font-size: 3.5rem;\n margin-bottom: 25px;\n background: linear-gradient(135deg, var(--primary), var(--primary-light));\n -webkit-background-clip: text;\n background-clip: text;\n color: transparent;\n }\n \n .tech-card h3 {\n margin-bottom: 20px;\n color: var(--dark);\n font-size: 1.5rem;\n font-weight: 800;\n }\n \n .tech-card p {\n color: var(--medium);\n font-size: 1.05rem;\n line-height: 1.7;\n }\n \n \/* \u9884\u8b66\u4fe1\u53f7\u90e8\u5206 *\/\n #warning-signs {\n margin: 80px 0;\n }\n \n .warning-signs {\n background: linear-gradient(135deg, #fff6f6 0%, #ffefef 100%);\n border-radius: 15px;\n padding: 40px;\n margin-top: 40px;\n }\n \n .warning-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: 25px;\n margin-top: 30px;\n }\n \n .warning-card {\n background: white;\n border-left: 5px solid var(--accent);\n padding: 25px;\n border-radius: 8px;\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\n transition: var(--transition);\n }\n \n .warning-card:hover {\n transform: translateY(-5px);\n box-shadow: 0 15px 30px rgba(255, 126, 95, 0.2);\n }\n \n .warning-card h4 {\n display: flex;\n align-items: center;\n gap: 10px;\n color: var(--dark);\n margin-bottom: 15px;\n }\n \n .warning-card i {\n color: var(--accent);\n font-size: 1.3rem;\n }\n \n .chart-container {\n background: white;\n border-radius: 15px;\n padding: 30px;\n box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);\n margin-top: 40px;\n min-height: 400px;\n position: relative;\n }\n \n .chart-loading {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n display: flex;\n justify-content: center;\n align-items: center;\n background: rgba(255, 255, 255, 0.8);\n z-index: 10;\n border-radius: 15px;\n }\n \n .chart-error {\n color: #dc2626;\n text-align: center;\n padding: 20px;\n display: none;\n }\n \n \/* \u5e72\u9884\u6a21\u578b\u90e8\u5206 *\/\n .intervention-model {\n margin: 80px 0;\n }\n \n .model-container {\n background: white;\n border-radius: 15px;\n padding: 40px;\n box-shadow: 0 10px 30px rgba(0,0,0,0.08);\n }\n \n .model-visualization {\n display: flex;\n justify-content: center;\n margin-bottom: 40px;\n }\n \n .model-steps {\n width: 100%;\n max-width: 800px;\n position: relative;\n }\n \n .steps-grid {\n display: grid;\n grid-template-columns: repeat(4, 1fr);\n gap: 15px;\n text-align: center;\n }\n \n .step-card {\n background: #e3f2fd;\n padding: 25px;\n border-radius: 10px;\n position: relative;\n z-index: 2;\n transition: var(--transition);\n }\n \n .step-card:hover {\n transform: translateY(-5px);\n box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);\n }\n \n .step-card:nth-child(2) { background: #bbdefb; }\n .step-card:nth-child(3) { background: #90caf9; }\n .step-card:nth-child(4) { background: #64b5f6; }\n \n .step-icon {\n font-size: 2rem;\n color: var(--primary);\n margin-bottom: 15px;\n }\n \n .step-card h3 {\n margin-bottom: 10px;\n font-size: 1.2rem;\n }\n \n .step-card p {\n font-size: 0.95rem;\n color: var(--medium);\n }\n \n .steps-connector {\n position: absolute;\n top: 50%;\n left: 12.5%;\n width: 75%;\n height: 4px;\n background: var(--secondary);\n z-index: 1;\n }\n \n .model-description {\n text-align: center;\n max-width: 800px;\n margin: 0 auto;\n }\n \n .model-description h3 {\n color: var(--primary);\n margin-bottom: 20px;\n }\n \n \/* \u5e02\u573a\u5b9a\u4f4d\u90e8\u5206 *\/\n .market-section {\n padding: 100px 0;\n background: white;\n position: relative;\n }\n \n .market-cards {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 40px;\n }\n \n .market-card {\n background: white;\n border-radius: 20px;\n padding: 45px 40px;\n box-shadow: var(--card-shadow);\n text-align: center;\n transition: var(--transition);\n display: flex;\n flex-direction: column;\n border: 2px solid transparent;\n cursor: pointer;\n }\n \n .market-card:hover {\n transform: translateY(-10px);\n box-shadow: 0 30px 50px rgba(109, 40, 217, 0.2);\n border-color: var(--primary-light);\n }\n \n .market-icon {\n font-size: 3.5rem;\n margin-bottom: 25px;\n background: linear-gradient(135deg, var(--primary), var(--primary-light));\n -webkit-background-clip: text;\n background-clip: text;\n color: transparent;\n }\n \n .market-card h3 {\n font-size: 1.8rem;\n margin-bottom: 15px;\n color: var(--dark);\n font-weight: 800;\n }\n \n .market-card .price {\n font-size: 1.4rem;\n color: var(--primary);\n margin-bottom: 25px;\n font-weight: 700;\n background: rgba(107, 70, 193, 0.1);\n display: inline-block;\n padding: 8px 20px;\n border-radius: 30px;\n }\n \n .market-card ul {\n list-style-type: none;\n text-align: left;\n margin-top: 20px;\n flex-grow: 1;\n }\n \n .market-card li {\n padding: 12px 0;\n display: flex;\n align-items: flex-start;\n font-size: 1.1rem;\n }\n \n .market-card li:before {\n content: \"\u203a\";\n color: var(--primary);\n font-weight: bold;\n margin-right: 15px;\n font-size: 1.5rem;\n }\n \n \/* \u6280\u672f\u67b6\u6784\u90e8\u5206 *\/\n .architecture-section {\n padding: 100px 0;\n background: linear-gradient(135deg, var(--primary), var(--primary-dark));\n color: white;\n position: relative;\n }\n \n .architecture-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 40px;\n margin-top: 60px;\n }\n \n .architecture-card {\n background: rgba(255, 255, 255, 0.12);\n border-radius: 20px;\n padding: 40px 35px;\n backdrop-filter: blur(10px);\n border: 1px solid rgba(255, 255, 255, 0.15);\n transition: var(--transition);\n cursor: pointer;\n }\n \n .architecture-card:hover {\n transform: translateY(-10px);\n background: rgba(255, 255, 255, 0.18);\n }\n \n .architecture-card h3 {\n font-size: 1.6rem;\n margin-bottom: 25px;\n display: flex;\n align-items: center;\n }\n \n .architecture-card h3 i {\n margin-right: 15px;\n font-size: 1.8rem;\n color: var(--secondary);\n }\n \n .architecture-card ul {\n list-style-type: none;\n }\n \n .architecture-card li {\n padding: 12px 0;\n display: flex;\n align-items: flex-start;\n border-bottom: 1px solid rgba(255, 255, 255, 0.1);\n }\n \n .architecture-card li:last-child {\n border-bottom: none;\n }\n \n .architecture-card li:before {\n content: \"\u2022\";\n color: var(--secondary);\n font-weight: bold;\n margin-right: 15px;\n font-size: 1.8rem;\n }\n \n \/* \u54cd\u5e94\u5f0f\u8bbe\u8ba1 *\/\n @media (max-width: 1600px) {\n .container {\n max-width: 1400px;\n }\n }\n \n @media (max-width: 1400px) {\n .container {\n max-width: 1200px;\n }\n \n .solutions-grid,\n .tech-features {\n gap: 25px;\n }\n }\n \n @media (max-width: 1200px) {\n .solutions-grid,\n .tech-features {\n grid-template-columns: repeat(2, 1fr);\n }\n \n .market-cards,\n .architecture-grid {\n grid-template-columns: repeat(2, 1fr);\n }\n \n .stats {\n grid-template-columns: repeat(2, 1fr);\n }\n }\n \n @media (max-width: 992px) {\n .section-title {\n font-size: 2.4rem;\n }\n \n .solutions-section {\n padding: 60px 0;\n }\n \n .hero h1 {\n font-size: 2.8rem;\n }\n }\n \n @media (max-width: 768px) {\n .section-title {\n font-size: 2rem;\n margin-bottom: 50px;\n }\n \n .solutions-grid,\n .tech-features,\n .market-cards,\n .architecture-grid,\n .stats {\n grid-template-columns: 1fr;\n }\n \n .solutions-section::before {\n height: 200px;\n }\n \n .hero h1 {\n font-size: 2.5rem;\n }\n \n .hero p {\n font-size: 1.1rem;\n }\n \n .btn-container {\n display: flex;\n flex-direction: column;\n gap: 15px;\n max-width: 300px;\n }\n \n .btn-secondary {\n margin-left: 0;\n }\n \n .steps-grid {\n grid-template-columns: 1fr 1fr;\n }\n \n .steps-connector {\n display: none;\n }\n }\n \n @media (max-width: 480px) {\n .hero {\n height: auto;\n min-height: 400px;\n padding: 40px 0;\n }\n \n .hero h1 {\n font-size: 2rem;\n }\n \n .card-top {\n padding: 25px 20px;\n }\n \n .card-content {\n padding: 25px;\n }\n \n .features {\n padding: 0 25px 25px;\n }\n \n .btn {\n padding: 16px 40px;\n font-size: 1.1rem;\n }\n \n .steps-grid {\n grid-template-columns: 1fr;\n }\n }\n <\/style>\n<\/head>\n<body>\n \n <section class=\"hero full-width-container\">\n <div class=\"container\">\n <div class=\"hero-content\">\n <h1>\u5bb6\u5ead\u4fdd\u62a4\u89e3\u51b3\u65b9\u6848<\/h1>\n <p>\u5168\u65b9\u4f4d\u8bc6\u522b\u548c\u5e72\u9884\u5bb6\u5ead\u4e2d\u7684\u9690\u5f62\u4f24\u5bb3\uff0c\u5305\u62ec\u60c5\u611f\u64cd\u63a7\u3001\u81ea\u7531\u9650\u5236\u3001\u7cbe\u795e\u8650\u5f85\u7b49\u95ee\u9898\uff0c\u91cd\u5efa\u5065\u5eb7\u7684\u5bb6\u5ead\u5173\u7cfb<\/p>\n <div class=\"btn-container\">\n <a href=\"#solutions\" class=\"btn\"><span>\u4e86\u89e3\u66f4\u591a<\/span> <i class=\"fas fa-arrow-right\"><\/i><\/a>\n <a href=\"https:\/\/www.affectivechain.com\/index.php\/customer-service\/\" class=\"btn btn-secondary\"><span>\u8054\u7cfb\u6211\u4eec<\/span><\/a>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section id=\"solutions\" class=\"solutions-section full-width-container\">\n <div class=\"container\">\n <h2 class=\"section-title\">\u5bb6\u5ead\u4fdd\u62a4\u89e3\u51b3\u65b9\u6848<\/h2>\n <p class=\"section-description\">\u5168\u65b9\u4f4d\u8bc6\u522b\u548c\u5e72\u9884\u5bb6\u5ead\u4e2d\u7684\u9690\u5f62\u4f24\u5bb3\uff0c\u5305\u62ec\u60c5\u611f\u64cd\u63a7\u3001\u81ea\u7531\u9650\u5236\u3001\u7cbe\u795e\u8650\u5f85\u7b49\u95ee\u9898\uff0c\u91cd\u5efa\u5065\u5eb7\u7684\u5bb6\u5ead\u5173\u7cfb<\/p>\n <div class=\"solutions-grid\">\n \n <div class=\"solution-card solution-1\">\n <div class=\"card-top\">\n <div class=\"card-top-content\">\n <h3>\u60c5\u611f\u5065\u5eb7\u626b\u63cf<\/h3>\n <p class=\"card-desc\">\u5168\u65b9\u4f4d\u8bc4\u4f30\u5bb6\u5ead\u6210\u5458\u60c5\u611f\u72b6\u6001<\/p>\n <\/div>\n <\/div>\n <div class=\"card-content\">\n <p>\u57fa\u4e8eRoBERTa\u5fae\u8c03\u6a21\u578b\u7684\u60c5\u611f\u5206\u6790\u6280\u672f\uff0c\u7ed3\u5408\u591a\u6a21\u6001\u6570\u636e\u878d\u5408\uff08\u6587\u672c\u3001\u8bed\u97f3\u3001\u8868\u60c5\uff09\uff0c\u8f93\u51fa\u51c6\u786e\u7387\u226585%\u7684\u60c5\u611f\u5065\u5eb7\u6307\u6570(FHQI)\u3002<\/p>\n <\/div>\n <div class=\"features\">\n <h4><i class=\"fas fa-heartbeat\"><\/i> \u6838\u5fc3\u529f\u80fd<\/h4>\n <ul>\n <li>\u591a\u6a21\u6001\u60c5\u611f\u878d\u5408\u7b97\u6cd5\uff08\u6587\u672c+\u8bed\u97f3+\u8868\u60c5\uff09<\/li>\n <li>\u60c5\u611f\u5065\u5eb7\u6307\u6570(FHQI)\u52a8\u6001\u8bc4\u4f30\u7cfb\u7edf<\/li>\n <li>\u4e2a\u6027\u5316\u60c5\u7eea\u57fa\u7ebf\u5efa\u6a21<\/li>\n <li>\u5bb6\u5ead\u7cfb\u7edf\u538b\u529b\u6307\u6570\u5206\u6790<\/li>\n <li>12\u7ef4\u60c5\u611f\u5065\u5eb7\u8bc4\u4f30\u6a21\u578b<\/li>\n <\/ul>\n <\/div>\n <\/div>\n \n \n <div class=\"solution-card solution-2\">\n <div class=\"card-top\">\n <div class=\"card-top-content\">\n <h3>\u5371\u9669\u4fe1\u53f7\u76d1\u6d4b<\/h3>\n <p class=\"card-desc\">\u5b9e\u65f6\u8bc6\u522b\u5bb6\u5ead\u4e2d\u7684\u4f24\u5bb3\u884c\u4e3a<\/p>\n <\/div>\n <\/div>\n <div class=\"card-content\">\n <p>\u5229\u7528\u5148\u8fdb\u7684\u884c\u4e3a\u6a21\u5f0f\u8bc6\u522b\u6280\u672f\uff0c\u76d1\u6d4b\u5e76\u9884\u8b66\u5bb6\u5ead\u4e2d\u7684\u6f5c\u5728\u4f24\u5bb3\u884c\u4e3a\uff0c\u5305\u62ec\u63a7\u5236\u3001\u5b64\u7acb\u3001\u8d2c\u4f4e\u7b49\u9690\u5f62\u8650\u5f85\u5f62\u5f0f\u3002<\/p>\n <\/div>\n <div class=\"features\">\n <h4><i class=\"fas fa-exclamation-triangle\"><\/i> \u6838\u5fc3\u529f\u80fd<\/h4>\n <ul>\n <li>\u63a7\u5236\u884c\u4e3a\u6a21\u5f0f\u667a\u80fd\u8bc6\u522b<\/li>\n <li>\u793e\u4ea4\u5b64\u7acb\u9884\u8b66\u7cfb\u7edf<\/li>\n <li>\u60c5\u611f\u64cd\u63a7\u68c0\u6d4b\u673a\u5236<\/li>\n <li>\u5371\u9669\u7a0b\u5ea6\u5206\u7ea7\u8bc4\u4f30<\/li>\n <li>\u53ca\u65f6\u5e72\u9884\u5efa\u8bae\u751f\u6210<\/li>\n <\/ul>\n <\/div>\n <\/div>\n \n \n <div class=\"solution-card solution-3\">\n <div class=\"card-top\">\n <div class=\"card-top-content\">\n <h3>\u5e72\u9884\u652f\u6301\u7cfb\u7edf<\/h3>\n <p class=\"card-desc\">\u63d0\u4f9b\u4e13\u4e1a\u5e2e\u52a9\u4e0e\u652f\u6301\u8d44\u6e90<\/p>\n <\/div>\n <\/div>\n <div class=\"card-content\">\n <p>\u4e3a\u5904\u4e8e\u98ce\u9669\u4e2d\u7684\u5bb6\u5ead\u63d0\u4f9b\u591a\u5c42\u6b21\u7684\u5e72\u9884\u652f\u6301\uff0c\u8fde\u63a5\u4e13\u4e1a\u8d44\u6e90\uff0c\u5236\u5b9a\u4e2a\u6027\u5316\u5e72\u9884\u65b9\u6848\uff0c\u5e2e\u52a9\u53d7\u5bb3\u8005\u6446\u8131\u56f0\u5883\u3002<\/p>\n <\/div>\n <div class=\"features\">\n <h4><i class=\"fas fa-hands-helping\"><\/i> \u6838\u5fc3\u529f\u80fd<\/h4>\n <ul>\n <li>\u4e13\u4e1a\u5fc3\u7406\u54a8\u8be2\u5bf9\u63a5\u670d\u52a1<\/li>\n <li>\u5b89\u5168\u8ba1\u5212\u5236\u5b9a\u4e0e\u5b9e\u65bd<\/li>\n <li>\u652f\u6301\u5c0f\u7ec4\u4e0e\u793e\u533a\u8d44\u6e90\u94fe\u63a5<\/li>\n <li>\u9636\u6bb5\u6027\u5e72\u9884\u6548\u679c\u8bc4\u4f30<\/li>\n <li>\u7d27\u6025\u60c5\u51b5\u54cd\u5e94\u673a\u5236<\/li>\n <\/ul>\n <\/div>\n <\/div>\n \n \n <div class=\"solution-card solution-4\">\n <div class=\"card-top\">\n <div class=\"card-top-content\">\n <h3>\u5065\u5eb7\u5173\u7cfb\u5efa\u8bbe<\/h3>\n <p class=\"card-desc\">\u91cd\u5efa\u5e73\u7b49\u5c0a\u91cd\u7684\u5bb6\u5ead\u4e92\u52a8\u6a21\u5f0f<\/p>\n <\/div>\n <\/div>\n <div class=\"card-content\">\n <p>\u63d0\u4f9b\u4e13\u4e1a\u6307\u5bfc\u548c\u5de5\u5177\uff0c\u5e2e\u52a9\u5bb6\u5ead\u6210\u5458\u5efa\u7acb\u5065\u5eb7\u3001\u5e73\u7b49\u3001\u5c0a\u91cd\u7684\u4e92\u52a8\u6a21\u5f0f\uff0c\u57f9\u517b\u6709\u6548\u7684\u6c9f\u901a\u6280\u5de7\u548c\u51b2\u7a81\u89e3\u51b3\u80fd\u529b\u3002<\/p>\n <\/div>\n <div class=\"features\">\n <h4><i class=\"fas fa-seedling\"><\/i> \u6838\u5fc3\u529f\u80fd<\/h4>\n <ul>\n <li>\u5065\u5eb7\u6c9f\u901a\u6280\u5de7\u57f9\u8bad<\/li>\n <li>\u8fb9\u754c\u8bbe\u5b9a\u4e0e\u5c0a\u91cd\u57f9\u517b<\/li>\n <li>\u51b2\u7a81\u89e3\u51b3\u7b56\u7565\u6307\u5bfc<\/li>\n <li>\u5bb6\u5ead\u89d2\u8272\u5e73\u7b49\u5316\u5efa\u8bbe<\/li>\n <li>\u957f\u671f\u5173\u7cfb\u5065\u5eb7\u7ef4\u62a4\u8ba1\u5212<\/li>\n <\/ul>\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"stats\">\n <div class=\"stat-card\">\n <div class=\"stat-icon\">\n <i class=\"fas fa-user-friends\"><\/i>\n <\/div>\n <div class=\"stat-number\">85%<\/div>\n <div class=\"stat-text\">\u7528\u6237\u8868\u793a\u80fd\u66f4\u65e9\u8bc6\u522b\u5371\u9669\u4fe1\u53f7<\/div>\n <\/div>\n \n <div class=\"stat-card\">\n <div class=\"stat-icon\">\n <i class=\"fas fa-heart\"><\/i>\n <\/div>\n <div class=\"stat-number\">72%<\/div>\n <div class=\"stat-text\">\u5bb6\u5ead\u5173\u7cfb\u5f97\u5230\u663e\u8457\u6539\u5584<\/div>\n <\/div>\n \n <div class=\"stat-card\">\n <div class=\"stat-icon\">\n <i class=\"fas fa-headset\"><\/i>\n <\/div>\n <div class=\"stat-number\">24\/7<\/div>\n <div class=\"stat-text\">\u5168\u5929\u5019\u4e13\u4e1a\u652f\u6301\u670d\u52a1<\/div>\n <\/div>\n \n <div class=\"stat-card\">\n <div class=\"stat-icon\">\n <i class=\"fas fa-chart-line\"><\/i>\n <\/div>\n <div class=\"stat-number\">63%<\/div>\n <div class=\"stat-text\">\u9ad8\u98ce\u9669\u6848\u4f8b\u5f97\u5230\u53ca\u65f6\u5e72\u9884<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n \n \n <section class=\"tech-section full-width-container\">\n <div class=\"container\">\n <h2 class=\"section-title\">\u6838\u5fc3\u6280\u672f\u4f18\u52bf<\/h2>\n \n <div class=\"tech-features\">\n <div class=\"tech-card\">\n <div class=\"tech-icon\">\n <i class=\"fas fa-brain\"><\/i>\n <\/div>\n <h3>\u591a\u6a21\u6001\u60c5\u611f\u5206\u6790<\/h3>\n <p>\u6574\u5408\u8bed\u97f3(MFCC\u7279\u5f81\u63d0\u53d6)\u3001\u6587\u672c(BERT\u8bed\u4e49\u5206\u6790)\u3001\u8868\u60c5(3D\u5377\u79ef\u795e\u7ecf\u7f51\u7edc)\u6570\u636e\u6d41\uff0c\u57fa\u4e8eLoRA\u5fae\u8c03\u7684\u5343\u4ebf\u53c2\u6570\u60c5\u611f\u6a21\u578b\u3002<\/p>\n <\/div>\n \n <div class=\"tech-card\">\n <div class=\"tech-icon\">\n <i class=\"fas fa-lock\"><\/i>\n <\/div>\n <h3>\u9690\u79c1\u4fdd\u62a4\u6280\u672f<\/h3>\n <p>\u91c7\u7528\u9ad8\u7ea7\u52a0\u5bc6\u6280\u672f\u4fdd\u62a4\u6240\u6709\u5bb6\u5ead\u6570\u636e\uff0c\u786e\u4fdd\u9690\u79c1\u5b89\u5168\uff0c\u53ea\u6709\u6388\u6743\u4eba\u5458\u624d\u80fd\u8bbf\u95ee\u654f\u611f\u4fe1\u606f<\/p>\n <\/div>\n \n <div class=\"tech-card\">\n <div class=\"tech-icon\">\n <i class=\"fas fa-robot\"><\/i>\n <\/div>\n <h3>\u884c\u4e3a\u6a21\u5f0f\u8bc6\u522b<\/h3>\n <p>\u57fa\u4e8e\u4eba\u5de5\u667a\u80fd\u7684\u884c\u4e3a\u5206\u6790\u7cfb\u7edf\uff0c\u80fd\u591f\u8bc6\u522b\u9690\u853d\u7684\u63a7\u5236\u6a21\u5f0f\u548c\u7cbe\u795e\u8650\u5f85\u884c\u4e3a<\/p>\n <\/div>\n \n <div class=\"tech-card\">\n <div class=\"tech-icon\">\n <i class=\"fas fa-project-diagram\"><\/i>\n <\/div>\n <h3>\u5173\u7cfb\u7f51\u7edc\u5206\u6790<\/h3>\n <p>\u53ef\u89c6\u5316\u5c55\u793a\u5bb6\u5ead\u5173\u7cfb\u7f51\u7edc\uff0c\u6e05\u6670\u5448\u73b0\u6743\u529b\u52a8\u6001\u548c\u4e92\u52a8\u6a21\u5f0f\uff0c\u5e2e\u52a9\u8bc6\u522b\u4e0d\u5e73\u8861\u5173\u7cfb<\/p>\n <\/div>\n \n <div class=\"tech-card\">\n <div class=\"tech-icon\">\n <i class=\"fas fa-shield-alt\"><\/i>\n <\/div>\n <h3>\u5b89\u5168\u5e72\u9884\u7cfb\u7edf<\/h3>\n <p>\u667a\u80fd\u5339\u914d\u6700\u5408\u9002\u7684\u5e72\u9884\u8d44\u6e90\uff0c\u6839\u636e\u98ce\u9669\u7b49\u7ea7\u63d0\u4f9b\u4e2a\u6027\u5316\u7684\u652f\u6301\u65b9\u6848\u548c\u5b89\u5168\u8ba1\u5212<\/p>\n <\/div>\n \n <div class=\"tech-card\">\n <div class=\"tech-icon\">\n <i class=\"fas fa-link\"><\/i>\n <\/div>\n <h3>\u533a\u5757\u94fe\u5b58\u8bc1\u6280\u672f<\/h3>\n <p>\u79c1\u6709\u8054\u76df\u94fe\u67b6\u6784\u7ed3\u5408\u94f6\u884c\u7ea7\u8d26\u6237\u7ba1\u7406\uff0c\u6bcf\u7b14\u60c5\u611f\u4ea4\u4e92\u8bb0\u5f55\u751f\u6210\u552f\u4e00\u54c8\u5e0c\u503c\uff0c\u901a\u8fc7\u96f6\u77e5\u8bc6\u8bc1\u660e\u6280\u672f\u5b9e\u73b0\u6570\u636e\u9690\u79c1\u4fdd\u62a4\u3002<\/p>\n <\/div>\n \n <div class=\"tech-card\">\n <div class=\"tech-icon\">\n <i class=\"fas fa-file-contract\"><\/i>\n <\/div>\n <h3>\u667a\u80fd\u5408\u7ea6\u7cfb\u7edf<\/h3>\n <p>\u53cc\u8d26\u6237\u67b6\u6784\uff08\u4e2a\u4eba\/\u5bb6\u5ead\uff09\u91c7\u7528RBAC\u6743\u9650\u6a21\u578b\uff0c\u652f\u63016\u7ea7\u4eb2\u5c5e\u5173\u7cfb\u52a8\u6001\u6388\u6743\u3002\u60c5\u611f\u5b58\u50a8\u64cd\u4f5c\u65e5\u5fd7\u4e0a\u94fe\u5b58\u8bc1\u3002<\/p>\n <\/div>\n \n <div class=\"tech-card\">\n <div class=\"tech-icon\">\n <i class=\"fas fa-project-diagram\"><\/i>\n <\/div>\n <h3>\u5bb6\u5ead\u5173\u7cfb\u56fe\u8c31<\/h3>\n <p>\u53ef\u89c6\u5316\u5448\u73b0\u5bb6\u65cf\u6210\u5458\u8ba4\u77e5\u6a21\u5f0f\u4e0e\u60c5\u7eea\u4f20\u9012\u8def\u5f84\uff0c\u9057\u4f20\u7b97\u6cd5\u6574\u5408\u4e09\u4ee3\u4eb2\u5c5e\u5fc3\u7406\u5065\u5eb7\u6570\u636e\uff0c\u98ce\u9669\u9884\u6d4b\u6a21\u578bAUC\u503c\u8fbe0.87\u3002<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n \n \n <section id=\"warning-signs\" class=\"full-width-container\">\n <div class=\"container\">\n <h2 class=\"section-title\">\u5bb6\u5ead\u5173\u7cfb\u5371\u9669\u4fe1\u53f7\u8bc6\u522b<\/h2>\n <p class=\"section-description\">\u4e86\u89e3\u5bb6\u5ead\u4e2d\u53ef\u80fd\u5b58\u5728\u7684\u9690\u5f62\u4f24\u5bb3\u4fe1\u53f7\uff0c\u53ca\u65f6\u8bc6\u522b\u5e76\u91c7\u53d6\u63aa\u65bd\u4fdd\u62a4\u81ea\u5df1\u548c\u5bb6\u4eba<\/p>\n \n <div class=\"warning-signs\">\n <h3 style=\"text-align: center; margin-bottom: 30px; color: var(--accent);\">\u8b66\u60d5\u8fd9\u4e9b\u5371\u9669\u4fe1\u53f7<\/h3>\n \n <div class=\"warning-grid\">\n <div class=\"warning-card\">\n <h4><i class=\"fas fa-ban\"><\/i> \u81ea\u7531\u9650\u5236<\/h4>\n <p>\u63a7\u5236\u884c\u52a8\u81ea\u7531\uff0c\u7981\u6b62\u4e0e\u5916\u754c\u8054\u7cfb\uff0c\u9650\u5236\u793e\u4ea4\u6d3b\u52a8\uff0c\u76d1\u63a7\u901a\u8baf\u5185\u5bb9\uff0c\u5265\u593a\u72ec\u7acb\u51fa\u884c\u6743\u5229<\/p>\n <\/div>\n \n <div class=\"warning-card\">\n <h4><i class=\"fas fa-pills\"><\/i> \u5065\u5eb7\u64cd\u63a7<\/h4>\n <p>\u4ee5”\u5173\u5fc3”\u4e3a\u540d\u5e72\u6d89\u533b\u7597\u51b3\u5b9a\uff0c\u63a7\u5236\u836f\u7269\u4f7f\u7528\uff0c\u5426\u5b9a\u5065\u5eb7\u95ee\u9898\uff0c\u963b\u6b62\u5bfb\u6c42\u533b\u7597\u5e2e\u52a9<\/p>\n <\/div>\n \n <div class=\"warning-card\">\n <h4><i class=\"fas fa-history\"><\/i> \u8ba4\u77e5\u626d\u66f2<\/h4>\n <p>\u5426\u8ba4\u4e8b\u5b9e\uff0c\u7be1\u6539\u8bb0\u5fc6\uff0c\u5236\u9020\u865a\u5047\u73b0\u5b9e\uff0c\u8ba9\u53d7\u5bb3\u8005\u6000\u7591\u81ea\u5df1\u7684\u8ba4\u77e5\u548c\u5224\u65ad\u80fd\u529b<\/p>\n <\/div>\n \n <div class=\"warning-card\">\n <h4><i class=\"fas fa-file-medical\"><\/i> \u4fe1\u606f\u64cd\u63a7<\/h4>\n <p>\u9009\u62e9\u6027\u63d0\u4f9b\u4fe1\u606f\uff0c\u6b6a\u66f2\u4e8b\u5b9e\uff0c\u5236\u9020\u4fe1\u606f\u5b64\u5c9b\uff0c\u963b\u6b62\u63a5\u89e6\u5916\u90e8\u89c2\u70b9\u548c\u4fe1\u606f\u6765\u6e90<\/p>\n <\/div>\n \n <div class=\"warning-card\">\n <h4><i class=\"fas fa-lock\"><\/i> \u7ecf\u6d4e\u63a7\u5236<\/h4>\n <p>\u9650\u5236\u83b7\u53d6\u548c\u4f7f\u7528\u91d1\u94b1\uff0c\u63a7\u5236\u6240\u6709\u8d22\u52a1\u8d44\u6e90\uff0c\u963b\u6b62\u5c31\u4e1a\u6216\u7ecf\u6d4e\u72ec\u7acb\uff0c\u4ee5\u6b64\u4f5c\u4e3a\u63a7\u5236\u624b\u6bb5<\/p>\n <\/div>\n \n <div class=\"warning-card\">\n <h4><i class=\"fas fa-gift\"><\/i> \u60c5\u611f\u52d2\u7d22<\/h4>\n <p>\u4ee5”\u7231”\u548c”\u5bb6\u5ead”\u4e3a\u540d\u5b9e\u65bd\u63a7\u5236\uff0c\u5236\u9020\u6127\u759a\u611f\uff0c\u5229\u7528\u60c5\u611f\u4f9d\u8d56\u8fdb\u884c\u7cbe\u795e\u64cd\u63a7<\/p>\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"chart-container\">\n <div class=\"chart-loading\">\n <div class=\"spinner\">\u52a0\u8f7d\u7edf\u8ba1\u6570\u636e\u4e2d…<\/div>\n <\/div>\n <div class=\"chart-error\">\n <i class=\"fas fa-exclamation-circle\"><\/i> \u56fe\u8868\u52a0\u8f7d\u5931\u8d25\uff0c\u8bf7\u5237\u65b0\u9875\u9762\u91cd\u8bd5\n <\/div>\n <h3 style=\"text-align: center; margin-bottom: 30px; color: var(--primary);\">\u5bb6\u5ead\u9690\u5f62\u4f24\u5bb3\u884c\u4e3a\u7edf\u8ba1\u6570\u636e<\/h3>\n <canvas id=\"behaviorChart\" height=\"350\"><\/canvas>\n <\/div>\n <\/div>\n <\/section>\n \n \n <section class=\"intervention-model full-width-container\">\n <div class=\"container\">\n <h2 class=\"section-title\">\u9884\u9632\u6027\u5e72\u9884\u6a21\u578b<\/h2>\n <p class=\"section-description\">\u5168\u65b9\u4f4d\u7684\u56db\u7ea7\u9884\u9632\u5e72\u9884\u7cfb\u7edf\uff0c\u4ece\u6559\u80b2\u5230\u4fdd\u62a4\uff0c\u5f62\u6210\u5b8c\u6574\u7684\u5bb6\u5ead\u5b89\u5168\u7f51\u7edc<\/p>\n \n <div class=\"model-container\">\n <div class=\"model-visualization\">\n <div class=\"model-steps\">\n \n <div class=\"steps-grid\">\n <div class=\"step-card\">\n <div class=\"step-icon\"><i class=\"fas fa-graduation-cap\"><\/i><\/div>\n <h3>\u6559\u80b2\u9884\u9632<\/h3>\n <p>\u5065\u5eb7\u5bb6\u5ead\u5173\u7cfb\u6559\u80b2<\/p>\n <p>\u5371\u9669\u4fe1\u53f7\u8bc6\u522b\u57f9\u8bad<\/p>\n <\/div>\n <div class=\"step-card\">\n <div class=\"step-icon\"><i class=\"fas fa-search\"><\/i><\/div>\n <h3>\u65e9\u671f\u8bc6\u522b<\/h3>\n <p>\u884c\u4e3a\u6a21\u5f0f\u5206\u6790\u7cfb\u7edf<\/p>\n <p>\u98ce\u9669\u8bc4\u4f30\u5de5\u5177<\/p>\n <\/div>\n <div class=\"step-card\">\n <div class=\"step-icon\"><i class=\"fas fa-hands-helping\"><\/i><\/div>\n <h3>\u4e13\u4e1a\u5e72\u9884<\/h3>\n <p>\u5fc3\u7406\u54a8\u8be2\u4ecb\u5165<\/p>\n <p>\u5bb6\u5ead\u8c03\u89e3\u670d\u52a1<\/p>\n <\/div>\n <div class=\"step-card\">\n <div class=\"step-icon\"><i class=\"fas fa-shield-alt\"><\/i><\/div>\n <h3>\u5b89\u5168\u4fdd\u62a4<\/h3>\n <p>\u7d27\u6025\u5e87\u62a4\u673a\u5236<\/p>\n <p>\u6cd5\u5f8b\u8d44\u6e90\u94fe\u63a5<\/p>\n <\/div>\n <\/div>\n \n <div class=\"steps-connector\"><\/div>\n <\/div>\n <\/div>\n \n <div class=\"model-description\">\n <h3>\u5e72\u9884\u7cfb\u7edf\u5de5\u4f5c\u6d41\u7a0b<\/h3>\n <p>\u4ece\u793e\u533a\u6559\u80b2\u5230\u65e9\u671f\u9884\u8b66\u3001\u4e13\u4e1a\u5e72\u9884\u518d\u5230\u5b89\u5168\u4fdd\u62a4\uff0c\u5f62\u6210\u5b8c\u6574\u7684\u95ed\u73af\u5e72\u9884\u7cfb\u7edf\u3002\u7279\u522b\u9488\u5bf9\u9690\u853d\u6027\u5f3a\u7684\u60c5\u611f\u64cd\u63a7\u3001\u4ee5\u7231\u4e3a\u540d\u7684\u63a7\u5236\u7b49\u9690\u5f62\u4f24\u5bb3\u5f62\u5f0f\uff0c\u5f00\u53d1\u4e13\u9879\u8bc6\u522b\u7b97\u6cd5\u548c\u5e72\u9884\u65b9\u6848\uff0c\u4e3a\u5bb6\u5ead\u6210\u5458\u63d0\u4f9b\u5168\u65b9\u4f4d\u4fdd\u62a4\u3002<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"market-section full-width-container\">\n <div class=\"container\">\n <h2 class=\"section-title\">\u7cbe\u51c6\u5e02\u573a\u5b9a\u4f4d<\/h2>\n \n <div class=\"market-cards\">\n <div class=\"market-card\">\n <div class=\"market-icon\">\n <i class=\"fas fa-crown\"><\/i>\n <\/div>\n <h3>\u9ad8\u51c0\u503c\u5bb6\u65cf<\/h3>\n <div class=\"price\">\u5e74\u652f\u4ed8\u80fd\u529b\uff1a5-20\u4e07\u5143<\/div>\n <ul>\n <li>\u5bb6\u65cf\u8d44\u4ea7\u22651\u4ebf\uff0c\u4e09\u4ee3\u540c\u5802\u5bb6\u5ead<\/li>\n <li>\u6838\u5fc3\u9700\u6c42\uff1a\u5bb6\u8bad\u6570\u5b57\u5316\u5b58\u8bc1\u4e0e\u4f20\u627f<\/li>\n <li>\u4e13\u5c5e\u670d\u52a1\uff1a\u5bb6\u65cf\u5fc3\u7406\u987e\u95ee\u3001\u8de8\u4ee3\u60c5\u7eea\u57fa\u56e0\u5206\u6790<\/li>\n <li>\u89e3\u51b3\u65b9\u6848\uff1a\u5bb6\u65cf\u6570\u636e\u4fdd\u9669\u7bb1+\u5e74\u5ea6\u4f20\u627f\u89c4\u5212<\/li>\n <\/ul>\n <\/div>\n \n <div class=\"market-card\">\n <div class=\"market-icon\">\n <i class=\"fas fa-home\"><\/i>\n <\/div>\n <h3>\u57ce\u5e02\u4e2d\u4ea7\u592b\u59bb<\/h3>\n <div class=\"price\">\u5e74\u652f\u4ed8\u80fd\u529b\uff1a0.5-2\u4e07\u5143<\/div>\n <ul>\n <li>\u53cc\u804c\u5de5\u5bb6\u5ead\uff0c\u5b50\u5973\u6559\u80b2\u538b\u529b\u5927<\/li>\n <li>\u6838\u5fc3\u9700\u6c42\uff1a\u60c5\u611f\u5371\u673a\u9884\u8b66\u4e0e\u5e72\u9884\u65b9\u6848<\/li>\n <li>\u4e13\u5c5e\u670d\u52a1\uff1a\u60c5\u611f\u5ba1\u8ba1+\u667a\u80fd\u5e72\u9884\u5957\u9910<\/li>\n <li>\u89e3\u51b3\u65b9\u6848\uff1aAI\u60c5\u611f\u96f7\u8fbe+\u7ebf\u4e0b\u54a8\u8be2\u5bf9\u63a5<\/li>\n <\/ul>\n <\/div>\n \n <div class=\"market-card\">\n <div class=\"market-icon\">\n <i class=\"fas fa-baby\"><\/i>\n <\/div>\n <h3>Z\u4e16\u4ee3\u7236\u6bcd<\/h3>\n <div class=\"price\">\u5e74\u652f\u4ed8\u80fd\u529b\uff1a0.3-1\u4e07\u5143<\/div>\n <ul>\n <li>90-95\u540e\uff0c\u79d1\u5b66\u80b2\u513f\u7406\u5ff5\u8df5\u884c\u8005<\/li>\n <li>\u6838\u5fc3\u9700\u6c42\uff1a\u4eb2\u5b50\u5173\u7cfb\u6570\u636e\u5316\u8bca\u65ad<\/li>\n <li>\u4e13\u5c5e\u670d\u52a1\uff1a\u57fa\u7840\u60c5\u611f\u8d26\u6237+\u793e\u533a\u4e92\u52a9\u673a\u5236<\/li>\n <li>\u89e3\u51b3\u65b9\u6848\uff1a\u4eb2\u5b50\u6c9f\u901a\u62a5\u544a+\u793e\u533aKOL\u63a8\u5e7f<\/li>\n <\/ul>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n \n \n <section class=\"architecture-section full-width-container\">\n <div class=\"container\">\n <h2 class=\"section-title\">\u6280\u672f\u67b6\u6784\u4f53\u7cfb<\/h2>\n \n <div class=\"architecture-grid\">\n <div class=\"architecture-card\">\n <h3><i class=\"fas fa-layer-group\"><\/i> \u5206\u5c42\u67b6\u6784\u8bbe\u8ba1<\/h3>\n <ul>\n <li>\u524d\u7aef\u6846\u67b6\uff1aReact + Ant Design Mobile<\/li>\n <li>\u533a\u5757\u94fe\u5e73\u53f0\uff1aHyperledger Fabric 2.4<\/li>\n <li>AI\u63a8\u7406\u6846\u67b6\uff1aTensorFlow Lite + ONNX Runtime<\/li>\n <li>\u6570\u636e\u5e93\uff1aTiDB\uff08\u5173\u7cfb\u578b\uff09+ MongoDB\uff08\u975e\u7ed3\u6784\u5316\uff09<\/li>\n <li>\u6d88\u606f\u961f\u5217\uff1aApache Kafka<\/li>\n <\/ul>\n <\/div>\n \n <div class=\"architecture-card\">\n <h3><i class=\"fas fa-shield-alt\"><\/i> \u5b89\u5168\u4e0e\u5408\u89c4<\/h3>\n <ul>\n <li>\u56fd\u5bc6SM4\u7b97\u6cd5\u7aef\u5230\u7aef\u52a0\u5bc6<\/li>\n <li>\u5bc6\u94a5\u8f6e\u6362\u5468\u671f\u22647\u5929<\/li>\n <li>\u53cc\u56e0\u7d20\u8ba4\u8bc1\uff08\u751f\u7269\u8bc6\u522b+\u52a8\u6001\u4ee4\u724c\uff09<\/li>\n <li>\u901a\u8fc7\u7b49\u4fdd\u4e09\u7ea7\u8ba4\u8bc1<\/li>\n <li>\u7b26\u5408\u300a\u4e2a\u4eba\u4fe1\u606f\u4fdd\u62a4\u6cd5\u300b\u8981\u6c42<\/li>\n <\/ul>\n <\/div>\n \n <div class=\"architecture-card\">\n <h3><i class=\"fas fa-tachometer-alt\"><\/i> \u6027\u80fd\u6307\u6807<\/h3>\n <ul>\n <li>\u5355\u8282\u70b9\u652f\u63013000\u5e76\u53d1\u8bf7\u6c42<\/li>\n <li>\u60c5\u611f\u5b58\u50a8\u64cd\u4f5cTPS\u22651500<\/li>\n <li>\u533a\u5757\u94fe\u7f51\u7edc\u62dc\u5360\u5ead\u5bb9\u9519\u7387\u226533%<\/li>\n <li>\u6570\u636e\u6062\u590dRPO=0<\/li>\n <li>\u707e\u5907\u6062\u590dRTO\u22645\u5206\u949f<\/li>\n <\/ul>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <script>\n \/\/ \u5361\u7247\u60ac\u505c\u52a8\u753b\u6548\u679c\n document.addEventListener('DOMContentLoaded', function() {\n const cards = document.querySelectorAll('.solution-card, .tech-card, .market-card, .architecture-card, .stat-card, .warning-card, .step-card');\n \n cards.forEach(card => {\n card.addEventListener('mouseenter', function() {\n this.style.transform = this.style.transform.replace(\/translateY\\([^)]+\\)\/, '') + ' translateY(-10px)';\n });\n \n card.addEventListener('mouseleave', function() {\n this.style.transform = this.style.transform.replace(\/translateY\\([^)]+\\)\/, '') + ' translateY(0)';\n });\n });\n \n \/\/ \u6eda\u52a8\u52a8\u753b\u6548\u679c\n const observer = new IntersectionObserver((entries) => {\n entries.forEach(entry => {\n if (entry.isIntersecting) {\n entry.target.style.opacity = 1;\n entry.target.style.transform = 'translateY(0)';\n }\n });\n }, { threshold: 0.1 });\n \n document.querySelectorAll('.solution-card, .tech-card, .market-card, .architecture-card, .stat-card, .warning-card, .step-card').forEach(el => {\n el.style.opacity = 0;\n el.style.transform = 'translateY(30px)';\n el.style.transition = 'opacity 0.6s ease, transform 0.6s ease';\n observer.observe(el);\n });\n\n \/\/ \u5e73\u6ed1\u6eda\u52a8\n document.querySelectorAll('a[href^=\"#\"]').forEach(anchor => {\n anchor.addEventListener('click', function (e) {\n e.preventDefault();\n \n const targetId = this.getAttribute('href');\n if (targetId === '#') return;\n \n const targetElement = document.querySelector(targetId);\n if (targetElement) {\n window.scrollTo({\n top: targetElement.offsetTop - 80,\n behavior: 'smooth'\n });\n }\n });\n });\n\n \/\/ \u8868\u5355\u63d0\u4ea4\n const contactForm = document.getElementById('contact-form');\n if (contactForm) {\n contactForm.addEventListener('submit', function(e) {\n e.preventDefault();\n \n \/\/ \u8fd9\u91cc\u53ef\u4ee5\u6dfb\u52a0\u8868\u5355\u63d0\u4ea4\u903b\u8f91\n alert('\u611f\u8c22\u60a8\u7684\u7559\u8a00\uff01\u6211\u4eec\u4f1a\u5c3d\u5feb\u56de\u590d\u60a8\u3002');\n contactForm.reset();\n });\n }\n\n \/\/ \u56fe\u8868\u52a0\u8f7d\u51fd\u6570\n function loadChart() {\n const chartContainer = document.querySelector('.chart-container');\n const loadingIndicator = chartContainer.querySelector('.chart-loading');\n const errorIndicator = chartContainer.querySelector('.chart-error');\n \n try {\n \/\/ \u68c0\u67e5Chart\u662f\u5426\u52a0\u8f7d\n if (typeof Chart === 'undefined') {\n throw new Error('Chart.js\u5e93\u672a\u52a0\u8f7d');\n }\n \n \/\/ \u68c0\u67e5canvas\u5143\u7d20\u662f\u5426\u5b58\u5728\n const canvas = document.getElementById('behaviorChart');\n if (!canvas) {\n throw new Error('\u56fe\u8868\u5bb9\u5668\u4e0d\u5b58\u5728');\n }\n \n const ctx = canvas.getContext('2d');\n \n \/\/ \u9690\u85cf\u52a0\u8f7d\u6307\u793a\u5668\n loadingIndicator.style.display = 'none';\n \n \/\/ \u5bb6\u5ead\u63a7\u5236\u884c\u4e3a\u6570\u636e\n const behaviorChart = new Chart(ctx, {\n type: 'bar',\n data: {\n labels: ['\u60c5\u611f\u64cd\u63a7', '\u81ea\u7531\u9650\u5236', '\u4fe1\u606f\u63a7\u5236', '\u5065\u5eb7\u5e72\u9884', '\u7ecf\u6d4e\u63a7\u5236', '\u8ba4\u77e5\u626d\u66f2'],\n datasets: [{\n label: '\u53d1\u751f\u7387 (%)',\n data: [78, 65, 59, 42, 56, 48],\n backgroundColor: [\n 'rgba(255, 110, 110, 0.7)',\n 'rgba(78, 205, 196, 0.7)',\n 'rgba(58, 110, 165, 0.7)',\n 'rgba(255, 209, 102, 0.7)',\n 'rgba(156, 136, 255, 0.7)',\n 'rgba(255, 138, 101, 0.7)'\n ],\n borderColor: [\n 'rgb(255, 110, 110)',\n 'rgb(78, 205, 196)',\n 'rgb(58, 110, 165)',\n 'rgb(255, 209, 102)',\n 'rgb(156, 136, 255)',\n 'rgb(255, 138, 101)'\n ],\n borderWidth: 1\n }]\n },\n options: {\n responsive: true,\n plugins: {\n legend: {\n display: false\n },\n title: {\n display: true,\n text: '\u5bb6\u5ead\u9690\u5f62\u4f24\u5bb3\u884c\u4e3a\u7c7b\u578b\u53ca\u53d1\u751f\u7387',\n font: {\n size: 18\n }\n }\n },\n scales: {\n y: {\n beginAtZero: true,\n max: 100,\n title: {\n display: true,\n text: '\u53d1\u751f\u7387 (%)'\n }\n }\n }\n }\n });\n } catch (error) {\n console.error('\u56fe\u8868\u52a0\u8f7d\u5931\u8d25:', error);\n \/\/ \u663e\u793a\u9519\u8bef\u4fe1\u606f\n loadingIndicator.style.display = 'none';\n errorIndicator.style.display = 'block';\n }\n }\n \n \/\/ \u786e\u4fdd\u5728Chart.js\u5b8c\u5168\u52a0\u8f7d\u540e\u518d\u521d\u59cb\u5316\u56fe\u8868\n if (typeof Chart !== 'undefined') {\n loadChart();\n } else {\n \/\/ \u5982\u679cChart.js\u5c1a\u672a\u52a0\u8f7d\uff0c\u8bbe\u7f6e\u4e00\u4e2a\u68c0\u67e5\u95f4\u9694\n const checkChartLoaded = setInterval(() => {\n if (typeof Chart !== 'undefined') {\n clearInterval(checkChartLoaded);\n loadChart();\n }\n }, 100);\n \n \/\/ 5\u79d2\u540e\u5982\u679c\u4ecd\u672a\u52a0\u8f7d\u6210\u529f\uff0c\u663e\u793a\u9519\u8bef\n setTimeout(() => {\n clearInterval(checkChartLoaded);\n const loadingIndicator = document.querySelector('.chart-loading');\n const errorIndicator = document.querySelector('.chart-error');\n if (loadingIndicator) loadingIndicator.style.display = 'none';\n if (errorIndicator) errorIndicator.style.display = 'block';\n }, 5000);\n }\n });\n <\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>\u5bb6\u5ead\u4fdd\u62a4\u89e3\u51b3\u65b9\u6848 – \u8bc6\u522b\u548c\u9884\u9632\u5bb6\u5ead\u9690\u5f62\u4f24\u5bb3 \u5bb6\u5ead\u4fdd\u62a4\u89e3\u51b3\u65b9\u6848 \u5168\u65b9\u4f4d\u8bc6\u522b\u548c\u5e72\u9884\u5bb6\u5ead\u4e2d\u7684\u9690\u5f62\u4f24\u5bb3\uff0c […]<\/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-424","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.affectivechain.com\/index.php\/wp-json\/wp\/v2\/pages\/424","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=424"}],"version-history":[{"count":49,"href":"https:\/\/www.affectivechain.com\/index.php\/wp-json\/wp\/v2\/pages\/424\/revisions"}],"predecessor-version":[{"id":2085,"href":"https:\/\/www.affectivechain.com\/index.php\/wp-json\/wp\/v2\/pages\/424\/revisions\/2085"}],"wp:attachment":[{"href":"https:\/\/www.affectivechain.com\/index.php\/wp-json\/wp\/v2\/media?parent=424"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":424,"date":"2025-06-08T10:42:05","date_gmt":"2025-06-08T02:42:05","guid":{"rendered":"https:\/\/www.affectivechain.com\/?page_id=424"},"modified":"2025-08-20T14:03:01","modified_gmt":"2025-08-20T06:03:01","slug":"heartfamily","status":"publish","type":"page","link":"https:\/\/www.affectivechain.com\/index.php\/heartfamily\/","title":{"rendered":"\u5bb6\u5ead\u4fdd\u62a4\u89e3\u51b3\u65b9\u6848"},"content":{"rendered":"\n\n\n\n \n \n \u5bb6\u5ead\u4fdd\u62a4\u89e3\u51b3\u65b9\u6848 – \u8bc6\u522b\u548c\u9884\u9632\u5bb6\u5ead\u9690\u5f62\u4f24\u5bb3<\/title>\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Noto+Sans+SC:wght@300;400;500;700;900&display=swap\" rel=\"stylesheet\">\n <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/chart.js\"><\/script>\n <style>\n :root {\n --primary: #6d28d9;\n --primary-light: #8b5cf6;\n --primary-dark: #4c1d95;\n --secondary: #43cea2;\n --accent: #ff7e5f;\n --dark: #1e293b;\n --medium: #4b5563;\n --light: #f9fafb;\n --card-shadow: 0 20px 40px rgba(109, 40, 217, 0.15);\n --transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\n }\n \n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n \n body {\n font-family: 'Noto Sans SC', 'Segoe UI', sans-serif;\n background: linear-gradient(135deg, #f9f7fe 0%, #eef2ff 100%);\n color: var(--dark);\n line-height: 1.7;\n overflow-x: hidden;\n min-height: 100vh;\n padding: 0;\n }\n \n .full-width-container {\n width: 100%;\n max-width: 100%;\n padding: 0;\n }\n \n .container {\n max-width: 1600px;\n margin: 0 auto;\n padding: 0 20px;\n }\n \n \/* \u82f1\u96c4\u533a\u57df *\/\n .hero {\n background: url('https:\/\/www.affectivechain.com\/wp-content\/uploads\/2025\/08\/\u5168\u666f.jpg') repeat center center;\n min-height: 500px;\n height: 80vh;\n display: flex;\n align-items: center;\n position: relative;\n border-radius: 0;\n margin-bottom: 80px;\n width: 100%;\n left: 0;\n }\n \n .hero::after {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: rgba(255, 255, 255, 0.85);\n border-radius: 0;\n }\n \n .hero-content {\n position: relative;\n z-index: 2;\n color: var(--dark);\n max-width: 700px;\n padding: 0 20px;\n }\n \n .hero h1 {\n font-size: 3.2rem;\n margin-bottom: 20px;\n line-height: 1.2;\n text-shadow: 0 2px 4px rgba(0,0,0,0.1);\n }\n \n .hero p {\n font-size: 1.3rem;\n margin-bottom: 30px;\n opacity: 0.9;\n }\n \n .btn {\n display: inline-flex;\n align-items: center;\n background: linear-gradient(90deg, var(--primary), var(--primary-light));\n color: white;\n padding: 18px 50px;\n border-radius: 50px;\n text-decoration: none;\n font-weight: 600;\n font-size: 1.2rem;\n transition: var(--transition);\n box-shadow: 0 10px 30px rgba(109, 40, 217, 0.4);\n position: relative;\n overflow: hidden;\n border: none;\n cursor: pointer;\n }\n \n .btn::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: linear-gradient(90deg, var(--primary-light), var(--primary));\n opacity: 0;\n transition: opacity 0.4s ease;\n z-index: 1;\n }\n \n .btn span {\n position: relative;\n z-index: 2;\n }\n \n .btn i {\n margin-left: 10px;\n font-size: 1.2rem;\n position: relative;\n z-index: 2;\n }\n \n .btn:hover::before {\n opacity: 1;\n }\n \n .btn:hover {\n transform: translateY(-5px);\n box-shadow: 0 15px 40px rgba(109, 40, 217, 0.6);\n }\n \n .btn-secondary {\n background: transparent;\n border: 2px solid var(--primary);\n color: var(--primary);\n margin-left: 15px;\n }\n \n .btn-secondary::before {\n background: transparent;\n }\n \n .btn-secondary:hover {\n background: rgba(109, 40, 217, 0.05);\n }\n \n \/* \u89e3\u51b3\u65b9\u6848\u90e8\u5206 *\/\n .solutions-section {\n padding: 80px 0;\n background: white;\n position: relative;\n }\n \n .solutions-section::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 300px;\n background: linear-gradient(120deg, var(--primary), var(--primary-dark));\n z-index: 0;\n border-radius: 0 0 50% 50%\/0 0 100px 100px;\n }\n \n .section-title {\n text-align: center;\n font-size: 2.8rem;\n margin-bottom: 60px;\n font-weight: 800;\n position: relative;\n z-index: 10;\n padding-top: 40px;\n }\n \n .solutions-section .section-title {\n color: white;\n }\n \n .section-title::after {\n content: '';\n position: absolute;\n bottom: -20px;\n left: 50%;\n transform: translateX(-50%);\n width: 120px;\n height: 6px;\n background: var(--secondary);\n border-radius: 3px;\n }\n \n .section-description {\n text-align: center;\n font-size: 1.2rem;\n max-width: 800px;\n margin: 0 auto 60px;\n color: var(--medium);\n }\n \n .solutions-grid {\n display: grid;\n grid-template-columns: repeat(4, 1fr);\n gap: 30px;\n position: relative;\n z-index: 10;\n }\n \n .solution-card {\n background: white;\n border-radius: 20px;\n overflow: hidden;\n box-shadow: var(--card-shadow);\n transition: var(--transition);\n display: flex;\n flex-direction: column;\n height: 100%;\n cursor: pointer;\n }\n \n .solution-card:hover {\n transform: translateY(-15px);\n box-shadow: 0 30px 50px rgba(109, 40, 217, 0.25);\n }\n \n .card-top {\n padding: 35px 30px;\n color: white;\n position: relative;\n overflow: hidden;\n min-height: 180px;\n }\n \n .solution-1 .card-top { background: linear-gradient(135deg, #43cea2, #185a9d); }\n .solution-2 .card-top { background: linear-gradient(135deg, #ff7e5f, #feb47b); }\n .solution-3 .card-top { background: linear-gradient(135deg, #8e2de2, #4a00e0); }\n .solution-4 .card-top { background: linear-gradient(135deg, #00c9ff, #92fe9d); }\n \n .card-top::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: inherit;\n opacity: 0.95;\n z-index: 1;\n }\n \n .card-top-content {\n position: relative;\n z-index: 2;\n }\n \n .solution-card h3 {\n font-size: 1.8rem;\n margin-bottom: 15px;\n font-weight: 800;\n }\n \n .solution-card .card-desc {\n font-size: 1.1rem;\n opacity: 0.9;\n font-weight: 300;\n }\n \n .card-content {\n padding: 30px;\n flex: 1;\n }\n \n .card-content p {\n margin-bottom: 20px;\n color: var(--medium);\n font-size: 1.05rem;\n line-height: 1.7;\n }\n \n .features {\n padding: 0 30px 30px;\n }\n \n .features h4 {\n margin-bottom: 20px;\n color: var(--primary);\n font-size: 1.3rem;\n font-weight: 700;\n display: flex;\n align-items: center;\n border-bottom: 2px solid var(--primary-light);\n padding-bottom: 10px;\n }\n \n .features h4 i {\n margin-right: 12px;\n font-size: 1.4rem;\n color: var(--primary);\n }\n \n .features ul {\n list-style-type: none;\n }\n \n .features li {\n padding: 12px 0;\n display: flex;\n align-items: flex-start;\n font-size: 1.05rem;\n }\n \n .features li:before {\n content: \"\u2022\";\n color: var(--secondary);\n font-weight: bold;\n font-size: 1.5rem;\n margin-right: 15px;\n flex-shrink: 0;\n margin-top: 3px;\n }\n \n \/* \u7edf\u8ba1\u6570\u636e\u90e8\u5206 *\/\n .stats {\n display: grid;\n grid-template-columns: repeat(4, 1fr);\n gap: 20px;\n margin: 60px 0;\n }\n \n .stat-card {\n background: white;\n border-radius: 15px;\n padding: 30px;\n text-align: center;\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\n transition: var(--transition);\n }\n \n .stat-card:hover {\n transform: translateY(-5px);\n box-shadow: 0 15px 30px rgba(109, 40, 217, 0.2);\n }\n \n .stat-icon {\n font-size: 3rem;\n color: var(--primary);\n margin-bottom: 20px;\n }\n \n .stat-number {\n font-size: 2.5rem;\n font-weight: 700;\n color: var(--accent);\n margin-bottom: 10px;\n }\n \n .stat-text {\n font-size: 1.1rem;\n color: #555;\n }\n \n \/* \u6838\u5fc3\u6280\u672f\u90e8\u5206 *\/\n .tech-section {\n background: linear-gradient(135deg, #f9f7fe 0%, #eef2ff 100%);\n padding: 100px 0;\n position: relative;\n }\n \n .tech-content {\n position: relative;\n z-index: 2;\n }\n \n .tech-section .section-title {\n color: var(--dark);\n }\n \n .tech-features {\n display: grid;\n grid-template-columns: repeat(4, 1fr);\n gap: 30px;\n }\n \n .tech-card {\n background: white;\n border-radius: 20px;\n padding: 40px 30px;\n box-shadow: var(--card-shadow);\n transition: var(--transition);\n text-align: center;\n border: 1px solid rgba(109, 40, 217, 0.1);\n cursor: pointer;\n }\n \n .tech-card:hover {\n transform: translateY(-10px);\n box-shadow: 0 25px 50px rgba(109, 40, 217, 0.2);\n border-color: var(--primary-light);\n }\n \n .tech-icon {\n font-size: 3.5rem;\n margin-bottom: 25px;\n background: linear-gradient(135deg, var(--primary), var(--primary-light));\n -webkit-background-clip: text;\n background-clip: text;\n color: transparent;\n }\n \n .tech-card h3 {\n margin-bottom: 20px;\n color: var(--dark);\n font-size: 1.5rem;\n font-weight: 800;\n }\n \n .tech-card p {\n color: var(--medium);\n font-size: 1.05rem;\n line-height: 1.7;\n }\n \n \/* \u9884\u8b66\u4fe1\u53f7\u90e8\u5206 *\/\n #warning-signs {\n margin: 80px 0;\n }\n \n .warning-signs {\n background: linear-gradient(135deg, #fff6f6 0%, #ffefef 100%);\n border-radius: 15px;\n padding: 40px;\n margin-top: 40px;\n }\n \n .warning-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: 25px;\n margin-top: 30px;\n }\n \n .warning-card {\n background: white;\n border-left: 5px solid var(--accent);\n padding: 25px;\n border-radius: 8px;\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\n transition: var(--transition);\n }\n \n .warning-card:hover {\n transform: translateY(-5px);\n box-shadow: 0 15px 30px rgba(255, 126, 95, 0.2);\n }\n \n .warning-card h4 {\n display: flex;\n align-items: center;\n gap: 10px;\n color: var(--dark);\n margin-bottom: 15px;\n }\n \n .warning-card i {\n color: var(--accent);\n font-size: 1.3rem;\n }\n \n .chart-container {\n background: white;\n border-radius: 15px;\n padding: 30px;\n box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);\n margin-top: 40px;\n min-height: 400px;\n position: relative;\n }\n \n .chart-loading {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n display: flex;\n justify-content: center;\n align-items: center;\n background: rgba(255, 255, 255, 0.8);\n z-index: 10;\n border-radius: 15px;\n }\n \n .chart-error {\n color: #dc2626;\n text-align: center;\n padding: 20px;\n display: none;\n }\n \n \/* \u5e72\u9884\u6a21\u578b\u90e8\u5206 *\/\n .intervention-model {\n margin: 80px 0;\n }\n \n .model-container {\n background: white;\n border-radius: 15px;\n padding: 40px;\n box-shadow: 0 10px 30px rgba(0,0,0,0.08);\n }\n \n .model-visualization {\n display: flex;\n justify-content: center;\n margin-bottom: 40px;\n }\n \n .model-steps {\n width: 100%;\n max-width: 800px;\n position: relative;\n }\n \n .steps-grid {\n display: grid;\n grid-template-columns: repeat(4, 1fr);\n gap: 15px;\n text-align: center;\n }\n \n .step-card {\n background: #e3f2fd;\n padding: 25px;\n border-radius: 10px;\n position: relative;\n z-index: 2;\n transition: var(--transition);\n }\n \n .step-card:hover {\n transform: translateY(-5px);\n box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);\n }\n \n .step-card:nth-child(2) { background: #bbdefb; }\n .step-card:nth-child(3) { background: #90caf9; }\n .step-card:nth-child(4) { background: #64b5f6; }\n \n .step-icon {\n font-size: 2rem;\n color: var(--primary);\n margin-bottom: 15px;\n }\n \n .step-card h3 {\n margin-bottom: 10px;\n font-size: 1.2rem;\n }\n \n .step-card p {\n font-size: 0.95rem;\n color: var(--medium);\n }\n \n .steps-connector {\n position: absolute;\n top: 50%;\n left: 12.5%;\n width: 75%;\n height: 4px;\n background: var(--secondary);\n z-index: 1;\n }\n \n .model-description {\n text-align: center;\n max-width: 800px;\n margin: 0 auto;\n }\n \n .model-description h3 {\n color: var(--primary);\n margin-bottom: 20px;\n }\n \n \/* \u5e02\u573a\u5b9a\u4f4d\u90e8\u5206 *\/\n .market-section {\n padding: 100px 0;\n background: white;\n position: relative;\n }\n \n .market-cards {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 40px;\n }\n \n .market-card {\n background: white;\n border-radius: 20px;\n padding: 45px 40px;\n box-shadow: var(--card-shadow);\n text-align: center;\n transition: var(--transition);\n display: flex;\n flex-direction: column;\n border: 2px solid transparent;\n cursor: pointer;\n }\n \n .market-card:hover {\n transform: translateY(-10px);\n box-shadow: 0 30px 50px rgba(109, 40, 217, 0.2);\n border-color: var(--primary-light);\n }\n \n .market-icon {\n font-size: 3.5rem;\n margin-bottom: 25px;\n background: linear-gradient(135deg, var(--primary), var(--primary-light));\n -webkit-background-clip: text;\n background-clip: text;\n color: transparent;\n }\n \n .market-card h3 {\n font-size: 1.8rem;\n margin-bottom: 15px;\n color: var(--dark);\n font-weight: 800;\n }\n \n .market-card .price {\n font-size: 1.4rem;\n color: var(--primary);\n margin-bottom: 25px;\n font-weight: 700;\n background: rgba(107, 70, 193, 0.1);\n display: inline-block;\n padding: 8px 20px;\n border-radius: 30px;\n }\n \n .market-card ul {\n list-style-type: none;\n text-align: left;\n margin-top: 20px;\n flex-grow: 1;\n }\n \n .market-card li {\n padding: 12px 0;\n display: flex;\n align-items: flex-start;\n font-size: 1.1rem;\n }\n \n .market-card li:before {\n content: \"\u203a\";\n color: var(--primary);\n font-weight: bold;\n margin-right: 15px;\n font-size: 1.5rem;\n }\n \n \/* \u6280\u672f\u67b6\u6784\u90e8\u5206 *\/\n .architecture-section {\n padding: 100px 0;\n background: linear-gradient(135deg, var(--primary), var(--primary-dark));\n color: white;\n position: relative;\n }\n \n .architecture-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 40px;\n margin-top: 60px;\n }\n \n .architecture-card {\n background: rgba(255, 255, 255, 0.12);\n border-radius: 20px;\n padding: 40px 35px;\n backdrop-filter: blur(10px);\n border: 1px solid rgba(255, 255, 255, 0.15);\n transition: var(--transition);\n cursor: pointer;\n }\n \n .architecture-card:hover {\n transform: translateY(-10px);\n background: rgba(255, 255, 255, 0.18);\n }\n \n .architecture-card h3 {\n font-size: 1.6rem;\n margin-bottom: 25px;\n display: flex;\n align-items: center;\n }\n \n .architecture-card h3 i {\n margin-right: 15px;\n font-size: 1.8rem;\n color: var(--secondary);\n }\n \n .architecture-card ul {\n list-style-type: none;\n }\n \n .architecture-card li {\n padding: 12px 0;\n display: flex;\n align-items: flex-start;\n border-bottom: 1px solid rgba(255, 255, 255, 0.1);\n }\n \n .architecture-card li:last-child {\n border-bottom: none;\n }\n \n .architecture-card li:before {\n content: \"\u2022\";\n color: var(--secondary);\n font-weight: bold;\n margin-right: 15px;\n font-size: 1.8rem;\n }\n \n \/* \u54cd\u5e94\u5f0f\u8bbe\u8ba1 *\/\n @media (max-width: 1600px) {\n .container {\n max-width: 1400px;\n }\n }\n \n @media (max-width: 1400px) {\n .container {\n max-width: 1200px;\n }\n \n .solutions-grid,\n .tech-features {\n gap: 25px;\n }\n }\n \n @media (max-width: 1200px) {\n .solutions-grid,\n .tech-features {\n grid-template-columns: repeat(2, 1fr);\n }\n \n .market-cards,\n .architecture-grid {\n grid-template-columns: repeat(2, 1fr);\n }\n \n .stats {\n grid-template-columns: repeat(2, 1fr);\n }\n }\n \n @media (max-width: 992px) {\n .section-title {\n font-size: 2.4rem;\n }\n \n .solutions-section {\n padding: 60px 0;\n }\n \n .hero h1 {\n font-size: 2.8rem;\n }\n }\n \n @media (max-width: 768px) {\n .section-title {\n font-size: 2rem;\n margin-bottom: 50px;\n }\n \n .solutions-grid,\n .tech-features,\n .market-cards,\n .architecture-grid,\n .stats {\n grid-template-columns: 1fr;\n }\n \n .solutions-section::before {\n height: 200px;\n }\n \n .hero h1 {\n font-size: 2.5rem;\n }\n \n .hero p {\n font-size: 1.1rem;\n }\n \n .btn-container {\n display: flex;\n flex-direction: column;\n gap: 15px;\n max-width: 300px;\n }\n \n .btn-secondary {\n margin-left: 0;\n }\n \n .steps-grid {\n grid-template-columns: 1fr 1fr;\n }\n \n .steps-connector {\n display: none;\n }\n }\n \n @media (max-width: 480px) {\n .hero {\n height: auto;\n min-height: 400px;\n padding: 40px 0;\n }\n \n .hero h1 {\n font-size: 2rem;\n }\n \n .card-top {\n padding: 25px 20px;\n }\n \n .card-content {\n padding: 25px;\n }\n \n .features {\n padding: 0 25px 25px;\n }\n \n .btn {\n padding: 16px 40px;\n font-size: 1.1rem;\n }\n \n .steps-grid {\n grid-template-columns: 1fr;\n }\n }\n <\/style>\n<\/head>\n<body>\n \n <section class=\"hero full-width-container\">\n <div class=\"container\">\n <div class=\"hero-content\">\n <h1>\u5bb6\u5ead\u4fdd\u62a4\u89e3\u51b3\u65b9\u6848<\/h1>\n <p>\u5168\u65b9\u4f4d\u8bc6\u522b\u548c\u5e72\u9884\u5bb6\u5ead\u4e2d\u7684\u9690\u5f62\u4f24\u5bb3\uff0c\u5305\u62ec\u60c5\u611f\u64cd\u63a7\u3001\u81ea\u7531\u9650\u5236\u3001\u7cbe\u795e\u8650\u5f85\u7b49\u95ee\u9898\uff0c\u91cd\u5efa\u5065\u5eb7\u7684\u5bb6\u5ead\u5173\u7cfb<\/p>\n <div class=\"btn-container\">\n <a href=\"#solutions\" class=\"btn\"><span>\u4e86\u89e3\u66f4\u591a<\/span> <i class=\"fas fa-arrow-right\"><\/i><\/a>\n <a href=\"https:\/\/www.affectivechain.com\/index.php\/customer-service\/\" class=\"btn btn-secondary\"><span>\u8054\u7cfb\u6211\u4eec<\/span><\/a>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section id=\"solutions\" class=\"solutions-section full-width-container\">\n <div class=\"container\">\n <h2 class=\"section-title\">\u5bb6\u5ead\u4fdd\u62a4\u89e3\u51b3\u65b9\u6848<\/h2>\n <p class=\"section-description\">\u5168\u65b9\u4f4d\u8bc6\u522b\u548c\u5e72\u9884\u5bb6\u5ead\u4e2d\u7684\u9690\u5f62\u4f24\u5bb3\uff0c\u5305\u62ec\u60c5\u611f\u64cd\u63a7\u3001\u81ea\u7531\u9650\u5236\u3001\u7cbe\u795e\u8650\u5f85\u7b49\u95ee\u9898\uff0c\u91cd\u5efa\u5065\u5eb7\u7684\u5bb6\u5ead\u5173\u7cfb<\/p>\n <div class=\"solutions-grid\">\n \n <div class=\"solution-card solution-1\">\n <div class=\"card-top\">\n <div class=\"card-top-content\">\n <h3>\u60c5\u611f\u5065\u5eb7\u626b\u63cf<\/h3>\n <p class=\"card-desc\">\u5168\u65b9\u4f4d\u8bc4\u4f30\u5bb6\u5ead\u6210\u5458\u60c5\u611f\u72b6\u6001<\/p>\n <\/div>\n <\/div>\n <div class=\"card-content\">\n <p>\u57fa\u4e8eRoBERTa\u5fae\u8c03\u6a21\u578b\u7684\u60c5\u611f\u5206\u6790\u6280\u672f\uff0c\u7ed3\u5408\u591a\u6a21\u6001\u6570\u636e\u878d\u5408\uff08\u6587\u672c\u3001\u8bed\u97f3\u3001\u8868\u60c5\uff09\uff0c\u8f93\u51fa\u51c6\u786e\u7387\u226585%\u7684\u60c5\u611f\u5065\u5eb7\u6307\u6570(FHQI)\u3002<\/p>\n <\/div>\n <div class=\"features\">\n <h4><i class=\"fas fa-heartbeat\"><\/i> \u6838\u5fc3\u529f\u80fd<\/h4>\n <ul>\n <li>\u591a\u6a21\u6001\u60c5\u611f\u878d\u5408\u7b97\u6cd5\uff08\u6587\u672c+\u8bed\u97f3+\u8868\u60c5\uff09<\/li>\n <li>\u60c5\u611f\u5065\u5eb7\u6307\u6570(FHQI)\u52a8\u6001\u8bc4\u4f30\u7cfb\u7edf<\/li>\n <li>\u4e2a\u6027\u5316\u60c5\u7eea\u57fa\u7ebf\u5efa\u6a21<\/li>\n <li>\u5bb6\u5ead\u7cfb\u7edf\u538b\u529b\u6307\u6570\u5206\u6790<\/li>\n <li>12\u7ef4\u60c5\u611f\u5065\u5eb7\u8bc4\u4f30\u6a21\u578b<\/li>\n <\/ul>\n <\/div>\n <\/div>\n \n \n <div class=\"solution-card solution-2\">\n <div class=\"card-top\">\n <div class=\"card-top-content\">\n <h3>\u5371\u9669\u4fe1\u53f7\u76d1\u6d4b<\/h3>\n <p class=\"card-desc\">\u5b9e\u65f6\u8bc6\u522b\u5bb6\u5ead\u4e2d\u7684\u4f24\u5bb3\u884c\u4e3a<\/p>\n <\/div>\n <\/div>\n <div class=\"card-content\">\n <p>\u5229\u7528\u5148\u8fdb\u7684\u884c\u4e3a\u6a21\u5f0f\u8bc6\u522b\u6280\u672f\uff0c\u76d1\u6d4b\u5e76\u9884\u8b66\u5bb6\u5ead\u4e2d\u7684\u6f5c\u5728\u4f24\u5bb3\u884c\u4e3a\uff0c\u5305\u62ec\u63a7\u5236\u3001\u5b64\u7acb\u3001\u8d2c\u4f4e\u7b49\u9690\u5f62\u8650\u5f85\u5f62\u5f0f\u3002<\/p>\n <\/div>\n <div class=\"features\">\n <h4><i class=\"fas fa-exclamation-triangle\"><\/i> \u6838\u5fc3\u529f\u80fd<\/h4>\n <ul>\n <li>\u63a7\u5236\u884c\u4e3a\u6a21\u5f0f\u667a\u80fd\u8bc6\u522b<\/li>\n <li>\u793e\u4ea4\u5b64\u7acb\u9884\u8b66\u7cfb\u7edf<\/li>\n <li>\u60c5\u611f\u64cd\u63a7\u68c0\u6d4b\u673a\u5236<\/li>\n <li>\u5371\u9669\u7a0b\u5ea6\u5206\u7ea7\u8bc4\u4f30<\/li>\n <li>\u53ca\u65f6\u5e72\u9884\u5efa\u8bae\u751f\u6210<\/li>\n <\/ul>\n <\/div>\n <\/div>\n \n \n <div class=\"solution-card solution-3\">\n <div class=\"card-top\">\n <div class=\"card-top-content\">\n <h3>\u5e72\u9884\u652f\u6301\u7cfb\u7edf<\/h3>\n <p class=\"card-desc\">\u63d0\u4f9b\u4e13\u4e1a\u5e2e\u52a9\u4e0e\u652f\u6301\u8d44\u6e90<\/p>\n <\/div>\n <\/div>\n <div class=\"card-content\">\n <p>\u4e3a\u5904\u4e8e\u98ce\u9669\u4e2d\u7684\u5bb6\u5ead\u63d0\u4f9b\u591a\u5c42\u6b21\u7684\u5e72\u9884\u652f\u6301\uff0c\u8fde\u63a5\u4e13\u4e1a\u8d44\u6e90\uff0c\u5236\u5b9a\u4e2a\u6027\u5316\u5e72\u9884\u65b9\u6848\uff0c\u5e2e\u52a9\u53d7\u5bb3\u8005\u6446\u8131\u56f0\u5883\u3002<\/p>\n <\/div>\n <div class=\"features\">\n <h4><i class=\"fas fa-hands-helping\"><\/i> \u6838\u5fc3\u529f\u80fd<\/h4>\n <ul>\n <li>\u4e13\u4e1a\u5fc3\u7406\u54a8\u8be2\u5bf9\u63a5\u670d\u52a1<\/li>\n <li>\u5b89\u5168\u8ba1\u5212\u5236\u5b9a\u4e0e\u5b9e\u65bd<\/li>\n <li>\u652f\u6301\u5c0f\u7ec4\u4e0e\u793e\u533a\u8d44\u6e90\u94fe\u63a5<\/li>\n <li>\u9636\u6bb5\u6027\u5e72\u9884\u6548\u679c\u8bc4\u4f30<\/li>\n <li>\u7d27\u6025\u60c5\u51b5\u54cd\u5e94\u673a\u5236<\/li>\n <\/ul>\n <\/div>\n <\/div>\n \n \n <div class=\"solution-card solution-4\">\n <div class=\"card-top\">\n <div class=\"card-top-content\">\n <h3>\u5065\u5eb7\u5173\u7cfb\u5efa\u8bbe<\/h3>\n <p class=\"card-desc\">\u91cd\u5efa\u5e73\u7b49\u5c0a\u91cd\u7684\u5bb6\u5ead\u4e92\u52a8\u6a21\u5f0f<\/p>\n <\/div>\n <\/div>\n <div class=\"card-content\">\n <p>\u63d0\u4f9b\u4e13\u4e1a\u6307\u5bfc\u548c\u5de5\u5177\uff0c\u5e2e\u52a9\u5bb6\u5ead\u6210\u5458\u5efa\u7acb\u5065\u5eb7\u3001\u5e73\u7b49\u3001\u5c0a\u91cd\u7684\u4e92\u52a8\u6a21\u5f0f\uff0c\u57f9\u517b\u6709\u6548\u7684\u6c9f\u901a\u6280\u5de7\u548c\u51b2\u7a81\u89e3\u51b3\u80fd\u529b\u3002<\/p>\n <\/div>\n <div class=\"features\">\n <h4><i class=\"fas fa-seedling\"><\/i> \u6838\u5fc3\u529f\u80fd<\/h4>\n <ul>\n <li>\u5065\u5eb7\u6c9f\u901a\u6280\u5de7\u57f9\u8bad<\/li>\n <li>\u8fb9\u754c\u8bbe\u5b9a\u4e0e\u5c0a\u91cd\u57f9\u517b<\/li>\n <li>\u51b2\u7a81\u89e3\u51b3\u7b56\u7565\u6307\u5bfc<\/li>\n <li>\u5bb6\u5ead\u89d2\u8272\u5e73\u7b49\u5316\u5efa\u8bbe<\/li>\n <li>\u957f\u671f\u5173\u7cfb\u5065\u5eb7\u7ef4\u62a4\u8ba1\u5212<\/li>\n <\/ul>\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"stats\">\n <div class=\"stat-card\">\n <div class=\"stat-icon\">\n <i class=\"fas fa-user-friends\"><\/i>\n <\/div>\n <div class=\"stat-number\">85%<\/div>\n <div class=\"stat-text\">\u7528\u6237\u8868\u793a\u80fd\u66f4\u65e9\u8bc6\u522b\u5371\u9669\u4fe1\u53f7<\/div>\n <\/div>\n \n <div class=\"stat-card\">\n <div class=\"stat-icon\">\n <i class=\"fas fa-heart\"><\/i>\n <\/div>\n <div class=\"stat-number\">72%<\/div>\n <div class=\"stat-text\">\u5bb6\u5ead\u5173\u7cfb\u5f97\u5230\u663e\u8457\u6539\u5584<\/div>\n <\/div>\n \n <div class=\"stat-card\">\n <div class=\"stat-icon\">\n <i class=\"fas fa-headset\"><\/i>\n <\/div>\n <div class=\"stat-number\">24\/7<\/div>\n <div class=\"stat-text\">\u5168\u5929\u5019\u4e13\u4e1a\u652f\u6301\u670d\u52a1<\/div>\n <\/div>\n \n <div class=\"stat-card\">\n <div class=\"stat-icon\">\n <i class=\"fas fa-chart-line\"><\/i>\n <\/div>\n <div class=\"stat-number\">63%<\/div>\n <div class=\"stat-text\">\u9ad8\u98ce\u9669\u6848\u4f8b\u5f97\u5230\u53ca\u65f6\u5e72\u9884<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n \n \n <section class=\"tech-section full-width-container\">\n <div class=\"container\">\n <h2 class=\"section-title\">\u6838\u5fc3\u6280\u672f\u4f18\u52bf<\/h2>\n \n <div class=\"tech-features\">\n <div class=\"tech-card\">\n <div class=\"tech-icon\">\n <i class=\"fas fa-brain\"><\/i>\n <\/div>\n <h3>\u591a\u6a21\u6001\u60c5\u611f\u5206\u6790<\/h3>\n <p>\u6574\u5408\u8bed\u97f3(MFCC\u7279\u5f81\u63d0\u53d6)\u3001\u6587\u672c(BERT\u8bed\u4e49\u5206\u6790)\u3001\u8868\u60c5(3D\u5377\u79ef\u795e\u7ecf\u7f51\u7edc)\u6570\u636e\u6d41\uff0c\u57fa\u4e8eLoRA\u5fae\u8c03\u7684\u5343\u4ebf\u53c2\u6570\u60c5\u611f\u6a21\u578b\u3002<\/p>\n <\/div>\n \n <div class=\"tech-card\">\n <div class=\"tech-icon\">\n <i class=\"fas fa-lock\"><\/i>\n <\/div>\n <h3>\u9690\u79c1\u4fdd\u62a4\u6280\u672f<\/h3>\n <p>\u91c7\u7528\u9ad8\u7ea7\u52a0\u5bc6\u6280\u672f\u4fdd\u62a4\u6240\u6709\u5bb6\u5ead\u6570\u636e\uff0c\u786e\u4fdd\u9690\u79c1\u5b89\u5168\uff0c\u53ea\u6709\u6388\u6743\u4eba\u5458\u624d\u80fd\u8bbf\u95ee\u654f\u611f\u4fe1\u606f<\/p>\n <\/div>\n \n <div class=\"tech-card\">\n <div class=\"tech-icon\">\n <i class=\"fas fa-robot\"><\/i>\n <\/div>\n <h3>\u884c\u4e3a\u6a21\u5f0f\u8bc6\u522b<\/h3>\n <p>\u57fa\u4e8e\u4eba\u5de5\u667a\u80fd\u7684\u884c\u4e3a\u5206\u6790\u7cfb\u7edf\uff0c\u80fd\u591f\u8bc6\u522b\u9690\u853d\u7684\u63a7\u5236\u6a21\u5f0f\u548c\u7cbe\u795e\u8650\u5f85\u884c\u4e3a<\/p>\n <\/div>\n \n <div class=\"tech-card\">\n <div class=\"tech-icon\">\n <i class=\"fas fa-project-diagram\"><\/i>\n <\/div>\n <h3>\u5173\u7cfb\u7f51\u7edc\u5206\u6790<\/h3>\n <p>\u53ef\u89c6\u5316\u5c55\u793a\u5bb6\u5ead\u5173\u7cfb\u7f51\u7edc\uff0c\u6e05\u6670\u5448\u73b0\u6743\u529b\u52a8\u6001\u548c\u4e92\u52a8\u6a21\u5f0f\uff0c\u5e2e\u52a9\u8bc6\u522b\u4e0d\u5e73\u8861\u5173\u7cfb<\/p>\n <\/div>\n \n <div class=\"tech-card\">\n <div class=\"tech-icon\">\n <i class=\"fas fa-shield-alt\"><\/i>\n <\/div>\n <h3>\u5b89\u5168\u5e72\u9884\u7cfb\u7edf<\/h3>\n <p>\u667a\u80fd\u5339\u914d\u6700\u5408\u9002\u7684\u5e72\u9884\u8d44\u6e90\uff0c\u6839\u636e\u98ce\u9669\u7b49\u7ea7\u63d0\u4f9b\u4e2a\u6027\u5316\u7684\u652f\u6301\u65b9\u6848\u548c\u5b89\u5168\u8ba1\u5212<\/p>\n <\/div>\n \n <div class=\"tech-card\">\n <div class=\"tech-icon\">\n <i class=\"fas fa-link\"><\/i>\n <\/div>\n <h3>\u533a\u5757\u94fe\u5b58\u8bc1\u6280\u672f<\/h3>\n <p>\u79c1\u6709\u8054\u76df\u94fe\u67b6\u6784\u7ed3\u5408\u94f6\u884c\u7ea7\u8d26\u6237\u7ba1\u7406\uff0c\u6bcf\u7b14\u60c5\u611f\u4ea4\u4e92\u8bb0\u5f55\u751f\u6210\u552f\u4e00\u54c8\u5e0c\u503c\uff0c\u901a\u8fc7\u96f6\u77e5\u8bc6\u8bc1\u660e\u6280\u672f\u5b9e\u73b0\u6570\u636e\u9690\u79c1\u4fdd\u62a4\u3002<\/p>\n <\/div>\n \n <div class=\"tech-card\">\n <div class=\"tech-icon\">\n <i class=\"fas fa-file-contract\"><\/i>\n <\/div>\n <h3>\u667a\u80fd\u5408\u7ea6\u7cfb\u7edf<\/h3>\n <p>\u53cc\u8d26\u6237\u67b6\u6784\uff08\u4e2a\u4eba\/\u5bb6\u5ead\uff09\u91c7\u7528RBAC\u6743\u9650\u6a21\u578b\uff0c\u652f\u63016\u7ea7\u4eb2\u5c5e\u5173\u7cfb\u52a8\u6001\u6388\u6743\u3002\u60c5\u611f\u5b58\u50a8\u64cd\u4f5c\u65e5\u5fd7\u4e0a\u94fe\u5b58\u8bc1\u3002<\/p>\n <\/div>\n \n <div class=\"tech-card\">\n <div class=\"tech-icon\">\n <i class=\"fas fa-project-diagram\"><\/i>\n <\/div>\n <h3>\u5bb6\u5ead\u5173\u7cfb\u56fe\u8c31<\/h3>\n <p>\u53ef\u89c6\u5316\u5448\u73b0\u5bb6\u65cf\u6210\u5458\u8ba4\u77e5\u6a21\u5f0f\u4e0e\u60c5\u7eea\u4f20\u9012\u8def\u5f84\uff0c\u9057\u4f20\u7b97\u6cd5\u6574\u5408\u4e09\u4ee3\u4eb2\u5c5e\u5fc3\u7406\u5065\u5eb7\u6570\u636e\uff0c\u98ce\u9669\u9884\u6d4b\u6a21\u578bAUC\u503c\u8fbe0.87\u3002<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n \n \n <section id=\"warning-signs\" class=\"full-width-container\">\n <div class=\"container\">\n <h2 class=\"section-title\">\u5bb6\u5ead\u5173\u7cfb\u5371\u9669\u4fe1\u53f7\u8bc6\u522b<\/h2>\n <p class=\"section-description\">\u4e86\u89e3\u5bb6\u5ead\u4e2d\u53ef\u80fd\u5b58\u5728\u7684\u9690\u5f62\u4f24\u5bb3\u4fe1\u53f7\uff0c\u53ca\u65f6\u8bc6\u522b\u5e76\u91c7\u53d6\u63aa\u65bd\u4fdd\u62a4\u81ea\u5df1\u548c\u5bb6\u4eba<\/p>\n \n <div class=\"warning-signs\">\n <h3 style=\"text-align: center; margin-bottom: 30px; color: var(--accent);\">\u8b66\u60d5\u8fd9\u4e9b\u5371\u9669\u4fe1\u53f7<\/h3>\n \n <div class=\"warning-grid\">\n <div class=\"warning-card\">\n <h4><i class=\"fas fa-ban\"><\/i> \u81ea\u7531\u9650\u5236<\/h4>\n <p>\u63a7\u5236\u884c\u52a8\u81ea\u7531\uff0c\u7981\u6b62\u4e0e\u5916\u754c\u8054\u7cfb\uff0c\u9650\u5236\u793e\u4ea4\u6d3b\u52a8\uff0c\u76d1\u63a7\u901a\u8baf\u5185\u5bb9\uff0c\u5265\u593a\u72ec\u7acb\u51fa\u884c\u6743\u5229<\/p>\n <\/div>\n \n <div class=\"warning-card\">\n <h4><i class=\"fas fa-pills\"><\/i> \u5065\u5eb7\u64cd\u63a7<\/h4>\n <p>\u4ee5”\u5173\u5fc3”\u4e3a\u540d\u5e72\u6d89\u533b\u7597\u51b3\u5b9a\uff0c\u63a7\u5236\u836f\u7269\u4f7f\u7528\uff0c\u5426\u5b9a\u5065\u5eb7\u95ee\u9898\uff0c\u963b\u6b62\u5bfb\u6c42\u533b\u7597\u5e2e\u52a9<\/p>\n <\/div>\n \n <div class=\"warning-card\">\n <h4><i class=\"fas fa-history\"><\/i> \u8ba4\u77e5\u626d\u66f2<\/h4>\n <p>\u5426\u8ba4\u4e8b\u5b9e\uff0c\u7be1\u6539\u8bb0\u5fc6\uff0c\u5236\u9020\u865a\u5047\u73b0\u5b9e\uff0c\u8ba9\u53d7\u5bb3\u8005\u6000\u7591\u81ea\u5df1\u7684\u8ba4\u77e5\u548c\u5224\u65ad\u80fd\u529b<\/p>\n <\/div>\n \n <div class=\"warning-card\">\n <h4><i class=\"fas fa-file-medical\"><\/i> \u4fe1\u606f\u64cd\u63a7<\/h4>\n <p>\u9009\u62e9\u6027\u63d0\u4f9b\u4fe1\u606f\uff0c\u6b6a\u66f2\u4e8b\u5b9e\uff0c\u5236\u9020\u4fe1\u606f\u5b64\u5c9b\uff0c\u963b\u6b62\u63a5\u89e6\u5916\u90e8\u89c2\u70b9\u548c\u4fe1\u606f\u6765\u6e90<\/p>\n <\/div>\n \n <div class=\"warning-card\">\n <h4><i class=\"fas fa-lock\"><\/i> \u7ecf\u6d4e\u63a7\u5236<\/h4>\n <p>\u9650\u5236\u83b7\u53d6\u548c\u4f7f\u7528\u91d1\u94b1\uff0c\u63a7\u5236\u6240\u6709\u8d22\u52a1\u8d44\u6e90\uff0c\u963b\u6b62\u5c31\u4e1a\u6216\u7ecf\u6d4e\u72ec\u7acb\uff0c\u4ee5\u6b64\u4f5c\u4e3a\u63a7\u5236\u624b\u6bb5<\/p>\n <\/div>\n \n <div class=\"warning-card\">\n <h4><i class=\"fas fa-gift\"><\/i> \u60c5\u611f\u52d2\u7d22<\/h4>\n <p>\u4ee5”\u7231”\u548c”\u5bb6\u5ead”\u4e3a\u540d\u5b9e\u65bd\u63a7\u5236\uff0c\u5236\u9020\u6127\u759a\u611f\uff0c\u5229\u7528\u60c5\u611f\u4f9d\u8d56\u8fdb\u884c\u7cbe\u795e\u64cd\u63a7<\/p>\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"chart-container\">\n <div class=\"chart-loading\">\n <div class=\"spinner\">\u52a0\u8f7d\u7edf\u8ba1\u6570\u636e\u4e2d…<\/div>\n <\/div>\n <div class=\"chart-error\">\n <i class=\"fas fa-exclamation-circle\"><\/i> \u56fe\u8868\u52a0\u8f7d\u5931\u8d25\uff0c\u8bf7\u5237\u65b0\u9875\u9762\u91cd\u8bd5\n <\/div>\n <h3 style=\"text-align: center; margin-bottom: 30px; color: var(--primary);\">\u5bb6\u5ead\u9690\u5f62\u4f24\u5bb3\u884c\u4e3a\u7edf\u8ba1\u6570\u636e<\/h3>\n <canvas id=\"behaviorChart\" height=\"350\"><\/canvas>\n <\/div>\n <\/div>\n <\/section>\n \n \n <section class=\"intervention-model full-width-container\">\n <div class=\"container\">\n <h2 class=\"section-title\">\u9884\u9632\u6027\u5e72\u9884\u6a21\u578b<\/h2>\n <p class=\"section-description\">\u5168\u65b9\u4f4d\u7684\u56db\u7ea7\u9884\u9632\u5e72\u9884\u7cfb\u7edf\uff0c\u4ece\u6559\u80b2\u5230\u4fdd\u62a4\uff0c\u5f62\u6210\u5b8c\u6574\u7684\u5bb6\u5ead\u5b89\u5168\u7f51\u7edc<\/p>\n \n <div class=\"model-container\">\n <div class=\"model-visualization\">\n <div class=\"model-steps\">\n \n <div class=\"steps-grid\">\n <div class=\"step-card\">\n <div class=\"step-icon\"><i class=\"fas fa-graduation-cap\"><\/i><\/div>\n <h3>\u6559\u80b2\u9884\u9632<\/h3>\n <p>\u5065\u5eb7\u5bb6\u5ead\u5173\u7cfb\u6559\u80b2<\/p>\n <p>\u5371\u9669\u4fe1\u53f7\u8bc6\u522b\u57f9\u8bad<\/p>\n <\/div>\n <div class=\"step-card\">\n <div class=\"step-icon\"><i class=\"fas fa-search\"><\/i><\/div>\n <h3>\u65e9\u671f\u8bc6\u522b<\/h3>\n <p>\u884c\u4e3a\u6a21\u5f0f\u5206\u6790\u7cfb\u7edf<\/p>\n <p>\u98ce\u9669\u8bc4\u4f30\u5de5\u5177<\/p>\n <\/div>\n <div class=\"step-card\">\n <div class=\"step-icon\"><i class=\"fas fa-hands-helping\"><\/i><\/div>\n <h3>\u4e13\u4e1a\u5e72\u9884<\/h3>\n <p>\u5fc3\u7406\u54a8\u8be2\u4ecb\u5165<\/p>\n <p>\u5bb6\u5ead\u8c03\u89e3\u670d\u52a1<\/p>\n <\/div>\n <div class=\"step-card\">\n <div class=\"step-icon\"><i class=\"fas fa-shield-alt\"><\/i><\/div>\n <h3>\u5b89\u5168\u4fdd\u62a4<\/h3>\n <p>\u7d27\u6025\u5e87\u62a4\u673a\u5236<\/p>\n <p>\u6cd5\u5f8b\u8d44\u6e90\u94fe\u63a5<\/p>\n <\/div>\n <\/div>\n \n <div class=\"steps-connector\"><\/div>\n <\/div>\n <\/div>\n \n <div class=\"model-description\">\n <h3>\u5e72\u9884\u7cfb\u7edf\u5de5\u4f5c\u6d41\u7a0b<\/h3>\n <p>\u4ece\u793e\u533a\u6559\u80b2\u5230\u65e9\u671f\u9884\u8b66\u3001\u4e13\u4e1a\u5e72\u9884\u518d\u5230\u5b89\u5168\u4fdd\u62a4\uff0c\u5f62\u6210\u5b8c\u6574\u7684\u95ed\u73af\u5e72\u9884\u7cfb\u7edf\u3002\u7279\u522b\u9488\u5bf9\u9690\u853d\u6027\u5f3a\u7684\u60c5\u611f\u64cd\u63a7\u3001\u4ee5\u7231\u4e3a\u540d\u7684\u63a7\u5236\u7b49\u9690\u5f62\u4f24\u5bb3\u5f62\u5f0f\uff0c\u5f00\u53d1\u4e13\u9879\u8bc6\u522b\u7b97\u6cd5\u548c\u5e72\u9884\u65b9\u6848\uff0c\u4e3a\u5bb6\u5ead\u6210\u5458\u63d0\u4f9b\u5168\u65b9\u4f4d\u4fdd\u62a4\u3002<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"market-section full-width-container\">\n <div class=\"container\">\n <h2 class=\"section-title\">\u7cbe\u51c6\u5e02\u573a\u5b9a\u4f4d<\/h2>\n \n <div class=\"market-cards\">\n <div class=\"market-card\">\n <div class=\"market-icon\">\n <i class=\"fas fa-crown\"><\/i>\n <\/div>\n <h3>\u9ad8\u51c0\u503c\u5bb6\u65cf<\/h3>\n <div class=\"price\">\u5e74\u652f\u4ed8\u80fd\u529b\uff1a5-20\u4e07\u5143<\/div>\n <ul>\n <li>\u5bb6\u65cf\u8d44\u4ea7\u22651\u4ebf\uff0c\u4e09\u4ee3\u540c\u5802\u5bb6\u5ead<\/li>\n <li>\u6838\u5fc3\u9700\u6c42\uff1a\u5bb6\u8bad\u6570\u5b57\u5316\u5b58\u8bc1\u4e0e\u4f20\u627f<\/li>\n <li>\u4e13\u5c5e\u670d\u52a1\uff1a\u5bb6\u65cf\u5fc3\u7406\u987e\u95ee\u3001\u8de8\u4ee3\u60c5\u7eea\u57fa\u56e0\u5206\u6790<\/li>\n <li>\u89e3\u51b3\u65b9\u6848\uff1a\u5bb6\u65cf\u6570\u636e\u4fdd\u9669\u7bb1+\u5e74\u5ea6\u4f20\u627f\u89c4\u5212<\/li>\n <\/ul>\n <\/div>\n \n <div class=\"market-card\">\n <div class=\"market-icon\">\n <i class=\"fas fa-home\"><\/i>\n <\/div>\n <h3>\u57ce\u5e02\u4e2d\u4ea7\u592b\u59bb<\/h3>\n <div class=\"price\">\u5e74\u652f\u4ed8\u80fd\u529b\uff1a0.5-2\u4e07\u5143<\/div>\n <ul>\n <li>\u53cc\u804c\u5de5\u5bb6\u5ead\uff0c\u5b50\u5973\u6559\u80b2\u538b\u529b\u5927<\/li>\n <li>\u6838\u5fc3\u9700\u6c42\uff1a\u60c5\u611f\u5371\u673a\u9884\u8b66\u4e0e\u5e72\u9884\u65b9\u6848<\/li>\n <li>\u4e13\u5c5e\u670d\u52a1\uff1a\u60c5\u611f\u5ba1\u8ba1+\u667a\u80fd\u5e72\u9884\u5957\u9910<\/li>\n <li>\u89e3\u51b3\u65b9\u6848\uff1aAI\u60c5\u611f\u96f7\u8fbe+\u7ebf\u4e0b\u54a8\u8be2\u5bf9\u63a5<\/li>\n <\/ul>\n <\/div>\n \n <div class=\"market-card\">\n <div class=\"market-icon\">\n <i class=\"fas fa-baby\"><\/i>\n <\/div>\n <h3>Z\u4e16\u4ee3\u7236\u6bcd<\/h3>\n <div class=\"price\">\u5e74\u652f\u4ed8\u80fd\u529b\uff1a0.3-1\u4e07\u5143<\/div>\n <ul>\n <li>90-95\u540e\uff0c\u79d1\u5b66\u80b2\u513f\u7406\u5ff5\u8df5\u884c\u8005<\/li>\n <li>\u6838\u5fc3\u9700\u6c42\uff1a\u4eb2\u5b50\u5173\u7cfb\u6570\u636e\u5316\u8bca\u65ad<\/li>\n <li>\u4e13\u5c5e\u670d\u52a1\uff1a\u57fa\u7840\u60c5\u611f\u8d26\u6237+\u793e\u533a\u4e92\u52a9\u673a\u5236<\/li>\n <li>\u89e3\u51b3\u65b9\u6848\uff1a\u4eb2\u5b50\u6c9f\u901a\u62a5\u544a+\u793e\u533aKOL\u63a8\u5e7f<\/li>\n <\/ul>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n \n \n <section class=\"architecture-section full-width-container\">\n <div class=\"container\">\n <h2 class=\"section-title\">\u6280\u672f\u67b6\u6784\u4f53\u7cfb<\/h2>\n \n <div class=\"architecture-grid\">\n <div class=\"architecture-card\">\n <h3><i class=\"fas fa-layer-group\"><\/i> \u5206\u5c42\u67b6\u6784\u8bbe\u8ba1<\/h3>\n <ul>\n <li>\u524d\u7aef\u6846\u67b6\uff1aReact + Ant Design Mobile<\/li>\n <li>\u533a\u5757\u94fe\u5e73\u53f0\uff1aHyperledger Fabric 2.4<\/li>\n <li>AI\u63a8\u7406\u6846\u67b6\uff1aTensorFlow Lite + ONNX Runtime<\/li>\n <li>\u6570\u636e\u5e93\uff1aTiDB\uff08\u5173\u7cfb\u578b\uff09+ MongoDB\uff08\u975e\u7ed3\u6784\u5316\uff09<\/li>\n <li>\u6d88\u606f\u961f\u5217\uff1aApache Kafka<\/li>\n <\/ul>\n <\/div>\n \n <div class=\"architecture-card\">\n <h3><i class=\"fas fa-shield-alt\"><\/i> \u5b89\u5168\u4e0e\u5408\u89c4<\/h3>\n <ul>\n <li>\u56fd\u5bc6SM4\u7b97\u6cd5\u7aef\u5230\u7aef\u52a0\u5bc6<\/li>\n <li>\u5bc6\u94a5\u8f6e\u6362\u5468\u671f\u22647\u5929<\/li>\n <li>\u53cc\u56e0\u7d20\u8ba4\u8bc1\uff08\u751f\u7269\u8bc6\u522b+\u52a8\u6001\u4ee4\u724c\uff09<\/li>\n <li>\u901a\u8fc7\u7b49\u4fdd\u4e09\u7ea7\u8ba4\u8bc1<\/li>\n <li>\u7b26\u5408\u300a\u4e2a\u4eba\u4fe1\u606f\u4fdd\u62a4\u6cd5\u300b\u8981\u6c42<\/li>\n <\/ul>\n <\/div>\n \n <div class=\"architecture-card\">\n <h3><i class=\"fas fa-tachometer-alt\"><\/i> \u6027\u80fd\u6307\u6807<\/h3>\n <ul>\n <li>\u5355\u8282\u70b9\u652f\u63013000\u5e76\u53d1\u8bf7\u6c42<\/li>\n <li>\u60c5\u611f\u5b58\u50a8\u64cd\u4f5cTPS\u22651500<\/li>\n <li>\u533a\u5757\u94fe\u7f51\u7edc\u62dc\u5360\u5ead\u5bb9\u9519\u7387\u226533%<\/li>\n <li>\u6570\u636e\u6062\u590dRPO=0<\/li>\n <li>\u707e\u5907\u6062\u590dRTO\u22645\u5206\u949f<\/li>\n <\/ul>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <script>\n \/\/ \u5361\u7247\u60ac\u505c\u52a8\u753b\u6548\u679c\n document.addEventListener('DOMContentLoaded', function() {\n const cards = document.querySelectorAll('.solution-card, .tech-card, .market-card, .architecture-card, .stat-card, .warning-card, .step-card');\n \n cards.forEach(card => {\n card.addEventListener('mouseenter', function() {\n this.style.transform = this.style.transform.replace(\/translateY\\([^)]+\\)\/, '') + ' translateY(-10px)';\n });\n \n card.addEventListener('mouseleave', function() {\n this.style.transform = this.style.transform.replace(\/translateY\\([^)]+\\)\/, '') + ' translateY(0)';\n });\n });\n \n \/\/ \u6eda\u52a8\u52a8\u753b\u6548\u679c\n const observer = new IntersectionObserver((entries) => {\n entries.forEach(entry => {\n if (entry.isIntersecting) {\n entry.target.style.opacity = 1;\n entry.target.style.transform = 'translateY(0)';\n }\n });\n }, { threshold: 0.1 });\n \n document.querySelectorAll('.solution-card, .tech-card, .market-card, .architecture-card, .stat-card, .warning-card, .step-card').forEach(el => {\n el.style.opacity = 0;\n el.style.transform = 'translateY(30px)';\n el.style.transition = 'opacity 0.6s ease, transform 0.6s ease';\n observer.observe(el);\n });\n\n \/\/ \u5e73\u6ed1\u6eda\u52a8\n document.querySelectorAll('a[href^=\"#\"]').forEach(anchor => {\n anchor.addEventListener('click', function (e) {\n e.preventDefault();\n \n const targetId = this.getAttribute('href');\n if (targetId === '#') return;\n \n const targetElement = document.querySelector(targetId);\n if (targetElement) {\n window.scrollTo({\n top: targetElement.offsetTop - 80,\n behavior: 'smooth'\n });\n }\n });\n });\n\n \/\/ \u8868\u5355\u63d0\u4ea4\n const contactForm = document.getElementById('contact-form');\n if (contactForm) {\n contactForm.addEventListener('submit', function(e) {\n e.preventDefault();\n \n \/\/ \u8fd9\u91cc\u53ef\u4ee5\u6dfb\u52a0\u8868\u5355\u63d0\u4ea4\u903b\u8f91\n alert('\u611f\u8c22\u60a8\u7684\u7559\u8a00\uff01\u6211\u4eec\u4f1a\u5c3d\u5feb\u56de\u590d\u60a8\u3002');\n contactForm.reset();\n });\n }\n\n \/\/ \u56fe\u8868\u52a0\u8f7d\u51fd\u6570\n function loadChart() {\n const chartContainer = document.querySelector('.chart-container');\n const loadingIndicator = chartContainer.querySelector('.chart-loading');\n const errorIndicator = chartContainer.querySelector('.chart-error');\n \n try {\n \/\/ \u68c0\u67e5Chart\u662f\u5426\u52a0\u8f7d\n if (typeof Chart === 'undefined') {\n throw new Error('Chart.js\u5e93\u672a\u52a0\u8f7d');\n }\n \n \/\/ \u68c0\u67e5canvas\u5143\u7d20\u662f\u5426\u5b58\u5728\n const canvas = document.getElementById('behaviorChart');\n if (!canvas) {\n throw new Error('\u56fe\u8868\u5bb9\u5668\u4e0d\u5b58\u5728');\n }\n \n const ctx = canvas.getContext('2d');\n \n \/\/ \u9690\u85cf\u52a0\u8f7d\u6307\u793a\u5668\n loadingIndicator.style.display = 'none';\n \n \/\/ \u5bb6\u5ead\u63a7\u5236\u884c\u4e3a\u6570\u636e\n const behaviorChart = new Chart(ctx, {\n type: 'bar',\n data: {\n labels: ['\u60c5\u611f\u64cd\u63a7', '\u81ea\u7531\u9650\u5236', '\u4fe1\u606f\u63a7\u5236', '\u5065\u5eb7\u5e72\u9884', '\u7ecf\u6d4e\u63a7\u5236', '\u8ba4\u77e5\u626d\u66f2'],\n datasets: [{\n label: '\u53d1\u751f\u7387 (%)',\n data: [78, 65, 59, 42, 56, 48],\n backgroundColor: [\n 'rgba(255, 110, 110, 0.7)',\n 'rgba(78, 205, 196, 0.7)',\n 'rgba(58, 110, 165, 0.7)',\n 'rgba(255, 209, 102, 0.7)',\n 'rgba(156, 136, 255, 0.7)',\n 'rgba(255, 138, 101, 0.7)'\n ],\n borderColor: [\n 'rgb(255, 110, 110)',\n 'rgb(78, 205, 196)',\n 'rgb(58, 110, 165)',\n 'rgb(255, 209, 102)',\n 'rgb(156, 136, 255)',\n 'rgb(255, 138, 101)'\n ],\n borderWidth: 1\n }]\n },\n options: {\n responsive: true,\n plugins: {\n legend: {\n display: false\n },\n title: {\n display: true,\n text: '\u5bb6\u5ead\u9690\u5f62\u4f24\u5bb3\u884c\u4e3a\u7c7b\u578b\u53ca\u53d1\u751f\u7387',\n font: {\n size: 18\n }\n }\n },\n scales: {\n y: {\n beginAtZero: true,\n max: 100,\n title: {\n display: true,\n text: '\u53d1\u751f\u7387 (%)'\n }\n }\n }\n }\n });\n } catch (error) {\n console.error('\u56fe\u8868\u52a0\u8f7d\u5931\u8d25:', error);\n \/\/ \u663e\u793a\u9519\u8bef\u4fe1\u606f\n loadingIndicator.style.display = 'none';\n errorIndicator.style.display = 'block';\n }\n }\n \n \/\/ \u786e\u4fdd\u5728Chart.js\u5b8c\u5168\u52a0\u8f7d\u540e\u518d\u521d\u59cb\u5316\u56fe\u8868\n if (typeof Chart !== 'undefined') {\n loadChart();\n } else {\n \/\/ \u5982\u679cChart.js\u5c1a\u672a\u52a0\u8f7d\uff0c\u8bbe\u7f6e\u4e00\u4e2a\u68c0\u67e5\u95f4\u9694\n const checkChartLoaded = setInterval(() => {\n if (typeof Chart !== 'undefined') {\n clearInterval(checkChartLoaded);\n loadChart();\n }\n }, 100);\n \n \/\/ 5\u79d2\u540e\u5982\u679c\u4ecd\u672a\u52a0\u8f7d\u6210\u529f\uff0c\u663e\u793a\u9519\u8bef\n setTimeout(() => {\n clearInterval(checkChartLoaded);\n const loadingIndicator = document.querySelector('.chart-loading');\n const errorIndicator = document.querySelector('.chart-error');\n if (loadingIndicator) loadingIndicator.style.display = 'none';\n if (errorIndicator) errorIndicator.style.display = 'block';\n }, 5000);\n }\n });\n <\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>\u5bb6\u5ead\u4fdd\u62a4\u89e3\u51b3\u65b9\u6848 – \u8bc6\u522b\u548c\u9884\u9632\u5bb6\u5ead\u9690\u5f62\u4f24\u5bb3 \u5bb6\u5ead\u4fdd\u62a4\u89e3\u51b3\u65b9\u6848 \u5168\u65b9\u4f4d\u8bc6\u522b\u548c\u5e72\u9884\u5bb6\u5ead\u4e2d\u7684\u9690\u5f62\u4f24\u5bb3\uff0c […]<\/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-424","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.affectivechain.com\/index.php\/wp-json\/wp\/v2\/pages\/424","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=424"}],"version-history":[{"count":49,"href":"https:\/\/www.affectivechain.com\/index.php\/wp-json\/wp\/v2\/pages\/424\/revisions"}],"predecessor-version":[{"id":2085,"href":"https:\/\/www.affectivechain.com\/index.php\/wp-json\/wp\/v2\/pages\/424\/revisions\/2085"}],"wp:attachment":[{"href":"https:\/\/www.affectivechain.com\/index.php\/wp-json\/wp\/v2\/media?parent=424"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}