\u5bb6\u5ead\u60c5\u611f\u5065\u5eb7\u89e3\u51b3\u65b9\u6848<\/title>\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n <style>\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n font-family: 'Segoe UI', 'Microsoft YaHei', sans-serif;\n }\n \n body {\n background: linear-gradient(135deg, #f9f7fe 0%, #eef2ff 100%);\n min-height: 100vh;\n color: #333;\n overflow-x: hidden;\n line-height: 1.6;\n }\n \n .container {\n max-width: 1200px;\n margin: 0 auto;\n }\n \n \/* \u5934\u90e8\u533a\u57df *\/\n header {\n text-align: center;\n margin-bottom: 60px;\n padding: 0 20px;\n position: relative;\n }\n \n .page-title {\n font-size: 2.8rem;\n font-weight: 700;\n background: linear-gradient(90deg, #5e35b1, #8b5cf6);\n -webkit-background-clip: text;\n background-clip: text;\n color: transparent;\n margin: 20px 0 15px;\n letter-spacing: -0.5px;\n }\n \n .subtitle {\n font-size: 1.4rem;\n color: #4b5563;\n max-width: 800px;\n margin: 0 auto 25px;\n font-weight: 500;\n }\n \n .divider {\n height: 4px;\n width: 80px;\n background: linear-gradient(to right, #5e35b1, #8b5cf6);\n margin: 30px auto;\n border-radius: 10px;\n }\n \n \/* \u95ee\u9898\u5c55\u793a\u533a *\/\n .problem-section {\n background: rgba(255, 255, 255, 0.7);\n border-radius: 16px;\n padding: 40px;\n margin: 0 auto 50px;\n box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);\n backdrop-filter: blur(10px);\n }\n \n .section-title {\n font-size: 2rem;\n text-align: center;\n margin-bottom: 40px;\n color: #1f2937;\n position: relative;\n }\n \n .section-title::after {\n content: '';\n position: absolute;\n bottom: -10px;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(to right, #5e35b1, #8b5cf6);\n border-radius: 4px;\n }\n \n .problem-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 30px;\n }\n \n .problem-card {\n background: white;\n border-radius: 12px;\n padding: 30px;\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\n transition: all 0.3s ease;\n border-left: 4px solid #8b5cf6;\n }\n \n .problem-card:hover {\n transform: translateY(-5px);\n box-shadow: 0 10px 25px rgba(94, 53, 177, 0.15);\n }\n \n .problem-card h3 {\n display: flex;\n align-items: center;\n gap: 10px;\n margin-bottom: 15px;\n color: #5e35b1;\n font-size: 1.4rem;\n }\n \n .problem-card h3 i {\n font-size: 1.5rem;\n background: linear-gradient(135deg, #5e35b1, #8b5cf6);\n -webkit-background-clip: text;\n background-clip: text;\n color: transparent;\n }\n \n \/* \u89e3\u51b3\u65b9\u6848\u533a *\/\n .solution-section {\n margin-bottom: 60px;\n }\n \n .filter-container {\n display: flex;\n justify-content: center;\n flex-wrap: wrap;\n gap: 12px;\n margin-bottom: 40px;\n }\n \n .filter-btn {\n padding: 10px 24px;\n background: white;\n border: 2px solid #e5e7eb;\n border-radius: 50px;\n font-weight: 600;\n color: #4b5563;\n cursor: pointer;\n transition: all 0.3s ease;\n }\n \n .filter-btn:hover, .filter-btn.active {\n background: linear-gradient(90deg, #5e35b1, #8b5cf6);\n color: white;\n border-color: transparent;\n transform: translateY(-2px);\n box-shadow: 0 4px 12px rgba(94, 53, 177, 0.25);\n }\n \n .features-grid {\n display: grid;\n grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));\n gap: 30px;\n padding: 0 20px;\n }\n \n .feature-card {\n background: white;\n border-radius: 16px;\n overflow: hidden;\n box-shadow: 0 8px 30px rgba(0, 0, 0, 0.08);\n transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\n height: 100%;\n display: flex;\n flex-direction: column;\n border-top: 4px solid #8b5cf6;\n }\n \n .feature-card:hover {\n transform: translateY(-10px);\n box-shadow: 0 15px 40px rgba(94, 53, 177, 0.2);\n border-top: 4px solid #5e35b1;\n }\n \n .icon-container {\n height: 120px;\n display: flex;\n align-items: center;\n justify-content: center;\n background: linear-gradient(135deg, #f5f3ff, #ede9fe);\n }\n \n .feature-icon {\n font-size: 48px;\n background: linear-gradient(135deg, #5e35b1, #8b5cf6);\n -webkit-background-clip: text;\n background-clip: text;\n color: transparent;\n }\n \n .card-content {\n padding: 30px;\n flex: 1;\n display: flex;\n flex-direction: column;\n }\n \n .feature-title {\n font-size: 1.6rem;\n margin-bottom: 15px;\n color: #1f2937;\n }\n \n .feature-desc {\n color: #4b5563;\n line-height: 1.7;\n margin-bottom: 20px;\n flex: 1;\n }\n \n .feature-tags {\n display: flex;\n gap: 8px;\n flex-wrap: wrap;\n margin-top: 10px;\n }\n \n .tag {\n background: #ede9fe;\n color: #5e35b1;\n padding: 5px 12px;\n border-radius: 20px;\n font-size: 0.85rem;\n font-weight: 600;\n }\n \n \/* \u4e13\u5bb6\u5efa\u8bae\u533a *\/\n .expert-section {\n max-width: 900px;\n margin: 60px auto;\n padding: 40px;\n background: white;\n border-radius: 16px;\n box-shadow: 0 10px 40px rgba(0, 0, 0, 0.08);\n }\n \n .expert-content {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 30px;\n }\n \n .expert-card {\n padding: 25px;\n background: #f9f9ff;\n border-radius: 12px;\n border-left: 4px solid #8b5cf6;\n transition: all 0.3s ease;\n }\n \n .expert-card:hover {\n transform: translateY(-5px);\n box-shadow: 0 10px 25px rgba(94, 53, 177, 0.1);\n }\n \n .expert-card h3 {\n display: flex;\n align-items: center;\n gap: 10px;\n margin-bottom: 15px;\n color: #5e35b1;\n }\n \n .expert-card p {\n color: #4b5563;\n line-height: 1.7;\n }\n \n .expert-profile {\n display: flex;\n align-items: center;\n gap: 15px;\n margin-top: 20px;\n padding-top: 15px;\n border-top: 1px solid #ede9fe;\n }\n \n .expert-avatar {\n width: 50px;\n height: 50px;\n border-radius: 50%;\n background: linear-gradient(135deg, #5e35b1, #8b5cf6);\n display: flex;\n align-items: center;\n justify-content: center;\n color: white;\n font-weight: bold;\n font-size: 1.2rem;\n }\n \n .expert-info h4 {\n color: #5e35b1;\n margin-bottom: 5px;\n }\n \n .expert-info p {\n color: #6b7280;\n font-size: 0.9rem;\n }\n \n \/* \u6210\u529f\u6848\u4f8b *\/\n .case-section {\n margin: 60px auto;\n padding: 40px;\n background: rgba(255, 255, 255, 0.7);\n border-radius: 16px;\n box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);\n backdrop-filter: blur(10px);\n }\n \n .case-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 30px;\n margin-top: 40px;\n }\n \n .case-card {\n background: white;\n border-radius: 16px;\n overflow: hidden;\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\n transition: all 0.3s ease;\n }\n \n .case-card:hover {\n transform: translateY(-5px);\n box-shadow: 0 10px 25px rgba(94, 53, 177, 0.15);\n }\n \n .case-header {\n padding: 25px;\n background: linear-gradient(135deg, #5e35b1, #8b5cf6);\n color: white;\n }\n \n .case-content {\n padding: 25px;\n }\n \n .case-title {\n font-size: 1.4rem;\n margin-bottom: 10px;\n color: #1f2937;\n }\n \n .case-stats {\n display: flex;\n gap: 20px;\n margin-top: 20px;\n }\n \n .stat-item {\n text-align: center;\n flex: 1;\n }\n \n .stat-value {\n font-size: 1.8rem;\n font-weight: 700;\n color: #5e35b1;\n margin-bottom: 5px;\n }\n \n .stat-label {\n color: #6b7280;\n font-size: 0.9rem;\n }\n \n \/* \u884c\u52a8\u547c\u5401 *\/\n .cta-section {\n text-align: center;\n padding: 60px 20px;\n background: linear-gradient(135deg, #5e35b1, #8b5cf6);\n border-radius: 16px;\n color: white;\n margin: 60px auto;\n max-width: 900px;\n }\n \n .cta-title {\n font-size: 2.2rem;\n margin-bottom: 20px;\n }\n \n .cta-text {\n font-size: 1.1rem;\n max-width: 700px;\n margin: 0 auto 30px;\n opacity: 0.9;\n }\n \n .cta-button {\n display: inline-block;\n background: white;\n color: #5e35b1;\n padding: 14px 40px;\n border-radius: 50px;\n text-decoration: none;\n font-weight: 600;\n font-size: 1.1rem;\n box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);\n transition: all 0.3s ease;\n border: none;\n cursor: pointer;\n }\n \n .cta-button:hover {\n transform: translateY(-3px);\n box-shadow: 0 8px 25px rgba(0, 0, 0, 0.3);\n }\n \n \/* \u54cd\u5e94\u5f0f\u8bbe\u8ba1 *\/\n @media (max-width: 768px) {\n .page-title {\n font-size: 2.2rem;\n }\n \n .subtitle {\n font-size: 1.1rem;\n }\n \n .problem-section, .expert-section, .case-section, .cta-section {\n padding: 25px;\n }\n \n .section-title {\n font-size: 1.8rem;\n }\n }\n \n @media (max-width: 480px) {\n .page-title {\n font-size: 1.8rem;\n }\n \n .features-grid {\n grid-template-columns: 1fr;\n }\n \n .filter-btn {\n padding: 8px 16px;\n font-size: 0.9rem;\n }\n }\n \n \/* \u52a8\u753b\u6548\u679c *\/\n @keyframes fadeIn {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n }\n \n .animated {\n animation: fadeIn 0.6s ease-out forwards;\n }\n <\/style>\n<\/head>\n<body>\n <div class=\"container\">\n <header>\n <h1 class=\"page-title\">\u5bb6\u5ead\u60c5\u611f\u5065\u5eb7\u89e3\u51b3\u65b9\u6848<\/h1>\n <p class=\"subtitle\">\u57fa\u4e8e\u591a\u6a21\u6001\u60c5\u611f\u8bc6\u522b\u6280\u672f\u7684\u5bb6\u5ead\u5173\u7cfb\u4f18\u5316\u4e0e\u5fc3\u7406\u5065\u5eb7\u7ba1\u7406<\/p>\n <div class=\"divider\"><\/div>\n <\/header>\n \n \n <section class=\"problem-section\">\n <h2 class=\"section-title\">\u5e38\u89c1\u7684\u5bb6\u5ead\u60c5\u611f\u6311\u6218<\/h2>\n <div class=\"problem-grid\">\n <div class=\"problem-card\">\n <h3><i class=\"fas fa-comments\"><\/i> \u6c9f\u901a\u969c\u788d<\/h3>\n <p>\u5bb6\u5ead\u6210\u5458\u95f4\u7f3a\u4e4f\u6709\u6548\u6c9f\u901a\uff0c\u5bfc\u81f4\u8bef\u89e3\u548c\u60c5\u611f\u758f\u79bb\uff0c\u5f71\u54cd\u5bb6\u5ead\u548c\u8c10\u4e0e\u4eb2\u5bc6\u5173\u7cfb\u3002<\/p>\n <\/div>\n <div class=\"problem-card\">\n <h3><i class=\"fas fa-heart-broken\"><\/i> \u60c5\u611f\u758f\u79bb<\/h3>\n <p>\u5de5\u4f5c\u538b\u529b\u3001\u6570\u5b57\u4f9d\u8d56\u7b49\u56e0\u7d20\u5bfc\u81f4\u5bb6\u5ead\u6210\u5458\u60c5\u611f\u8fde\u63a5\u51cf\u5f31\uff0c\u4eb2\u5bc6\u5173\u7cfb\u8d28\u91cf\u4e0b\u964d\u3002<\/p>\n <\/div>\n <div class=\"problem-card\">\n <h3><i class=\"fas fa-child\"><\/i> \u4eb2\u5b50\u51b2\u7a81<\/h3>\n <p>\u4ee3\u9645\u5dee\u5f02\u3001\u6559\u80b2\u7406\u5ff5\u51b2\u7a81\u5bfc\u81f4\u4eb2\u5b50\u5173\u7cfb\u7d27\u5f20\uff0c\u5f71\u54cd\u513f\u7ae5\u5fc3\u7406\u5065\u5eb7\u53d1\u5c55\u3002<\/p>\n <\/div>\n <div class=\"problem-card\">\n <h3><i class=\"fas fa-head-side-virus\"><\/i> \u60c5\u7eea\u7ba1\u7406<\/h3>\n <p>\u5bb6\u5ead\u6210\u5458\u7f3a\u4e4f\u60c5\u7eea\u7ba1\u7406\u6280\u5de7\uff0c\u8d1f\u9762\u60c5\u7eea\u8513\u5ef6\u5f71\u54cd\u5bb6\u5ead\u6c1b\u56f4\u548c\u6210\u5458\u5fc3\u7406\u5065\u5eb7\u3002<\/p>\n <\/div>\n <\/div>\n <\/section>\n \n \n <section class=\"solution-section\">\n <h2 class=\"section-title\">\u5bb6\u5ead\u60c5\u611f\u95ee\u9898\u89e3\u51b3\u65b9\u6848<\/h2>\n \n <div class=\"filter-container\">\n <button class=\"filter-btn active\">\u5168\u90e8\u65b9\u6848<\/button>\n <button class=\"filter-btn\">\u60c5\u611f\u8bc4\u4f30<\/button>\n <button class=\"filter-btn\">\u5bb6\u5ead\u6559\u80b2<\/button>\n <button class=\"filter-btn\">\u5fc3\u7406\u5065\u5eb7<\/button>\n <button class=\"filter-btn\">\u5bb6\u5ead\u5173\u7cfb<\/button>\n <\/div>\n \n <div class=\"features-grid\">\n \n <div class=\"feature-card animated\">\n <div class=\"icon-container\">\n <i class=\"fas fa-heartbeat feature-icon\"><\/i>\n <\/div>\n <div class=\"card-content\">\n <h3 class=\"feature-title\">\u5bb6\u5ead\u60c5\u611f\u5065\u5eb7\u8bc4\u4f30<\/h3>\n <p class=\"feature-desc\">\u57fa\u4e8e\u591a\u6a21\u6001\u60c5\u611f\u8bc6\u522b\u6280\u672f\uff0c\u5168\u9762\u8bc4\u4f30\u5bb6\u5ead\u6210\u5458\u60c5\u611f\u72b6\u6001\uff0c\u8bc6\u522b\u6f5c\u5728\u60c5\u7eea\u969c\u788d\u4e0e\u538b\u529b\u6e90\uff0c\u63d0\u4f9b\u79d1\u5b66\u5065\u5eb7\u62a5\u544a\u3002<\/p>\n <div class=\"feature-tags\">\n <span class=\"tag\">\u60c5\u611f\u8ba1\u7b97<\/span>\n <span class=\"tag\">\u5065\u5eb7\u8bc4\u4f30<\/span>\n <span class=\"tag\">\u538b\u529b\u5206\u6790<\/span>\n <\/div>\n <\/div>\n <\/div>\n \n \n <div class=\"feature-card animated\">\n <div class=\"icon-container\">\n <i class=\"fas fa-users feature-icon\"><\/i>\n <\/div>\n <div class=\"card-content\">\n <h3 class=\"feature-title\">\u5bb6\u5ead\u6559\u80b2\u4e92\u52a8\u5206\u6790<\/h3>\n <p class=\"feature-desc\">\u91cf\u5316\u5206\u6790\u4eb2\u5b50\u4e92\u52a8\u8d28\u91cf\uff0c\u8bc6\u522b\u5bb6\u5ead\u6559\u80b2\u4e2d\u7684\u60c5\u611f\u4ea4\u6d41\u6a21\u5f0f\uff0c\u63d0\u4f9b\u79d1\u5b66\u6539\u8fdb\u7b56\u7565\uff0c\u4f18\u5316\u5bb6\u5ead\u6559\u80b2\u73af\u5883\u3002<\/p>\n <div class=\"feature-tags\">\n <span class=\"tag\">\u5bb6\u5ead\u6559\u80b2<\/span>\n <span class=\"tag\">\u4eb2\u5b50\u4e92\u52a8<\/span>\n <span class=\"tag\">\u60c5\u611f\u4ea4\u6d41<\/span>\n <\/div>\n <\/div>\n <\/div>\n \n \n <div class=\"feature-card animated\">\n <div class=\"icon-container\">\n <i class=\"fas fa-shield-alt feature-icon\"><\/i>\n <\/div>\n <div class=\"card-content\">\n <h3 class=\"feature-title\">\u5fc3\u7406\u5065\u5eb7\u98ce\u9669\u9884\u8b66<\/h3>\n <p class=\"feature-desc\">\u5b9e\u65f6\u76d1\u6d4b\u5fc3\u7406\u5065\u5eb7\u6307\u6807\uff0c\u8bc6\u522b\u6291\u90c1\u75c7\u3001\u7126\u8651\u75c7\u7b49\u65e9\u671f\u5f81\u5146\uff0c\u63d0\u4f9b\u4e13\u4e1a\u5e72\u9884\u65b9\u6848\u4e0e\u5fc3\u7406\u652f\u6301\u8d44\u6e90\u3002<\/p>\n <div class=\"feature-tags\">\n <span class=\"tag\">\u5fc3\u7406\u5065\u5eb7<\/span>\n <span class=\"tag\">\u98ce\u9669\u9884\u8b66<\/span>\n <span class=\"tag\">\u65e9\u671f\u5e72\u9884<\/span>\n <\/div>\n <\/div>\n <\/div>\n \n \n <div class=\"feature-card animated\">\n <div class=\"icon-container\">\n <i class=\"fas fa-home feature-icon\"><\/i>\n <\/div>\n <div class=\"card-content\">\n <h3 class=\"feature-title\">\u5bb6\u5ead\u5173\u7cfb\u52a8\u529b\u5b66\u5206\u6790<\/h3>\n <p class=\"feature-desc\">\u8fd0\u7528\u793e\u4f1a\u7f51\u7edc\u5206\u6790\u65b9\u6cd5\uff0c\u89e3\u6790\u5bb6\u5ead\u60c5\u611f\u8fde\u63a5\u7ed3\u6784\uff0c\u8bc6\u522b\u5173\u7cfb\u8584\u5f31\u73af\u8282\uff0c\u4f18\u5316\u5bb6\u5ead\u60c5\u611f\u751f\u6001\u7cfb\u7edf\u3002<\/p>\n <div class=\"feature-tags\">\n <span class=\"tag\">\u5bb6\u5ead\u7cfb\u7edf<\/span>\n <span class=\"tag\">\u5173\u7cfb\u52a8\u529b\u5b66<\/span>\n <span class=\"tag\">\u60c5\u611f\u8fde\u63a5<\/span>\n <\/div>\n <\/div>\n <\/div>\n \n \n <div class=\"feature-card animated\">\n <div class=\"icon-container\">\n <i class=\"fas fa-child feature-icon\"><\/i>\n <\/div>\n <div class=\"card-content\">\n <h3 class=\"feature-title\">\u513f\u7ae5\u60c5\u611f\u53d1\u5c55\u8bc4\u4f30<\/h3>\n <p class=\"feature-desc\">\u7ed3\u5408\u53d1\u5c55\u5fc3\u7406\u5b66\u7406\u8bba\uff0c\u8bc4\u4f30\u513f\u7ae5\u60c5\u611f\u8ba4\u77e5\u80fd\u529b\uff0c\u63d0\u4f9b\u4e2a\u6027\u5316\u60c5\u611f\u6559\u80b2\u65b9\u6848\uff0c\u4fc3\u8fdb\u513f\u7ae5\u60c5\u611f\u667a\u529b\u53d1\u5c55\u3002<\/p>\n <div class=\"feature-tags\">\n <span class=\"tag\">\u513f\u7ae5\u53d1\u5c55<\/span>\n <span class=\"tag\">\u60c5\u611f\u6559\u80b2<\/span>\n <span class=\"tag\">\u5fc3\u7406\u8bc4\u4f30<\/span>\n <\/div>\n <\/div>\n <\/div>\n \n \n <div class=\"feature-card animated\">\n <div class=\"icon-container\">\n <i class=\"fas fa-hand-holding-heart feature-icon\"><\/i>\n <\/div>\n <div class=\"card-content\">\n <h3 class=\"feature-title\">\u5bb6\u5ead\u60c5\u611f\u7597\u6108\u65b9\u6848<\/h3>\n <p class=\"feature-desc\">\u9488\u5bf9\u5bb6\u5ead\u521b\u4f24\u4e0e\u60c5\u611f\u51b2\u7a81\uff0c\u63d0\u4f9b\u57fa\u4e8e\u5faa\u8bc1\u5fc3\u7406\u5b66\u7684\u7597\u6108\u65b9\u6848\uff0c\u91cd\u5efa\u5bb6\u5ead\u60c5\u611f\u5b89\u5168\u4e0e\u4fe1\u4efb\u57fa\u7840\u3002<\/p>\n <div class=\"feature-tags\">\n <span class=\"tag\">\u60c5\u611f\u7597\u6108<\/span>\n <span class=\"tag\">\u5bb6\u5ead\u6cbb\u7597<\/span>\n <span class=\"tag\">\u521b\u4f24\u5e72\u9884<\/span>\n <\/div>\n <\/div>\n <\/div>\n \n \n <div class=\"feature-card animated\">\n <div class=\"icon-container\">\n <i class=\"fas fa-brain feature-icon\"><\/i>\n <\/div>\n <div class=\"card-content\">\n <h3 class=\"feature-title\">\u60c5\u611f\u6c9f\u901a\u8bad\u7ec3<\/h3>\n <p class=\"feature-desc\">\u901a\u8fc7AI\u8f85\u52a9\u7684\u60c5\u611f\u6c9f\u901a\u8bad\u7ec3\uff0c\u63d0\u5347\u5bb6\u5ead\u6210\u5458\u5171\u60c5\u80fd\u529b\u4e0e\u8868\u8fbe\u6280\u5de7\uff0c\u5efa\u7acb\u5065\u5eb7\u6c9f\u901a\u6a21\u5f0f\u3002<\/p>\n <div class=\"feature-tags\">\n <span class=\"tag\">\u6c9f\u901a\u6280\u5de7<\/span>\n <span class=\"tag\">\u5171\u60c5\u8bad\u7ec3<\/span>\n <span class=\"tag\">\u5173\u7cfb\u5efa\u8bbe<\/span>\n <\/div>\n <\/div>\n <\/div>\n \n \n <div class=\"feature-card animated\">\n <div class=\"icon-container\">\n <i class=\"fas fa-balance-scale feature-icon\"><\/i>\n <\/div>\n <div class=\"card-content\">\n <h3 class=\"feature-title\">\u5bb6\u5ead\u51b2\u7a81\u8c03\u89e3<\/h3>\n <p class=\"feature-desc\">\u57fa\u4e8e\u60c5\u611f\u5206\u6790\u7684\u5bb6\u5ead\u51b2\u7a81\u8c03\u89e3\u65b9\u6848\uff0c\u5e2e\u52a9\u5bb6\u5ead\u6210\u5458\u7406\u89e3\u5f7c\u6b64\u9700\u6c42\uff0c\u5efa\u7acb\u5efa\u8bbe\u6027\u51b2\u7a81\u89e3\u51b3\u673a\u5236\u3002<\/p>\n <div class=\"feature-tags\">\n <span class=\"tag\">\u51b2\u7a81\u8c03\u89e3<\/span>\n <span class=\"tag\">\u60c5\u7eea\u7ba1\u7406<\/span>\n <span class=\"tag\">\u5bb6\u5ead\u548c\u8c10<\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"case-section\">\n <h2 class=\"section-title\">\u6210\u529f\u6848\u4f8b\u5206\u4eab<\/h2>\n <div class=\"case-grid\">\n <div class=\"case-card\">\n <div class=\"case-header\">\n <h3>\u4eb2\u5b50\u5173\u7cfb\u6539\u5584\u6848\u4f8b<\/h3>\n <\/div>\n <div class=\"case-content\">\n <p>\u674e\u5973\u58eb\u5bb6\u5ead\u901a\u8fc76\u5468\u60c5\u611f\u8bad\u7ec3\u8ba1\u5212\uff0c\u4eb2\u5b50\u51b2\u7a81\u51cf\u5c1175%\uff0c\u6c9f\u901a\u8d28\u91cf\u63d0\u5347120%\u3002<\/p>\n <div class=\"case-stats\">\n <div class=\"stat-item\">\n <div class=\"stat-value\">75%<\/div>\n <div class=\"stat-label\">\u51b2\u7a81\u51cf\u5c11<\/div>\n <\/div>\n <div class=\"stat-item\">\n <div class=\"stat-value\">120%<\/div>\n <div class=\"stat-label\">\u6c9f\u901a\u63d0\u5347<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"case-card\">\n <div class=\"case-header\">\n <h3>\u592b\u59bb\u5173\u7cfb\u4fee\u590d\u6848\u4f8b<\/h3>\n <\/div>\n <div class=\"case-content\">\n <p>\u5f20\u5148\u751f\u592b\u5987\u901a\u8fc7\u60c5\u611f\u7597\u6108\u65b9\u6848\uff0c\u5173\u7cfb\u6ee1\u610f\u5ea6\u4ece35%\u63d0\u5347\u81f385%\uff0c\u60c5\u611f\u8fde\u63a5\u663e\u8457\u589e\u5f3a\u3002<\/p>\n <div class=\"case-stats\">\n <div class=\"stat-item\">\n <div class=\"stat-value\">50%<\/div>\n <div class=\"stat-label\">\u6ee1\u610f\u5ea6\u63d0\u5347<\/div>\n <\/div>\n <div class=\"stat-item\">\n <div class=\"stat-value\">90%<\/div>\n <div class=\"stat-label\">\u4fe1\u4efb\u91cd\u5efa<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"case-card\">\n <div class=\"case-header\">\n <h3>\u513f\u7ae5\u60c5\u7eea\u7ba1\u7406\u6848\u4f8b<\/h3>\n <\/div>\n <div class=\"case-content\">\n <p>8\u5c81\u513f\u7ae5\u901a\u8fc7\u60c5\u7eea\u7ba1\u7406\u8bad\u7ec3\uff0c\u60c5\u7eea\u7206\u53d1\u9891\u7387\u51cf\u5c1182%\uff0c\u5b66\u6821\u8868\u73b0\u63d0\u534740%\u3002<\/p>\n <div class=\"case-stats\">\n <div class=\"stat-item\">\n <div class=\"stat-value\">82%<\/div>\n <div class=\"stat-label\">\u60c5\u7eea\u6539\u5584<\/div>\n <\/div>\n <div class=\"stat-item\">\n <div class=\"stat-value\">40%<\/div>\n <div class=\"stat-label\">\u5b66\u4e1a\u63d0\u5347<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n <script>\n \/\/ \u529f\u80fd\u7b5b\u9009\u7cfb\u7edf\n document.querySelectorAll('.filter-btn').forEach(button => {\n button.addEventListener('click', function() {\n document.querySelectorAll('.filter-btn').forEach(btn => {\n btn.classList.remove('active');\n });\n this.classList.add('active');\n \n \/\/ \u8fd9\u91cc\u53ef\u4ee5\u6dfb\u52a0\u5b9e\u9645\u7b5b\u9009\u529f\u80fd\n const filter = this.textContent;\n if(filter === '\u5168\u90e8\u65b9\u6848') {\n document.querySelectorAll('.feature-card').forEach(card => {\n card.style.display = 'flex';\n });\n } else {\n document.querySelectorAll('.feature-card').forEach(card => {\n card.style.display = 'flex';\n \/\/ \u5b9e\u9645\u9879\u76ee\u4e2d\u8fd9\u91cc\u5e94\u8be5\u6839\u636e\u6807\u7b7e\u7b5b\u9009\n });\n }\n });\n });\n \n \/\/ \u5361\u7247\u60ac\u505c\u52a8\u753b\u6548\u679c\n document.querySelectorAll('.feature-card').forEach(card => {\n card.addEventListener('mouseenter', function() {\n this.style.transform = 'translateY(-10px)';\n });\n card.addEventListener('mouseleave', function() {\n this.style.transform = 'translateY(0)';\n });\n });\n \n \/\/ \u6eda\u52a8\u52a8\u753b\u6548\u679c\n document.addEventListener('DOMContentLoaded', function() {\n const animatedElements = document.querySelectorAll('.animated');\n \n const observer = new IntersectionObserver((entries) => {\n entries.forEach(entry => {\n if (entry.isIntersecting) {\n entry.target.style.opacity = 1;\n observer.unobserve(entry.target);\n }\n });\n }, { threshold: 0.1 });\n \n animatedElements.forEach(element => {\n element.style.opacity = 0;\n observer.observe(element);\n });\n });\n <\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>\u5bb6\u5ead\u60c5\u611f\u5065\u5eb7\u89e3\u51b3\u65b9\u6848 \u5bb6\u5ead\u60c5\u611f\u5065\u5eb7\u89e3\u51b3\u65b9\u6848 \u57fa\u4e8e\u591a\u6a21\u6001\u60c5\u611f\u8bc6\u522b\u6280\u672f\u7684\u5bb6\u5ead\u5173\u7cfb\u4f18\u5316\u4e0e\u5fc3\u7406\u5065\u5eb7\u7ba1\u7406 \u5e38\u89c1\u7684\u5bb6\u5ead\u60c5\u611f […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":424,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-229","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.affectivechain.com\/index.php\/wp-json\/wp\/v2\/pages\/229","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=229"}],"version-history":[{"count":8,"href":"https:\/\/www.affectivechain.com\/index.php\/wp-json\/wp\/v2\/pages\/229\/revisions"}],"predecessor-version":[{"id":1968,"href":"https:\/\/www.affectivechain.com\/index.php\/wp-json\/wp\/v2\/pages\/229\/revisions\/1968"}],"up":[{"embeddable":true,"href":"https:\/\/www.affectivechain.com\/index.php\/wp-json\/wp\/v2\/pages\/424"}],"wp:attachment":[{"href":"https:\/\/www.affectivechain.com\/index.php\/wp-json\/wp\/v2\/media?parent=229"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":229,"date":"2025-05-29T16:13:42","date_gmt":"2025-05-29T08:13:42","guid":{"rendered":"https:\/\/www.affectivechain.com\/?page_id=229"},"modified":"2025-08-13T17:37:24","modified_gmt":"2025-08-13T09:37:24","slug":"%e6%8a%80%e6%9c%af%e5%88%9b%e6%96%b0","status":"publish","type":"page","link":"https:\/\/www.affectivechain.com\/index.php\/heartfamily\/%e6%8a%80%e6%9c%af%e5%88%9b%e6%96%b0\/","title":{"rendered":"\u5bb6\u5ead\u60c5\u611f\u5065\u5eb7\u6280\u672f\u521b\u65b0"},"content":{"rendered":"\n\n\n\n \n \n \u5bb6\u5ead\u60c5\u611f\u5065\u5eb7\u89e3\u51b3\u65b9\u6848<\/title>\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n <style>\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n font-family: 'Segoe UI', 'Microsoft YaHei', sans-serif;\n }\n \n body {\n background: linear-gradient(135deg, #f9f7fe 0%, #eef2ff 100%);\n min-height: 100vh;\n color: #333;\n overflow-x: hidden;\n line-height: 1.6;\n }\n \n .container {\n max-width: 1200px;\n margin: 0 auto;\n }\n \n \/* \u5934\u90e8\u533a\u57df *\/\n header {\n text-align: center;\n margin-bottom: 60px;\n padding: 0 20px;\n position: relative;\n }\n \n .page-title {\n font-size: 2.8rem;\n font-weight: 700;\n background: linear-gradient(90deg, #5e35b1, #8b5cf6);\n -webkit-background-clip: text;\n background-clip: text;\n color: transparent;\n margin: 20px 0 15px;\n letter-spacing: -0.5px;\n }\n \n .subtitle {\n font-size: 1.4rem;\n color: #4b5563;\n max-width: 800px;\n margin: 0 auto 25px;\n font-weight: 500;\n }\n \n .divider {\n height: 4px;\n width: 80px;\n background: linear-gradient(to right, #5e35b1, #8b5cf6);\n margin: 30px auto;\n border-radius: 10px;\n }\n \n \/* \u95ee\u9898\u5c55\u793a\u533a *\/\n .problem-section {\n background: rgba(255, 255, 255, 0.7);\n border-radius: 16px;\n padding: 40px;\n margin: 0 auto 50px;\n box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);\n backdrop-filter: blur(10px);\n }\n \n .section-title {\n font-size: 2rem;\n text-align: center;\n margin-bottom: 40px;\n color: #1f2937;\n position: relative;\n }\n \n .section-title::after {\n content: '';\n position: absolute;\n bottom: -10px;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(to right, #5e35b1, #8b5cf6);\n border-radius: 4px;\n }\n \n .problem-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 30px;\n }\n \n .problem-card {\n background: white;\n border-radius: 12px;\n padding: 30px;\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\n transition: all 0.3s ease;\n border-left: 4px solid #8b5cf6;\n }\n \n .problem-card:hover {\n transform: translateY(-5px);\n box-shadow: 0 10px 25px rgba(94, 53, 177, 0.15);\n }\n \n .problem-card h3 {\n display: flex;\n align-items: center;\n gap: 10px;\n margin-bottom: 15px;\n color: #5e35b1;\n font-size: 1.4rem;\n }\n \n .problem-card h3 i {\n font-size: 1.5rem;\n background: linear-gradient(135deg, #5e35b1, #8b5cf6);\n -webkit-background-clip: text;\n background-clip: text;\n color: transparent;\n }\n \n \/* \u89e3\u51b3\u65b9\u6848\u533a *\/\n .solution-section {\n margin-bottom: 60px;\n }\n \n .filter-container {\n display: flex;\n justify-content: center;\n flex-wrap: wrap;\n gap: 12px;\n margin-bottom: 40px;\n }\n \n .filter-btn {\n padding: 10px 24px;\n background: white;\n border: 2px solid #e5e7eb;\n border-radius: 50px;\n font-weight: 600;\n color: #4b5563;\n cursor: pointer;\n transition: all 0.3s ease;\n }\n \n .filter-btn:hover, .filter-btn.active {\n background: linear-gradient(90deg, #5e35b1, #8b5cf6);\n color: white;\n border-color: transparent;\n transform: translateY(-2px);\n box-shadow: 0 4px 12px rgba(94, 53, 177, 0.25);\n }\n \n .features-grid {\n display: grid;\n grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));\n gap: 30px;\n padding: 0 20px;\n }\n \n .feature-card {\n background: white;\n border-radius: 16px;\n overflow: hidden;\n box-shadow: 0 8px 30px rgba(0, 0, 0, 0.08);\n transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\n height: 100%;\n display: flex;\n flex-direction: column;\n border-top: 4px solid #8b5cf6;\n }\n \n .feature-card:hover {\n transform: translateY(-10px);\n box-shadow: 0 15px 40px rgba(94, 53, 177, 0.2);\n border-top: 4px solid #5e35b1;\n }\n \n .icon-container {\n height: 120px;\n display: flex;\n align-items: center;\n justify-content: center;\n background: linear-gradient(135deg, #f5f3ff, #ede9fe);\n }\n \n .feature-icon {\n font-size: 48px;\n background: linear-gradient(135deg, #5e35b1, #8b5cf6);\n -webkit-background-clip: text;\n background-clip: text;\n color: transparent;\n }\n \n .card-content {\n padding: 30px;\n flex: 1;\n display: flex;\n flex-direction: column;\n }\n \n .feature-title {\n font-size: 1.6rem;\n margin-bottom: 15px;\n color: #1f2937;\n }\n \n .feature-desc {\n color: #4b5563;\n line-height: 1.7;\n margin-bottom: 20px;\n flex: 1;\n }\n \n .feature-tags {\n display: flex;\n gap: 8px;\n flex-wrap: wrap;\n margin-top: 10px;\n }\n \n .tag {\n background: #ede9fe;\n color: #5e35b1;\n padding: 5px 12px;\n border-radius: 20px;\n font-size: 0.85rem;\n font-weight: 600;\n }\n \n \/* \u4e13\u5bb6\u5efa\u8bae\u533a *\/\n .expert-section {\n max-width: 900px;\n margin: 60px auto;\n padding: 40px;\n background: white;\n border-radius: 16px;\n box-shadow: 0 10px 40px rgba(0, 0, 0, 0.08);\n }\n \n .expert-content {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 30px;\n }\n \n .expert-card {\n padding: 25px;\n background: #f9f9ff;\n border-radius: 12px;\n border-left: 4px solid #8b5cf6;\n transition: all 0.3s ease;\n }\n \n .expert-card:hover {\n transform: translateY(-5px);\n box-shadow: 0 10px 25px rgba(94, 53, 177, 0.1);\n }\n \n .expert-card h3 {\n display: flex;\n align-items: center;\n gap: 10px;\n margin-bottom: 15px;\n color: #5e35b1;\n }\n \n .expert-card p {\n color: #4b5563;\n line-height: 1.7;\n }\n \n .expert-profile {\n display: flex;\n align-items: center;\n gap: 15px;\n margin-top: 20px;\n padding-top: 15px;\n border-top: 1px solid #ede9fe;\n }\n \n .expert-avatar {\n width: 50px;\n height: 50px;\n border-radius: 50%;\n background: linear-gradient(135deg, #5e35b1, #8b5cf6);\n display: flex;\n align-items: center;\n justify-content: center;\n color: white;\n font-weight: bold;\n font-size: 1.2rem;\n }\n \n .expert-info h4 {\n color: #5e35b1;\n margin-bottom: 5px;\n }\n \n .expert-info p {\n color: #6b7280;\n font-size: 0.9rem;\n }\n \n \/* \u6210\u529f\u6848\u4f8b *\/\n .case-section {\n margin: 60px auto;\n padding: 40px;\n background: rgba(255, 255, 255, 0.7);\n border-radius: 16px;\n box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);\n backdrop-filter: blur(10px);\n }\n \n .case-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 30px;\n margin-top: 40px;\n }\n \n .case-card {\n background: white;\n border-radius: 16px;\n overflow: hidden;\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\n transition: all 0.3s ease;\n }\n \n .case-card:hover {\n transform: translateY(-5px);\n box-shadow: 0 10px 25px rgba(94, 53, 177, 0.15);\n }\n \n .case-header {\n padding: 25px;\n background: linear-gradient(135deg, #5e35b1, #8b5cf6);\n color: white;\n }\n \n .case-content {\n padding: 25px;\n }\n \n .case-title {\n font-size: 1.4rem;\n margin-bottom: 10px;\n color: #1f2937;\n }\n \n .case-stats {\n display: flex;\n gap: 20px;\n margin-top: 20px;\n }\n \n .stat-item {\n text-align: center;\n flex: 1;\n }\n \n .stat-value {\n font-size: 1.8rem;\n font-weight: 700;\n color: #5e35b1;\n margin-bottom: 5px;\n }\n \n .stat-label {\n color: #6b7280;\n font-size: 0.9rem;\n }\n \n \/* \u884c\u52a8\u547c\u5401 *\/\n .cta-section {\n text-align: center;\n padding: 60px 20px;\n background: linear-gradient(135deg, #5e35b1, #8b5cf6);\n border-radius: 16px;\n color: white;\n margin: 60px auto;\n max-width: 900px;\n }\n \n .cta-title {\n font-size: 2.2rem;\n margin-bottom: 20px;\n }\n \n .cta-text {\n font-size: 1.1rem;\n max-width: 700px;\n margin: 0 auto 30px;\n opacity: 0.9;\n }\n \n .cta-button {\n display: inline-block;\n background: white;\n color: #5e35b1;\n padding: 14px 40px;\n border-radius: 50px;\n text-decoration: none;\n font-weight: 600;\n font-size: 1.1rem;\n box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);\n transition: all 0.3s ease;\n border: none;\n cursor: pointer;\n }\n \n .cta-button:hover {\n transform: translateY(-3px);\n box-shadow: 0 8px 25px rgba(0, 0, 0, 0.3);\n }\n \n \/* \u54cd\u5e94\u5f0f\u8bbe\u8ba1 *\/\n @media (max-width: 768px) {\n .page-title {\n font-size: 2.2rem;\n }\n \n .subtitle {\n font-size: 1.1rem;\n }\n \n .problem-section, .expert-section, .case-section, .cta-section {\n padding: 25px;\n }\n \n .section-title {\n font-size: 1.8rem;\n }\n }\n \n @media (max-width: 480px) {\n .page-title {\n font-size: 1.8rem;\n }\n \n .features-grid {\n grid-template-columns: 1fr;\n }\n \n .filter-btn {\n padding: 8px 16px;\n font-size: 0.9rem;\n }\n }\n \n \/* \u52a8\u753b\u6548\u679c *\/\n @keyframes fadeIn {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n }\n \n .animated {\n animation: fadeIn 0.6s ease-out forwards;\n }\n <\/style>\n<\/head>\n<body>\n <div class=\"container\">\n <header>\n <h1 class=\"page-title\">\u5bb6\u5ead\u60c5\u611f\u5065\u5eb7\u89e3\u51b3\u65b9\u6848<\/h1>\n <p class=\"subtitle\">\u57fa\u4e8e\u591a\u6a21\u6001\u60c5\u611f\u8bc6\u522b\u6280\u672f\u7684\u5bb6\u5ead\u5173\u7cfb\u4f18\u5316\u4e0e\u5fc3\u7406\u5065\u5eb7\u7ba1\u7406<\/p>\n <div class=\"divider\"><\/div>\n <\/header>\n \n \n <section class=\"problem-section\">\n <h2 class=\"section-title\">\u5e38\u89c1\u7684\u5bb6\u5ead\u60c5\u611f\u6311\u6218<\/h2>\n <div class=\"problem-grid\">\n <div class=\"problem-card\">\n <h3><i class=\"fas fa-comments\"><\/i> \u6c9f\u901a\u969c\u788d<\/h3>\n <p>\u5bb6\u5ead\u6210\u5458\u95f4\u7f3a\u4e4f\u6709\u6548\u6c9f\u901a\uff0c\u5bfc\u81f4\u8bef\u89e3\u548c\u60c5\u611f\u758f\u79bb\uff0c\u5f71\u54cd\u5bb6\u5ead\u548c\u8c10\u4e0e\u4eb2\u5bc6\u5173\u7cfb\u3002<\/p>\n <\/div>\n <div class=\"problem-card\">\n <h3><i class=\"fas fa-heart-broken\"><\/i> \u60c5\u611f\u758f\u79bb<\/h3>\n <p>\u5de5\u4f5c\u538b\u529b\u3001\u6570\u5b57\u4f9d\u8d56\u7b49\u56e0\u7d20\u5bfc\u81f4\u5bb6\u5ead\u6210\u5458\u60c5\u611f\u8fde\u63a5\u51cf\u5f31\uff0c\u4eb2\u5bc6\u5173\u7cfb\u8d28\u91cf\u4e0b\u964d\u3002<\/p>\n <\/div>\n <div class=\"problem-card\">\n <h3><i class=\"fas fa-child\"><\/i> \u4eb2\u5b50\u51b2\u7a81<\/h3>\n <p>\u4ee3\u9645\u5dee\u5f02\u3001\u6559\u80b2\u7406\u5ff5\u51b2\u7a81\u5bfc\u81f4\u4eb2\u5b50\u5173\u7cfb\u7d27\u5f20\uff0c\u5f71\u54cd\u513f\u7ae5\u5fc3\u7406\u5065\u5eb7\u53d1\u5c55\u3002<\/p>\n <\/div>\n <div class=\"problem-card\">\n <h3><i class=\"fas fa-head-side-virus\"><\/i> \u60c5\u7eea\u7ba1\u7406<\/h3>\n <p>\u5bb6\u5ead\u6210\u5458\u7f3a\u4e4f\u60c5\u7eea\u7ba1\u7406\u6280\u5de7\uff0c\u8d1f\u9762\u60c5\u7eea\u8513\u5ef6\u5f71\u54cd\u5bb6\u5ead\u6c1b\u56f4\u548c\u6210\u5458\u5fc3\u7406\u5065\u5eb7\u3002<\/p>\n <\/div>\n <\/div>\n <\/section>\n \n \n <section class=\"solution-section\">\n <h2 class=\"section-title\">\u5bb6\u5ead\u60c5\u611f\u95ee\u9898\u89e3\u51b3\u65b9\u6848<\/h2>\n \n <div class=\"filter-container\">\n <button class=\"filter-btn active\">\u5168\u90e8\u65b9\u6848<\/button>\n <button class=\"filter-btn\">\u60c5\u611f\u8bc4\u4f30<\/button>\n <button class=\"filter-btn\">\u5bb6\u5ead\u6559\u80b2<\/button>\n <button class=\"filter-btn\">\u5fc3\u7406\u5065\u5eb7<\/button>\n <button class=\"filter-btn\">\u5bb6\u5ead\u5173\u7cfb<\/button>\n <\/div>\n \n <div class=\"features-grid\">\n \n <div class=\"feature-card animated\">\n <div class=\"icon-container\">\n <i class=\"fas fa-heartbeat feature-icon\"><\/i>\n <\/div>\n <div class=\"card-content\">\n <h3 class=\"feature-title\">\u5bb6\u5ead\u60c5\u611f\u5065\u5eb7\u8bc4\u4f30<\/h3>\n <p class=\"feature-desc\">\u57fa\u4e8e\u591a\u6a21\u6001\u60c5\u611f\u8bc6\u522b\u6280\u672f\uff0c\u5168\u9762\u8bc4\u4f30\u5bb6\u5ead\u6210\u5458\u60c5\u611f\u72b6\u6001\uff0c\u8bc6\u522b\u6f5c\u5728\u60c5\u7eea\u969c\u788d\u4e0e\u538b\u529b\u6e90\uff0c\u63d0\u4f9b\u79d1\u5b66\u5065\u5eb7\u62a5\u544a\u3002<\/p>\n <div class=\"feature-tags\">\n <span class=\"tag\">\u60c5\u611f\u8ba1\u7b97<\/span>\n <span class=\"tag\">\u5065\u5eb7\u8bc4\u4f30<\/span>\n <span class=\"tag\">\u538b\u529b\u5206\u6790<\/span>\n <\/div>\n <\/div>\n <\/div>\n \n \n <div class=\"feature-card animated\">\n <div class=\"icon-container\">\n <i class=\"fas fa-users feature-icon\"><\/i>\n <\/div>\n <div class=\"card-content\">\n <h3 class=\"feature-title\">\u5bb6\u5ead\u6559\u80b2\u4e92\u52a8\u5206\u6790<\/h3>\n <p class=\"feature-desc\">\u91cf\u5316\u5206\u6790\u4eb2\u5b50\u4e92\u52a8\u8d28\u91cf\uff0c\u8bc6\u522b\u5bb6\u5ead\u6559\u80b2\u4e2d\u7684\u60c5\u611f\u4ea4\u6d41\u6a21\u5f0f\uff0c\u63d0\u4f9b\u79d1\u5b66\u6539\u8fdb\u7b56\u7565\uff0c\u4f18\u5316\u5bb6\u5ead\u6559\u80b2\u73af\u5883\u3002<\/p>\n <div class=\"feature-tags\">\n <span class=\"tag\">\u5bb6\u5ead\u6559\u80b2<\/span>\n <span class=\"tag\">\u4eb2\u5b50\u4e92\u52a8<\/span>\n <span class=\"tag\">\u60c5\u611f\u4ea4\u6d41<\/span>\n <\/div>\n <\/div>\n <\/div>\n \n \n <div class=\"feature-card animated\">\n <div class=\"icon-container\">\n <i class=\"fas fa-shield-alt feature-icon\"><\/i>\n <\/div>\n <div class=\"card-content\">\n <h3 class=\"feature-title\">\u5fc3\u7406\u5065\u5eb7\u98ce\u9669\u9884\u8b66<\/h3>\n <p class=\"feature-desc\">\u5b9e\u65f6\u76d1\u6d4b\u5fc3\u7406\u5065\u5eb7\u6307\u6807\uff0c\u8bc6\u522b\u6291\u90c1\u75c7\u3001\u7126\u8651\u75c7\u7b49\u65e9\u671f\u5f81\u5146\uff0c\u63d0\u4f9b\u4e13\u4e1a\u5e72\u9884\u65b9\u6848\u4e0e\u5fc3\u7406\u652f\u6301\u8d44\u6e90\u3002<\/p>\n <div class=\"feature-tags\">\n <span class=\"tag\">\u5fc3\u7406\u5065\u5eb7<\/span>\n <span class=\"tag\">\u98ce\u9669\u9884\u8b66<\/span>\n <span class=\"tag\">\u65e9\u671f\u5e72\u9884<\/span>\n <\/div>\n <\/div>\n <\/div>\n \n \n <div class=\"feature-card animated\">\n <div class=\"icon-container\">\n <i class=\"fas fa-home feature-icon\"><\/i>\n <\/div>\n <div class=\"card-content\">\n <h3 class=\"feature-title\">\u5bb6\u5ead\u5173\u7cfb\u52a8\u529b\u5b66\u5206\u6790<\/h3>\n <p class=\"feature-desc\">\u8fd0\u7528\u793e\u4f1a\u7f51\u7edc\u5206\u6790\u65b9\u6cd5\uff0c\u89e3\u6790\u5bb6\u5ead\u60c5\u611f\u8fde\u63a5\u7ed3\u6784\uff0c\u8bc6\u522b\u5173\u7cfb\u8584\u5f31\u73af\u8282\uff0c\u4f18\u5316\u5bb6\u5ead\u60c5\u611f\u751f\u6001\u7cfb\u7edf\u3002<\/p>\n <div class=\"feature-tags\">\n <span class=\"tag\">\u5bb6\u5ead\u7cfb\u7edf<\/span>\n <span class=\"tag\">\u5173\u7cfb\u52a8\u529b\u5b66<\/span>\n <span class=\"tag\">\u60c5\u611f\u8fde\u63a5<\/span>\n <\/div>\n <\/div>\n <\/div>\n \n \n <div class=\"feature-card animated\">\n <div class=\"icon-container\">\n <i class=\"fas fa-child feature-icon\"><\/i>\n <\/div>\n <div class=\"card-content\">\n <h3 class=\"feature-title\">\u513f\u7ae5\u60c5\u611f\u53d1\u5c55\u8bc4\u4f30<\/h3>\n <p class=\"feature-desc\">\u7ed3\u5408\u53d1\u5c55\u5fc3\u7406\u5b66\u7406\u8bba\uff0c\u8bc4\u4f30\u513f\u7ae5\u60c5\u611f\u8ba4\u77e5\u80fd\u529b\uff0c\u63d0\u4f9b\u4e2a\u6027\u5316\u60c5\u611f\u6559\u80b2\u65b9\u6848\uff0c\u4fc3\u8fdb\u513f\u7ae5\u60c5\u611f\u667a\u529b\u53d1\u5c55\u3002<\/p>\n <div class=\"feature-tags\">\n <span class=\"tag\">\u513f\u7ae5\u53d1\u5c55<\/span>\n <span class=\"tag\">\u60c5\u611f\u6559\u80b2<\/span>\n <span class=\"tag\">\u5fc3\u7406\u8bc4\u4f30<\/span>\n <\/div>\n <\/div>\n <\/div>\n \n \n <div class=\"feature-card animated\">\n <div class=\"icon-container\">\n <i class=\"fas fa-hand-holding-heart feature-icon\"><\/i>\n <\/div>\n <div class=\"card-content\">\n <h3 class=\"feature-title\">\u5bb6\u5ead\u60c5\u611f\u7597\u6108\u65b9\u6848<\/h3>\n <p class=\"feature-desc\">\u9488\u5bf9\u5bb6\u5ead\u521b\u4f24\u4e0e\u60c5\u611f\u51b2\u7a81\uff0c\u63d0\u4f9b\u57fa\u4e8e\u5faa\u8bc1\u5fc3\u7406\u5b66\u7684\u7597\u6108\u65b9\u6848\uff0c\u91cd\u5efa\u5bb6\u5ead\u60c5\u611f\u5b89\u5168\u4e0e\u4fe1\u4efb\u57fa\u7840\u3002<\/p>\n <div class=\"feature-tags\">\n <span class=\"tag\">\u60c5\u611f\u7597\u6108<\/span>\n <span class=\"tag\">\u5bb6\u5ead\u6cbb\u7597<\/span>\n <span class=\"tag\">\u521b\u4f24\u5e72\u9884<\/span>\n <\/div>\n <\/div>\n <\/div>\n \n \n <div class=\"feature-card animated\">\n <div class=\"icon-container\">\n <i class=\"fas fa-brain feature-icon\"><\/i>\n <\/div>\n <div class=\"card-content\">\n <h3 class=\"feature-title\">\u60c5\u611f\u6c9f\u901a\u8bad\u7ec3<\/h3>\n <p class=\"feature-desc\">\u901a\u8fc7AI\u8f85\u52a9\u7684\u60c5\u611f\u6c9f\u901a\u8bad\u7ec3\uff0c\u63d0\u5347\u5bb6\u5ead\u6210\u5458\u5171\u60c5\u80fd\u529b\u4e0e\u8868\u8fbe\u6280\u5de7\uff0c\u5efa\u7acb\u5065\u5eb7\u6c9f\u901a\u6a21\u5f0f\u3002<\/p>\n <div class=\"feature-tags\">\n <span class=\"tag\">\u6c9f\u901a\u6280\u5de7<\/span>\n <span class=\"tag\">\u5171\u60c5\u8bad\u7ec3<\/span>\n <span class=\"tag\">\u5173\u7cfb\u5efa\u8bbe<\/span>\n <\/div>\n <\/div>\n <\/div>\n \n \n <div class=\"feature-card animated\">\n <div class=\"icon-container\">\n <i class=\"fas fa-balance-scale feature-icon\"><\/i>\n <\/div>\n <div class=\"card-content\">\n <h3 class=\"feature-title\">\u5bb6\u5ead\u51b2\u7a81\u8c03\u89e3<\/h3>\n <p class=\"feature-desc\">\u57fa\u4e8e\u60c5\u611f\u5206\u6790\u7684\u5bb6\u5ead\u51b2\u7a81\u8c03\u89e3\u65b9\u6848\uff0c\u5e2e\u52a9\u5bb6\u5ead\u6210\u5458\u7406\u89e3\u5f7c\u6b64\u9700\u6c42\uff0c\u5efa\u7acb\u5efa\u8bbe\u6027\u51b2\u7a81\u89e3\u51b3\u673a\u5236\u3002<\/p>\n <div class=\"feature-tags\">\n <span class=\"tag\">\u51b2\u7a81\u8c03\u89e3<\/span>\n <span class=\"tag\">\u60c5\u7eea\u7ba1\u7406<\/span>\n <span class=\"tag\">\u5bb6\u5ead\u548c\u8c10<\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"case-section\">\n <h2 class=\"section-title\">\u6210\u529f\u6848\u4f8b\u5206\u4eab<\/h2>\n <div class=\"case-grid\">\n <div class=\"case-card\">\n <div class=\"case-header\">\n <h3>\u4eb2\u5b50\u5173\u7cfb\u6539\u5584\u6848\u4f8b<\/h3>\n <\/div>\n <div class=\"case-content\">\n <p>\u674e\u5973\u58eb\u5bb6\u5ead\u901a\u8fc76\u5468\u60c5\u611f\u8bad\u7ec3\u8ba1\u5212\uff0c\u4eb2\u5b50\u51b2\u7a81\u51cf\u5c1175%\uff0c\u6c9f\u901a\u8d28\u91cf\u63d0\u5347120%\u3002<\/p>\n <div class=\"case-stats\">\n <div class=\"stat-item\">\n <div class=\"stat-value\">75%<\/div>\n <div class=\"stat-label\">\u51b2\u7a81\u51cf\u5c11<\/div>\n <\/div>\n <div class=\"stat-item\">\n <div class=\"stat-value\">120%<\/div>\n <div class=\"stat-label\">\u6c9f\u901a\u63d0\u5347<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"case-card\">\n <div class=\"case-header\">\n <h3>\u592b\u59bb\u5173\u7cfb\u4fee\u590d\u6848\u4f8b<\/h3>\n <\/div>\n <div class=\"case-content\">\n <p>\u5f20\u5148\u751f\u592b\u5987\u901a\u8fc7\u60c5\u611f\u7597\u6108\u65b9\u6848\uff0c\u5173\u7cfb\u6ee1\u610f\u5ea6\u4ece35%\u63d0\u5347\u81f385%\uff0c\u60c5\u611f\u8fde\u63a5\u663e\u8457\u589e\u5f3a\u3002<\/p>\n <div class=\"case-stats\">\n <div class=\"stat-item\">\n <div class=\"stat-value\">50%<\/div>\n <div class=\"stat-label\">\u6ee1\u610f\u5ea6\u63d0\u5347<\/div>\n <\/div>\n <div class=\"stat-item\">\n <div class=\"stat-value\">90%<\/div>\n <div class=\"stat-label\">\u4fe1\u4efb\u91cd\u5efa<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"case-card\">\n <div class=\"case-header\">\n <h3>\u513f\u7ae5\u60c5\u7eea\u7ba1\u7406\u6848\u4f8b<\/h3>\n <\/div>\n <div class=\"case-content\">\n <p>8\u5c81\u513f\u7ae5\u901a\u8fc7\u60c5\u7eea\u7ba1\u7406\u8bad\u7ec3\uff0c\u60c5\u7eea\u7206\u53d1\u9891\u7387\u51cf\u5c1182%\uff0c\u5b66\u6821\u8868\u73b0\u63d0\u534740%\u3002<\/p>\n <div class=\"case-stats\">\n <div class=\"stat-item\">\n <div class=\"stat-value\">82%<\/div>\n <div class=\"stat-label\">\u60c5\u7eea\u6539\u5584<\/div>\n <\/div>\n <div class=\"stat-item\">\n <div class=\"stat-value\">40%<\/div>\n <div class=\"stat-label\">\u5b66\u4e1a\u63d0\u5347<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n <script>\n \/\/ \u529f\u80fd\u7b5b\u9009\u7cfb\u7edf\n document.querySelectorAll('.filter-btn').forEach(button => {\n button.addEventListener('click', function() {\n document.querySelectorAll('.filter-btn').forEach(btn => {\n btn.classList.remove('active');\n });\n this.classList.add('active');\n \n \/\/ \u8fd9\u91cc\u53ef\u4ee5\u6dfb\u52a0\u5b9e\u9645\u7b5b\u9009\u529f\u80fd\n const filter = this.textContent;\n if(filter === '\u5168\u90e8\u65b9\u6848') {\n document.querySelectorAll('.feature-card').forEach(card => {\n card.style.display = 'flex';\n });\n } else {\n document.querySelectorAll('.feature-card').forEach(card => {\n card.style.display = 'flex';\n \/\/ \u5b9e\u9645\u9879\u76ee\u4e2d\u8fd9\u91cc\u5e94\u8be5\u6839\u636e\u6807\u7b7e\u7b5b\u9009\n });\n }\n });\n });\n \n \/\/ \u5361\u7247\u60ac\u505c\u52a8\u753b\u6548\u679c\n document.querySelectorAll('.feature-card').forEach(card => {\n card.addEventListener('mouseenter', function() {\n this.style.transform = 'translateY(-10px)';\n });\n card.addEventListener('mouseleave', function() {\n this.style.transform = 'translateY(0)';\n });\n });\n \n \/\/ \u6eda\u52a8\u52a8\u753b\u6548\u679c\n document.addEventListener('DOMContentLoaded', function() {\n const animatedElements = document.querySelectorAll('.animated');\n \n const observer = new IntersectionObserver((entries) => {\n entries.forEach(entry => {\n if (entry.isIntersecting) {\n entry.target.style.opacity = 1;\n observer.unobserve(entry.target);\n }\n });\n }, { threshold: 0.1 });\n \n animatedElements.forEach(element => {\n element.style.opacity = 0;\n observer.observe(element);\n });\n });\n <\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>\u5bb6\u5ead\u60c5\u611f\u5065\u5eb7\u89e3\u51b3\u65b9\u6848 \u5bb6\u5ead\u60c5\u611f\u5065\u5eb7\u89e3\u51b3\u65b9\u6848 \u57fa\u4e8e\u591a\u6a21\u6001\u60c5\u611f\u8bc6\u522b\u6280\u672f\u7684\u5bb6\u5ead\u5173\u7cfb\u4f18\u5316\u4e0e\u5fc3\u7406\u5065\u5eb7\u7ba1\u7406 \u5e38\u89c1\u7684\u5bb6\u5ead\u60c5\u611f […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":424,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-229","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.affectivechain.com\/index.php\/wp-json\/wp\/v2\/pages\/229","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=229"}],"version-history":[{"count":8,"href":"https:\/\/www.affectivechain.com\/index.php\/wp-json\/wp\/v2\/pages\/229\/revisions"}],"predecessor-version":[{"id":1968,"href":"https:\/\/www.affectivechain.com\/index.php\/wp-json\/wp\/v2\/pages\/229\/revisions\/1968"}],"up":[{"embeddable":true,"href":"https:\/\/www.affectivechain.com\/index.php\/wp-json\/wp\/v2\/pages\/424"}],"wp:attachment":[{"href":"https:\/\/www.affectivechain.com\/index.php\/wp-json\/wp\/v2\/media?parent=229"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}