{"id":9,"date":"2025-05-22T16:46:14","date_gmt":"2025-05-22T08:46:14","guid":{"rendered":"https:\/\/www.affectivechain.com\/?page_id=9"},"modified":"2025-08-20T12:48:59","modified_gmt":"2025-08-20T04:48:59","slug":"%e4%bc%81%e4%b8%9a%e6%96%87%e5%8c%96","status":"publish","type":"page","link":"https:\/\/www.affectivechain.com\/index.php\/%e4%bc%81%e4%b8%9a%e6%96%87%e5%8c%96\/","title":{"rendered":"\u4f01\u4e1a\u6587\u5316"},"content":{"rendered":"\n\n\n\n \n \n \u5fc3\u94fe\u60c5\u667a\u6570\u636e\u79d1\u6280 – \u60c5\u611f\u667a\u80fd\u79d1\u6280\u5f15\u9886\u5fc3\u7406\u5065\u5eb7<\/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&display=swap\" rel=\"stylesheet\">\n <style>\n :root {\n --primary: #4a6cf7;\n --primary-light: #6a7ff5;\n --secondary: #6a11cb;\n --accent: #00c9c8;\n --dark: #1a1a2e;\n --light: #f8f9ff;\n --text-dark: #1e293b;\n --text-light: #64748b;\n --transition: all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);\n --shadow: 0 8px 25px rgba(74, 108, 247, 0.15);\n --radius: 16px;\n }\n \n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n font-family: 'Noto Sans SC', 'Segoe UI', 'Microsoft YaHei', sans-serif;\n }\n \n body {\n background: linear-gradient(135deg, #f8f9ff 0%, #eef2ff 50%, #f1f5f9 100%);\n color: var(--text-dark);\n line-height: 1.7;\n overflow-x: hidden;\n min-height: 100vh;\n position: relative;\n }\n \n body::before {\n content: '';\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: \n radial-gradient(circle at 20% 30%, rgba(74, 108, 247, 0.05) 0%, transparent 40%),\n radial-gradient(circle at 80% 70%, rgba(106, 17, 203, 0.05) 0%, transparent 40%),\n radial-gradient(circle at 50% 20%, rgba(0, 201, 200, 0.05) 0%, transparent 40%);\n z-index: -1;\n pointer-events: none;\n }\n \n .pulse {\n position: absolute;\n width: 100%;\n height: 100%;\n top: 0;\n left: 0;\n overflow: hidden;\n z-index: -2;\n }\n \n .pulse-circle {\n position: absolute;\n border-radius: 50%;\n background: rgba(74, 108, 247, 0.05);\n animation: pulse 8s infinite ease-in-out;\n }\n \n .pulse-circle:nth-child(1) {\n width: 800px;\n height: 800px;\n top: -400px;\n left: -200px;\n animation-delay: 0s;\n }\n \n .pulse-circle:nth-child(2) {\n width: 600px;\n height: 600px;\n bottom: -300px;\n right: -150px;\n animation-delay: -2s;\n background: rgba(0, 201, 200, 0.05);\n }\n \n .pulse-circle:nth-child(3) {\n width: 400px;\n height: 400px;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n animation-delay: -4s;\n background: rgba(106, 17, 203, 0.05);\n }\n \n @keyframes pulse {\n 0%, 100% { transform: scale(1); opacity: 0.5; }\n 50% { transform: scale(1.1); opacity: 0.8; }\n }\n \n .container {\n max-width: 1400px;\n margin: 0 auto;\n padding: 0 20px;\n position: relative;\n z-index: 1;\n }\n \n \/* \u5934\u90e8\u533a\u57df *\/\n .hero {\n background: linear-gradient(135deg, var(--primary) 0%, var(--secondary) 100%);\n color: white;\n padding: 80px 20px 60px;\n text-align: center;\n position: relative;\n overflow: hidden;\n border-radius: var(--radius);\n box-shadow: var(--shadow);\n margin: 40px 0 60px;\n }\n \n .hero::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: url('data:image\/svg+xml;utf8,<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 200 200\"><circle cx=\"150\" cy=\"50\" r=\"30\" fill=\"white\" opacity=\"0.05\"\/><circle cx=\"50\" cy=\"150\" r=\"40\" fill=\"white\" opacity=\"0.05\"\/><circle cx=\"100\" cy=\"100\" r=\"60\" fill=\"white\" opacity=\"0.05\"\/><\/svg>');\n background-size: cover;\n z-index: 1;\n }\n \n .hero-content {\n position: relative;\n z-index: 2;\n max-width: 900px;\n margin: 0 auto;\n }\n \n .hero h1 {\n font-size: 3.0rem;\n margin-bottom: 20px;\n text-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);\n line-height: 1.2;\n }\n \n .hero p {\n font-size: 1.3rem;\n opacity: 0.9;\n margin-bottom: 40px;\n font-weight: 300;\n max-width: 700px;\n margin-left: auto;\n margin-right: auto;\n }\n \n .stats-container {\n display: flex;\n justify-content: center;\n gap: 30px;\n flex-wrap: wrap;\n margin-top: 50px;\n }\n \n .stat-item {\n background: rgba(255, 255, 255, 0.15);\n backdrop-filter: blur(10px);\n padding: 20px 30px;\n border-radius: var(--radius);\n text-align: center;\n min-width: 180px;\n border: 1px solid rgba(255, 255, 255, 0.2);\n transition: var(--transition);\n }\n \n .stat-item:hover {\n transform: translateY(-8px);\n background: rgba(255, 255, 255, 0.25);\n }\n \n .stat-value {\n font-size: 2.5rem;\n font-weight: 700;\n margin-bottom: 5px;\n }\n \n .stat-label {\n font-size: 1.1rem;\n opacity: 0.9;\n }\n \n \/* \u4e3b\u8981\u5185\u5bb9\u533a\u57df *\/\n .content-section {\n margin: 70px 0;\n }\n \n .section-title {\n text-align: center;\n margin-bottom: 60px;\n position: relative;\n }\n \n .section-title h2 {\n font-size: 2.6rem;\n color: var(--dark);\n display: inline-block;\n background: linear-gradient(135deg, var(--primary), var(--secondary));\n -webkit-background-clip: text;\n background-clip: text;\n color: transparent;\n padding-bottom: 15px;\n margin-bottom: 15px;\n }\n \n .section-title p {\n font-size: 1.2rem;\n color: var(--text-light);\n max-width: 800px;\n margin: 0 auto;\n line-height: 1.7;\n }\n \n .section-title::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 100px;\n height: 5px;\n background: linear-gradient(to right, var(--primary), var(--secondary));\n border-radius: 4px;\n }\n \n .about-content {\n background: var(--light);\n border-radius: var(--radius);\n padding: 50px;\n box-shadow: var(--shadow);\n margin-bottom: 60px;\n }\n \n .about-content p {\n font-size: 1.15rem;\n line-height: 1.8;\n color: var(--text-dark);\n margin-bottom: 25px;\n }\n \n .highlight {\n background: linear-gradient(120deg, rgba(74, 108, 247, 0.1), transparent);\n padding: 30px;\n border-left: 4px solid var(--primary);\n border-radius: 0 var(--radius) var(--radius) 0;\n margin: 40px 0;\n }\n \n \/* \u670d\u52a1\u5c55\u793a\u533a *\/\n .services-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(380px, 1fr));\n gap: 40px;\n margin-top: 40px;\n }\n \n .service-card {\n background: var(--light);\n border-radius: var(--radius);\n overflow: hidden;\n box-shadow: var(--shadow);\n transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\n display: flex;\n flex-direction: column;\n }\n \n .service-card:hover {\n transform: translateY(-15px);\n box-shadow: 0 20px 40px rgba(74, 108, 247, 0.2);\n }\n \n .service-header {\n padding: 30px;\n background: linear-gradient(135deg, var(--primary), var(--primary-light));\n color: white;\n text-align: center;\n position: relative;\n overflow: hidden;\n }\n \n .service-header::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: url('data:image\/svg+xml;utf8,<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 200 200\"><rect x=\"0\" y=\"0\" width=\"200\" height=\"200\" fill=\"none\" stroke=\"white\" stroke-width=\"2\" stroke-dasharray=\"10,5\" opacity=\"0.1\"\/><\/svg>');\n z-index: 1;\n }\n \n .service-icon {\n width: 100px;\n height: 100px;\n margin: 0 auto 20px;\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n z-index: 2;\n }\n \n .service-icon img {\n width: 100%;\n height: 100%;\n object-fit: contain;\n filter: drop-shadow(0 5px 15px rgba(0,0,0,0.1));\n }\n \n .service-title {\n font-size: 1.8rem;\n margin-bottom: 10px;\n position: relative;\n z-index: 2;\n }\n \n .service-content {\n padding: 30px;\n flex: 1;\n background: var(--light);\n }\n \n .service-content ul {\n list-style: none;\n padding: 0;\n }\n \n .service-content li {\n padding: 15px 0;\n border-bottom: 1px solid rgba(0, 0, 0, 0.1);\n display: flex;\n align-items: flex-start;\n }\n \n .service-content li:last-child {\n border-bottom: none;\n }\n \n .service-content li i {\n color: var(--primary);\n margin-right: 15px;\n margin-top: 5px;\n font-size: 1.2rem;\n }\n \n \/* \u4f01\u4e1a\u6587\u5316\u4f7f\u547d *\/\n .mission {\n text-align: center;\n margin: 80px 0;\n padding: 0 20px;\n }\n \n .mission h2 {\n font-size: 2.8rem;\n margin-bottom: 30px;\n color: var(--text-dark);\n }\n \n .mission p {\n font-size: 1.2rem;\n max-width: 800px;\n margin: 0 auto;\n color: var(--text-light);\n line-height: 1.8;\n }\n \n \/* \u4f01\u4e1a\u4ef7\u503c\u89c2 *\/\n .values-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 40px;\n margin: 80px 0;\n }\n \n .value-card {\n background: rgba(255, 255, 255, 0.7);\n backdrop-filter: blur(10px);\n border-radius: 20px;\n padding: 40px 30px;\n border: 1px solid rgba(0, 0, 0, 0.05);\n transition: var(--transition);\n position: relative;\n overflow: hidden;\n z-index: 1;\n box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);\n }\n \n .value-card:hover {\n transform: translateY(-15px);\n box-shadow: 0 15px 35px rgba(0, 0, 0, 0.1);\n border-color: rgba(74, 108, 247, 0.2);\n }\n \n .value-card::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: linear-gradient(135deg, rgba(74,108,247,0.05), rgba(106,17,203,0.05));\n z-index: -1;\n opacity: 0;\n transition: var(--transition);\n }\n \n .value-card:hover::before {\n opacity: 1;\n }\n \n .value-icon {\n font-size: 3.5rem;\n margin-bottom: 25px;\n background: linear-gradient(45deg, var(--primary), var(--secondary));\n -webkit-background-clip: text;\n background-clip: text;\n color: transparent;\n }\n \n .value-title {\n font-size: 1.8rem;\n margin-bottom: 20px;\n color: var(--text-dark);\n font-weight: 600;\n }\n \n .value-desc {\n font-size: 1.1rem;\n color: var(--text-light);\n line-height: 1.7;\n }\n \n \/* \u4f01\u4e1a\u6587\u5316\u57fa\u56e0 *\/\n .culture-section {\n margin: 100px 0;\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n gap: 50px;\n }\n \n .culture-text {\n flex: 1;\n min-width: 300px;\n padding: 20px;\n }\n \n .culture-text h2 {\n font-size: 2.8rem;\n margin-bottom: 30px;\n color: var(--text-dark);\n }\n \n .culture-text p {\n font-size: 1.2rem;\n color: var(--text-light);\n line-height: 1.8;\n margin-bottom: 25px;\n }\n \n .culture-visual {\n flex: 1;\n min-width: 300px;\n display: flex;\n justify-content: center;\n position: relative;\n }\n \n .visual-element {\n width: 350px;\n height: 350px;\n border-radius: 50%;\n background: linear-gradient(135deg, var(--primary), var(--secondary));\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n overflow: hidden;\n box-shadow: 0 20px 50px rgba(0, 0, 0, 0.1);\n animation: rotate 30s linear infinite;\n }\n \n @keyframes rotate {\n 0% { transform: rotate(0deg); }\n 100% { transform: rotate(360deg); }\n }\n \n .inner-circle {\n width: 250px;\n height: 250px;\n border-radius: 50%;\n background: white;\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n z-index: 2;\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);\n }\n \n .logo-inner {\n width: 160px;\n height: 120px;\n background: linear-gradient(45deg, var(--primary), var(--secondary));\n -webkit-mask: url('https:\/\/www.affectivechain.com\/wp-content\/uploads\/2025\/07\/\u5fc3\u94fe\u79d1\u6280\u53d5\u53c8\u552e\u540e_\u753b\u677f-11-scaled-e1753153657856.png') center\/contain no-repeat;\n mask: url('https:\/\/www.affectivechain.com\/wp-content\/uploads\/2025\/07\/\u5fc3\u94fe\u79d1\u6280\u53d5\u53c8\u552e\u540e_\u753b\u677f-11-scaled-e1753153657856.png') center\/contain no-repeat;\n }\n \n .visual-element::before {\n content: '';\n position: absolute;\n top: -50%;\n left: -50%;\n width: 200%;\n height: 200%;\n background: conic-gradient(\n transparent, \n rgba(255,255,255,0.3), \n transparent 30%\n );\n animation: rotate 3s linear infinite;\n }\n \n \/* \u6280\u672f\u4f18\u52bf\u90e8\u5206 *\/\n .tech-advantages {\n background: linear-gradient(135deg, #f0f7ff 0%, #f8fbfd 100%);\n padding: 80px 0;\n border-radius: var(--radius);\n }\n \n .tech-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));\n gap: 40px;\n }\n \n .tech-card {\n background: white;\n border-radius: var(--radius);\n padding: 40px;\n box-shadow: var(--shadow);\n transition: var(--transition);\n }\n \n .tech-card:hover {\n transform: translateY(-10px);\n box-shadow: 0 15px 30px rgba(74, 108, 247, 0.2);\n }\n \n .tech-icon {\n font-size: 3rem;\n color: var(--primary);\n margin-bottom: 20px;\n }\n \n .tech-title {\n font-size: 1.8rem;\n margin-bottom: 20px;\n color: var(--text-dark);\n }\n \n .tech-desc {\n color: var(--text-light);\n line-height: 1.8;\n }\n \n \/* \u4e13\u4e1a\u5efa\u8bae\u533a *\/\n .professional-advice {\n background: var(--light);\n border-radius: var(--radius);\n padding: 50px;\n box-shadow: var(--shadow);\n margin: 70px 0;\n }\n \n .advice-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));\n gap: 40px;\n margin-top: 40px;\n }\n \n .advice-card {\n background: #f8fbfe;\n border-radius: var(--radius);\n padding: 30px;\n border-left: 4px solid var(--primary);\n transition: var(--transition);\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\n }\n \n .advice-card:hover {\n background: #f0eafd;\n transform: translateY(-10px);\n box-shadow: 0 15px 30px rgba(74, 108, 247, 0.15);\n }\n \n .advice-card h3 {\n color: var(--dark);\n margin-bottom: 20px;\n font-size: 1.5rem;\n display: flex;\n align-items: center;\n gap: 15px;\n }\n \n .advice-card h3 i {\n color: var(--primary);\n font-size: 1.8rem;\n }\n \n .advice-card ul {\n padding-left: 20px;\n margin-top: 20px;\n }\n \n .advice-card li {\n margin-bottom: 15px;\n line-height: 1.7;\n }\n \n \/* \u5e73\u53f0\u529f\u80fd\u5c55\u793a\u533a *\/\n .platform-section {\n margin: 80px 0;\n }\n \n .platform-container {\n display: flex;\n flex-wrap: wrap;\n gap: 50px;\n align-items: center;\n }\n \n .platform-content {\n flex: 1;\n min-width: 350px;\n }\n \n .platform-features {\n flex: 1;\n min-width: 350px;\n }\n \n .feature-list {\n list-style: none;\n padding: 0;\n }\n \n .feature-list li {\n padding: 25px;\n background: var(--light);\n border-radius: var(--radius);\n margin-bottom: 20px;\n box-shadow: var(--shadow);\n display: flex;\n align-items: flex-start;\n gap: 20px;\n transition: var(--transition);\n }\n \n .feature-list li:hover {\n transform: translateX(15px);\n box-shadow: 0 15px 35px rgba(74, 108, 247, 0.2);\n }\n \n .feature-icon {\n width: 60px;\n height: 60px;\n background: linear-gradient(135deg, var(--primary), var(--primary-light));\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n color: white;\n font-size: 1.5rem;\n flex-shrink: 0;\n }\n \n .feature-text h4 {\n margin-bottom: 10px;\n color: var(--dark);\n font-size: 1.3rem;\n }\n \n .feature-text p {\n color: var(--text-light);\n line-height: 1.7;\n }\n \n .platform-visual {\n flex: 1;\n min-width: 350px;\n height: 450px;\n background: linear-gradient(135deg, var(--primary), var(--primary-light));\n border-radius: var(--radius);\n display: flex;\n align-items: center;\n justify-content: center;\n color: white;\n font-size: 1.5rem;\n font-weight: 600;\n box-shadow: 0 20px 40px rgba(74, 108, 247, 0.3);\n position: relative;\n overflow: hidden;\n }\n \n .platform-visual::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: url('data:image\/svg+xml;utf8,<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 200 200\"><rect x=\"0\" y=\"0\" width=\"200\" height=\"200\" fill=\"none\" stroke=\"white\" stroke-width=\"2\" stroke-dasharray=\"10,5\" opacity=\"0.2\"\/><\/svg>');\n background-size: cover;\n }\n \n .platform-visual-content {\n position: relative;\n z-index: 2;\n text-align: center;\n padding: 20px;\n }\n \n .platform-visual-content img {\n width: 120px;\n height: 120px;\n margin-bottom: 25px;\n filter: drop-shadow(0 5px 15px rgba(0,0,0,0.2));\n }\n \n .platform-visual-content h3 {\n font-size: 2.2rem;\n margin-bottom: 15px;\n }\n \n \/* \u7279\u8272\u533a\u57df *\/\n .features-section {\n margin: 80px 0;\n background: linear-gradient(135deg, #f0f7ff 0%, #f8fbfd 100%);\n padding: 80px 0;\n border-radius: var(--radius);\n }\n \n .feature-grid {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 60px;\n align-items: center;\n }\n \n .feature-content h2 {\n font-size: 2.5rem;\n margin-bottom: 40px;\n color: var(--dark);\n font-weight: 700;\n line-height: 1.3;\n }\n \n .feature-content p {\n margin-bottom: 40px;\n font-size: 1.2rem;\n color: var(--text-light);\n line-height: 1.8;\n }\n \n .feature-list-alt {\n list-style: none;\n }\n \n .feature-list-alt li {\n margin-bottom: 30px;\n display: flex;\n align-items: flex-start;\n background: var(--light);\n padding: 25px;\n border-radius: var(--radius);\n box-shadow: var(--shadow);\n transition: var(--transition);\n }\n \n .feature-list-alt li:hover {\n transform: translateY(-8px);\n box-shadow: 0 15px 30px rgba(74, 108, 247, 0.15);\n }\n \n .feature-list-alt i {\n color: var(--primary);\n font-size: 2.2rem;\n margin-right: 25px;\n min-width: 50px;\n margin-top: 5px;\n }\n \n .feature-list-alt strong {\n display: block;\n font-size: 1.4rem;\n color: var(--dark);\n margin-bottom: 12px;\n }\n \n .feature-list-alt p {\n font-size: 1.1rem;\n margin-bottom: 0;\n color: var(--text-light);\n }\n \n .feature-image {\n position: relative;\n height: 500px;\n border-radius: var(--radius);\n overflow: hidden;\n box-shadow: 0 25px 50px rgba(0, 0, 0, 0.15);\n background: linear-gradient(45deg, var(--primary), var(--primary-light));\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n color: white;\n text-align: center;\n padding: 40px;\n }\n \n .feature-image img {\n width: 150px;\n height: 150px;\n margin-bottom: 30px;\n filter: drop-shadow(0 5px 15px rgba(0,0,0,0.2));\n }\n \n .feature-image p {\n font-size: 2.0rem;\n font-weight: 600;\n line-height: 1.4;\n }\n \n \/* \u5f15\u7528\u533a\u57df *\/\n .quote-section {\n margin: 100px auto;\n max-width: 800px;\n text-align: center;\n padding: 60px 40px;\n border-radius: 20px;\n background: rgba(255, 255, 255, 0.7);\n backdrop-filter: blur(10px);\n border: 1px solid rgba(0, 0, 0, 0.05);\n position: relative;\n box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);\n }\n \n .quote-icon {\n font-size: 4rem;\n color: var(--primary);\n opacity: 0.3;\n margin-bottom: 30px;\n }\n \n .quote-text {\n font-style: italic;\n font-size: 2rem;\n margin-bottom: 30px;\n line-height: 1.6;\n color: var(--text-dark);\n }\n \n .quote-author {\n font-size: 1.2rem;\n color: var(--accent);\n font-weight: 600;\n }\n \n \/* \u54cd\u5e94\u5f0f\u8bbe\u8ba1 *\/\n @media (max-width: 1200px) {\n .hero h1 {\n font-size: 2.6rem;\n }\n \n .hero p {\n font-size: 1.2rem;\n }\n \n .section-title h2 {\n font-size: 2.3rem;\n }\n \n .feature-grid {\n gap: 40px;\n }\n }\n \n @media (max-width: 992px) {\n .culture-section {\n flex-direction: column;\n }\n \n .visual-element {\n width: 280px;\n height: 280px;\n }\n \n .inner-circle {\n width: 200px;\n height: 200px;\n }\n \n .feature-grid {\n grid-template-columns: 1fr;\n }\n \n .feature-image {\n height: 400px;\n margin-top: 50px;\n }\n \n .platform-container {\n flex-direction: column;\n }\n }\n \n @media (max-width: 768px) {\n .hero {\n padding: 60px 20px 40px;\n }\n \n .hero h1 {\n font-size: 2.2rem;\n }\n \n .stat-item {\n min-width: 140px;\n padding: 15px;\n }\n \n .stat-value {\n font-size: 2.0rem;\n }\n \n .section-title h2 {\n font-size: 2.0rem;\n }\n \n .services-grid {\n grid-template-columns: 1fr;\n }\n \n .advice-grid {\n grid-template-columns: 1fr;\n }\n }\n \n @media (max-width: 576px) {\n .hero h1 {\n font-size: 1.8rem;\n }\n \n .stat-item {\n min-width: 120px;\n padding: 12px;\n }\n \n .stat-value {\n font-size: 1.7rem;\n }\n \n .section-title h2 {\n font-size: 1.7rem;\n }\n \n .about-content, .professional-advice {\n padding: 30px 20px;\n }\n \n .feature-image {\n height: 300px;\n }\n \n .quote-text {\n font-size: 1.6rem;\n }\n }\n <\/style>\n<\/head>\n<body>\n <div class=\"pulse\">\n <div class=\"pulse-circle\"><\/div>\n <div class=\"pulse-circle\"><\/div>\n <div class=\"pulse-circle\"><\/div>\n <\/div>\n \n <div class=\"container\">\n <!-- \u5934\u90e8\u533a\u57df -->\n <section class=\"hero\">\n <div class=\"hero-content\">\n <h1>\u5fc3\u94fe\u60c5\u667a\u6570\u636e\u79d1\u6280\uff08\u4e0a\u6d77\uff09\u6709\u9650\u516c\u53f8<\/h1>\n <p>\u60c5\u611f\u667a\u80fd\u79d1\u6280\uff0c\u5f15\u9886\u5fc3\u7406\u5065\u5eb7\u65b0\u65f6\u4ee3<\/p>\n \n <div class=\"stats-container\">\n <div class=\"stat-item\">\n <div class=\"stat-value\">92%<\/div>\n <div class=\"stat-label\">\u60c5\u611f\u8bc6\u522b\u51c6\u786e\u7387<\/div>\n <\/div>\n <div class=\"stat-item\">\n <div class=\"stat-value\">50,000+<\/div>\n <div class=\"stat-label\">\u670d\u52a1\u5bb6\u5ead<\/div>\n <\/div>\n <div class=\"stat-item\">\n <div class=\"stat-value\">98%<\/div>\n <div class=\"stat-label\">\u7528\u6237\u6ee1\u610f\u5ea6<\/div>\n <\/div>\n <div class=\"stat-item\">\n <div class=\"stat-value\">30+<\/div>\n <div class=\"stat-label\">\u4e13\u5229\u6280\u672f<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- \u5173\u4e8e\u6211\u4eec\u533a\u57df -->\n <section class=\"content-section\" id=\"about\">\n <div class=\"section-title\">\n <h2>\u5173\u4e8e\u6211\u4eec<\/h2>\n <p>\u5fc3\u94fe\u60c5\u667a\u6570\u636e\u79d1\u6280\u662f\u4e00\u5bb6\u4e13\u6ce8\u4e8e\u60c5\u611f\u667a\u80fd\u79d1\u6280\u7684\u516c\u53f8\uff0c\u81f4\u529b\u4e8e\u5c06\u4eba\u5de5\u667a\u80fd\u3001\u5927\u6570\u636e\u548c\u533a\u5757\u94fe\u6280\u672f\u5e94\u7528\u4e8e\u5bb6\u5ead\u5fc3\u7406\u5065\u5eb7\u4e0e\u60c5\u611f\u5173\u7cfb\u7ba1\u7406\u3002<\/p>\n <\/div>\n \n <div class=\"about-content\">\n <p>\u6211\u4eec\u4ee5\u79d1\u6280\u521b\u65b0\u4e3a\u9a71\u52a8\uff0c\u4ee5\u7528\u6237\u9700\u6c42\u4e3a\u5bfc\u5411\uff0c\u6253\u9020\u4e86\u4e00\u7cfb\u5217\u6539\u53d8\u884c\u4e1a\u7684\u60c5\u611f\u5065\u5eb7\u89e3\u51b3\u65b9\u6848\u3002\u516c\u53f8\u4e8e<strong>2025\u5e743\u670827\u65e5<\/strong>\u5728\u4e0a\u6d77\u6d66\u4e1c\u65b0\u533a\u5f20\u6c5f\u4eba\u5de5\u667a\u80fd\u5c9b\u6b63\u5f0f\u6210\u7acb\uff0c\u7531\u4e00\u7fa4\u6765\u81ea\u4eba\u5de5\u667a\u80fd\u3001\u5fc3\u7406\u5b66\u548c\u533b\u7597\u5065\u5eb7\u9886\u57df\u7684\u4e13\u5bb6\u5171\u540c\u521b\u7acb\u3002<\/p>\n \n <div class=\"highlight\">\n <p>\u6211\u4eec\u7684\u4f7f\u547d\u662f\u901a\u8fc7\u79d1\u6280\u8d4b\u80fd\uff0c\u5e2e\u52a9\u6bcf\u4e2a\u5bb6\u5ead\u5efa\u7acb\u5065\u5eb7\u7684\u60c5\u611f\u8fde\u63a5\uff0c\u63d0\u5347\u5fc3\u7406\u5065\u5eb7\u6c34\u5e73\uff0c\u521b\u9020\u66f4\u548c\u8c10\u7684\u5bb6\u5ead\u5173\u7cfb\u3002<\/p>\n <\/div>\n \n <p>\u6211\u4eec\u62e5\u6709\u81ea\u4e3b\u7814\u53d1\u7684\u591a\u6a21\u6001\u60c5\u611f\u8bc6\u522b\u5f15\u64ce\u548c\u60c5\u611f\u8ba1\u7b97\u5e73\u53f0\uff0c\u901a\u8fc7\u79d1\u5b66\u7684\u60c5\u611f\u6570\u636e\u5206\u6790\u65b9\u6cd5\uff0c\u4e3a\u5bb6\u5ead\u63d0\u4f9b\u4e2a\u6027\u5316\u7684\u60c5\u611f\u5065\u5eb7\u8bc4\u4f30\u548c\u4f18\u5316\u65b9\u6848\u3002<\/p>\n \n <p>\u6211\u4eec\u81f4\u529b\u4e8e\uff1a\u9884\u9632\u5bb6\u5ead\u77db\u76fe\u3001\u964d\u4f4e\u51b2\u7a81\u53d1\u751f\u9891\u7387\u548c\u5f3a\u5ea6\uff1b\u4fc3\u8fdb\u4ee3\u9645\u548c\u8c10\u3001\u51cf\u5c11\u4ee3\u9645\u77db\u76fe\u5e76\u4f20\u627f\u5bb6\u5ead\u4ef7\u503c\u89c2\uff1b\u63d0\u5347\u5fc3\u7406\u5065\u5eb7\u3001\u79d1\u5b66\u7ba1\u7406\u60c5\u611f\u5065\u5eb7\u5e76\u9884\u9632\u5fc3\u7406\u95ee\u9898\uff1b\u4e3a\u5bb6\u5ead\u7ea0\u7eb7\u63d0\u4f9b\u53f8\u6cd5\u7ea7\u5b58\u8bc1\uff1b\u964d\u4f4e\u79bb\u5a5a\u7387\u3001\u63d0\u5347\u5bb6\u5ead\u7a33\u5b9a\u6027\uff0c\u4ece\u800c\u4fc3\u8fdb\u793e\u4f1a\u548c\u8c10\u3002<\/p>\n <\/div>\n <\/section>\n \n <!-- \u4f01\u4e1a\u6587\u5316\u4f7f\u547d -->\n <section class=\"mission\">\n <h2>\u6211\u4eec\u7684\u4f7f\u547d<\/h2>\n <p>\u5728\u6570\u5b57\u65f6\u4ee3\u5efa\u7acb\u771f\u8bda\u7684\u60c5\u611f\u8fde\u63a5\uff0c\u901a\u8fc7\u6280\u672f\u521b\u65b0\u5f25\u5408\u4eba\u4e0e\u4eba\u4e4b\u95f4\u7684\u60c5\u611f\u9e3f\u6c9f\uff0c\u8ba9\u6bcf\u4e00\u6b21\u4e92\u52a8\u90fd\u5145\u6ee1\u6e29\u5ea6\u4e0e\u7406\u89e3\u3002<\/p>\n <p>\u6211\u4eec\u76f8\u4fe1\u79d1\u6280\u7684\u529b\u91cf\u5728\u4e8e\u7406\u89e3\u4eba\u5fc3\u3002\u901a\u8fc7\u60c5\u611f\u667a\u80fd\u6280\u672f\uff0c\u6211\u4eec\u81f4\u529b\u4e8e\u521b\u9020\u80fd\u611f\u77e5\u3001\u9002\u5e94\u548c\u4e30\u5bcc\u4eba\u7c7b\u60c5\u611f\u4f53\u9a8c\u7684\u521b\u65b0\u4ea7\u54c1\u3002<\/p>\n <\/section>\n \n <!-- \u4f01\u4e1a\u4ef7\u503c\u89c2 -->\n <section class=\"values-grid\">\n <div class=\"value-card\">\n <div class=\"value-icon\">\n <i class=\"fas fa-heartbeat\"><\/i>\n <\/div>\n <h3 class=\"value-title\">\u60c5\u611f\u4e3a\u672c<\/h3>\n <p class=\"value-desc\">\u6211\u4eec\u4ee5\u4eba\u7c7b\u60c5\u611f\u4e3a\u6838\u5fc3\u8bbe\u8ba1\u7406\u5ff5\uff0c\u6240\u6709\u4ea7\u54c1\u90fd\u6e90\u4e8e\u5bf9\u60c5\u611f\u4e92\u52a8\u7684\u6df1\u523b\u7406\u89e3\u3002\u6bcf\u4e00\u6b21\u521b\u65b0\u90fd\u662f\u4e3a\u4e86\u8ba9\u79d1\u6280\u66f4\u6e29\u6696\u3001\u66f4\u4eba\u6027\u5316\u3002<\/p>\n <\/div>\n \n <div class=\"value-card\">\n <div class=\"value-icon\">\n <i class=\"fas fa-hands-helping\"><\/i>\n <\/div>\n <h3 class=\"value-title\">\u540c\u7406\u8fde\u63a5<\/h3>\n <p class=\"value-desc\">\u6211\u4eec\u57f9\u517b\u56e2\u961f\u7684\u540c\u7406\u5fc3\u6587\u5316\uff0c\u9f13\u52b1\u7ad9\u5728\u7528\u6237\u89d2\u5ea6\u601d\u8003\u3002\u901a\u8fc7\u6df1\u5ea6\u7406\u89e3\u5efa\u7acb\u771f\u6b63\u7684\u8fde\u63a5\uff0c\u8ba9\u6280\u672f\u6210\u4e3a\u60c5\u611f\u7684\u6865\u6881\u800c\u975e\u5c4f\u969c\u3002<\/p>\n <\/div>\n \n <div class=\"value-card\">\n <div class=\"value-icon\">\n <i class=\"fas fa-lightbulb\"><\/i>\n <\/div>\n <h3 class=\"value-title\">\u52c7\u6562\u521b\u65b0<\/h3>\n <p class=\"value-desc\">\u5728\u60c5\u611f\u79d1\u6280\u7684\u524d\u6cbf\uff0c\u6211\u4eec\u62e5\u62b1\u5927\u80c6\u60f3\u6cd5\u548c\u975e\u5e38\u89c4\u89e3\u51b3\u65b9\u6848\u3002\u521b\u65b0\u4e0d\u4ec5\u6765\u81ea\u6280\u672f\u7a81\u7834\uff0c\u66f4\u6e90\u4e8e\u5bf9\u4eba\u7c7b\u60c5\u611f\u7684\u72ec\u7279\u6d1e\u5bdf\u3002<\/p>\n <\/div>\n <\/section>\n \n <!-- \u4f01\u4e1a\u6587\u5316\u57fa\u56e0 -->\n <section class=\"culture-section\">\n <div class=\"culture-text\">\n <h2>\u6211\u4eec\u7684\u6587\u5316\u57fa\u56e0<\/h2>\n <p>\u6211\u4eec\u7684\u6587\u5316\u5efa\u7acb\u5728”\u60c5\u611f\u667a\u80fd”\u7684\u57fa\u7840\u4e0a\uff0c\u6211\u4eec\u76f8\u4fe1\u771f\u6b63\u521b\u65b0\u7684\u79d1\u6280\u5e94\u8be5\u7406\u89e3\u548c\u5c0a\u91cd\u4eba\u7c7b\u60c5\u611f\u7684\u590d\u6742\u6027\u3002<\/p>\n <p>\u5728\u6211\u4eec\u7684\u5de5\u4f5c\u73af\u5883\u4e2d\uff0c\u521b\u9020\u529b\u548c\u540c\u7406\u5fc3\u540c\u7b49\u91cd\u8981\u3002\u56e2\u961f\u6bcf\u5468\u7684”\u60c5\u611f\u5b9e\u9a8c\u5ba4”\u8ba9\u6211\u4eec\u5206\u4eab\u4e2a\u4eba\u4f53\u9a8c\uff0c\u8fd9\u4e9b\u771f\u5b9e\u7684\u60c5\u611f\u6545\u4e8b\u76f4\u63a5\u542f\u53d1\u6211\u4eec\u7684\u4ea7\u54c1\u8bbe\u8ba1\u3002<\/p>\n <p>\u6211\u4eec\u5021\u5bfc”\u5168\u4eba\u53d1\u5c55”\u7406\u5ff5\uff0c\u652f\u6301\u5458\u5de5\u5728\u4e13\u4e1a\u6210\u957f\u7684\u540c\u65f6\uff0c\u53d1\u5c55\u60c5\u611f\u667a\u6167\u548c\u4eba\u9645\u8fde\u63a5\u80fd\u529b\u3002\u56e0\u4e3a\u53ea\u6709\u7406\u89e3\u81ea\u5df1\u7684\u4eba\uff0c\u624d\u80fd\u521b\u9020\u51fa\u7406\u89e3\u4ed6\u4eba\u7684\u4ea7\u54c1\u3002<\/p>\n <\/div>\n \n <div class=\"culture-visual\">\n <div class=\"visual-element\">\n <div class=\"inner-circle\">\n <div class=\"logo-inner\"><\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n \n <!-- \u5f15\u7528\u533a\u57df -->\n <section class=\"quote-section\">\n <div class=\"quote-icon\">\n <i class=\"fas fa-quote-left\"><\/i>\n <\/div>\n <p class=\"quote-text\">“\u5728\u5fc3\u94fe\u79d1\u6280\uff0c\u6211\u4eec\u4e0d\u662f\u5728\u7f16\u5199\u4ee3\u7801\uff0c\u800c\u662f\u5728\u7f16\u7ec7\u60c5\u611f\u3002\u6bcf\u4e00\u884c\u4ee3\u7801\u80cc\u540e\uff0c\u90fd\u6709\u4e00\u4e2a\u6211\u4eec\u60f3\u8981\u8fde\u63a5\u7684\u5fc3\u7075\u3002”<\/p>\n <p class=\"quote-author\">\u2014 \u5fc3\u94fe\u79d1\u6280\u521b\u59cb\u4eba\u517cCEO<\/p>\n <\/section>\n \n <!-- \u670d\u52a1\u533a\u57df -->\n <section class=\"content-section\" id=\"services\">\n <div class=\"section-title\">\n <h2>\u6211\u4eec\u7684\u6838\u5fc3\u670d\u52a1<\/h2>\n <p>\u7ed3\u5408\u5fc3\u7406\u5b66\u3001\u6570\u636e\u79d1\u5b66\u4e0e\u4eba\u5de5\u667a\u80fd\u6280\u672f\uff0c\u4e3a\u5bb6\u5ead\u60c5\u611f\u5065\u5eb7\u63d0\u4f9b\u79d1\u5b66\u4fdd\u969c<\/p>\n <\/div>\n \n <div class=\"services-grid\">\n <!-- \u670d\u52a1\u5361\u7247 1 -->\n <div class=\"service-card\">\n <div class=\"service-header\">\n <div class=\"service-icon\">\n <i class=\"fas fa-heartbeat fa-3x\"><\/i>\n <\/div>\n <h3 class=\"service-title\">\u60c5\u611f\u5065\u5eb7\u626b\u63cf<\/h3>\n <\/div>\n <div class=\"service-content\">\n <ul>\n <li>\n <i class=\"fas fa-check-circle\"><\/i>\n <span>\u57fa\u4e8e\u79d1\u5b66\u7684\u60c5\u611f\u6570\u636e\u5206\u6790\u65b9\u6cd5\uff0c\u63d0\u4f9b\u4e2a\u6027\u5316\u5bb6\u5ead\u60c5\u611f\u5065\u5eb7\u8bc4\u4f30<\/span>\n <\/li>\n <li>\n <i class=\"fas fa-check-circle\"><\/i>\n <span>\u901a\u8fc7\u591a\u7ef4\u5ea6\u626b\u63cf\uff0c\u5e2e\u52a9\u60a8\u4e86\u89e3\u5bb6\u5ead\u60c5\u611f\u72b6\u6001\uff0c\u8bc6\u522b\u6f5c\u5728\u95ee\u9898<\/span>\n <\/li>\n <li>\n <i class=\"fas fa-check-circle\"><\/i>\n <span>\u5b9a\u5236\u5bb6\u65cf\u6559\u80b2\u7406\u5ff5\u4f20\u627f\u65b9\u6848\uff0c\u5ef6\u7eed\u5e78\u798f\u57fa\u56e0<\/span>\n <\/li>\n <li>\n <i class=\"fas fa-check-circle\"><\/i>\n <span>\u5efa\u7acb\u548c\u8c10\u5065\u5eb7\u7684\u5bb6\u5ead\u5173\u7cfb<\/span>\n <\/li>\n <\/ul>\n <\/div>\n <\/div>\n \n <!-- \u670d\u52a1\u5361\u7247 2 -->\n <div class=\"service-card\">\n <div class=\"service-header\">\n <div class=\"service-icon\">\n <i class=\"fas fa-users fa-3x\"><\/i>\n <\/div>\n <h3 class=\"service-title\">\u5173\u7cfb\u8d28\u91cf\u8bc4\u4f30<\/h3>\n <\/div>\n <div class=\"service-content\">\n <ul>\n <li>\n <i class=\"fas fa-check-circle\"><\/i>\n <span>\u91c7\u7528\u4e13\u4e1a\u7684\u60c5\u611f\u5173\u7cfb\u8bc4\u4f30\u5de5\u5177\uff0c\u5bf9\u5bb6\u5ead\u6838\u5fc3\u5173\u7cfb\u8fdb\u884c\u5168\u9762\u8bc4\u4f30<\/span>\n <\/li>\n <li>\n <i class=\"fas fa-check-circle\"><\/i>\n <span>\u6839\u636e\u8bc4\u4f30\u7ed3\u679c\uff0c\u5b9a\u671f\u63a8\u9001\u4e2a\u6027\u5316\u5173\u7cfb\u4f18\u5316\u5efa\u8bae<\/span>\n <\/li>\n <li>\n <i class=\"fas fa-check-circle\"><\/i>\n <span>\u5e2e\u52a9\u5bb6\u5ead\u6210\u5458\u6539\u5584\u6c9f\u901a\u65b9\u5f0f\uff0c\u52a0\u6df1\u60c5\u611f\u8fde\u63a5<\/span>\n <\/li>\n <li>\n <i class=\"fas fa-check-circle\"><\/i>\n <span>\u60c5\u611f\u8bb0\u5fc6\u94f6\u884c\u4e0e\u6545\u4e8b\u4f20\u627f<\/span>\n <\/li>\n <\/ul>\n <\/div>\n <\/div>\n \n <!-- \u670d\u52a1\u5361\u7247 3 -->\n <div class=\"service-card\">\n <div class=\"service-header\">\n <div class=\"service-icon\">\n <i class=\"fas fa-exclamation-triangle fa-3x\"><\/i>\n <\/div>\n <h3 class=\"service-title\">\u60c5\u611f\u98ce\u9669\u9884\u8b66<\/h3>\n <\/div>\n <div class=\"service-content\">\n <ul>\n <li>\n <i class=\"fas fa-check-circle\"><\/i>\n <span>\u901a\u8fc7\u6301\u7eed\u76d1\u6d4b\u5bb6\u5ead\u60c5\u611f\u6307\u6570\u53d8\u5316\uff0c\u5efa\u7acb\u60c5\u611f\u98ce\u9669\u9884\u8b66\u6a21\u578b<\/span>\n <\/li>\n <li>\n <i class=\"fas fa-check-circle\"><\/i>\n <span>\u63d0\u524d\u8bc6\u522b\u6f5c\u5728\u60c5\u611f\u5371\u673a\uff0c\u5728\u95ee\u9898\u6076\u5316\u524d\u53ca\u65f6\u5e72\u9884<\/span>\n <\/li>\n <li>\n <i class=\"fas fa-check-circle\"><\/i>\n <span>\u63d0\u4f9b\u7cbe\u51c6\u6d1e\u5bdf\u5bb6\u5ead\u60c5\u611f\u72b6\u6001\u7684\u670d\u52a1<\/span>\n <\/li>\n <li>\n <i class=\"fas fa-check-circle\"><\/i>\n <span>\u5b88\u62a4\u5bb6\u5ead\u60c5\u611f\u5065\u5eb7<\/span>\n <\/li>\n <\/ul>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n \n <!-- \u6280\u672f\u4f18\u52bf -->\n <section class=\"content-section\">\n <div class=\"section-title\">\n <h2>\u6280\u672f\u4f18\u52bf\u4e0e\u89e3\u51b3\u65b9\u6848<\/h2>\n <p>\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>\n \n <div class=\"tech-advantages\">\n <div class=\"container\">\n <div class=\"tech-grid\">\n <div class=\"tech-card\">\n <div class=\"tech-icon\">\n <i class=\"fas fa-brain\"><\/i>\n <\/div>\n <h3 class=\"tech-title\">\u591a\u6a21\u6001\u60c5\u611f\u5206\u6790<\/h3>\n <p class=\"tech-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>\n \n <div class=\"tech-card\">\n <div class=\"tech-icon\">\n <i class=\"fas fa-child\"><\/i>\n <\/div>\n <h3 class=\"tech-title\">\u5bb6\u5ead\u6559\u80b2\u4e92\u52a8\u5206\u6790<\/h3>\n <p class=\"tech-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>\n \n <div class=\"tech-card\">\n <div class=\"tech-icon\">\n <i class=\"fas fa-exclamation-triangle\"><\/i>\n <\/div>\n <h3 class=\"tech-title\">\u5fc3\u7406\u5065\u5eb7\u98ce\u9669\u9884\u8b66<\/h3>\n <p class=\"tech-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>\n \n <div class=\"tech-card\">\n <div class=\"tech-icon\">\n <i class=\"fas fa-users\"><\/i>\n <\/div>\n <h3 class=\"tech-title\">\u5bb6\u5ead\u51b2\u7a81\u8c03\u89e3<\/h3>\n <p class=\"tech-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>\n \n <div class=\"tech-card\">\n <div class=\"tech-icon\">\n <i class=\"fas fa-graduation-cap\"><\/i>\n <\/div>\n <h3 class=\"tech-title\">\u513f\u7ae5\u60c5\u611f\u53d1\u5c55\u8bc4\u4f30<\/h3>\n <p class=\"tech-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>\n \n <div class=\"tech-card\">\n <div class=\"tech-icon\">\n <i class=\"fas fa-comments\"><\/i>\n <\/div>\n <h3 class=\"tech-title\">\u60c5\u611f\u6c9f\u901a\u8bad\u7ec3<\/h3>\n <p class=\"tech-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>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n \n <!-- \u5e73\u53f0\u529f\u80fd\u5c55\u793a\u533a -->\n <section class=\"content-section platform-section\" id=\"platform\">\n <div class=\"section-title\">\n <h2>HeartSync\u00ae \u5e73\u53f0\u6838\u5fc3\u529f\u80fd<\/h2>\n <p>\u5bb6\u5ead\u60c5\u611f\u5065\u5eb7\u7ba1\u7406\u89e3\u51b3\u65b9\u6848<\/p>\n <\/div>\n \n <div class=\"platform-container\">\n <div class=\"platform-content\">\n <div class=\"feature-list\">\n <li>\n <div class=\"feature-icon\">\n <i class=\"fas fa-chart-line\"><\/i>\n <\/div>\n <div class=\"feature-text\">\n <h4>\u60c5\u611f\u5065\u5eb7\u4eea\u8868\u76d8<\/h4>\n <p>\u53ef\u89c6\u5316\u5c55\u793a\u5bb6\u5ead\u6210\u5458\u60c5\u611f\u72b6\u6001\u53d8\u5316\u8d8b\u52bf\uff0c\u63d0\u4f9b\u5b9e\u65f6\u5065\u5eb7\u8bc4\u4f30\u548c\u9884\u8b66<\/p>\n <\/div>\n <\/li>\n <li>\n <div class=\"feature-icon\">\n <i class=\"fas fa-comments\"><\/i>\n <\/div>\n <div class=\"feature-text\">\n <h4>\u667a\u80fd\u6c9f\u901a\u52a9\u624b<\/h4>\n <p>\u5206\u6790\u5bb6\u5ead\u6c9f\u901a\u6a21\u5f0f\uff0c\u63d0\u4f9b\u6539\u5584\u5efa\u8bae\uff0c\u4fc3\u8fdb\u6709\u6548\u60c5\u611f\u8868\u8fbe<\/p>\n <\/div>\n <\/li>\n <li>\n <div class=\"feature-icon\">\n <i class=\"fas fa-history\"><\/i>\n <\/div>\n <div class=\"feature-text\">\n <h4>\u60c5\u611f\u8bb0\u5fc6\u94f6\u884c<\/h4>\n <p>\u8bb0\u5f55\u5bb6\u5ead\u91cd\u8981\u60c5\u611f\u65f6\u523b\uff0c\u521b\u5efa\u53ef\u4f20\u627f\u7684\u60c5\u611f\u6570\u5b57\u8d44\u4ea7<\/p>\n <\/div>\n <\/li>\n <li>\n <div class=\"feature-icon\">\n <i class=\"fas fa-shield-alt\"><\/i>\n <\/div>\n <div class=\"feature-text\">\n <h4>\u9690\u79c1\u5b89\u5168\u4fdd\u62a4<\/h4>\n <p>\u7aef\u5230\u7aef\u52a0\u5bc6\u6280\u672f\uff0c\u786e\u4fdd\u5bb6\u5ead\u60c5\u611f\u6570\u636e\u5b89\u5168\u4e0e\u9690\u79c1<\/p>\n <\/div>\n <\/li>\n <\/div>\n <\/div>\n \n <div class=\"platform-visual\">\n <div class=\"platform-visual-content\">\n <i class=\"fas fa-heart fa-5x\"><\/i>\n <h3>HeartSync\u00ae \u60c5\u611f\u667a\u80fd\u5e73\u53f0<\/h3>\n <p>\u8fde\u63a5\u5fc3\u7075 \u00b7 \u5b88\u62a4\u60c5\u611f \u00b7 \u4f20\u627f\u5e78\u798f<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n \n <!-- \u4e13\u4e1a\u5efa\u8bae\u533a\u57df -->\n <section class=\"content-section\">\n <div class=\"section-title\">\n <h2>\u4e13\u4e1a\u5fc3\u7406\u5065\u5eb7\u652f\u6301<\/h2>\n <p>\u6211\u4eec\u63d0\u4f9b\u5168\u65b9\u4f4d\u7684\u5fc3\u7406\u5065\u5eb7\u652f\u6301\u670d\u52a1\uff0c\u5e2e\u52a9\u5bb6\u5ead\u5efa\u7acb\u548c\u8c10\u7684\u60c5\u611f\u8fde\u63a5<\/p>\n <\/div>\n \n <div class=\"professional-advice\">\n <div class=\"advice-grid\">\n <!-- \u4e13\u4e1a\u5e2e\u52a9\u8def\u5f84 -->\n <div class=\"advice-card\">\n <h3><i class=\"fas fa-hands-helping\"><\/i> \u4e13\u4e1a\u5e2e\u52a9\u8def\u5f84<\/h3>\n <p>\u5982\u679c\u60a8\u6b63\u9762\u4e34\u60c5\u611f\u6216\u5fc3\u7406\u5065\u5eb7\u95ee\u9898\uff0c\u6211\u4eec\u63d0\u4f9b\u4ee5\u4e0b\u4e13\u4e1a\u5e2e\u52a9\u8def\u5f84\uff1a<\/p>\n <ul>\n <li><strong>\u5728\u7ebf\u5fc3\u7406\u54a8\u8be2\uff1a<\/strong>\u4e0e\u4e13\u4e1a\u5fc3\u7406\u54a8\u8be2\u5e08\u8fdb\u884c\u4e00\u5bf9\u4e00\u5728\u7ebf\u54a8\u8be2<\/li>\n <li><strong>\u7ebf\u4e0b\u5fc3\u7406\u8bca\u7597\uff1a<\/strong>\u5f15\u5bfc\u81f3\u5408\u4f5c\u7684\u5fc3\u7406\u5065\u5eb7\u673a\u6784\u8fdb\u884c\u9762\u5bf9\u9762\u8bca\u7597<\/li>\n <li><strong>\u7d27\u6025\u63f4\u52a9\u70ed\u7ebf\uff1a<\/strong>\u63d0\u4f9b24\u5c0f\u65f6\u7d27\u6025\u5fc3\u7406\u63f4\u52a9\u70ed\u7ebf\u670d\u52a1<\/li>\n <li><strong>\u5bb6\u5ead\u6cbb\u7597\u8ba1\u5212\uff1a<\/strong>\u9488\u5bf9\u5bb6\u5ead\u5173\u7cfb\u95ee\u9898\u7684\u7cfb\u7edf\u6027\u6cbb\u7597\u65b9\u6848<\/li>\n <li><strong>\u5fc3\u7406\u5065\u5eb7\u5de5\u4f5c\u574a\uff1a<\/strong>\u5b9a\u671f\u4e3e\u529e\u7684\u4e13\u9898\u5fc3\u7406\u5065\u5eb7\u6559\u80b2\u6d3b\u52a8<\/li>\n <\/ul>\n <\/div>\n \n <!-- \u60c5\u611f\u5065\u5eb7\u5e73\u53f0 -->\n <div class=\"advice-card\">\n <h3><i class=\"fas fa-brain\"><\/i> \u60c5\u611f\u5065\u5eb7\u7ba1\u7406<\/h3>\n <p>HeartSync\u00ae\u5e73\u53f0\u63d0\u4f9b\u4ee5\u4e0b\u529f\u80fd\uff0c\u52a9\u60a8\u7ba1\u7406\u60c5\u611f\u5065\u5eb7\uff1a<\/p>\n <ul>\n <li><strong>\u60c5\u611f\u76d1\u6d4b\uff1a<\/strong>\u5b9e\u65f6\u76d1\u6d4b\u60c5\u611f\u72b6\u6001\uff0c\u63d0\u4f9b\u53ef\u89c6\u5316\u62a5\u544a<\/li>\n <li><strong>\u4e2a\u6027\u5316\u5efa\u8bae\uff1a<\/strong>\u6839\u636e\u60c5\u611f\u72b6\u6001\u63d0\u4f9b\u5fc3\u7406\u8c03\u9002\u5efa\u8bae<\/li>\n <li><strong>\u5bb6\u5ead\u4e92\u52a8\uff1a<\/strong>\u4fc3\u8fdb\u5bb6\u5ead\u6210\u5458\u95f4\u7684\u60c5\u611f\u4ea4\u6d41\u4e0e\u4e92\u52a8<\/li>\n <li><strong>\u538b\u529b\u7ba1\u7406\uff1a<\/strong>\u5b9a\u5236\u5316\u538b\u529b\u7f13\u89e3\u65b9\u6848\u4e0e\u653e\u677e\u8bad\u7ec3<\/li>\n <li><strong>\u60c5\u611f\u65e5\u8bb0\uff1a<\/strong>\u8bb0\u5f55\u60c5\u611f\u53d8\u5316\u4e0e\u91cd\u8981\u65f6\u523b\u7684\u6570\u5b57\u5de5\u5177<\/li>\n <\/ul>\n <\/div>\n \n <!-- \u6280\u672f\u4f18\u52bf -->\n <div class=\"advice-card\">\n <h3><i class=\"fas fa-microchip\"><\/i> \u6838\u5fc3\u6280\u672f\u4f18\u52bf<\/h3>\n <p>\u6211\u4eec\u7684\u5e73\u53f0\u878d\u5408\u4e86\u591a\u9879\u524d\u6cbf\u6280\u672f\uff1a<\/p>\n <ul>\n <li><strong>\u591a\u6a21\u6001\u60c5\u611f\u8bc6\u522b\uff1a<\/strong>\u878d\u5408\u8bed\u97f3\u3001\u6587\u672c\u3001\u8868\u60c5\u7b49\u591a\u7ef4\u6570\u636e\u5206\u6790<\/li>\n <li><strong>\u60c5\u611f\u8ba1\u7b97\u5f15\u64ce\uff1a<\/strong>\u9ad8\u7cbe\u5ea6\u60c5\u611f\u72b6\u6001\u8bc6\u522b\u4e0e\u9884\u6d4b\u6a21\u578b<\/li>\n <li><strong>\u533a\u5757\u94fe\u5b58\u8bc1\uff1a<\/strong>\u786e\u4fdd\u60c5\u611f\u6570\u636e\u5b89\u5168\u4e0e\u9690\u79c1\u4fdd\u62a4<\/li>\n <li><strong>\u8054\u90a6\u5b66\u4e60\u6846\u67b6\uff1a<\/strong>\u5728\u4fdd\u62a4\u9690\u79c1\u524d\u63d0\u4e0b\u8fdb\u884c\u6a21\u578b\u8bad\u7ec3<\/li>\n <li><strong>\u60c5\u611f\u5173\u7cfb\u56fe\u8c31\uff1a<\/strong>\u53ef\u89c6\u5316\u5bb6\u5ead\u6210\u5458\u60c5\u611f\u8fde\u63a5\u7f51\u7edc<\/li>\n <\/ul>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n \n <!-- \u7279\u8272\u533a\u57df -->\n <section class=\"features-section\" id=\"features\">\n <div class=\"container\">\n <div class=\"feature-grid\">\n <div class=\"feature-content\">\n <h2>\u4e3a\u4ec0\u4e48\u9009\u62e9\u5fc3\u94fe\u60c5\u667a\u6570\u636e\u79d1\u6280<\/h2>\n <p>\u6211\u4eec\u7ed3\u5408\u5fc3\u7406\u5b66\u3001\u6570\u636e\u79d1\u5b66\u4e0e\u4eba\u5de5\u667a\u80fd\u6280\u672f\uff0c\u4e3a\u5bb6\u5ead\u60c5\u611f\u5065\u5eb7\u63d0\u4f9b\u79d1\u5b66\u4fdd\u969c\uff1a<\/p>\n <ul class=\"feature-list-alt\">\n <li>\n <i class=\"fas fa-check-circle\"><\/i>\n <div>\n <strong>\u79d1\u5b66\u8bc4\u4f30\u4f53\u7cfb<\/strong>\n <p>\u57fa\u4e8e\u5927\u91cf\u60c5\u611f\u6570\u636e\u7814\u7a76\u6784\u5efa\u7684\u8bc4\u4f30\u6a21\u578b\uff0c\u786e\u4fdd\u5206\u6790\u7ed3\u679c\u5ba2\u89c2\u51c6\u786e<\/p>\n <\/div>\n <\/li>\n <li>\n <i class=\"fas fa-check-circle\"><\/i>\n <div>\n <strong>\u4e13\u4e1a\u56e2\u961f\u652f\u6301<\/strong>\n <p>\u7531\u5fc3\u7406\u5b66\u4e13\u5bb6\u3001\u6570\u636e\u79d1\u5b66\u5bb6\u548c\u5bb6\u5ead\u5173\u7cfb\u987e\u95ee\u7ec4\u6210\u7684\u4e13\u4e1a\u56e2\u961f<\/p>\n <\/div>\n <\/li>\n <li>\n <i class=\"fas fa-check-circle\"><\/i>\n <div>\n <strong>\u9690\u79c1\u5b89\u5168\u4fdd\u969c<\/strong>\n <p>\u4e25\u683c\u7684\u6570\u636e\u52a0\u5bc6\u548c\u9690\u79c1\u4fdd\u62a4\u63aa\u65bd\uff0c\u786e\u4fdd\u60a8\u7684\u5bb6\u5ead\u4fe1\u606f\u5b89\u5168<\/p>\n <\/div>\n <\/li>\n <li>\n <i class=\"fas fa-check-circle\"><\/i>\n <div>\n <strong>\u6301\u7eed\u670d\u52a1\u8ddf\u8fdb<\/strong>\n <p>\u4ece\u8bc4\u4f30\u5230\u4f18\u5316\u5efa\u8bae\u7684\u5b8c\u6574\u95ed\u73af\u670d\u52a1\uff0c\u957f\u671f\u5b88\u62a4\u5bb6\u5ead\u60c5\u611f\u5065\u5eb7<\/p>\n <\/div>\n <\/li>\n <\/ul>\n <\/div>\n <div class=\"feature-image\">\n <i class=\"fas fa-lock fa-5x\"><\/i>\n <p>\u5b89\u5168\u53ef\u9760\u7684\u6570\u636e\u4fdd\u62a4<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n \n <!-- \u793e\u4f1a\u8d23\u4efb -->\n <section class=\"content-section\">\n <div class=\"section-title\">\n <h2>\u793e\u4f1a\u8d23\u4efb<\/h2>\n <p>\u6211\u4eec\u81f4\u529b\u4e8e\u901a\u8fc7\u79d1\u6280\u521b\u65b0\u4fc3\u8fdb\u5bb6\u5ead\u548c\u8c10\u4e0e\u793e\u4f1a\u798f\u7949<\/p>\n <\/div>\n \n <div class=\"about-content\">\n <p>\u5fc3\u94fe\u60c5\u667a\u6570\u636e\u79d1\u6280\u4e0d\u4ec5\u5173\u6ce8\u6280\u672f\u521b\u65b0\uff0c\u66f4\u91cd\u89c6\u79d1\u6280\u7684\u793e\u4f1a\u4ef7\u503c\u3002\u6211\u4eec\u79ef\u6781\u53c2\u4e0e\u793e\u533a\u60c5\u611f\u5065\u5eb7\u516c\u76ca\u9879\u76ee\uff0c\u652f\u6301\u9752\u5c11\u5e74\u5fc3\u7406\u5065\u5eb7\u53d1\u5c55\u8ba1\u5212\uff0c\u5e76\u4e3a\u5bb6\u5ead\u5173\u7cfb\u4fee\u590d\u63d0\u4f9b\u516c\u76ca\u670d\u52a1\u3002<\/p>\n \n <div class=\"highlight\">\n <p>\u6211\u4eec\u7684\u76ee\u6807\u662f\u901a\u8fc7\u60c5\u611f\u79d1\u6280\u666e\u53ca\u6559\u80b2\uff0c\u5e2e\u52a9\u66f4\u591a\u5bb6\u5ead\u5efa\u7acb\u5065\u5eb7\u7684\u60c5\u611f\u8fde\u63a5\uff0c\u9884\u9632\u5bb6\u5ead\u66b4\u529b\uff0c\u5e72\u9884\u8001\u5e74\u60c5\u611f\u5b64\u72ec\uff0c\u4ece\u800c\u4fc3\u8fdb\u793e\u4f1a\u548c\u8c10\u4e0e\u5bb6\u5ead\u7a33\u5b9a\u3002<\/p>\n <\/div>\n \n <p>\u5728\u53f8\u6cd5\u9886\u57df\uff0c\u6211\u4eec\u4e3a\u5bb6\u5ead\u7ea0\u7eb7\u63d0\u4f9b\u53f8\u6cd5\u7ea7\u5b58\u8bc1\u670d\u52a1\uff0c\u5e2e\u52a9\u7ef4\u62a4\u5bb6\u5ead\u6210\u5458\u7684\u5408\u6cd5\u6743\u76ca\u3002\u540c\u65f6\uff0c\u6211\u4eec\u4e0e\u591a\u4e2a\u793e\u4f1a\u7ec4\u7ec7\u5408\u4f5c\uff0c\u5f00\u5c55\u5bb6\u5ead\u60c5\u611f\u5065\u5eb7\u666e\u53ca\u6559\u80b2\uff0c\u63d0\u5347\u516c\u4f17\u5bf9\u5fc3\u7406\u5065\u5eb7\u7684\u8ba4\u8bc6\u548c\u91cd\u89c6\u3002<\/p>\n <\/div>\n <\/section>\n <\/div>\n\n <script>\n \/\/ \u521b\u5efa\u52a8\u6001\u8109\u51b2\u6548\u679c\n document.addEventListener('DOMContentLoaded', function() {\n const pulseContainer = document.querySelector('.pulse');\n \n for (let i = 0; i < 5; i++) {\n const circle = document.createElement('div');\n circle.classList.add('pulse-circle');\n \n const size = Math.random() * 300 + 100;\n const posX = Math.random() * 100;\n const posY = Math.random() * 100;\n \n circle.style.width = `${size}px`;\n circle.style.height = `${size}px`;\n circle.style.left = `${posX}%`;\n circle.style.top = `${posY}%`;\n circle.style.animationDelay = `-${Math.random() * 8}s`;\n \n \/\/ \u968f\u673a\u989c\u8272\n const colors = [\n 'rgba(74, 108, 247, 0.05)',\n 'rgba(0, 201, 200, 0.05)',\n 'rgba(106, 17, 203, 0.05)'\n ];\n circle.style.background = colors[Math.floor(Math.random() * colors.length)];\n \n pulseContainer.appendChild(circle);\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 }, {\n threshold: 0.1\n });\n \n \/\/ \u89c2\u5bdf\u6240\u6709\u9700\u8981\u52a8\u753b\u7684\u5143\u7d20\n const animatedElements = document.querySelectorAll('.content-section, .stat-item, .value-card, .service-card, .tech-card, .culture-text, .feature-list-alt li');\n animatedElements.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 \/\/ \u670d\u52a1\u5361\u7247\u60ac\u505c\u6548\u679c\n const serviceCards = document.querySelectorAll('.service-card');\n serviceCards.forEach(card => {\n card.addEventListener('mouseenter', function() {\n this.style.transform = 'translateY(-15px)';\n });\n card.addEventListener('mouseleave', function() {\n this.style.transform = 'translateY(0)';\n });\n });\n });\n <\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>\u5fc3\u94fe\u60c5\u667a\u6570\u636e\u79d1\u6280 – \u60c5\u611f\u667a\u80fd\u79d1\u6280\u5f15\u9886\u5fc3\u7406\u5065\u5eb7 \u5fc3\u94fe\u60c5\u667a\u6570\u636e\u79d1\u6280\uff08\u4e0a\u6d77\uff09\u6709\u9650\u516c\u53f8 \u60c5\u611f\u667a\u80fd\u79d1\u6280\uff0c\u5f15 […]<\/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-9","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.affectivechain.com\/index.php\/wp-json\/wp\/v2\/pages\/9","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=9"}],"version-history":[{"count":42,"href":"https:\/\/www.affectivechain.com\/index.php\/wp-json\/wp\/v2\/pages\/9\/revisions"}],"predecessor-version":[{"id":2077,"href":"https:\/\/www.affectivechain.com\/index.php\/wp-json\/wp\/v2\/pages\/9\/revisions\/2077"}],"wp:attachment":[{"href":"https:\/\/www.affectivechain.com\/index.php\/wp-json\/wp\/v2\/media?parent=9"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}