{"id":1673,"date":"2025-08-03T14:46:48","date_gmt":"2025-08-03T06:46:48","guid":{"rendered":"https:\/\/www.affectivechain.com\/?page_id=1673"},"modified":"2025-08-04T19:04:18","modified_gmt":"2025-08-04T11:04:18","slug":"psychological","status":"publish","type":"page","link":"https:\/\/www.affectivechain.com\/index.php\/psychological\/","title":{"rendered":"psychological"},"content":{"rendered":"\n<!DOCTYPE html>\n<html lang=\"zh-CN\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Noto+Sans+SC:wght@300;400;500;700&#038;display=swap\" rel=\"stylesheet\">\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n    <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/emailjs-com@3\/dist\/email.min.js\"><\/script>\n    <style>\n        * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n        \n        body {\n            font-family: 'Noto Sans SC', sans-serif;\n            background: linear-gradient(135deg, #f5f7fa 0%, #e4edf5 100%);\n            color: #333;\n            line-height: 1.6;\n            min-height: 100vh;\n            padding: px;\n            background-image: url('data:image\/svg+xml;utf8,<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"100\" height=\"100\" viewBox=\"0 0 100 100\"><circle cx=\"50\" cy=\"50\" r=\"1\" fill=\"%23d0e0f0\" opacity=\"0.3\"\/><\/svg>');\n            background-size: 80px 80px;\n        }\n        \n        .container {\n            max-width: 1200px;\n            margin: 0 auto;\n        }\n        \n        header {\n            text-align: center;\n            margin-bottom: 40px;\n            padding: \n            animation: fadeIn 1s ease;\n        }\n        \n\n        h1 {\n            font-size: 2.2rem;\n            color: #1a237e;\n            margin-bottom: 10px;\n            font-weight: 700;\n        }\n        \n        .subtitle {\n            font-size: 1.1rem;\n            color: #5c6bc0;\n            max-width: 700px;\n            margin: 0 auto;\n            padding: 0 20px;\n        }\n        \n        .form-container {\n            display: flex;\n            flex-wrap: wrap;\n            gap: 30px;\n            margin-bottom: 40px;\n            animation: slideUp 0.8s ease;\n        }\n        \n        .form-content {\n            flex: 1;\n            min-width: 300px;\n            background: white;\n            border-radius: 15px;\n            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);\n            padding: 30px;\n            border-top: 4px solid #4361ee;\n            position: relative;\n            overflow: hidden;\n        }\n        \n        .info-box {\n            flex: 1;\n            min-width: 300px;\n            background: linear-gradient(135deg, #4361ee 0%, #3a0ca3 100%);\n            border-radius: 15px;\n            color: white;\n            padding: 30px;\n            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);\n        }\n        \n        h2 {\n            font-size: 1.8rem;\n            margin-bottom: 25px;\n            color: #1a237e;\n            display: flex;\n            align-items: center;\n        }\n        \n        h2 i {\n            margin-right: 12px;\n            color: #4361ee;\n        }\n        \n        .info-box h3 {\n            font-size: 1.8rem;\n            margin-bottom: 20px;\n            color: white;\n            display: flex;\n            align-items: center;\n        }\n        \n        .info-box h3 i {\n            margin-right: 12px;\n            color: #ffd166;\n        }\n        \n        .form-group {\n            margin-bottom: 20px;\n        }\n        \n        label {\n            display: block;\n            margin-bottom: 8px;\n            font-weight: 500;\n            color: #444;\n        }\n        \n        input, select, textarea {\n            width: 100%;\n            padding: 14px;\n            border: 1px solid #ddd;\n            border-radius: 8px;\n            font-size: 1rem;\n            font-family: 'Noto Sans SC', sans-serif;\n            transition: all 0.3s ease;\n        }\n        \n        input:focus, select:focus, textarea:focus {\n            outline: none;\n            border-color: #4361ee;\n            box-shadow: 0 0 0 3px rgba(67, 97, 238, 0.2);\n        }\n        \n        textarea {\n            min-height: 100px;\n            resize: vertical;\n        }\n        \n        .btn-submit {\n            background: linear-gradient(135deg, #4361ee 0%, #3a0ca3 100%);\n            color: white;\n            border: none;\n            padding: 16px;\n            font-size: 1.1rem;\n            font-weight: 500;\n            border-radius: 8px;\n            cursor: pointer;\n            transition: all 0.3s ease;\n            width: 100%;\n            font-family: 'Noto Sans SC', sans-serif;\n            margin-top: 10px;\n            box-shadow: 0 4px 15px rgba(67, 97, 238, 0.3);\n            position: relative;\n            overflow: hidden;\n        }\n        \n        .btn-submit::after {\n            content: '';\n            position: absolute;\n            top: -50%;\n            left: -50%;\n            width: 200%;\n            height: 200%;\n            background: rgba(255,255,255,0.1);\n            transform: rotate(30deg);\n            transition: all 0.6s ease;\n        }\n        \n        .btn-submit:hover::after {\n            transform: rotate(30deg) translate(20%, 20%);\n        }\n        \n        .btn-submit:hover {\n            transform: translateY(-3px);\n            box-shadow: 0 6px 20px rgba(67, 97, 238, 0.4);\n        }\n        \n        .btn-submit:active {\n            transform: translateY(1px);\n        }\n        \n        .info-item {\n            display: flex;\n            align-items: flex-start;\n            margin-bottom: 25px;\n        }\n        \n        .info-icon {\n            font-size: 1.4rem;\n            margin-right: 15px;\n            margin-top: 4px;\n            color: #ffd166;\n            min-width: 24px;\n            text-align: center;\n        }\n        \n        .info-text h4 {\n            font-size: 1.2rem;\n            margin-bottom: 6px;\n        }\n        \n        .counselor-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));\n            gap: 20px;\n            margin-top: 30px;\n        }\n        \n        .counselor-card {\n            background: rgba(255, 255, 255, 0.15);\n            border-radius: 10px;\n            padding: 20px;\n            text-align: center;\n            backdrop-filter: blur(5px);\n            transition: transform 0.3s ease, box-shadow 0.3s ease;\n            cursor: pointer;\n            position: relative;\n        }\n        \n        .counselor-card:hover {\n            transform: translateY(-5px);\n            box-shadow: 0 8px 20px rgba(0,0,0,0.15);\n        }\n        \n        .counselor-image {\n            width: 80px;\n            height: 80px;\n            border-radius: 50%;\n            object-fit: cover;\n            margin: 0 auto 15px;\n            border: 3px solid white;\n            background: #f0f4ff;\n        }\n        \n        .counselor-name {\n            font-weight: 600;\n            margin-bottom: 5px;\n            font-size: 1.1rem;\n        }\n        \n        .counselor-specialty {\n            font-size: 0.9rem;\n            opacity: 0.9;\n            min-height: 40px;\n        }\n        \n        .counselor-detail-btn {\n            display: inline-block;\n            margin-top: 12px;\n            padding: 8px 15px;\n            background: rgba(255, 255, 255, 0.3);\n            color: white;\n            border-radius: 20px;\n            text-decoration: none;\n            font-size: 0.85rem;\n            transition: all 0.3s ease;\n            border: 1px solid rgba(255, 255, 255, 0.5);\n        }\n        \n        .counselor-detail-btn:hover {\n            background: rgba(255, 255, 255, 0.5);\n            transform: translateY(-2px);\n            box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);\n        }\n        \n        .counselor-detail-btn i {\n            margin-right: 5px;\n        }\n        \n        .footer {\n            text-align: center;\n            padding: 20px;\n            color: #5c6bc0;\n            font-size: 0.9rem;\n            border-top: 1px solid #e0e0e0;\n            margin-top: 40px;\n            background: rgba(255,255,255,0.7);\n            border-radius: 12px;\n        }\n        \n        .datetime-group {\n            display: grid;\n            grid-template-columns: 1fr 1fr;\n            gap: 15px;\n        }\n        \n        @media (max-width: 768px) {\n            .datetime-group {\n                grid-template-columns: 1fr;\n            }\n            \n            h1 {\n                font-size: 1.8rem;\n            }\n            \n            .logo {\n                font-size: 2rem;\n                width: 70px;\n                height: 70px;\n                line-height: 70px;\n            }\n            \n            .form-container {\n                flex-direction: column;\n            }\n        }\n        \n        .datepicker {\n            position: relative;\n        }\n        \n        .datepicker::after {\n            content: \"\\f073\";\n            font-family: \"Font Awesome 5 Free\";\n            font-weight: 900;\n            position: absolute;\n            right: 15px;\n            top: 50%;\n            transform: translateY(-50%);\n            color: #777;\n            pointer-events: none;\n        }\n        \n        .required::after {\n            content: \" *\";\n            color: #e63946;\n        }\n        \n        #loader {\n            position: fixed;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 100%;\n            background: rgba(255,255,255,0.9);\n            display: flex;\n            justify-content: center;\n            align-items: center;\n            z-index: 1000;\n            flex-direction: column;\n            display: none;\n        }\n        \n        .spinner {\n            width: 60px;\n            height: 60px;\n            border: 5px solid rgba(67, 97, 238, 0.2);\n            border-top: 5px solid #4361ee;\n            border-radius: 50%;\n            animation: spin 1s linear infinite;\n            margin-bottom: 20px;\n        }\n        \n        #success-message {\n            position: fixed;\n            top: 50%;\n            left: 50%;\n            transform: translate(-50%, -50%) scale(0.8);\n            background: white;\n            padding: 30px;\n            border-radius: 15px;\n            box-shadow: 0 15px 40px rgba(0,0,0,0.2);\n            text-align: center;\n            z-index: 1001;\n            opacity: 0;\n            pointer-events: none;\n            transition: all 0.4s ease;\n            max-width: 90%;\n            width: 400px;\n        }\n        \n        #success-message.show {\n            opacity: 1;\n            transform: translate(-50%, -50%) scale(1);\n            pointer-events: auto;\n        }\n        \n        .success-icon {\n            font-size: 4rem;\n            color: #4caf50;\n            margin-bottom: 20px;\n        }\n        \n        .notification-title {\n            font-size: 1.5rem;\n            color: #1a237e;\n            margin-bottom: 15px;\n        }\n        \n        .notification-text {\n            margin-bottom: 25px;\n            color: #555;\n        }\n        \n        .continue-btn {\n            background: #4361ee;\n            color: white;\n            border: none;\n            padding: 12px 25px;\n            border-radius: 8px;\n            font-size: 1rem;\n            cursor: pointer;\n            transition: all 0.3s ease;\n        }\n        \n        .continue-btn:hover {\n            background: #3a0ca3;\n            transform: translateY(-2px);\n        }\n        \n        \/* Animations *\/\n        @keyframes fadeIn {\n            from { opacity: 0; }\n            to { opacity: 1; }\n        }\n        \n        @keyframes slideUp {\n            from { \n                opacity: 0;\n                transform: translateY(30px);\n            }\n            to { \n                opacity: 1;\n                transform: translateY(0);\n            }\n        }\n        \n        @keyframes spin {\n            0% { transform: rotate(0deg); }\n            100% { transform: rotate(360deg); }\n        }\n        \n        .form-header {\n            display: flex;\n            justify-content: space-between;\n            align-items: center;\n            margin-bottom: 25px;\n            padding-bottom: 15px;\n            border-bottom: 2px solid #f0f4ff;\n        }\n        \n        .step-indicator {\n            background: #f0f4ff;\n            color: #4361ee;\n            padding: 6px 15px;\n            border-radius: 20px;\n            font-size: 0.9rem;\n            font-weight: 500;\n        }\n    <\/style>\n<\/head>\n<body>\n    <div class=\"container\">\n        <header>\n            <h1>HeartSync \u5fc3\u94fe\u60c5\u667a\u5de5\u4f5c\u5ba4<\/h1>\n            <p class=\"subtitle\">\u4e13\u4e1a\u5fc3\u7406\u54a8\u8be2\u56e2\u961f\u4e3a\u60a8\u63d0\u4f9b\u4e2a\u6027\u5316\u5fc3\u7406\u670d\u52a1\uff0c\u5e2e\u52a9\u60a8\u89e3\u51b3\u60c5\u611f\u3001\u804c\u4e1a\u3001\u6210\u957f\u7b49\u5404\u7c7b\u5fc3\u7406\u95ee\u9898<\/p>\n        <\/header>\n        \n        <div class=\"form-container\">\n            <div class=\"form-content\">\n                <div class=\"form-header\">\n                    <h2><i class=\"fas fa-calendar-check\"><\/i> \u586b\u5199\u9884\u7ea6\u4fe1\u606f<\/h2>\n                <\/div>\n                <form id=\"appointmentForm\" class=\"space-y-6\">\n                    <div class=\"form-group\">\n                        <label for=\"apptName\" class=\"required\">\u59d3\u540d<\/label>\n                        <input type=\"text\" id=\"apptName\" name=\"apptName\" placeholder=\"\u8bf7\u8f93\u5165\u60a8\u7684\u59d3\u540d\" required>\n                    <\/div>\n                    \n                    <div class=\"form-group\">\n                        <label for=\"apptPhone\" class=\"required\">\u7535\u8bdd<\/label>\n                        <input type=\"tel\" id=\"apptPhone\" name=\"apptPhone\" placeholder=\"\u8bf7\u8f93\u5165\u60a8\u7684\u8054\u7cfb\u7535\u8bdd\" required>\n                    <\/div>\n                    \n                    <div class=\"form-group\">\n                        <label for=\"apptEmail\">\u7535\u5b50\u90ae\u7bb1<\/label>\n                        <input type=\"email\" id=\"apptEmail\" name=\"apptEmail\" placeholder=\"\u8bf7\u8f93\u5165\u60a8\u7684\u7535\u5b50\u90ae\u7bb1\uff08\u9009\u586b\uff09\">\n                    <\/div>\n                    \n                    <div class=\"form-group\">\n                        <label for=\"apptService\" class=\"required\">\u54a8\u8be2\u7c7b\u578b<\/label>\n                        <select id=\"apptService\" name=\"apptService\" required>\n                            <option value=\"\">\u8bf7\u9009\u62e9\u54a8\u8be2\u7c7b\u578b<\/option>\n                            <option value=\"personal\">\u5fc3\u7406\u54a8\u8be2<\/option>\n                            <option value=\"personal\">\u56e2\u4f53\u54a8\u8be2<\/option>\n                            <option value=\"career\">\u804c\u573a\u56f0\u60d1\u54a8\u8be2<\/option>\n                            <option value=\"youth\">\u9752\u5c11\u5e74\u6210\u957f\u54a8\u8be2<\/option>\n                            <option value=\"marriage\">\u5a5a\u59fb\u60c5\u611f\u54a8\u8be2<\/option>\n                            <option value=\"stress\">\u538b\u529b\u7ba1\u7406\u54a8\u8be2<\/option>\n                        <\/select>\n                    <\/div>\n                    \n                    <div class=\"form-group\">\n                        <label for=\"apptCounselor\" class=\"required\">\u54a8\u8be2\u5e08<\/label>\n                        <select id=\"apptCounselor\" name=\"apptCounselor\" required>\n                            <option value=\"\">\u8bf7\u9009\u62e9\u54a8\u8be2\u5e08<\/option>\n                            <option value=\"wql\">\u7ba1\u8001\u5e08 &#8211; \u4e13\u6ce8\u4e8e\u5bb6\u5ead\u5173\u7cfb\u6cbb\u7597\u4e0e\u60c5\u611f\u5065\u5eb7\u7814\u7a76<\/option>\n                            <option value=\"sc\">\u8303\u8001\u5e08 &#8211; \u513f\u7ae5\u9752\u5c11\u5e74\u3001\u5973\u6027\u7fa4\u4f53\u3001\u4e24\u6027\u5173\u7cfb<\/option>\n                            <option value=\"lxy\">\u674e\u8001\u5e08 &#8211; \u9752\u5c11\u5e74\u5fc3\u7406\u4e13\u5bb6<\/option>\n                            <option value=\"other\">\u5176\u4ed6\u54a8\u8be2\u5e08<\/option>\n                        <\/select>\n                    <\/div>\n                    \n                    <div class=\"datetime-group\">\n                        <div class=\"form-group\">\n                            <label for=\"apptDate\" class=\"required\">\u9884\u7ea6\u65e5\u671f<\/label>\n                            <div class=\"datepicker\">\n                                <input type=\"date\" id=\"apptDate\" name=\"apptDate\" required>\n                            <\/div>\n                        <\/div>\n                        \n                        <div class=\"form-group\">\n                            <label for=\"apptTime\" class=\"required\">\u9884\u7ea6\u65f6\u95f4<\/label>\n                            <select id=\"apptTime\" name=\"apptTime\" required>\n                                <option value=\"\">\u8bf7\u9009\u62e9\u65f6\u95f4<\/option>\n                                <option value=\"9:00-10:00\">\u56e2\u4f53\u54a8\u8be2(\u7531\u7ec4\u7ec7\u4eba\u7edf\u4e00\uff09<\/option>\n                                <option value=\"9:00-10:00\">9:00 &#8211; 10:00<\/option>\n                                <option value=\"10:30-11:30\">10:30 &#8211; 11:30<\/option>\n                                <option value=\"14:00-15:00\">14:00 &#8211; 15:00<\/option>\n                                <option value=\"15:30-16:30\">15:30 &#8211; 16:30<\/option>\n                                <option value=\"17:00-18:00\">17:00 &#8211; 18:00<\/option>\n                            <\/select>\n                        <\/div>\n                    <\/div>\n                    \n                    <div class=\"form-group\">\n                        <label for=\"apptNote\">\u54a8\u8be2\u8bf4\u660e<\/label>\n                        <textarea id=\"apptNote\" name=\"apptNote\" rows=\"3\" placeholder=\"\u8bf7\u7b80\u8981\u63cf\u8ff0\u60a8\u7684\u54a8\u8be2\u9700\u6c42\uff08\u53ef\u9009\uff09\"><\/textarea>\n                    <\/div>\n                    \n                    <div class=\"form-group\">\n                        <div class=\"info-item\" style=\"margin-bottom: 10px;\">\n                            <input type=\"checkbox\" id=\"agreeTerms\" name=\"agreeTerms\" required style=\"width: auto; margin-right: 10px;\">\n                            <label for=\"agreeTerms\" style=\"display: inline; font-weight: normal;\">\u6211\u5df2\u9605\u8bfb\u5e76\u540c\u610f<a href=\"https:\/\/www.affectivechain.com\/index.php\/privacy-policy\/\" style=\"color: #4361ee;\">\u9690\u79c1\u6761\u6b3e<\/a>\u548c<a href=\"https:\/\/www.affectivechain.com\/index.php\/2025\/08\/03\/%e5%bf%83%e7%90%86%e5%92%a8%e8%af%a2%e6%9c%8d%e5%8a%a1%e5%8d%8f%e8%ae%ae\/\" style=\"color: #4361ee;\">\u670d\u52a1\u534f\u8bae<\/a><\/label>\n                        <\/div>\n                    <\/div>\n                    \n                    <button type=\"submit\" class=\"btn-submit\">\n                        <i class=\"fas fa-paper-plane\"><\/i> \u63d0\u4ea4\u9884\u7ea6\n                    <\/button>\n                <\/form>\n            <\/div>\n            \n            <div class=\"info-box\">\n                <h3><i class=\"fas fa-info-circle\"><\/i> \u9884\u7ea6\u8bf4\u660e<\/h3>\n                \n                <div class=\"info-item\">\n                    <div class=\"info-icon\">\n                        <i class=\"fas fa-clock\"><\/i>\n                    <\/div>\n                    <div class=\"info-text\">\n                        <h4>\u54a8\u8be2\u65f6\u95f4<\/h4>\n                        <p>\u6bcf\u6b21\u54a8\u8be2\u7ea650\u5206\u949f\uff0c\u8bf7\u60a8\u81f3\u5c11\u63d0\u524d30\u5206\u949f\u5230\u8fbe\u51c6\u5907<\/p>\n                    <\/div>\n                <\/div>\n                \n                <div class=\"info-item\">\n                    <div class=\"info-icon\">\n                        <i class=\"fas fa-calendar-alt\"><\/i>\n                    <\/div>\n                    <div class=\"info-text\">\n                        <h4>\u9884\u7ea6\u89c4\u5219<\/h4>\n                        <p>\u8bf7\u60a8\u5728\u63a5\u5230\u987e\u95ee\u7535\u8bdd\u65f6\u5019\u7f34\u7eb3\u54a8\u8be2\u8d39\u7528<\/p>\n                        <p>\u8bf7\u81f3\u5c11\u63d0\u524d24\u5c0f\u65f6\u9884\u7ea6\uff0c\u5982\u9700\u6539\u671f\u8bf7\u63d0\u524d24\u5c0f\u65f6\u901a\u77e5\uff0c24\u5c0f\u65f6\u53d6\u6d88\u9884\u7ea6\u4e0d\u6536\u53d6\u8d39\u7528\uff0c\u5c0f\u4e8e\u9884\u7ea624\u5c0f\u65f6\u5185\uff0c\u6536\u53d6\u5168\u90e8\u54a8\u8be2\u8d39\u7528<\/p>\n                    <\/div>\n                <\/div>\n                \n                <div class=\"info-item\">\n                    <div class=\"info-icon\">\n                        <i class=\"fas fa-user-md\"><\/i>\n                    <\/div>\n                    <div class=\"info-text\">\n                        <h4>\u4e13\u4e1a\u56e2\u961f<\/h4>\n                        <p>\u6240\u6709\u54a8\u8be2\u5e08\u5747\u6301\u6709\u56fd\u5bb6\u8ba4\u8bc1\u8d44\u8d28\uff0c\u62e5\u6709\u4e30\u5bcc\u54a8\u8be2\u7ecf\u9a8c<\/p>\n                    <\/div>\n                <\/div>\n                \n                <h4 style=\"margin-top: 25px; margin-bottom: 15px;\">\u63a8\u8350\u54a8\u8be2\u5e08<\/h4>\n                <div class=\"counselor-grid\">\n                   <div class=\"counselor-card\" data-counselor=\"wql\">\n                       <div class=\"counselor-image\">\n                            <i class=\"fas fa-user fa-2x\" style=\"line-height: 74px; color: #4361ee;\"><\/i>\n                        <\/div>\n                        <div class=\"counselor-name\">\u7ba1\u8001\u5e08<\/div>\n                        <div class=\"counselor-specialty\">\u4e13\u6ce8\u4e8e\u5bb6\u5ead\u5173\u7cfb\u6cbb\u7597\u4e0e\u60c5\u611f\u5065\u5eb7\u7814\u7a76<\/div>\n                        <div style=\"font-size: 0.8rem; margin-top: 8px; opacity: 0.7;\">7\u5e74\u7ecf\u9a8c<\/div>\n                    <a href=\"https:\/\/www.affectivechain.com\/index.php\/angelina-2\/\" \n                       target=\"_blank\" \n                       class=\"counselor-detail-btn\">\n                        <i class=\"fas fa-info-circle\"><\/i> \u67e5\u770b\u8be6\u60c5\n                    <\/a>\n                 <\/div>\n                 <div class=\"counselor-card\" data-counselor=\"sc\">\n                     <div class=\"counselor-image\">\n                         <i class=\"fas fa-user fa-2x\" style=\"line-height: 74px; color: #4361ee;\"><\/i>\n                     <\/div>\n                     <div class=\"counselor-name\">\u8303\u8001\u5e08<\/div>\n                     <div class=\"counselor-specialty\">\u513f\u7ae5\u9752\u5c11\u5e74\u3001\u5973\u6027\u7fa4\u4f53\u3001\u4e24\u6027\u5173\u7cfb<\/div>\n                     <div style=\"font-size: 0.8rem; margin-top: 8px; opacity: 0.7;\">10\u5e74\u7ecf\u9a8c<\/div>\n                     <a href=\"https:\/\/www.affectivechain.com\/index.php\/gaia\/\" \n                        target=\"_blank\" \n                        class=\"counselor-detail-btn\">\n                         <i class=\"fas fa-info-circle\"><\/i> \u67e5\u770b\u8be6\u60c5\n                     <\/a>\n                <\/div>\n            <\/div>\n         <\/div>\n     <\/div> \n        \n        <div class=\"footer\">\n            <p>HeartSync\u5fc3\u7406\u5de5\u4f5c\u5ba4 \u00a9 2025 | \u4e13\u4e1a\u5fc3\u7406\u54a8\u8be2\u670d\u52a1 | \u4fdd\u62a4\u9690\u79c1\u662f\u6211\u4eec\u7684\u9996\u8981\u8d23\u4efb<\/p>\n            <p>\u670d\u52a1\u70ed\u7ebf: 000-123-4567 | \u90ae\u7bb1: Chris@heartchain.cn<\/p>\n        <\/div>\n    <\/div>\n    \n    <!-- \u52a0\u8f7d\u6307\u793a\u5668 -->\n    <div id=\"loader\">\n        <div class=\"spinner\"><\/div>\n        <p>\u6b63\u5728\u63d0\u4ea4\u9884\u7ea6\u4fe1\u606f\uff0c\u8bf7\u7a0d\u5019&#8230;<\/p>\n    <\/div>\n    \n    <!-- \u6210\u529f\u6d88\u606f -->\n    <div id=\"success-message\">\n        <div class=\"success-icon\">\n            <i class=\"fas fa-check-circle\"><\/i>\n        <\/div>\n        <h3 class=\"notification-title\">\u9884\u7ea6\u63d0\u4ea4\u6210\u529f\uff01<\/h3>\n        <p class=\"notification-text\">\u6211\u4eec\u5df2\u6536\u5230\u60a8\u7684\u9884\u7ea6\u4fe1\u606f\uff0c\u4e13\u4e1a\u987e\u95ee\u5c06\u572824\u5c0f\u65f6\u5185\u4e0e\u60a8\u8054\u7cfb\u786e\u8ba4\u9884\u7ea6\u8be6\u60c5\u3002<\/p>\n        <button class=\"continue-btn\" onclick=\"window.location.href='https:\/\/www.affectivechain.com\/index.php\/counseling\/'\">\u7ee7\u7eed\u6d4f\u89c8<\/button>\n    <\/div>\n    \n    <script>\n        \/\/ \u521d\u59cb\u5316EmailJS\n        (function() {\n            emailjs.init(\"rDqdBf4OYZdWXfz-3\");\n            console.log(\"EmailJS\u5df2\u6210\u529f\u521d\u59cb\u5316\");\n        })();\n        \n        \/\/ \u8bbe\u7f6e\u9ed8\u8ba4\u65e5\u671f\u4e3a\u660e\u5929\n        document.addEventListener('DOMContentLoaded', function() {\n            const today = new Date();\n            const tomorrow = new Date(today);\n            tomorrow.setDate(tomorrow.getDate() + 1);\n            \n            const year = tomorrow.getFullYear();\n            const month = String(tomorrow.getMonth() + 1).padStart(2, '0');\n            const day = String(tomorrow.getDate()).padStart(2, '0');\n            \n            document.getElementById('apptDate').value = `${year}-${month}-${day}`;\n            \n            \/\/ \u54a8\u8be2\u5e08\u5361\u7247\u70b9\u51fb\u4e8b\u4ef6\n            document.querySelectorAll('.counselor-card').forEach(card => {\n                card.addEventListener('click', function() {\n                    const counselorId = this.getAttribute('data-counselor');\n                    document.getElementById('apptCounselor').value = counselorId;\n                    \n                    \/\/ \u6dfb\u52a0\u9009\u4e2d\u6548\u679c\n                    document.querySelectorAll('.counselor-card').forEach(c => {\n                        c.style.boxShadow = 'none';\n                    });\n                    this.style.boxShadow = '0 0 0 2px #ffd166';\n                });\n            });\n        });\n        \n        \/\/ \u8868\u5355\u63d0\u4ea4\u5904\u7406\n        document.getElementById('appointmentForm').addEventListener('submit', function(e) {\n            e.preventDefault();\n            \n            \/\/ \u663e\u793a\u52a0\u8f7d\u6307\u793a\u5668\n            const loader = document.getElementById('loader');\n            loader.style.display = 'flex';\n            \n            \/\/ \u6536\u96c6\u8868\u5355\u6570\u636e\n            const formData = {\n                name: document.getElementById('apptName').value.trim(),\n                phone: document.getElementById('apptPhone').value.trim(),\n                email: document.getElementById('apptEmail').value.trim(),\n                service: document.getElementById('apptService').value,\n                counselor: document.getElementById('apptCounselor').value,\n                date: document.getElementById('apptDate').value,\n                time: document.getElementById('apptTime').value,\n                note: document.getElementById('apptNote').value.trim(),\n                timestamp: new Date().toLocaleString('zh-CN')\n            };\n            \n            \/\/ \u8868\u5355\u9a8c\u8bc1\n            if (!formData.name || !formData.phone || !formData.service || !formData.counselor || !formData.date || !formData.time) {\n                alert('\u8bf7\u586b\u5199\u6240\u6709\u5fc5\u586b\u5b57\u6bb5');\n                loader.style.display = 'none';\n                return;\n            }\n            \n            \/\/ \u624b\u673a\u53f7\u9a8c\u8bc1\n            const phoneRegex = \/^1[3-9]\\d{9}$\/;\n            if (!phoneRegex.test(formData.phone)) {\n                alert('\u8bf7\u8f93\u5165\u6709\u6548\u7684\u624b\u673a\u53f7\u7801');\n                loader.style.display = 'none';\n                return;\n            }\n            \n            \/\/ \u521b\u5efa\u683c\u5f0f\u5316\u7684\u90ae\u4ef6\u5185\u5bb9\n            const formattedMessage = `\n\u5fc3\u7406\u54a8\u8be2\u9884\u7ea6\u901a\u77e5\n================================\n\n\u3010\u57fa\u672c\u4fe1\u606f\u3011\n\u59d3\u540d\uff1a${formData.name}\n\u7535\u8bdd\uff1a${formData.phone}\n\u7535\u5b50\u90ae\u7bb1\uff1a${formData.email || '\u672a\u63d0\u4f9b'}\n\n\u3010\u9884\u7ea6\u8be6\u60c5\u3011\n\u54a8\u8be2\u7c7b\u578b\uff1a${document.getElementById('apptService').options[document.getElementById('apptService').selectedIndex].text}\n\u54a8\u8be2\u5e08\uff1a${document.getElementById('apptCounselor').options[document.getElementById('apptCounselor').selectedIndex].text}\n\u9884\u7ea6\u65e5\u671f\uff1a${formData.date}\n\u9884\u7ea6\u65f6\u95f4\uff1a${formData.time}\n\n\u3010\u54a8\u8be2\u8bf4\u660e\u3011\n${formData.note || '\u7528\u6237\u672a\u586b\u5199\u8bf4\u660e'}\n\n\u3010\u7cfb\u7edf\u4fe1\u606f\u3011\n\u63d0\u4ea4\u65f6\u95f4\uff1a${formData.timestamp}\n            `;\n            \n            \/\/ \u4f7f\u7528EmailJS\u53d1\u9001\u90ae\u4ef6\n            const emailParams = {\n                to_email: \"Chris@heartchain.cn\",\n                subject: `\u5fc3\u7406\u54a8\u8be2\u9884\u7ea6 - ${formData.name}`,\n                message: formattedMessage\n            };\n            \n            \/\/ \u53d1\u9001\u90ae\u4ef6\n            emailjs.send(\n                \"service_dbemwxb\", \/\/ \u670d\u52a1ID\n                \"template_sx227id\", \/\/ \u6a21\u677fID\n                emailParams\n            )\n            .then(function(response) {\n                console.log(\"\u90ae\u4ef6\u53d1\u9001\u6210\u529f:\", response);\n                \n                \/\/ \u9690\u85cf\u52a0\u8f7d\u6307\u793a\u5668\n                loader.style.display = 'none';\n                \n                \/\/ \u663e\u793a\u6210\u529f\u6d88\u606f\n                const successMessage = document.getElementById('success-message');\n                successMessage.classList.add('show');\n                \n                \/\/ 3\u79d2\u540e\u81ea\u52a8\u8df3\u8f6c\n                setTimeout(() => {\n                    window.location.href = 'https:\/\/www.affectivechain.com\/';\n                }, 3000);\n            }, function(error) {\n                console.error(\"\u90ae\u4ef6\u53d1\u9001\u5931\u8d25:\", error);\n                \n                \/\/ \u9690\u85cf\u52a0\u8f7d\u6307\u793a\u5668\n                loader.style.display = 'none';\n                \n                \/\/ \u9519\u8bef\u5904\u7406\n                let errorMessage = \"\u63d0\u4ea4\u5931\u8d25\uff0c\u8bf7\u7a0d\u540e\u518d\u8bd5\u6216\u76f4\u63a5\u8054\u7cfb\u5ba2\u670d\u3002\";\n                if (error.text) {\n                    try {\n                        const errorData = JSON.parse(error.text);\n                        if (errorData.message) {\n                            errorMessage = `\u53d1\u9001\u5931\u8d25: ${errorData.message}`;\n                        }\n                    } catch (e) {\n                        errorMessage = `\u53d1\u9001\u5931\u8d25: ${error.text}`;\n                    }\n                } else if (error.message) {\n                    errorMessage = `\u53d1\u9001\u5931\u8d25: ${error.message}`;\n                }\n                \n                alert(errorMessage);\n            });\n        });\n    <\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>HeartSync \u5fc3\u94fe\u60c5\u667a\u5de5\u4f5c\u5ba4 \u4e13\u4e1a\u5fc3\u7406\u54a8\u8be2\u56e2\u961f\u4e3a\u60a8\u63d0\u4f9b\u4e2a\u6027\u5316\u5fc3\u7406\u670d\u52a1\uff0c\u5e2e\u52a9\u60a8\u89e3\u51b3\u60c5\u611f\u3001\u804c\u4e1a\u3001\u6210\u957f\u7b49\u5404\u7c7b\u5fc3 [&hellip;]<\/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-1673","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.affectivechain.com\/index.php\/wp-json\/wp\/v2\/pages\/1673","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=1673"}],"version-history":[{"count":21,"href":"https:\/\/www.affectivechain.com\/index.php\/wp-json\/wp\/v2\/pages\/1673\/revisions"}],"predecessor-version":[{"id":1863,"href":"https:\/\/www.affectivechain.com\/index.php\/wp-json\/wp\/v2\/pages\/1673\/revisions\/1863"}],"wp:attachment":[{"href":"https:\/\/www.affectivechain.com\/index.php\/wp-json\/wp\/v2\/media?parent=1673"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}