{"id":904,"date":"2025-06-18T19:47:23","date_gmt":"2025-06-18T11:47:23","guid":{"rendered":"https:\/\/www.affectivechain.com\/?page_id=904"},"modified":"2025-08-05T17:00:16","modified_gmt":"2025-08-05T09:00:16","slug":"counseling","status":"publish","type":"page","link":"https:\/\/www.affectivechain.com\/index.php\/counseling\/","title":{"rendered":"\u5fc3\u7406\u54a8\u8be2\u6765\u8bbf\u8005\u767b\u8bb0\u8868"},"content":{"rendered":"\n<!-- \u5fc3\u7406\u54a8\u8be2\u8868\u5355\u7ec4\u4ef6 - \u53ef\u5d4c\u5165\u73b0\u6709\u9875\u9762 -->\n<div class=\"counseling-form\">\n    <div class=\"counseling-container\">\n        <div class=\"counseling-header\">\n            <div class=\"logo-container\">\n                <div class=\"logo\">\n                    <img decoding=\"async\" src=\"https:\/\/www.affectivechain.com\/wp-content\/uploads\/2025\/05\/%E7%94%BB%E6%9D%BF-121.png\" alt=\"\u5fc3\u94fe\u60c5\u667a Logo\">\n                <\/div>\n            <\/div>\n            <h1>\u5fc3\u7406\u54a8\u8be2\u6765\u8bbf\u8005\u767b\u8bb0\u8868<\/h1>\n            <p class=\"subtitle\">\u8bf7\u60a8\u586b\u5199\u4ee5\u4e0b\u4fe1\u606f\uff0c\u5e2e\u52a9\u6211\u4eec\u66f4\u597d\u5730\u4e86\u89e3\u60a8\u7684\u60c5\u51b5\u5e76\u63d0\u4f9b\u4e13\u4e1a\u7684\u5fc3\u7406\u54a8\u8be2\u670d\u52a1<\/p>\n        <\/div>\n        \n        <div class=\"form-container\">\n            <form id=\"counseling-form\">\n                <div class=\"form-section\">\n                    <h3 class=\"section-title\">\n                        <i class=\"fas fa-user\"><\/i>\n                        \u57fa\u672c\u4fe1\u606f\n                    <\/h3>\n                    <div class=\"form-row\">\n                        <div class=\"form-group\">\n                            <label class=\"required\">\u59d3\u540d<\/label>\n                            <input type=\"text\" class=\"form-control\" id=\"name\" placeholder=\"\u8bf7\u8f93\u5165\u60a8\u7684\u771f\u5b9e\u59d3\u540d\" required>\n                        <\/div>\n                        <div class=\"form-group\">\n                            <label class=\"required\">\u6027\u522b<\/label>\n                            <div class=\"radio-group\">\n                                <div class=\"radio-option\">\n                                    <input type=\"radio\" id=\"male\" name=\"gender\" value=\"\u7537\" required>\n                                    <label for=\"male\">\u7537<\/label>\n                                <\/div>\n                                <div class=\"radio-option\">\n                                    <input type=\"radio\" id=\"female\" name=\"gender\" value=\"\u5973\">\n                                    <label for=\"female\">\u5973<\/label>\n                                <\/div>\n                                <div class=\"radio-option\">\n                                    <input type=\"radio\" id=\"other\" name=\"gender\" value=\"\u5176\u4ed6\">\n                                    <label for=\"other\">\u5176\u4ed6<\/label>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                    \n                    <div class=\"form-row\">\n                        <div class=\"form-group\">\n                            <label class=\"required\">\u5e74\u9f84<\/label>\n                            <input type=\"number\" class=\"form-control\" id=\"age\" min=\"1\" max=\"120\" placeholder=\"\u8bf7\u8f93\u5165\u60a8\u7684\u5e74\u9f84\" required>\n                        <\/div>\n                        <div class=\"form-group\">\n                            <label class=\"required\">\u8054\u7cfb\u7535\u8bdd<\/label>\n                            <input type=\"tel\" class=\"form-control\" id=\"phone\" placeholder=\"\u8bf7\u8f93\u5165\u60a8\u7684\u624b\u673a\u53f7\u7801\" required>\n                        <\/div>\n                    <\/div>\n                    \n                    <div class=\"form-row\">\n                        <div class=\"form-group\">\n                            <label class=\"required\">\u7535\u5b50\u90ae\u7bb1<\/label>\n                            <input type=\"email\" class=\"form-control\" id=\"email\" placeholder=\"\u8bf7\u8f93\u5165\u60a8\u7684\u5e38\u7528\u90ae\u7bb1\" required>\n                        <\/div>\n                        <div class=\"form-group\">\n                            <label class=\"required\">\u7d27\u6025\u8054\u7cfb\u4eba<\/label>\n                            <input type=\"text\" class=\"form-control\" id=\"emergency-contact\" placeholder=\"\u59d3\u540d + \u5173\u7cfb + \u7535\u8bdd\" required>\n                        <\/div>\n                    <\/div>\n                    \n                    <div class=\"form-row\">\n                        <div class=\"form-group\">\n                            <label class=\"required\">\u804c\u4e1a<\/label>\n                            <input type=\"text\" class=\"form-control\" id=\"occupation\" placeholder=\"\u60a8\u7684\u804c\u4e1a\u6216\u5de5\u4f5c\u9886\u57df\" required>\n                        <\/div>\n                        <div class=\"form-group\">\n                            <label class=\"required\">\u6559\u80b2\u7a0b\u5ea6<\/label>\n                            <select class=\"form-control\" id=\"education\" required>\n                                <option value=\"\">\u8bf7\u9009\u62e9<\/option>\n                                <option value=\"\u521d\u4e2d\u53ca\u4ee5\u4e0b\">\u521d\u4e2d\u53ca\u4ee5\u4e0b<\/option>\n                                <option value=\"\u9ad8\u4e2d\/\u4e2d\u4e13\">\u9ad8\u4e2d\/\u4e2d\u4e13<\/option>\n                                <option value=\"\u5927\u4e13\">\u5927\u4e13<\/option>\n                                <option value=\"\u672c\u79d1\">\u672c\u79d1<\/option>\n                                <option value=\"\u7855\u58eb\u53ca\u4ee5\u4e0a\">\u7855\u58eb\u53ca\u4ee5\u4e0a<\/option>\n                            <\/select>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                \n                <div class=\"form-section\">\n                    <h3 class=\"section-title\">\n                        <i class=\"fas fa-calendar-check\"><\/i>\n                        \u54a8\u8be2\u4fe1\u606f\n                    <\/h3>\n                    <div class=\"form-row\">\n                        <div class=\"form-group\">\n                            <label class=\"required\">\u54a8\u8be2\u65b9\u5f0f<\/label>\n                            <div class=\"radio-group\">\n                                <div class=\"radio-option\">\n                                    <input type=\"radio\" id=\"text\" name=\"consultation-type\" value=\"\u6587\u5b57\u54a8\u8be2\" required>\n                                    <label for=\"text\">\u6587\u5b57\u54a8\u8be2<\/label>\n                                <\/div>\n                                <div class=\"radio-option\">\n                                    <input type=\"radio\" id=\"voice\" name=\"consultation-type\" value=\"\u8bed\u97f3\u54a8\u8be2\">\n                                    <label for=\"voice\">\u7ebf\u4e0b\u54a8\u8be2<\/label>\n                                <\/div>\n                                <div class=\"radio-option\">\n                                    <input type=\"radio\" id=\"video\" name=\"consultation-type\" value=\"\u89c6\u9891\u54a8\u8be2\">\n                                    <label for=\"video\">\u97f3\/\u9891\u54a8\u8be2<\/label>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                        <div class=\"form-group\">\n                            <label class=\"required\">\u671f\u671b\u54a8\u8be2\u65f6\u95f4<\/label>\n                            <input type=\"datetime-local\" class=\"form-control\" id=\"preferred-time\" required>\n                        <\/div>\n                    <\/div>\n                    \n                    <div class=\"form-row\">\n                        <div class=\"form-group\">\n                            <label class=\"required\">\u54a8\u8be2\u9891\u7387<\/label>\n                            <select class=\"form-control\" id=\"frequency\" required>\n                                <option value=\"\">\u8bf7\u9009\u62e9<\/option>\n                                <option value=\"\u5355\u6b21\u54a8\u8be2\">\u5355\u6b21\u54a8\u8be2<\/option>\n                                <option value=\"\u6bcf\u54681\u6b21\">\u6bcf\u54681\u6b21<\/option>\n                                <option value=\"\u6bcf\u54682\u6b21\">\u6bcf\u54682\u6b21<\/option>\n                                <option value=\"\u6bcf\u4e24\u54681\u6b21\">\u6bcf\u4e24\u54681\u6b21<\/option>\n                                <option value=\"\u6bcf\u67081\u6b21\">\u6bcf\u67081\u6b21<\/option>\n                            <\/select>\n                        <\/div>\n                        <div class=\"form-group\">\n                            <label class=\"required\">\u54a8\u8be2\u95ee\u9898\u7c7b\u578b<\/label>\n                            <select class=\"form-control\" id=\"issue-type\" required>\n                                <option value=\"\">\u8bf7\u9009\u62e9\u95ee\u9898\u7c7b\u578b<\/option>\n                                <option value=\"\u60c5\u7eea\u95ee\u9898\">\u60c5\u7eea\u95ee\u9898\uff08\u6291\u90c1\u3001\u7126\u8651\u7b49\uff09<\/option>\n                                <option value=\"\u4eba\u9645\u5173\u7cfb\">\u4eba\u9645\u5173\u7cfb\uff08\u5bb6\u5ead\u3001\u5a5a\u59fb\u3001\u793e\u4ea4\uff09<\/option>\n                                <option value=\"\u5de5\u4f5c\u538b\u529b\">\u5de5\u4f5c\/\u5b66\u4e1a\u538b\u529b<\/option>\n                                <option value=\"\u81ea\u6211\u6210\u957f\">\u81ea\u6211\u63a2\u7d22\u4e0e\u6210\u957f<\/option>\n                                <option value=\"\u521b\u4f24\u7ecf\u5386\">\u521b\u4f24\u7ecf\u5386\u5904\u7406<\/option>\n                                <option value=\"\u5176\u4ed6\">\u5176\u4ed6\u95ee\u9898<\/option>\n                            <\/select>\n                        <\/div>\n                    <\/div>\n                    \n                    <div class=\"form-group\">\n                        <label class=\"required\">\u60a8\u5e0c\u671b\u901a\u8fc7\u54a8\u8be2\u8fbe\u5230\u4ec0\u4e48\u76ee\u6807\uff1f<\/label>\n                        <textarea class=\"form-control\" id=\"goals\" required placeholder=\"\u8bf7\u63cf\u8ff0\u60a8\u5e0c\u671b\u901a\u8fc7\u54a8\u8be2\u89e3\u51b3\u7684\u5177\u4f53\u95ee\u9898\u6216\u8fbe\u5230\u7684\u76ee\u6807...\"><\/textarea>\n                    <\/div>\n                <\/div>\n                \n                <div class=\"form-section\">\n                    <h3 class=\"section-title\">\n                        <i class=\"fas fa-comment-dots\"><\/i>\n                        \u95ee\u9898\u63cf\u8ff0\n                    <\/h3>\n                    <div class=\"form-group\">\n                        <label class=\"required\">\u8bf7\u8be6\u7ec6\u63cf\u8ff0\u60a8\u5f53\u524d\u9762\u4e34\u7684\u95ee\u9898<\/label>\n                        <textarea class=\"form-control\" id=\"problem-description\" required placeholder=\"\u8bf7\u8be6\u7ec6\u63cf\u8ff0\u60a8\u7684\u95ee\u9898\u3001\u611f\u53d7\u3001\u6301\u7eed\u65f6\u95f4\u4ee5\u53ca\u4efb\u4f55\u76f8\u5173\u80cc\u666f\u4fe1\u606f...\"><\/textarea>\n                    <\/div>\n                    \n                    <div class=\"form-group\">\n                        <label>\u95ee\u9898\u6301\u7eed\u65f6\u95f4<\/label>\n                        <input type=\"text\" class=\"form-control\" id=\"duration\" placeholder=\"\u4f8b\u5982\uff1a3\u4e2a\u6708\u30011\u5e74\u7b49\">\n                    <\/div>\n                    \n                    <div class=\"form-group\">\n                        <label>\u662f\u5426\u6709\u8fc7\u5fc3\u7406\u54a8\u8be2\u7ecf\u5386\uff1f<\/label>\n                        <div class=\"radio-group\">\n                            <div class=\"radio-option\">\n                                <input type=\"radio\" id=\"yes\" name=\"previous-experience\" value=\"\u662f\">\n                                <label for=\"yes\">\u662f<\/label>\n                            <\/div>\n                            <div class=\"radio-option\">\n                                <input type=\"radio\" id=\"no\" name=\"previous-experience\" value=\"\u5426\">\n                                <label for=\"no\">\u5426<\/label>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                    \n                    <div class=\"form-group\" id=\"previous-details\" style=\"display: none;\">\n                        <label>\u8bf7\u63cf\u8ff0\u4e4b\u524d\u7684\u54a8\u8be2\u7ecf\u5386<\/label>\n                        <textarea class=\"form-control\" id=\"previous-details-text\" placeholder=\"\u54a8\u8be2\u65f6\u95f4\u3001\u54a8\u8be2\u5e08\u3001\u54a8\u8be2\u6548\u679c\u7b49...\"><\/textarea>\n                    <\/div>\n                    \n                    <div class=\"form-group\">\n                        <label>\u76ee\u524d\u662f\u5426\u5728\u63a5\u53d7\u5176\u4ed6\u6cbb\u7597\uff1f<\/label>\n                        <textarea class=\"form-control\" id=\"current-treatment\" placeholder=\"\u5982\u836f\u7269\u6cbb\u7597\u3001\u5176\u4ed6\u5fc3\u7406\u54a8\u8be2\u7b49...\"><\/textarea>\n                    <\/div>\n                <\/div>\n                \n                <div class=\"form-section\">\n                    <h3 class=\"section-title\">\n                        <i class=\"fas fa-heart\"><\/i>\n                        \u5fc3\u7406\u5065\u5eb7\u72b6\u51b5\n                    <\/h3>\n                    <div class=\"form-group\">\n                        <label>\u6700\u8fd1\u4e24\u5468\u5185\uff0c\u60a8\u662f\u5426\u7ecf\u5386\u8fc7\u4ee5\u4e0b\u60c5\u51b5\uff1f\uff08\u53ef\u591a\u9009\uff09<\/label>\n                        <div class=\"checkbox-group\">\n                            <div class=\"checkbox-option\">\n                                <input type=\"checkbox\" id=\"sadness\" name=\"symptoms\" value=\"\u6301\u7eed\u7684\u60b2\u4f24\u6216\u60c5\u7eea\u4f4e\u843d\">\n                                <label for=\"sadness\">\u6301\u7eed\u7684\u60b2\u4f24\u6216\u60c5\u7eea\u4f4e\u843d<\/label>\n                            <\/div>\n                            <div class=\"checkbox-option\">\n                                <input type=\"checkbox\" id=\"anxiety\" name=\"symptoms\" value=\"\u5f3a\u70c8\u7684\u7126\u8651\u6216\u7d27\u5f20\">\n                                <label for=\"anxiety\">\u5f3a\u70c8\u7684\u7126\u8651\u6216\u7d27\u5f20<\/label>\n                            <\/div>\n                            <div class=\"checkbox-option\">\n                                <input type=\"checkbox\" id=\"sleep\" name=\"symptoms\" value=\"\u7761\u7720\u95ee\u9898\uff08\u5931\u7720\u6216\u55dc\u7761\uff09\">\n                                <label for=\"sleep\">\u7761\u7720\u95ee\u9898\uff08\u5931\u7720\u6216\u55dc\u7761\uff09<\/label>\n                            <\/div>\n                            <div class=\"checkbox-option\">\n                                <input type=\"checkbox\" id=\"appetite\" name=\"symptoms\" value=\"\u98df\u6b32\u660e\u663e\u53d8\u5316\">\n                                <label for=\"appetite\">\u98df\u6b32\u660e\u663e\u53d8\u5316<\/label>\n                            <\/div>\n                            <div class=\"checkbox-option\">\n                                <input type=\"checkbox\" id=\"concentration\" name=\"symptoms\" value=\"\u6ce8\u610f\u529b\u96be\u4ee5\u96c6\u4e2d\">\n                                <label for=\"concentration\">\u6ce8\u610f\u529b\u96be\u4ee5\u96c6\u4e2d<\/label>\n                            <\/div>\n                            <div class=\"checkbox-option\">\n                                <input type=\"checkbox\" id=\"energy\" name=\"symptoms\" value=\"\u7cbe\u529b\u660e\u663e\u51cf\u9000\">\n                                <label for=\"energy\">\u7cbe\u529b\u660e\u663e\u51cf\u9000<\/label>\n                            <\/div>\n                            <div class=\"checkbox-option\">\n                                <input type=\"checkbox\" id=\"self-harm\" name=\"symptoms\" value=\"\u81ea\u4f24\u6216\u81ea\u6740\u5ff5\u5934\">\n                                <label for=\"self-harm\">\u81ea\u4f24\u6216\u81ea\u6740\u5ff5\u5934<\/label>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                    \n                    <div class=\"form-group\">\n                        <label>\u5176\u4ed6\u9700\u8981\u544a\u77e5\u54a8\u8be2\u5e08\u7684\u4fe1\u606f<\/label>\n                        <textarea class=\"form-control\" id=\"additional-info\" placeholder=\"\u5982\u91cd\u5927\u751f\u6d3b\u4e8b\u4ef6\u3001\u5065\u5eb7\u95ee\u9898\u3001\u7279\u6b8a\u9700\u6c42\u7b49...\"><\/textarea>\n                    <\/div>\n                    \n                    <div class=\"form-group\">\n                        <label class=\"required\">\u60a8\u4ece\u4f55\u5904\u4e86\u89e3\u5230\u6211\u4eec\u7684\u670d\u52a1\uff1f<\/label>\n                        <select class=\"form-control\" id=\"referral\" required>\n                            <option value=\"\">\u8bf7\u9009\u62e9<\/option>\n                            <option value=\"\u641c\u7d22\u5f15\u64ce\">\u641c\u7d22\u5f15\u64ce<\/option>\n                            <option value=\"\u793e\u4ea4\u5a92\u4f53\">\u793e\u4ea4\u5a92\u4f53<\/option>\n                            <option value=\"\u670b\u53cb\u63a8\u8350\">\u670b\u53cb\u63a8\u8350<\/option>\n                            <option value=\"\u533b\u751f\u63a8\u8350\">\u533b\u751f\u63a8\u8350<\/option>\n                            <option value=\"\u5176\u4ed6\">\u5176\u4ed6<\/option>\n                        <\/select>\n                    <\/div>\n                <\/div>\n                \n                <div class=\"note\">\n                    <p><strong>\u9690\u79c1\u58f0\u660e\uff1a<\/strong>\u60a8\u63d0\u4f9b\u7684\u4fe1\u606f\u5c06\u4e25\u683c\u4fdd\u5bc6\uff0c\u4ec5\u7528\u4e8e\u4e3a\u60a8\u63d0\u4f9b\u66f4\u597d\u7684\u5fc3\u7406\u54a8\u8be2\u670d\u52a1\u3002\u5728\u6d89\u53ca\u81ea\u4f24\u3001\u4f24\u5bb3\u4ed6\u4eba\u6216\u6cd5\u5f8b\u8981\u6c42\u7684\u60c5\u51b5\u4e0b\uff0c\u6211\u4eec\u53ef\u80fd\u9700\u8981\u7a81\u7834\u4fdd\u5bc6\u539f\u5219\u3002<\/p>\n                    <p><strong>\u7d27\u6025\u60c5\u51b5\uff1a<\/strong>\u5982\u679c\u60a8\u6b63\u5904\u4e8e\u5371\u673a\u4e2d\uff08\u5982\u6709\u81ea\u6740\u6216\u4f24\u5bb3\u4ed6\u4eba\u7684\u60f3\u6cd5\uff09\uff0c\u8bf7\u7acb\u5373\u8054\u7cfb\u5f53\u5730\u7d27\u6025\u670d\u52a1\u6216\u524d\u5f80\u6700\u8fd1\u7684\u533b\u9662\u6025\u8bca\u5ba4\u3002<\/p>\n                <\/div>\n                \n                <button type=\"submit\" class=\"submit-btn\">\n                    <i class=\"fas fa-paper-plane\"><\/i> \u63d0\u4ea4\u767b\u8bb0\u8868\n                <\/button>\n            <\/form>\n        <\/div>\n    \n    <div class=\"success-message\" id=\"success-message\">\n        <i class=\"fas fa-check-circle\"><\/i>\n        <div>\n            <h3>\u63d0\u4ea4\u6210\u529f\uff01<\/h3>\n            <p>\u60a8\u7684\u767b\u8bb0\u8868\u5df2\u6210\u529f\u63d0\u4ea4\uff0c\u6211\u4eec\u5c06\u5c3d\u5feb\u4e0e\u60a8\u8054\u7cfb<\/p>\n        <\/div>\n    <\/div>\n    \n    <div class=\"loader\" id=\"loader\">\n        <div class=\"loader-content\">\n            <div class=\"loader-spinner\"><\/div>\n            <h3>\u6b63\u5728\u63d0\u4ea4\u6570\u636e<\/h3>\n            <p>\u8bf7\u7a0d\u5019\uff0c\u6211\u4eec\u6b63\u5728\u5904\u7406\u60a8\u7684\u767b\u8bb0\u8868&#8230;<\/p>\n        <\/div>\n    <\/div>\n    <\/div>\n<\/div>\n\n<style>\n\/* \u5fc3\u7406\u54a8\u8be2\u8868\u5355\u7ec4\u4ef6\u6837\u5f0f - \u6240\u6709\u6837\u5f0f\u90fd\u5305\u542b\u5728.counseling-form\u547d\u540d\u7a7a\u95f4\u4e0b *\/\n.counseling-form {\n    --primary-color: #1a2a6c;\n    --secondary-color: #3a7bd5;\n    --light-bg: #f9fbfd;\n    --border-color: #ddd;\n    --shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\n}\n\n.counseling-form * {\n    margin: 0;\n    box-sizing: border-box;\n    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n}\n\n.counseling-container {\n    width: 100%;\n    max-width: 1200px;\n    background: white;\n    border-radius: 16px;\n    box-shadow: 0 15px 50px rgba(0, 0, 0, 0.15);\n    overflow: hidden;\n    position: relative;\n    margin: 0 auto;\n}\n\n.counseling-header {\n    background: linear-gradient(120deg, var(--primary-color), #2a5298);\n    color: white;\n    text-align: center;\n    position: relative;\n    overflow: hidden;\n    padding: 40px 20px;\n}\n\n.counseling-header::before {\n    content: '';\n    position: absolute;\n    top: -50%;\n    left: -50%;\n    width: 200%;\n    height: 200%;\n    background: radial-gradient(circle, rgba(255,255,255,0.1) 0%, transparent 70%);\n    transform: rotate(30deg);\n}\n\n.counseling-form .logo-container {\n    display: flex;\n    justify-content: center;\n    margin-bottom: 20px;\n}\n\n.counseling-form .logo {\n    width: 100px;\n    height: 100px;\n    background: linear-gradient(135deg, #4facfe, #00f2fe);\n    border-radius: 50%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);\n}\n\n.counseling-form .logo img {\n    width: 80%;\n    height: 80%;\n    object-fit: contain;\n}\n\n.counseling-form h1 {\n    font-size: clamp(1.8rem, 5vw, 2.5rem);\n    margin-bottom: 10px;\n    font-weight: 600;\n    position: relative;\n    z-index: 2;\n}\n\n.counseling-form .subtitle {\n    font-size: clamp(1rem, 3vw, 1.2rem);\n    opacity: 0.9;\n    max-width: 600px;\n    margin: 0 auto;\n    position: relative;\n    z-index: 2;\n    padding: 0 15px;\n}\n\n.counseling-form .form-container {\n    padding: 30px 20px;\n}\n\n.counseling-form .form-section {\n    margin-bottom: 30px;\n    background: var(--light-bg);\n    border-radius: 12px;\n    padding: 25px;\n    box-shadow: var(--shadow);\n}\n\n.counseling-form .section-title {\n    font-size: clamp(1.2rem, 3vw, 1.5rem);\n    color: var(--primary-color);\n    margin-bottom: 20px;\n    border-bottom: 2px solid #eef2f8;\n    padding-bottom: 10px;\n    display: flex;\n    align-items: center;\n}\n\n.counseling-form .section-title i {\n    margin-right: 12px;\n    background: #e6f0ff;\n    width: 40px;\n    height: 40px;\n    border-radius: 50%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    color: var(--secondary-color);\n}\n\n.counseling-form .form-row {\n    display: flex;\n    flex-wrap: wrap;\n    margin: 0 -10px;\n}\n\n.counseling-form .form-group {\n    flex: 1 1 100%;\n    padding: 0 10px;\n    margin-bottom: 20px;\n}\n\n.counseling-form label {\n    display: block;\n    margin-bottom: 8px;\n    font-weight: 600;\n    color: var(--primary-color);\n    font-size: 1rem;\n}\n\n.counseling-form .required::after {\n    content: '*';\n    color: #e74c3c;\n    margin-left: 4px;\n}\n\n.counseling-form .form-control {\n    width: 100%;\n    padding: 16px;\n    border: 1px solid var(--border-color);\n    border-radius: 10px;\n    font-size: 1rem;\n    transition: all 0.3s ease;\n    background: white;\n    min-height: 50px;\n}\n\n.counseling-form .form-control:focus {\n    border-color: var(--secondary-color);\n    box-shadow: 0 0 0 3px rgba(58, 123, 213, 0.15);\n    outline: none;\n}\n\n.counseling-form textarea.form-control {\n    min-height: 150px;\n    resize: vertical;\n    line-height: 1.6;\n}\n\n.counseling-form .radio-group {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 15px;\n    margin-top: 8px;\n}\n\n.counseling-form .radio-option {\n    display: flex;\n    align-items: center;\n    font-size: 1rem;\n}\n\n.counseling-form .radio-option input {\n    margin-right: 8px;\n    width: 18px;\n    height: 18px;\n}\n\n.counseling-form .checkbox-group {\n    display: flex;\n    flex-direction: column;\n    gap: 12px;\n    margin-top: 8px;\n}\n\n.counseling-form .checkbox-option {\n    display: flex;\n    align-items: flex-start;\n    font-size: 1rem;\n}\n\n.counseling-form .checkbox-option input {\n    margin-top: 4px;\n    margin-right: 10px;\n    width: 18px;\n    height: 18px;\n}\n\n.counseling-form .submit-btn {\n    display: block;\n    width: 100%;\n    background: linear-gradient(135deg, var(--primary-color), #2a5298);\n    color: white;\n    border: none;\n    border-radius: 10px;\n    font-size: 1.1rem;\n    font-weight: 600;\n    cursor: pointer;\n    transition: all 0.3s ease;\n    margin-top: 20px;\n    box-shadow: 0 6px 20px rgba(26, 42, 108, 0.25);\n    position: relative;\n    overflow: hidden;\n    padding: 16px;\n}\n\n.counseling-form .submit-btn::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.3s ease;\n}\n\n.counseling-form .submit-btn:hover {\n    transform: translateY(-3px);\n    box-shadow: 0 10px 25px rgba(26, 42, 108, 0.35);\n    background: linear-gradient(135deg, #2a5298, var(--secondary-color));\n}\n\n.counseling-form .submit-btn:hover::after {\n    transform: rotate(30deg) translate(10%, 10%);\n}\n\n.counseling-form .submit-btn:active {\n    transform: translateY(0);\n}\n\n.counseling-form .note {\n    margin-top: 30px;\n    padding: 20px;\n    background: #f0f7ff;\n    border-radius: 10px;\n    border-left: 4px solid var(--secondary-color);\n}\n\n.counseling-form .note p {\n    margin-bottom: 10px;\n    color: #555;\n    font-size: 0.95rem;\n}\n\n.counseling-form .success-message {\n    position: fixed;\n    top: 20px;\n    left: 50%;\n    transform: translateX(-50%);\n    background: #27ae60;\n    color: white;\n    padding: 20px 25px;\n    border-radius: 10px;\n    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);\n    display: flex;\n    align-items: center;\n    z-index: 1000;\n    opacity: 0;\n    transition: opacity 0.3s ease;\n    pointer-events: none;\n    max-width: 90%;\n    width: 320px;\n}\n\n.counseling-form .success-message.show {\n    opacity: 1;\n}\n\n.counseling-form .success-message i {\n    font-size: 24px;\n    margin-right: 15px;\n}\n\n.counseling-form .loader {\n    display: none;\n    position: fixed;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    background: rgba(0, 0, 0, 0.7);\n    z-index: 2000;\n    justify-content: center;\n    align-items: center;\n}\n\n.counseling-form .loader-content {\n    background: white;\n    padding: 40px 25px;\n    border-radius: 15px;\n    text-align: center;\n    max-width: 400px;\n    width: 90%;\n}\n\n.counseling-form .loader-spinner {\n    border: 5px solid #f3f3f3;\n    border-top: 5px solid var(--secondary-color);\n    border-radius: 50%;\n    width: 50px;\n    height: 50px;\n    animation: spin 1s linear infinite;\n    margin: 0 auto 20px;\n}\n\n@keyframes spin {\n    0% { transform: rotate(0deg); }\n    100% { transform: rotate(360deg); }\n}\n\n\/* \u5e73\u677f\u53ca\u4ee5\u4e0a\u8bbe\u5907\u7684\u6837\u5f0f *\/\n@media (min-width: 768px) {\n    .counseling-form .form-container {\n        padding: 40px;\n    }\n    \n    .counseling-form .form-group {\n        flex: 1 1 300px;\n        padding: 0 15px;\n        margin-bottom: 25px;\n    }\n    \n    .counseling-form .form-section {\n        margin-bottom: 40px;\n        padding: 30px;\n    }\n    \n    .counseling-form .note p {\n        font-size: 1rem;\n    }\n}\n\n\/* PC\u7aef\u6837\u5f0f *\/\n@media (min-width: 1024px) {\n    .counseling-container {\n        margin: 0 auto;\n    }\n}\n<\/style>\n\n<script>\n\/\/ \u786e\u4fddEmailJS\u5e93\u5df2\u52a0\u8f7d\uff0c\u5982\u679c\u6ca1\u6709\u5219\u52a8\u6001\u52a0\u8f7d\nfunction loadEmailJS() {\n    return new Promise((resolve, reject) => {\n        if (typeof emailjs !== 'undefined') {\n            resolve();\n            return;\n        }\n        \n        \/\/ \u52a8\u6001\u52a0\u8f7dEmailJS\u5e93\n        const script = document.createElement('script');\n        script.src = 'https:\/\/cdn.jsdelivr.net\/npm\/emailjs-com@3\/dist\/email.min.js';\n        script.onload = resolve;\n        script.onerror = reject;\n        document.head.appendChild(script);\n    });\n}\n\n\/\/ \u521d\u59cb\u5316\u8868\u5355\u529f\u80fd\nasync function initCounselingForm() {\n    try {\n        \/\/ \u52a0\u8f7dEmailJS\u5e93\n        await loadEmailJS();\n        \n        \/\/ \u521d\u59cb\u5316EmailJS\n        emailjs.init(\"rDqdBf4OYZdWXfz-3\");\n        console.log(\"EmailJS\u5df2\u6210\u529f\u521d\u59cb\u5316\");\n        \n        \/\/ \u663e\u793a\/\u9690\u85cf\u4e4b\u524d\u7684\u54a8\u8be2\u7ecf\u5386\u5b57\u6bb5\n        document.querySelectorAll('input[name=\"previous-experience\"]').forEach(radio => {\n            radio.addEventListener('change', function() {\n                document.getElementById('previous-details').style.display = \n                    this.value === '\u662f' ? 'block' : 'none';\n            });\n        });\n        \n        \/\/ \u8868\u5355\u63d0\u4ea4\u5904\u7406\n        document.getElementById('counseling-form').addEventListener('submit', async 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                \u57fa\u672c\u4fe1\u606f: {\n                    \u59d3\u540d: document.getElementById('name').value,\n                    \u6027\u522b: document.querySelector('input[name=\"gender\"]:checked')?.value,\n                    \u5e74\u9f84: document.getElementById('age').value,\n                    \u8054\u7cfb\u7535\u8bdd: document.getElementById('phone').value,\n                    \u7535\u5b50\u90ae\u7bb1: document.getElementById('email').value,\n                    \u7d27\u6025\u8054\u7cfb\u4eba: document.getElementById('emergency-contact').value,\n                    \u804c\u4e1a: document.getElementById('occupation').value,\n                    \u6559\u80b2\u7a0b\u5ea6: document.getElementById('education').value\n                },\n                \u54a8\u8be2\u4fe1\u606f: {\n                    \u54a8\u8be2\u65b9\u5f0f: document.querySelector('input[name=\"consultation-type\"]:checked')?.value,\n                    \u671f\u671b\u54a8\u8be2\u65f6\u95f4: document.getElementById('preferred-time').value,\n                    \u54a8\u8be2\u9891\u7387: document.getElementById('frequency').value,\n                    \u54a8\u8be2\u95ee\u9898\u7c7b\u578b: document.getElementById('issue-type').value,\n                    \u54a8\u8be2\u76ee\u6807: document.getElementById('goals').value\n                },\n                \u95ee\u9898\u63cf\u8ff0: {\n                    \u95ee\u9898\u63cf\u8ff0: document.getElementById('problem-description').value,\n                    \u6301\u7eed\u65f6\u95f4: document.getElementById('duration').value,\n                    \u4e4b\u524d\u54a8\u8be2\u7ecf\u5386: document.querySelector('input[name=\"previous-experience\"]:checked')?.value,\n                    \u54a8\u8be2\u7ecf\u5386\u8be6\u60c5: document.getElementById('previous-details-text').value,\n                    \u5f53\u524d\u5176\u4ed6\u6cbb\u7597: document.getElementById('current-treatment').value\n                },\n                \u5fc3\u7406\u5065\u5eb7\u72b6\u51b5: {\n                    \u75c7\u72b6: Array.from(document.querySelectorAll('input[name=\"symptoms\"]:checked')).map(cb => cb.value),\n                    \u5176\u4ed6\u4fe1\u606f: document.getElementById('additional-info').value,\n                    \u4e86\u89e3\u6e20\u9053: document.getElementById('referral').value\n                },\n                \u63d0\u4ea4\u65f6\u95f4: new Date().toLocaleString('zh-CN')\n            };\n            \n            \/\/ \u521b\u5efa\u683c\u5f0f\u5316\u7684\u90ae\u4ef6\u6b63\u6587\u5185\u5bb9\n            let formattedMessage = `\n\u5fc3\u7406\u54a8\u8be2\u6765\u8bbf\u8005\u767b\u8bb0\u8868 - ${formData.\u57fa\u672c\u4fe1\u606f.\u59d3\u540d}\n==============================================\n\n\u3010\u57fa\u672c\u4fe1\u606f\u3011\n\u59d3\u540d\uff1a${formData.\u57fa\u672c\u4fe1\u606f.\u59d3\u540d}\n\u6027\u522b\uff1a${formData.\u57fa\u672c\u4fe1\u606f.\u6027\u522b}\n\u5e74\u9f84\uff1a${formData.\u57fa\u672c\u4fe1\u606f.\u5e74\u9f84}\n\u8054\u7cfb\u7535\u8bdd\uff1a${formData.\u57fa\u672c\u4fe1\u606f.\u8054\u7cfb\u7535\u8bdd}\n\u7535\u5b50\u90ae\u7bb1\uff1a${formData.\u57fa\u672c\u4fe1\u606f.\u7535\u5b50\u90ae\u7bb1}\n\u7d27\u6025\u8054\u7cfb\u4eba\uff1a${formData.\u57fa\u672c\u4fe1\u606f.\u7d27\u6025\u8054\u7cfb\u4eba}\n\u804c\u4e1a\uff1a${formData.\u57fa\u672c\u4fe1\u606f.\u804c\u4e1a}\n\u6559\u80b2\u7a0b\u5ea6\uff1a${formData.\u57fa\u672c\u4fe1\u606f.\u6559\u80b2\u7a0b\u5ea6}\n\n\u3010\u54a8\u8be2\u4fe1\u606f\u3011\n\u54a8\u8be2\u65b9\u5f0f\uff1a${formData.\u54a8\u8be2\u4fe1\u606f.\u54a8\u8be2\u65b9\u5f0f}\n\u671f\u671b\u54a8\u8be2\u65f6\u95f4\uff1a${formData.\u54a8\u8be2\u4fe1\u606f.\u671f\u671b\u54a8\u8be2\u65f6\u95f4}\n\u54a8\u8be2\u9891\u7387\uff1a${formData.\u54a8\u8be2\u4fe1\u606f.\u54a8\u8be2\u9891\u7387}\n\u54a8\u8be2\u95ee\u9898\u7c7b\u578b\uff1a${formData.\u54a8\u8be2\u4fe1\u606f.\u54a8\u8be2\u95ee\u9898\u7c7b\u578b}\n\u54a8\u8be2\u76ee\u6807\uff1a\n${formData.\u54a8\u8be2\u4fe1\u606f.\u54a8\u8be2\u76ee\u6807}\n\n\u3010\u95ee\u9898\u63cf\u8ff0\u3011\n\u95ee\u9898\u63cf\u8ff0\uff1a\n${formData.\u95ee\u9898\u63cf\u8ff0.\u95ee\u9898\u63cf\u8ff0}\n\u6301\u7eed\u65f6\u95f4\uff1a${formData.\u95ee\u9898\u63cf\u8ff0.\u6301\u7eed\u65f6\u95f4}\n\u4e4b\u524d\u54a8\u8be2\u7ecf\u5386\uff1a${formData.\u95ee\u9898\u63cf\u8ff0.\u4e4b\u524d\u54a8\u8be2\u7ecf\u5386}\n\u54a8\u8be2\u7ecf\u5386\u8be6\u60c5\uff1a${formData.\u95ee\u9898\u63cf\u8ff0.\u54a8\u8be2\u7ecf\u5386\u8be6\u60c5}\n\u5f53\u524d\u5176\u4ed6\u6cbb\u7597\uff1a${formData.\u95ee\u9898\u63cf\u8ff0.\u5f53\u524d\u5176\u4ed6\u6cbb\u7597}\n\n\u3010\u5fc3\u7406\u5065\u5eb7\u72b6\u51b5\u3011\n\u75c7\u72b6\uff1a${formData.\u5fc3\u7406\u5065\u5eb7\u72b6\u51b5.\u75c7\u72b6.join(', ') || '\u65e0'}\n\u5176\u4ed6\u4fe1\u606f\uff1a${formData.\u5fc3\u7406\u5065\u5eb7\u72b6\u51b5.\u5176\u4ed6\u4fe1\u606f || '\u65e0'}\n\u4e86\u89e3\u6e20\u9053\uff1a${formData.\u5fc3\u7406\u5065\u5eb7\u72b6\u51b5.\u4e86\u89e3\u6e20\u9053}\n\n\u3010\u7cfb\u7edf\u4fe1\u606f\u3011\n\u63d0\u4ea4\u65f6\u95f4\uff1a${formData.\u63d0\u4ea4\u65f6\u95f4}\n            `;\n            \n            try {\n                \/\/ \u4f7f\u7528EmailJS\u53d1\u9001\u90ae\u4ef6\n                const emailParams = {\n                    to_email: \"Chris@heartchain.cn\",\n                    subject: `\u5fc3\u7406\u54a8\u8be2\u767b\u8bb0\u8868 - ${formData.\u57fa\u672c\u4fe1\u606f.\u59d3\u540d}`,\n                    message: formattedMessage\n                };\n                \n                \/\/ \u53d1\u9001\u90ae\u4ef6\n                const response = await emailjs.send(\n                    \"service_dbemwxb\", \/\/ \u60a8\u7684\u670d\u52a1ID\n                    \"template_sx227id\", \/\/ \u60a8\u7684\u6a21\u677fID\n                    emailParams\n                );\n                \n                console.log(\"\u90ae\u4ef6\u53d1\u9001\u6210\u529f:\", response);\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\u9690\u85cf\u6210\u529f\u6d88\u606f\u5e76\u91cd\u7f6e\u8868\u5355\n                setTimeout(() => {\n                    successMessage.classList.remove('show');\n                    \n                    \/\/ \u91cd\u7f6e\u8868\u5355\n                    this.reset();\n                    \n                    \/\/ \u9690\u85cf\u4e4b\u524d\u7684\u54a8\u8be2\u7ecf\u5386\u5b57\u6bb5\n                    document.getElementById('previous-details').style.display = 'none';\n                    \n                    \/\/ \u6eda\u52a8\u5230\u9876\u90e8\n                    window.scrollTo({\n                        top: 0,\n                        behavior: 'smooth'\n                    });\n                }, 3000);\n            } catch (error) {\n                console.error(\"\u90ae\u4ef6\u53d1\u9001\u5931\u8d25:\", error);\n                \n                \/\/ \u66f4\u53cb\u597d\u7684\u9519\u8bef\u63d0\u793a\n                let errorMessage = \"\u63d0\u4ea4\u5931\u8d25\uff0c\u8bf7\u7a0d\u540e\u518d\u8bd5\u6216\u76f4\u63a5\u8054\u7cfb\u5ba2\u670d\u3002\";\n                \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            } finally {\n                \/\/ \u9690\u85cf\u52a0\u8f7d\u6307\u793a\u5668\n                loader.style.display = 'none';\n            }\n        });\n    } catch (error) {\n        console.error(\"\u8868\u5355\u521d\u59cb\u5316\u5931\u8d25:\", error);\n        alert(\"\u8868\u5355\u52a0\u8f7d\u5931\u8d25\uff0c\u8bf7\u5237\u65b0\u9875\u9762\u91cd\u8bd5\u3002\");\n    }\n}\n\n\/\/ \u5f53DOM\u52a0\u8f7d\u5b8c\u6210\u540e\u521d\u59cb\u5316\u8868\u5355\nif (document.readyState === 'loading') {\n    document.addEventListener('DOMContentLoaded', initCounselingForm);\n} else {\n    initCounselingForm();\n}\n<\/script>\n\n","protected":false},"excerpt":{"rendered":"<p>\u5fc3\u7406\u54a8\u8be2\u6765\u8bbf\u8005\u767b\u8bb0\u8868 \u8bf7\u60a8\u586b\u5199\u4ee5\u4e0b\u4fe1\u606f\uff0c\u5e2e\u52a9\u6211\u4eec\u66f4\u597d\u5730\u4e86\u89e3\u60a8\u7684\u60c5\u51b5\u5e76\u63d0\u4f9b\u4e13\u4e1a\u7684\u5fc3\u7406\u54a8\u8be2\u670d\u52a1 \u57fa\u672c\u4fe1\u606f \u59d3\u540d \u6027 [&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-904","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.affectivechain.com\/index.php\/wp-json\/wp\/v2\/pages\/904","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=904"}],"version-history":[{"count":70,"href":"https:\/\/www.affectivechain.com\/index.php\/wp-json\/wp\/v2\/pages\/904\/revisions"}],"predecessor-version":[{"id":1886,"href":"https:\/\/www.affectivechain.com\/index.php\/wp-json\/wp\/v2\/pages\/904\/revisions\/1886"}],"wp:attachment":[{"href":"https:\/\/www.affectivechain.com\/index.php\/wp-json\/wp\/v2\/media?parent=904"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}