\u82f1\u6587\u5b78\u7fd2\u8005\u554f\u5377\u8abf\u67e5 | \u5747\u4e00\u6559\u80b2\u5e73\u53f0<\/title>\n <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/jquery\/3.6.0\/jquery.min.js\"><\/script>\n <style>\n :root {\n --primary-color: #00b48d; \/* \u53c3\u8003\u5747\u4e00\u5e73\u53f0\u4e3b\u8272 *\/\n --primary-hover-color: #009a78;\n --text-color: #212529;\n --container-bg: #ffffff;\n --bg-color: #f8f9fa;\n --success-bg: #d1e7dd;\n --success-text: #0f5132;\n --error-bg: #f8d7da;\n --error-text: #842029;\n --border-color: #dee2e6;\n }\n\n html, body {\n margin: 0;\n padding: 0;\n font-family: \"Microsoft JhengHei\", \"PingFang TC\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif;\n line-height: 1.6;\n color: var(--text-color);\n background-color: var(--bg-color);\n }\n\n .main-wrapper {\n display: flex;\n justify-content: center;\n align-items: center;\n min-height: 100vh;\n padding: 20px;\n }\n \n .container {\n max-width: 600px;\n width: 100%;\n background: var(--container-bg);\n padding: 30px 40px;\n border-radius: 12px;\n border: 1px solid var(--border-color);\n text-align: center;\n box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);\n }\n\n .header {\n margin-bottom: 24px;\n }\n\n div.header img.logo {\n height: 35px;\n }\n \n .welcome-message {\n margin-bottom: 16px;\n font-size: 1.25em;\n color: var(--text-color);\n font-weight: 500;\n }\n\n #not_login_msg {\n margin-top: 24px;\n padding: 20px;\n background: var(--bg-color);\n border-radius: 8px;\n font-size: 1em;\n color: #495057;\n text-align: left;\n }\n\n #not_login_msg a {\n color: var(--primary-color);\n font-weight: bold;\n text-decoration: none;\n transition: color 0.2s ease;\n }\n #not_login_msg a:hover {\n color: var(--primary-hover-color);\n text-decoration: underline;\n }\n\n .btn-primary {\n background-color: var(--primary-color);\n color: white;\n border: none;\n padding: 12px 24px;\n border-radius: 8px;\n cursor: pointer;\n margin-top: 16px;\n font-size: 1em;\n font-weight: 500;\n transition: all 0.2s ease-out;\n transform: scale(1);\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: 8px;\n }\n\n .btn-primary:hover {\n background-color: var(--primary-hover-color);\n box-shadow: 0 4px 20px rgba(0, 180, 141, 0.25);\n }\n\n .btn-primary:active {\n transform: scale(0.97);\n box-shadow: none;\n }\n \n .btn-primary:disabled {\n background-color: #6c757d;\n cursor: not-allowed;\n box-shadow: none;\n }\n\n .feedback-area {\n margin-top: 20px;\n padding: 12px 15px;\n border-radius: 8px;\n font-weight: 500;\n display: none;\n align-items: center;\n justify-content: center;\n gap: 10px;\n animation: fadeInUp 0.5s ease-out forwards;\n }\n .feedback-success {\n color: var(--success-text);\n background-color: var(--success-bg);\n }\n .feedback-error {\n color: var(--error-text);\n background-color: var(--error-bg);\n }\n\n .icon {\n width: 1.3em;\n height: 1.3em;\n flex-shrink: 0;\n }\n\n @keyframes spin {\n to { transform: rotate(360deg); }\n }\n .spinner {\n animation: spin 0.8s linear infinite;\n }\n \n @keyframes fadeInUp {\n from {\n opacity: 0;\n transform: translateY(10px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n\n \/* \u554f\u5377\u5c08\u7528\u6a23\u5f0f *\/\n .survey-intro {\n background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);\n padding: 24px;\n border-radius: 10px;\n margin-bottom: 24px;\n text-align: left;\n }\n .survey-intro h2 {\n color: var(--primary-color);\n font-size: 1.4em;\n margin: 0 0 12px 0;\n }\n .survey-intro ul {\n margin: 12px 0;\n padding-left: 20px;\n color: #495057;\n }\n .survey-intro li {\n margin: 6px 0;\n }\n .survey-intro .highlight {\n color: var(--primary-color);\n font-weight: 600;\n }\n\n .survey-form {\n text-align: left;\n }\n .question-block {\n margin-bottom: 28px;\n padding: 20px;\n background: #f8f9fa;\n border-radius: 8px;\n border-left: 4px solid var(--primary-color);\n }\n .question-title {\n font-size: 1.05em;\n font-weight: 600;\n color: var(--text-color);\n margin-bottom: 12px;\n }\n .required {\n color: #dc3545;\n margin-left: 4px;\n }\n .question-description {\n font-size: 0.9em;\n color: #6c757d;\n margin-bottom: 12px;\n }\n\n \/* \u9078\u9805\u6a23\u5f0f *\/\n .option-group {\n display: flex;\n flex-direction: column;\n gap: 10px;\n }\n .option-label {\n display: flex;\n align-items: center;\n padding: 12px 16px;\n background: white;\n border: 2px solid #dee2e6;\n border-radius: 8px;\n cursor: pointer;\n transition: all 0.2s ease;\n }\n .option-label:hover {\n border-color: var(--primary-color);\n background: #f0fdf9;\n }\n .option-label input[type=\"radio\"]:checked ~ span,\n .option-label input[type=\"checkbox\"]:checked ~ span {\n color: var(--primary-color);\n font-weight: 600;\n }\n .option-label input[type=\"radio\"],\n .option-label input[type=\"checkbox\"] {\n margin-right: 12px;\n width: 18px;\n height: 18px;\n cursor: pointer;\n accent-color: var(--primary-color);\n }\n\n \/* \u91cf\u8868\u6a23\u5f0f *\/\n .scale-group {\n display: flex;\n justify-content: space-between;\n gap: 8px;\n flex-wrap: wrap;\n }\n .scale-option {\n flex: 1;\n min-width: 80px;\n }\n .scale-label {\n display: flex;\n flex-direction: column;\n align-items: center;\n padding: 16px 12px;\n background: white;\n border: 2px solid #dee2e6;\n border-radius: 8px;\n cursor: pointer;\n transition: all 0.2s ease;\n text-align: center;\n }\n .scale-label:hover {\n border-color: var(--primary-color);\n background: #f0fdf9;\n transform: translateY(-2px);\n }\n .scale-label input[type=\"radio\"]:checked ~ .scale-text {\n color: white;\n }\n .scale-label input[type=\"radio\"]:checked {\n background-color: var(--primary-color);\n }\n .scale-label:has(input[type=\"radio\"]:checked) {\n background: var(--primary-color);\n border-color: var(--primary-color);\n color: white;\n }\n .scale-label input[type=\"radio\"] {\n display: none;\n }\n .scale-number {\n font-size: 1.3em;\n font-weight: 700;\n margin-bottom: 4px;\n }\n .scale-text {\n font-size: 0.85em;\n color: #6c757d;\n font-weight: 500;\n }\n .scale-label:has(input[type=\"radio\"]:checked) .scale-text {\n color: white;\n }\n\n \/* \u6587\u5b57\u8f38\u5165 *\/\n input[type=\"text\"],\n textarea {\n width: 100%;\n padding: 12px;\n border: 2px solid #dee2e6;\n border-radius: 8px;\n font-size: 1em;\n font-family: inherit;\n transition: border-color 0.2s ease;\n box-sizing: border-box;\n }\n input[type=\"text\"]:focus,\n textarea:focus {\n outline: none;\n border-color: var(--primary-color);\n }\n textarea {\n min-height: 100px;\n resize: vertical;\n }\n\n \/* \u689d\u4ef6\u986f\u793a\u52d5\u756b *\/\n .conditional-question {\n animation: slideDown 0.3s ease-out;\n overflow: hidden;\n }\n @keyframes slideDown {\n from {\n opacity: 0;\n max-height: 0;\n transform: translateY(-10px);\n }\n to {\n opacity: 1;\n max-height: 500px;\n transform: translateY(0);\n }\n }\n\n @media (max-width: 600px) {\n .scale-group {\n flex-direction: column;\n }\n .scale-option {\n min-width: 100%;\n }\n }\n <\/style>\n<\/head>\n<body>\n <div class=\"main-wrapper\">\n <div class=\"container\">\n <div class=\"header\">\n <img src=\"https:\/\/www.junyiacademy.org\/_next\/image?url=%2Fjunyi-logo.png&w=384&q=75\" alt=\"\u5747\u4e00\u6559\u80b2\u5e73\u53f0 Logo\" class=\"logo\">\n <\/div>\n \n <div id=\"content-area\">\n \n <\/div>\n\n <\/div>\n <\/div>\n\n <script>\n \/\/ \u5168\u57df\u8b8a\u6578\n window.xsrfToken = null;\n window.referrerUrl = null; \/\/ \u5132\u5b58\u4f86\u6e90\u9801\u9762 URL\n const SCRIPT_URL = \"https:\/\/script.google.com\/macros\/s\/AKfycby-VNRJJ7-WOL3PA0gVjAfjceW9MX_4tsektAdntYPemm76OsU205jd0-9j5JW7NaK0\/exec\";\n const FALLBACK_URL = \"https:\/\/www.junyiacademy.org\";\n const REFERRER_STORAGE_KEY = 'survey_original_referrer'; \/\/ sessionStorage \u7684 key\n\n \/\/ \u9801\u9762\u8f09\u5165\u6642\u7acb\u5373\u8b80\u53d6\u4e26\u4fdd\u5b58 referrer\uff08\u5fc5\u9808\u5728\u9801\u9762\u8f09\u5165\u6642\u7acb\u5373\u57f7\u884c\uff0c\u4e0d\u80fd\u7b49\u5230 DOM ready\uff09\n \/\/ \u4f7f\u7528 sessionStorage \u4fdd\u5b58\u7b2c\u4e00\u6b21\u8a2a\u554f\u6642\u7684 referrerUrl\uff0c\u907f\u514d\u767b\u5165\u8df3\u8f49\u5f8c\u907a\u5931\u539f\u59cb\u4f86\u6e90\n (function() {\n \/\/ \u5148\u6aa2\u67e5 sessionStorage \u4e2d\u662f\u5426\u5df2\u6709\u4fdd\u5b58\u7684\u539f\u59cb referrerUrl\n const storedReferrer = sessionStorage.getItem(REFERRER_STORAGE_KEY);\n \n if (storedReferrer) {\n \/\/ \u5982\u679c\u5df2\u6709\u4fdd\u5b58\u7684\u503c\uff0c\u512a\u5148\u4f7f\u7528\uff08\u9019\u662f\u7b2c\u4e00\u6b21\u8a2a\u554f\u6642\u7684\u539f\u59cb\u4f86\u6e90\uff09\n window.referrerUrl = storedReferrer;\n } else {\n \/\/ \u5982\u679c\u6c92\u6709\u4fdd\u5b58\u7684\u503c\uff0c\u4e14 document.referrer \u5b58\u5728\uff0c\u5247\u4fdd\u5b58\u5b83\n \/\/ \u9019\u88e1\u4e0d\u5305\u542b\u767b\u5165\u9801\u9762\u7684 referrer\uff08\u907f\u514d\u8a18\u9304\u767b\u5165\u9801\u9762\u4f5c\u70ba\u4f86\u6e90\uff09\n const currentReferrer = document.referrer || '';\n if (currentReferrer && \n !currentReferrer.includes('junyiacademy.org\/login') && \n !currentReferrer.includes('junyiacademy.org\/survey')) {\n \/\/ \u4fdd\u5b58\u539f\u59cb\u7684 referrerUrl\uff08\u4e0d\u662f\u767b\u5165\u9801\u9762\u6216\u554f\u5377\u9801\u9762\u672c\u8eab\uff09\n window.referrerUrl = currentReferrer;\n sessionStorage.setItem(REFERRER_STORAGE_KEY, currentReferrer);\n } else {\n window.referrerUrl = null;\n }\n }\n })();\n\n \/\/ \u9801\u9762\u8f09\u5165\u6642\u57f7\u884c\n $(document).ready(function() {\n \/\/ \u7372\u53d6\u7528\u6236\u4ee4\u724c\n window.xsrfToken = getUserToken(document);\n \n \/\/ \u6aa2\u67e5\u7528\u6236\u767b\u5165\u72c0\u614b\n const loginData = getUserLoginStatus(window.xsrfToken);\n \n if (loginData && loginData.isLoggedIn) {\n \/\/ \u5df2\u767b\u5165\n const userProfile = getUserProfile(window.xsrfToken);\n\n if (userProfile) {\n \/\/ \u986f\u793a\u554f\u5377\u756b\u9762\n showSubscriptionView(userProfile.nickname, loginData, userProfile);\n } else {\n \/\/ \u8655\u7406\u7121\u6cd5\u7372\u53d6 userProfile \u7684\u60c5\u6cc1\n $('#content-area').html('<p>\u7121\u6cd5\u8f09\u5165\u4f7f\u7528\u8005\u8cc7\u6599\uff0c\u8acb\u7a0d\u5f8c\u518d\u8a66\u3002<\/p>');\n }\n } else {\n \/\/ \u672a\u767b\u5165\n showLoginRequiredView();\n }\n });\n \n \/\/ \u7372\u53d6\u7528\u6236\u4ee4\u724c\n function getUserToken(doc) {\n let token = null;\n $.ajax({\n url: 'https:\/\/www.junyiacademy.org\/',\n method: 'GET',\n async: false,\n cache: false,\n }).done(function() {\n token = \/fkey=([^;]*)\/.exec(doc.cookie) ? \/fkey=([^;]*)\/.exec(doc.cookie)[1] : null;\n });\n return token;\n }\n \n \/\/ \u6aa2\u67e5\u7528\u6236\u767b\u5165\u72c0\u614b (\u56de\u50b3\u5b8c\u6574\u8cc7\u6599)\n function getUserLoginStatus(token) {\n let responseData = null;\n $.ajax({\n url: 'https:\/\/www.junyiacademy.org\/api\/v2\/user\/tracking-identity',\n method: 'GET',\n async: false,\n cache: false,\n xhrFields: { withCredentials: true },\n headers: { 'X-KA-FKey': token },\n }).done(function(data) {\n responseData = data.data;\n }).fail(function() {\n console.error(\"\u7121\u6cd5\u7372\u53d6\u4f7f\u7528\u8005\u767b\u5165\u72c0\u614b\u3002\");\n });\n return responseData;\n }\n \n \/\/ \u7372\u53d6\u7528\u6236\u8cc7\u6599\n function getUserProfile(token) {\n let userProfileData = null;\n $.ajax({\n url: 'https:\/\/www.junyiacademy.org\/api\/v2\/wordpress\/user\/profile',\n method: 'GET',\n async: false,\n cache: false,\n xhrFields: { withCredentials: true },\n headers: { 'X-KA-FKey': token },\n }).done(function(data) {\n userProfileData = data.data;\n }).fail(function() {\n console.error(\"\u7121\u6cd5\u7372\u53d6\u4f7f\u7528\u8005\u500b\u4eba\u8cc7\u6599\u3002\");\n });\n return userProfileData;\n }\n\n \/\/ \u53d6\u5f97\u4f86\u6e90\u9801\u9762 URL\uff08\u4f7f\u7528\u8005\u9ede\u64ca\u9023\u7d50\u6642\u6240\u5728\u7684\u9801\u9762\uff09\n \/\/ \u9019\u500b\u51fd\u5f0f\u6703\u56de\u50b3\u4f7f\u7528\u8005\u5f9e\u54ea\u500b\u9801\u9762\u9ede\u64ca\u9023\u7d50\u9032\u5165\u7576\u524d\u9801\u9762\u7684 URL\n \/\/ \u4f7f\u7528 sessionStorage \u4fdd\u5b58\u7b2c\u4e00\u6b21\u8a2a\u554f\u6642\u7684\u539f\u59cb referrerUrl\uff0c\u907f\u514d\u767b\u5165\u8df3\u8f49\u5f8c\u907a\u5931\n \/\/ \u6ce8\u610f\uff1a\u5982\u679c\u4f7f\u7528\u8005\u76f4\u63a5\u8f38\u5165 URL\u3001\u5f9e\u66f8\u7c64\u958b\u555f\u3001\u6216\u700f\u89bd\u5668\u96b1\u79c1\u8a2d\u5b9a\u963b\u64cb\uff0c\u6b64\u503c\u53ef\u80fd\u70ba\u7a7a\u5b57\u4e32\n function getReferrerUrl() {\n \/\/ \u56de\u50b3\u5728\u9801\u9762\u8f09\u5165\u6642\u5132\u5b58\u7684\u503c\uff08\u5df2\u8655\u7406\u767b\u5165\u8df3\u8f49\u554f\u984c\uff09\n return window.referrerUrl || '';\n }\n\n \/\/ \u986f\u793a\u8981\u6c42\u767b\u5165\u7684\u756b\u9762\n function showLoginRequiredView() {\n const currentPage = encodeURIComponent(window.location.href);\n $('#content-area').html(`\n <div id=\"not_login_msg\">\n <p>\u8acb\u5148 <a id=\"login\" href=\"https:\/\/www.junyiacademy.org\/login?continue=${currentPage}\">\u767b\u5165\u5747\u4e00\u5e33\u865f<\/a>\uff0c\u5373\u53ef\u586b\u5beb\u554f\u5377\u3002<\/p>\n <p style=\"font-size: 0.9em; color: #6c757d; margin-top: 16px;\">\u6b64\u70ba\u5747\u4e00\u5e73\u53f0\u5b98\u65b9\u670d\u52d9\uff0c\u8acb\u5b89\u5fc3\u4f7f\u7528\u3002<\/p>\n <\/div>\n `);\n }\n\n \/\/ \u986f\u793a\u554f\u5377\u756b\u9762\n function showSubscriptionView(nickname, trackingIdentity, userProfile) {\n const contentHtml = `\n <div class=\"survey-intro\">\n <h2>\ud83d\udcdd \u82f1\u6587\u5b78\u7fd2\u8005\u554f\u5377\u8abf\u67e5<\/h2>\n <p style=\"margin: 8px 0;\">\u55e8\uff01<strong id=\"nickname-placeholder\"><\/strong>\uff0c\u4f60\u597d\uff01<\/p>\n <p style=\"margin: 12px 0 8px 0;\">\u6211\u5011\u975e\u5e38\u91cd\u8996\u4f60\u7684\u610f\u898b\uff01\u6b64\u554f\u5377\u65e8\u5728\u4e86\u89e3\u4f60\u7684\u5b78\u7fd2\u9ad4\u9a57\uff0c\u5354\u52a9\u6211\u5011\u512a\u5316\u8ab2\u7a0b\u5167\u5bb9\u3002<\/p>\n <ul style=\"font-size: 0.95em;\">\n <li><span class=\"highlight\">\u53ea\u9700 2-3 \u5206\u9418<\/span>\u5b8c\u6210<\/li>\n <li>\u5171 <span class=\"highlight\">5 \u9053\u554f\u984c<\/span>\uff0c\u8f15\u9b06\u586b\u7b54<\/li>\n <li>\u4f60\u7684\u53cd\u994b\u5c07<span class=\"highlight\">\u76f4\u63a5\u5f71\u97ff<\/span>\u8ab2\u7a0b\u6539\u9032\u65b9\u5411<\/li>\n <\/ul>\n <\/div>\n \n <form id=\"survey-form\" class=\"survey-form\">\n \n <div class=\"question-block\">\n <div class=\"question-title\">1. \u8acb\u554f\u4f60\u76ee\u524d\u7684\u8eab\u4efd\u662f\uff1f<span class=\"required\">*<\/span><\/div>\n <div class=\"option-group\">\n <label class=\"option-label\">\n <input type=\"radio\" name=\"identity\" value=\"\u570b\u5c0f\u751f\" required>\n <span>\u570b\u5c0f\u751f<\/span>\n <\/label>\n <label class=\"option-label\">\n <input type=\"radio\" name=\"identity\" value=\"\u570b\u4e2d\u751f\" required>\n <span>\u570b\u4e2d\u751f<\/span>\n <\/label>\n <label class=\"option-label\">\n <input type=\"radio\" name=\"identity\" value=\"\u9ad8\u4e2d\u751f\" required>\n <span>\u9ad8\u4e2d\u751f<\/span>\n <\/label>\n <label class=\"option-label\">\n <input type=\"radio\" name=\"identity\" value=\"other\" required id=\"identity-other\">\n <span>\u5176\u4ed6\uff1a<\/span>\n <input type=\"text\" id=\"identity-other-text\" placeholder=\"\u8acb\u8f38\u5165\" style=\"margin-left: 8px; width: 200px;\" disabled>\n <\/label>\n <\/div>\n <\/div>\n\n \n <div class=\"question-block\">\n <div class=\"question-title\">2. \u4f60\u8a8d\u70ba\u8ab2\u7a0b\u5167\u5bb9\u5c0d\u82f1\u6587\u5b78\u7fd2\u662f\u5426\u6709\u5e6b\u52a9\uff1f<span class=\"required\">*<\/span><\/div>\n <div class=\"scale-group\">\n <div class=\"scale-option\">\n <label class=\"scale-label\">\n <input type=\"radio\" name=\"helpfulness\" value=\"1\" required>\n <div class=\"scale-number\">1<\/div>\n <div class=\"scale-text\">\u5b8c\u5168\u6c92\u5e6b\u52a9<\/div>\n <\/label>\n <\/div>\n <div class=\"scale-option\">\n <label class=\"scale-label\">\n <input type=\"radio\" name=\"helpfulness\" value=\"2\" required>\n <div class=\"scale-number\">2<\/div>\n <div class=\"scale-text\">\u5e6b\u52a9\u4e0d\u5927<\/div>\n <\/label>\n <\/div>\n <div class=\"scale-option\">\n <label class=\"scale-label\">\n <input type=\"radio\" name=\"helpfulness\" value=\"3\" required>\n <div class=\"scale-number\">3<\/div>\n <div class=\"scale-text\">\u666e\u901a<\/div>\n <\/label>\n <\/div>\n <div class=\"scale-option\">\n <label class=\"scale-label\">\n <input type=\"radio\" name=\"helpfulness\" value=\"4\" required>\n <div class=\"scale-number\">4<\/div>\n <div class=\"scale-text\">\u6709\u5e6b\u52a9<\/div>\n <\/label>\n <\/div>\n <div class=\"scale-option\">\n <label class=\"scale-label\">\n <input type=\"radio\" name=\"helpfulness\" value=\"5\" required>\n <div class=\"scale-number\">5<\/div>\n <div class=\"scale-text\">\u975e\u5e38\u6709\u5e6b\u52a9<\/div>\n <\/label>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"question-block\">\n <div class=\"question-title\">3. \u4f60\u6703\u63a8\u85a6\u670b\u53cb\u4f7f\u7528\u9019\u500b\u82f1\u6587\u5b78\u7fd2\u8ab2\u7a0b\u55ce\uff1f<span class=\"required\">*<\/span><\/div>\n <div class=\"scale-group\">\n <div class=\"scale-option\">\n <label class=\"scale-label\">\n <input type=\"radio\" name=\"nps\" value=\"1\" required>\n <div class=\"scale-number\">1<\/div>\n <div class=\"scale-text\">\u5b8c\u5168\u4e0d\u6703<\/div>\n <\/label>\n <\/div>\n <div class=\"scale-option\">\n <label class=\"scale-label\">\n <input type=\"radio\" name=\"nps\" value=\"2\" required>\n <div class=\"scale-number\">2<\/div>\n <div class=\"scale-text\">\u4e0d\u592a\u6703<\/div>\n <\/label>\n <\/div>\n <div class=\"scale-option\">\n <label class=\"scale-label\">\n <input type=\"radio\" name=\"nps\" value=\"3\" required>\n <div class=\"scale-number\">3<\/div>\n <div class=\"scale-text\">\u53ef\u80fd\u6703<\/div>\n <\/label>\n <\/div>\n <div class=\"scale-option\">\n <label class=\"scale-label\">\n <input type=\"radio\" name=\"nps\" value=\"4\" required>\n <div class=\"scale-number\">4<\/div>\n <div class=\"scale-text\">\u6703\u63a8\u85a6<\/div>\n <\/label>\n <\/div>\n <div class=\"scale-option\">\n <label class=\"scale-label\">\n <input type=\"radio\" name=\"nps\" value=\"5\" required>\n <div class=\"scale-number\">5<\/div>\n <div class=\"scale-text\">\u4e00\u5b9a\u6703<\/div>\n <\/label>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div id=\"q3-1-block\" class=\"question-block conditional-question\" style=\"display: none;\">\n <div class=\"question-title\">3.1 \u53ef\u4ee5\u544a\u8a34\u6211\u5011\u70ba\u4ec0\u9ebc\u4e0d\u63a8\u85a6\u55ce\uff1f<\/div>\n <div class=\"question-description\">\u8acb\u9078\u64c7\u6240\u6709\u7b26\u5408\u7684\u539f\u56e0\uff08\u8907\u9078\uff09<\/div>\n <div class=\"option-group\">\n <label class=\"option-label\">\n <input type=\"checkbox\" name=\"reason\" value=\"\u5167\u5bb9\u4e0d\u5920\u8c50\u5bcc\">\n <span>\u5167\u5bb9\u4e0d\u5920\u8c50\u5bcc<\/span>\n <\/label>\n <label class=\"option-label\">\n <input type=\"checkbox\" name=\"reason\" value=\"\u8ab2\u7a0b\u96e3\u5ea6\u4e0d\u9069\u5408\u6211\">\n <span>\u8ab2\u7a0b\u96e3\u5ea6\u4e0d\u9069\u5408\u6211<\/span>\n <\/label>\n <label class=\"option-label\">\n <input type=\"checkbox\" name=\"reason\" value=\"\u4ecb\u9762\u6216\u64cd\u4f5c\u4e0d\u597d\u7528\">\n <span>\u4ecb\u9762\u6216\u64cd\u4f5c\u4e0d\u597d\u7528<\/span>\n <\/label>\n <label class=\"option-label\">\n <input type=\"checkbox\" name=\"reason\" value=\"\u5b78\u7fd2\u5f8c\u6c92\u6709\u660e\u986f\u9032\u6b65\">\n <span>\u5b78\u7fd2\u5f8c\u6c92\u6709\u660e\u986f\u9032\u6b65<\/span>\n <\/label>\n <label class=\"option-label\">\n <input type=\"checkbox\" name=\"reason\" value=\"\u7f3a\u4e4f\u4e92\u52d5\u6216\u5373\u6642\u53cd\u994b\">\n <span>\u7f3a\u4e4f\u4e92\u52d5\u6216\u5373\u6642\u53cd\u994b<\/span>\n <\/label>\n <label class=\"option-label\">\n <input type=\"checkbox\" name=\"reason\" value=\"\u8ab2\u7a0b\u5167\u5bb9\u4e0d\u5920\u6709\u8da3\">\n <span>\u8ab2\u7a0b\u5167\u5bb9\u4e0d\u5920\u6709\u8da3<\/span>\n <\/label>\n <label class=\"option-label\">\n <input type=\"checkbox\" name=\"reason\" value=\"other\" id=\"reason-other\">\n <span>\u5176\u4ed6\uff1a<\/span>\n <input type=\"text\" id=\"reason-other-text\" placeholder=\"\u8acb\u8f38\u5165\" style=\"margin-left: 8px; flex: 1;\" disabled>\n <\/label>\n <\/div>\n <\/div>\n\n \n <div class=\"question-block\">\n <div class=\"question-title\">4. \u5982\u679c\u53ef\u4ee5\u589e\u52a0\u4e00\u9805\u529f\u80fd\u6216\u5167\u5bb9\uff0c\u4f60\u6700\u5e0c\u671b\u662f\u4ec0\u9ebc\uff1f<\/div>\n <div class=\"question-description\">\u4f8b\u5982\uff1a\u53e3\u8aaa\u7df4\u7fd2\u3001\u66f4\u591a\u4e92\u52d5\u6e2c\u9a57\u3001\u5b78\u7fd2\u9032\u5ea6\u8ffd\u8e64\u7b49<\/div>\n <input type=\"text\" name=\"feature-request\" placeholder=\"\u8acb\u8f38\u5165\u4f60\u7684\u60f3\u6cd5...\">\n <\/div>\n\n \n <div class=\"question-block\">\n <div class=\"question-title\">5. \u5176\u4ed6\u5fc3\u5f97\u3001\u5efa\u8b70\u6216\u60f3\u5c0d\u6211\u5011\u8aaa\u7684\u8a71<\/div>\n <textarea name=\"other-feedback\" placeholder=\"\u4efb\u4f55\u60f3\u6cd5\u90fd\u6b61\u8fce\u5206\u4eab\uff01\"><\/textarea>\n <\/div>\n\n <button type=\"submit\" class=\"btn-primary\" style=\"width: 100%; margin-top: 8px;\">\u9001\u51fa\u554f\u5377<\/button>\n <div id=\"feedback-area\" class=\"feedback-area\"><\/div>\n <\/form>\n `;\n \n $('#content-area').html(contentHtml);\n $('#nickname-placeholder').text(nickname);\n\n \/\/ --- SVG Icons ---\n const ICONS = {\n spinner: `<svg class=\"icon spinner\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M12 2.5C17.2467 2.5 21.5 6.75329 21.5 12\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\"\/><\/svg>`,\n success: `<svg class=\"icon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M12 2C6.477 2 2 6.477 2 12s4.477 10 10 10 10-4.477 10-10S17.523 2 12 2zm4.707 7.707a1 1 0 00-1.414-1.414L10 13.586l-2.293-2.293a1 1 0 00-1.414 1.414l3 3a1 1 0 001.414 0l5-5z\" clip-rule=\"evenodd\"><\/path><\/svg>`,\n error: `<svg class=\"icon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M12 2C6.477 2 2 6.477 2 12s4.477 10 10 10 10-4.477 10-10S17.523 2 12 2zm-1 5a1 1 0 00-2 0v5.5a1 1 0 102 0V7zm1 11a1.5 1.5 0 100-3 1.5 1.5 0 000 3z\" clip-rule=\"evenodd\"><\/path><\/svg>`\n };\n\n \/\/ \u689d\u4ef6\u986f\u793a\u908f\u8f2f - Q3.1\uff08\u7576\u9078\u64c7 1 \u6216 2 \u5206\u6642\u986f\u793a\uff09\n $('input[name=\"nps\"]').change(function() {\n const value = parseInt($(this).val());\n if (value <= 2) {\n $('#q3-1-block').slideDown(300);\n } else {\n $('#q3-1-block').slideUp(300);\n \/\/ \u6e05\u9664\u9078\u9805\n $('input[name=\"reason\"]').prop('checked', false);\n $('#reason-other-text').val('').prop('disabled', true);\n }\n });\n\n \/\/ \u555f\u7528\/\u7981\u7528\u300c\u5176\u4ed6\u300d\u6587\u5b57\u8f38\u5165\u6846 - \u8eab\u4efd\n $('#identity-other').change(function() {\n $('#identity-other-text').prop('disabled', !this.checked).focus();\n });\n $('input[name=\"identity\"]').not('#identity-other').change(function() {\n if (this.checked) {\n $('#identity-other-text').prop('disabled', true).val('');\n }\n });\n\n \/\/ \u555f\u7528\/\u7981\u7528\u300c\u5176\u4ed6\u300d\u6587\u5b57\u8f38\u5165\u6846 - \u4e0d\u63a8\u85a6\u539f\u56e0\n $('#reason-other').change(function() {\n $('#reason-other-text').prop('disabled', !this.checked);\n if (this.checked) {\n $('#reason-other-text').focus();\n }\n });\n\n \/\/ \u8868\u55ae\u9001\u51fa\n $('#survey-form').submit(function(e) {\n e.preventDefault();\n \n const form = $(this);\n const submitBtn = form.find('button[type=\"submit\"]');\n const feedbackArea = $('#feedback-area');\n \n feedbackArea.hide().html('');\n submitBtn.html(ICONS.spinner + '<span>\u9001\u51fa\u4e2d...<\/span>').prop('disabled', true);\n\n \/\/ \u6536\u96c6\u8868\u55ae\u8cc7\u6599\n const surveyData = {\n identity: $('input[name=\"identity\"]:checked').val() === 'other' \n ? $('#identity-other-text').val() \n : $('input[name=\"identity\"]:checked').val(),\n helpfulness: $('input[name=\"helpfulness\"]:checked').val(),\n nps: $('input[name=\"nps\"]:checked').val(),\n notRecommendReasons: [],\n featureRequest: $('input[name=\"feature-request\"]').val(),\n otherFeedback: $('textarea[name=\"other-feedback\"]').val()\n };\n\n \/\/ \u6536\u96c6\u4e0d\u63a8\u85a6\u539f\u56e0\n $('input[name=\"reason\"]:checked').each(function() {\n if ($(this).val() === 'other') {\n const otherText = $('#reason-other-text').val();\n if (otherText) {\n surveyData.notRecommendReasons.push('\u5176\u4ed6\uff1a' + otherText);\n }\n } else {\n surveyData.notRecommendReasons.push($(this).val());\n }\n });\n\n const collectedData = {\n referrerUrl: getReferrerUrl(),\n trackingIdentity: trackingIdentity,\n userProfile: userProfile,\n surveyAnswers: surveyData \/\/ \u52a0\u5165\u554f\u5377\u7b54\u6848\n };\n\n $.ajax({\n url: SCRIPT_URL,\n method: 'POST',\n contentType: 'text\/plain;charset=utf-8',\n dataType: 'json',\n data: JSON.stringify(collectedData)\n }).done(function(response) {\n if(response.result === \"success\") {\n $('#content-area').html(`\n <div class=\"feedback-area feedback-success\" style=\"display: flex; flex-direction: column; animation: none; padding-top: 30px; padding-bottom: 30px;\">\n <div style=\"display: flex; align-items: center; gap: 10px; font-size: 1.3em;\">\n ${ICONS.success}\n <span>\u611f\u8b1d\u4f60\u7684\u56de\u994b\uff01<\/span>\n <\/div>\n <p style=\"font-size: 1em; font-weight: normal; margin: 16px 0 0 0;\">\u4f60\u7684\u610f\u898b\u5c0d\u6211\u5011\u975e\u5e38\u91cd\u8981\uff0c\u6211\u5011\u6703\u4ed4\u7d30\u53c3\u8003\u4e26\u6301\u7e8c\u512a\u5316\u8ab2\u7a0b\u3002<br>\u73fe\u5728\u53ef\u4ee5\u95dc\u9589\u6b64\u9801\u9762\u4e86\u3002<\/p>\n <\/div>\n `);\n } else {\n throw new Error(response.message || '\u672a\u77e5\u7684\u5f8c\u7aef\u932f\u8aa4');\n }\n }).fail(function(jqXHR, textStatus, errorThrown) {\n console.error('Google Sheet \u5beb\u5165\u5931\u6557:', textStatus, errorThrown);\n feedbackArea.html(ICONS.error + '<span>\u9001\u51fa\u5931\u6557\uff0c\u8acb\u6aa2\u67e5\u7db2\u8def\u9023\u7dda\u5f8c\u518d\u8a66\u4e00\u6b21\u3002<\/span>')\n .removeClass('feedback-success')\n .addClass('feedback-error')\n .css('display', 'flex').show();\n submitBtn.html('\u9001\u51fa\u554f\u5377').prop('disabled', false);\n });\n });\n }\n <\/script>\n<\/body>\n<\/html>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u82f1\u6587\u5b78\u7fd2\u8005\u554f\u5377\u8abf\u67e5 | \u5747\u4e00\u6559\u80b2\u5e73\u53f0<\/p>\n","protected":false},"author":15,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":[],"yoast_head":"\n<title>\u82f1\u6587\u5b78\u7fd2\u8005\u554f\u5377\u7cfb\u7d71 - \u5747\u4e00\u6559\u80b2\u5e73\u53f0<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.junyiacademy.org\/event\/eng_course_survey\/\" \/>\n<meta property=\"og:locale\" content=\"zh_TW\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"\u82f1\u6587\u5b78\u7fd2\u8005\u554f\u5377\u7cfb\u7d71 - \u5747\u4e00\u6559\u80b2\u5e73\u53f0\" \/>\n<meta property=\"og:description\" content=\"\u82f1\u6587\u5b78\u7fd2\u8005\u554f\u5377\u8abf\u67e5 | \u5747\u4e00\u6559\u80b2\u5e73\u53f0\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.junyiacademy.org\/event\/eng_course_survey\/\" \/>\n<meta property=\"og:site_name\" content=\"\u5747\u4e00\u6559\u80b2\u5e73\u53f0\" \/>\n<meta property=\"article:modified_time\" content=\"2025-11-03T07:38:28+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.junyiacademy.org\/_next\/image?url=%2Fjunyi-logo.png&w=384&q=75\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"7 \u5206\u9418\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.junyiacademy.org\/event\/eng_course_survey\/\",\"url\":\"https:\/\/www.junyiacademy.org\/event\/eng_course_survey\/\",\"name\":\"\u82f1\u6587\u5b78\u7fd2\u8005\u554f\u5377\u7cfb\u7d71 - \u5747\u4e00\u6559\u80b2\u5e73\u53f0\",\"isPartOf\":{\"@id\":\"https:\/\/www.junyiacademy.org\/event\/#website\"},\"datePublished\":\"2025-11-02T17:25:03+00:00\",\"dateModified\":\"2025-11-03T07:38:28+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/www.junyiacademy.org\/event\/eng_course_survey\/#breadcrumb\"},\"inLanguage\":\"zh-TW\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.junyiacademy.org\/event\/eng_course_survey\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.junyiacademy.org\/event\/eng_course_survey\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/edit-dot-gaewordpress-dot-junyiacademy.appspot.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"\u82f1\u6587\u5b78\u7fd2\u8005\u554f\u5377\u7cfb\u7d71\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.junyiacademy.org\/event\/#website\",\"url\":\"https:\/\/www.junyiacademy.org\/event\/\",\"name\":\"\u5747\u4e00\u6559\u80b2\u5e73\u53f0\",\"description\":\"\u8b93\u6bcf\u4e00\u4f4d\u5b69\u5b50\u90fd\u6709\u6a5f\u6703\u6210\u70ba\u7d42\u8eab\u5b78\u7fd2\u8005\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.junyiacademy.org\/event\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"zh-TW\"}]}<\/script>\n","yoast_head_json":{"title":"\u82f1\u6587\u5b78\u7fd2\u8005\u554f\u5377\u7cfb\u7d71 - \u5747\u4e00\u6559\u80b2\u5e73\u53f0","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.junyiacademy.org\/event\/eng_course_survey\/","og_locale":"zh_TW","og_type":"article","og_title":"\u82f1\u6587\u5b78\u7fd2\u8005\u554f\u5377\u7cfb\u7d71 - \u5747\u4e00\u6559\u80b2\u5e73\u53f0","og_description":"\u82f1\u6587\u5b78\u7fd2\u8005\u554f\u5377\u8abf\u67e5 | \u5747\u4e00\u6559\u80b2\u5e73\u53f0","og_url":"https:\/\/www.junyiacademy.org\/event\/eng_course_survey\/","og_site_name":"\u5747\u4e00\u6559\u80b2\u5e73\u53f0","article_modified_time":"2025-11-03T07:38:28+00:00","og_image":[{"url":"https:\/\/www.junyiacademy.org\/_next\/image?url=%2Fjunyi-logo.png&w=384&q=75"}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"7 \u5206\u9418"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.junyiacademy.org\/event\/eng_course_survey\/","url":"https:\/\/www.junyiacademy.org\/event\/eng_course_survey\/","name":"\u82f1\u6587\u5b78\u7fd2\u8005\u554f\u5377\u7cfb\u7d71 - \u5747\u4e00\u6559\u80b2\u5e73\u53f0","isPartOf":{"@id":"https:\/\/www.junyiacademy.org\/event\/#website"},"datePublished":"2025-11-02T17:25:03+00:00","dateModified":"2025-11-03T07:38:28+00:00","breadcrumb":{"@id":"https:\/\/www.junyiacademy.org\/event\/eng_course_survey\/#breadcrumb"},"inLanguage":"zh-TW","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.junyiacademy.org\/event\/eng_course_survey\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.junyiacademy.org\/event\/eng_course_survey\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/edit-dot-gaewordpress-dot-junyiacademy.appspot.com\/"},{"@type":"ListItem","position":2,"name":"\u82f1\u6587\u5b78\u7fd2\u8005\u554f\u5377\u7cfb\u7d71"}]},{"@type":"WebSite","@id":"https:\/\/www.junyiacademy.org\/event\/#website","url":"https:\/\/www.junyiacademy.org\/event\/","name":"\u5747\u4e00\u6559\u80b2\u5e73\u53f0","description":"\u8b93\u6bcf\u4e00\u4f4d\u5b69\u5b50\u90fd\u6709\u6a5f\u6703\u6210\u70ba\u7d42\u8eab\u5b78\u7fd2\u8005","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.junyiacademy.org\/event\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"zh-TW"}]}},"_links":{"self":[{"href":"https:\/\/www.junyiacademy.org\/event\/wp-json\/wp\/v2\/pages\/48651"}],"collection":[{"href":"https:\/\/www.junyiacademy.org\/event\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.junyiacademy.org\/event\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.junyiacademy.org\/event\/wp-json\/wp\/v2\/users\/15"}],"replies":[{"embeddable":true,"href":"https:\/\/www.junyiacademy.org\/event\/wp-json\/wp\/v2\/comments?post=48651"}],"version-history":[{"count":13,"href":"https:\/\/www.junyiacademy.org\/event\/wp-json\/wp\/v2\/pages\/48651\/revisions"}],"predecessor-version":[{"id":48672,"href":"https:\/\/www.junyiacademy.org\/event\/wp-json\/wp\/v2\/pages\/48651\/revisions\/48672"}],"wp:attachment":[{"href":"https:\/\/www.junyiacademy.org\/event\/wp-json\/wp\/v2\/media?parent=48651"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t\t\t

\n\t\t\t\t

\n\t\t\t\t\t\t\t\t\t

\n\t\t\t\t\t\t

\n\t\t\t\t\t\t\t

\n\t\t\t\t\t

\n\t\t\t

\n\t\t\t\t\t\t\t

\n\t\t\t\t\t\t

\n\t\t\t\t

\n\t\t\t\n\n\n \n \n \u82f1\u6587\u5b78\u7fd2\u8005\u554f\u5377\u8abf\u67e5 | \u5747\u4e00\u6559\u80b2\u5e73\u53f0<\/title>\n <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/jquery\/3.6.0\/jquery.min.js\"><\/script>\n <style>\n :root {\n --primary-color: #00b48d; \/* \u53c3\u8003\u5747\u4e00\u5e73\u53f0\u4e3b\u8272 *\/\n --primary-hover-color: #009a78;\n --text-color: #212529;\n --container-bg: #ffffff;\n --bg-color: #f8f9fa;\n --success-bg: #d1e7dd;\n --success-text: #0f5132;\n --error-bg: #f8d7da;\n --error-text: #842029;\n --border-color: #dee2e6;\n }\n\n html, body {\n margin: 0;\n padding: 0;\n font-family: \"Microsoft JhengHei\", \"PingFang TC\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif;\n line-height: 1.6;\n color: var(--text-color);\n background-color: var(--bg-color);\n }\n\n .main-wrapper {\n display: flex;\n justify-content: center;\n align-items: center;\n min-height: 100vh;\n padding: 20px;\n }\n \n .container {\n max-width: 600px;\n width: 100%;\n background: var(--container-bg);\n padding: 30px 40px;\n border-radius: 12px;\n border: 1px solid var(--border-color);\n text-align: center;\n box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);\n }\n\n .header {\n margin-bottom: 24px;\n }\n\n div.header img.logo {\n height: 35px;\n }\n \n .welcome-message {\n margin-bottom: 16px;\n font-size: 1.25em;\n color: var(--text-color);\n font-weight: 500;\n }\n\n #not_login_msg {\n margin-top: 24px;\n padding: 20px;\n background: var(--bg-color);\n border-radius: 8px;\n font-size: 1em;\n color: #495057;\n text-align: left;\n }\n\n #not_login_msg a {\n color: var(--primary-color);\n font-weight: bold;\n text-decoration: none;\n transition: color 0.2s ease;\n }\n #not_login_msg a:hover {\n color: var(--primary-hover-color);\n text-decoration: underline;\n }\n\n .btn-primary {\n background-color: var(--primary-color);\n color: white;\n border: none;\n padding: 12px 24px;\n border-radius: 8px;\n cursor: pointer;\n margin-top: 16px;\n font-size: 1em;\n font-weight: 500;\n transition: all 0.2s ease-out;\n transform: scale(1);\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: 8px;\n }\n\n .btn-primary:hover {\n background-color: var(--primary-hover-color);\n box-shadow: 0 4px 20px rgba(0, 180, 141, 0.25);\n }\n\n .btn-primary:active {\n transform: scale(0.97);\n box-shadow: none;\n }\n \n .btn-primary:disabled {\n background-color: #6c757d;\n cursor: not-allowed;\n box-shadow: none;\n }\n\n .feedback-area {\n margin-top: 20px;\n padding: 12px 15px;\n border-radius: 8px;\n font-weight: 500;\n display: none;\n align-items: center;\n justify-content: center;\n gap: 10px;\n animation: fadeInUp 0.5s ease-out forwards;\n }\n .feedback-success {\n color: var(--success-text);\n background-color: var(--success-bg);\n }\n .feedback-error {\n color: var(--error-text);\n background-color: var(--error-bg);\n }\n\n .icon {\n width: 1.3em;\n height: 1.3em;\n flex-shrink: 0;\n }\n\n @keyframes spin {\n to { transform: rotate(360deg); }\n }\n .spinner {\n animation: spin 0.8s linear infinite;\n }\n \n @keyframes fadeInUp {\n from {\n opacity: 0;\n transform: translateY(10px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n\n \/* \u554f\u5377\u5c08\u7528\u6a23\u5f0f *\/\n .survey-intro {\n background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);\n padding: 24px;\n border-radius: 10px;\n margin-bottom: 24px;\n text-align: left;\n }\n .survey-intro h2 {\n color: var(--primary-color);\n font-size: 1.4em;\n margin: 0 0 12px 0;\n }\n .survey-intro ul {\n margin: 12px 0;\n padding-left: 20px;\n color: #495057;\n }\n .survey-intro li {\n margin: 6px 0;\n }\n .survey-intro .highlight {\n color: var(--primary-color);\n font-weight: 600;\n }\n\n .survey-form {\n text-align: left;\n }\n .question-block {\n margin-bottom: 28px;\n padding: 20px;\n background: #f8f9fa;\n border-radius: 8px;\n border-left: 4px solid var(--primary-color);\n }\n .question-title {\n font-size: 1.05em;\n font-weight: 600;\n color: var(--text-color);\n margin-bottom: 12px;\n }\n .required {\n color: #dc3545;\n margin-left: 4px;\n }\n .question-description {\n font-size: 0.9em;\n color: #6c757d;\n margin-bottom: 12px;\n }\n\n \/* \u9078\u9805\u6a23\u5f0f *\/\n .option-group {\n display: flex;\n flex-direction: column;\n gap: 10px;\n }\n .option-label {\n display: flex;\n align-items: center;\n padding: 12px 16px;\n background: white;\n border: 2px solid #dee2e6;\n border-radius: 8px;\n cursor: pointer;\n transition: all 0.2s ease;\n }\n .option-label:hover {\n border-color: var(--primary-color);\n background: #f0fdf9;\n }\n .option-label input[type=\"radio\"]:checked ~ span,\n .option-label input[type=\"checkbox\"]:checked ~ span {\n color: var(--primary-color);\n font-weight: 600;\n }\n .option-label input[type=\"radio\"],\n .option-label input[type=\"checkbox\"] {\n margin-right: 12px;\n width: 18px;\n height: 18px;\n cursor: pointer;\n accent-color: var(--primary-color);\n }\n\n \/* \u91cf\u8868\u6a23\u5f0f *\/\n .scale-group {\n display: flex;\n justify-content: space-between;\n gap: 8px;\n flex-wrap: wrap;\n }\n .scale-option {\n flex: 1;\n min-width: 80px;\n }\n .scale-label {\n display: flex;\n flex-direction: column;\n align-items: center;\n padding: 16px 12px;\n background: white;\n border: 2px solid #dee2e6;\n border-radius: 8px;\n cursor: pointer;\n transition: all 0.2s ease;\n text-align: center;\n }\n .scale-label:hover {\n border-color: var(--primary-color);\n background: #f0fdf9;\n transform: translateY(-2px);\n }\n .scale-label input[type=\"radio\"]:checked ~ .scale-text {\n color: white;\n }\n .scale-label input[type=\"radio\"]:checked {\n background-color: var(--primary-color);\n }\n .scale-label:has(input[type=\"radio\"]:checked) {\n background: var(--primary-color);\n border-color: var(--primary-color);\n color: white;\n }\n .scale-label input[type=\"radio\"] {\n display: none;\n }\n .scale-number {\n font-size: 1.3em;\n font-weight: 700;\n margin-bottom: 4px;\n }\n .scale-text {\n font-size: 0.85em;\n color: #6c757d;\n font-weight: 500;\n }\n .scale-label:has(input[type=\"radio\"]:checked) .scale-text {\n color: white;\n }\n\n \/* \u6587\u5b57\u8f38\u5165 *\/\n input[type=\"text\"],\n textarea {\n width: 100%;\n padding: 12px;\n border: 2px solid #dee2e6;\n border-radius: 8px;\n font-size: 1em;\n font-family: inherit;\n transition: border-color 0.2s ease;\n box-sizing: border-box;\n }\n input[type=\"text\"]:focus,\n textarea:focus {\n outline: none;\n border-color: var(--primary-color);\n }\n textarea {\n min-height: 100px;\n resize: vertical;\n }\n\n \/* \u689d\u4ef6\u986f\u793a\u52d5\u756b *\/\n .conditional-question {\n animation: slideDown 0.3s ease-out;\n overflow: hidden;\n }\n @keyframes slideDown {\n from {\n opacity: 0;\n max-height: 0;\n transform: translateY(-10px);\n }\n to {\n opacity: 1;\n max-height: 500px;\n transform: translateY(0);\n }\n }\n\n @media (max-width: 600px) {\n .scale-group {\n flex-direction: column;\n }\n .scale-option {\n min-width: 100%;\n }\n }\n <\/style>\n<\/head>\n<body>\n <div class=\"main-wrapper\">\n <div class=\"container\">\n <div class=\"header\">\n <img src=\"https:\/\/www.junyiacademy.org\/_next\/image?url=%2Fjunyi-logo.png&w=384&q=75\" alt=\"\u5747\u4e00\u6559\u80b2\u5e73\u53f0 Logo\" class=\"logo\">\n <\/div>\n \n <div id=\"content-area\">\n \n <\/div>\n\n <\/div>\n <\/div>\n\n <script>\n \/\/ \u5168\u57df\u8b8a\u6578\n window.xsrfToken = null;\n window.referrerUrl = null; \/\/ \u5132\u5b58\u4f86\u6e90\u9801\u9762 URL\n const SCRIPT_URL = \"https:\/\/script.google.com\/macros\/s\/AKfycby-VNRJJ7-WOL3PA0gVjAfjceW9MX_4tsektAdntYPemm76OsU205jd0-9j5JW7NaK0\/exec\";\n const FALLBACK_URL = \"https:\/\/www.junyiacademy.org\";\n const REFERRER_STORAGE_KEY = 'survey_original_referrer'; \/\/ sessionStorage \u7684 key\n\n \/\/ \u9801\u9762\u8f09\u5165\u6642\u7acb\u5373\u8b80\u53d6\u4e26\u4fdd\u5b58 referrer\uff08\u5fc5\u9808\u5728\u9801\u9762\u8f09\u5165\u6642\u7acb\u5373\u57f7\u884c\uff0c\u4e0d\u80fd\u7b49\u5230 DOM ready\uff09\n \/\/ \u4f7f\u7528 sessionStorage \u4fdd\u5b58\u7b2c\u4e00\u6b21\u8a2a\u554f\u6642\u7684 referrerUrl\uff0c\u907f\u514d\u767b\u5165\u8df3\u8f49\u5f8c\u907a\u5931\u539f\u59cb\u4f86\u6e90\n (function() {\n \/\/ \u5148\u6aa2\u67e5 sessionStorage \u4e2d\u662f\u5426\u5df2\u6709\u4fdd\u5b58\u7684\u539f\u59cb referrerUrl\n const storedReferrer = sessionStorage.getItem(REFERRER_STORAGE_KEY);\n \n if (storedReferrer) {\n \/\/ \u5982\u679c\u5df2\u6709\u4fdd\u5b58\u7684\u503c\uff0c\u512a\u5148\u4f7f\u7528\uff08\u9019\u662f\u7b2c\u4e00\u6b21\u8a2a\u554f\u6642\u7684\u539f\u59cb\u4f86\u6e90\uff09\n window.referrerUrl = storedReferrer;\n } else {\n \/\/ \u5982\u679c\u6c92\u6709\u4fdd\u5b58\u7684\u503c\uff0c\u4e14 document.referrer \u5b58\u5728\uff0c\u5247\u4fdd\u5b58\u5b83\n \/\/ \u9019\u88e1\u4e0d\u5305\u542b\u767b\u5165\u9801\u9762\u7684 referrer\uff08\u907f\u514d\u8a18\u9304\u767b\u5165\u9801\u9762\u4f5c\u70ba\u4f86\u6e90\uff09\n const currentReferrer = document.referrer || '';\n if (currentReferrer && \n !currentReferrer.includes('junyiacademy.org\/login') && \n !currentReferrer.includes('junyiacademy.org\/survey')) {\n \/\/ \u4fdd\u5b58\u539f\u59cb\u7684 referrerUrl\uff08\u4e0d\u662f\u767b\u5165\u9801\u9762\u6216\u554f\u5377\u9801\u9762\u672c\u8eab\uff09\n window.referrerUrl = currentReferrer;\n sessionStorage.setItem(REFERRER_STORAGE_KEY, currentReferrer);\n } else {\n window.referrerUrl = null;\n }\n }\n })();\n\n \/\/ \u9801\u9762\u8f09\u5165\u6642\u57f7\u884c\n $(document).ready(function() {\n \/\/ \u7372\u53d6\u7528\u6236\u4ee4\u724c\n window.xsrfToken = getUserToken(document);\n \n \/\/ \u6aa2\u67e5\u7528\u6236\u767b\u5165\u72c0\u614b\n const loginData = getUserLoginStatus(window.xsrfToken);\n \n if (loginData && loginData.isLoggedIn) {\n \/\/ \u5df2\u767b\u5165\n const userProfile = getUserProfile(window.xsrfToken);\n\n if (userProfile) {\n \/\/ \u986f\u793a\u554f\u5377\u756b\u9762\n showSubscriptionView(userProfile.nickname, loginData, userProfile);\n } else {\n \/\/ \u8655\u7406\u7121\u6cd5\u7372\u53d6 userProfile \u7684\u60c5\u6cc1\n $('#content-area').html('<p>\u7121\u6cd5\u8f09\u5165\u4f7f\u7528\u8005\u8cc7\u6599\uff0c\u8acb\u7a0d\u5f8c\u518d\u8a66\u3002<\/p>');\n }\n } else {\n \/\/ \u672a\u767b\u5165\n showLoginRequiredView();\n }\n });\n \n \/\/ \u7372\u53d6\u7528\u6236\u4ee4\u724c\n function getUserToken(doc) {\n let token = null;\n $.ajax({\n url: 'https:\/\/www.junyiacademy.org\/',\n method: 'GET',\n async: false,\n cache: false,\n }).done(function() {\n token = \/fkey=([^;]*)\/.exec(doc.cookie) ? \/fkey=([^;]*)\/.exec(doc.cookie)[1] : null;\n });\n return token;\n }\n \n \/\/ \u6aa2\u67e5\u7528\u6236\u767b\u5165\u72c0\u614b (\u56de\u50b3\u5b8c\u6574\u8cc7\u6599)\n function getUserLoginStatus(token) {\n let responseData = null;\n $.ajax({\n url: 'https:\/\/www.junyiacademy.org\/api\/v2\/user\/tracking-identity',\n method: 'GET',\n async: false,\n cache: false,\n xhrFields: { withCredentials: true },\n headers: { 'X-KA-FKey': token },\n }).done(function(data) {\n responseData = data.data;\n }).fail(function() {\n console.error(\"\u7121\u6cd5\u7372\u53d6\u4f7f\u7528\u8005\u767b\u5165\u72c0\u614b\u3002\");\n });\n return responseData;\n }\n \n \/\/ \u7372\u53d6\u7528\u6236\u8cc7\u6599\n function getUserProfile(token) {\n let userProfileData = null;\n $.ajax({\n url: 'https:\/\/www.junyiacademy.org\/api\/v2\/wordpress\/user\/profile',\n method: 'GET',\n async: false,\n cache: false,\n xhrFields: { withCredentials: true },\n headers: { 'X-KA-FKey': token },\n }).done(function(data) {\n userProfileData = data.data;\n }).fail(function() {\n console.error(\"\u7121\u6cd5\u7372\u53d6\u4f7f\u7528\u8005\u500b\u4eba\u8cc7\u6599\u3002\");\n });\n return userProfileData;\n }\n\n \/\/ \u53d6\u5f97\u4f86\u6e90\u9801\u9762 URL\uff08\u4f7f\u7528\u8005\u9ede\u64ca\u9023\u7d50\u6642\u6240\u5728\u7684\u9801\u9762\uff09\n \/\/ \u9019\u500b\u51fd\u5f0f\u6703\u56de\u50b3\u4f7f\u7528\u8005\u5f9e\u54ea\u500b\u9801\u9762\u9ede\u64ca\u9023\u7d50\u9032\u5165\u7576\u524d\u9801\u9762\u7684 URL\n \/\/ \u4f7f\u7528 sessionStorage \u4fdd\u5b58\u7b2c\u4e00\u6b21\u8a2a\u554f\u6642\u7684\u539f\u59cb referrerUrl\uff0c\u907f\u514d\u767b\u5165\u8df3\u8f49\u5f8c\u907a\u5931\n \/\/ \u6ce8\u610f\uff1a\u5982\u679c\u4f7f\u7528\u8005\u76f4\u63a5\u8f38\u5165 URL\u3001\u5f9e\u66f8\u7c64\u958b\u555f\u3001\u6216\u700f\u89bd\u5668\u96b1\u79c1\u8a2d\u5b9a\u963b\u64cb\uff0c\u6b64\u503c\u53ef\u80fd\u70ba\u7a7a\u5b57\u4e32\n function getReferrerUrl() {\n \/\/ \u56de\u50b3\u5728\u9801\u9762\u8f09\u5165\u6642\u5132\u5b58\u7684\u503c\uff08\u5df2\u8655\u7406\u767b\u5165\u8df3\u8f49\u554f\u984c\uff09\n return window.referrerUrl || '';\n }\n\n \/\/ \u986f\u793a\u8981\u6c42\u767b\u5165\u7684\u756b\u9762\n function showLoginRequiredView() {\n const currentPage = encodeURIComponent(window.location.href);\n $('#content-area').html(`\n <div id=\"not_login_msg\">\n <p>\u8acb\u5148 <a id=\"login\" href=\"https:\/\/www.junyiacademy.org\/login?continue=${currentPage}\">\u767b\u5165\u5747\u4e00\u5e33\u865f<\/a>\uff0c\u5373\u53ef\u586b\u5beb\u554f\u5377\u3002<\/p>\n <p style=\"font-size: 0.9em; color: #6c757d; margin-top: 16px;\">\u6b64\u70ba\u5747\u4e00\u5e73\u53f0\u5b98\u65b9\u670d\u52d9\uff0c\u8acb\u5b89\u5fc3\u4f7f\u7528\u3002<\/p>\n <\/div>\n `);\n }\n\n \/\/ \u986f\u793a\u554f\u5377\u756b\u9762\n function showSubscriptionView(nickname, trackingIdentity, userProfile) {\n const contentHtml = `\n <div class=\"survey-intro\">\n <h2>\ud83d\udcdd \u82f1\u6587\u5b78\u7fd2\u8005\u554f\u5377\u8abf\u67e5<\/h2>\n <p style=\"margin: 8px 0;\">\u55e8\uff01<strong id=\"nickname-placeholder\"><\/strong>\uff0c\u4f60\u597d\uff01<\/p>\n <p style=\"margin: 12px 0 8px 0;\">\u6211\u5011\u975e\u5e38\u91cd\u8996\u4f60\u7684\u610f\u898b\uff01\u6b64\u554f\u5377\u65e8\u5728\u4e86\u89e3\u4f60\u7684\u5b78\u7fd2\u9ad4\u9a57\uff0c\u5354\u52a9\u6211\u5011\u512a\u5316\u8ab2\u7a0b\u5167\u5bb9\u3002<\/p>\n <ul style=\"font-size: 0.95em;\">\n <li><span class=\"highlight\">\u53ea\u9700 2-3 \u5206\u9418<\/span>\u5b8c\u6210<\/li>\n <li>\u5171 <span class=\"highlight\">5 \u9053\u554f\u984c<\/span>\uff0c\u8f15\u9b06\u586b\u7b54<\/li>\n <li>\u4f60\u7684\u53cd\u994b\u5c07<span class=\"highlight\">\u76f4\u63a5\u5f71\u97ff<\/span>\u8ab2\u7a0b\u6539\u9032\u65b9\u5411<\/li>\n <\/ul>\n <\/div>\n \n <form id=\"survey-form\" class=\"survey-form\">\n \n <div class=\"question-block\">\n <div class=\"question-title\">1. \u8acb\u554f\u4f60\u76ee\u524d\u7684\u8eab\u4efd\u662f\uff1f<span class=\"required\">*<\/span><\/div>\n <div class=\"option-group\">\n <label class=\"option-label\">\n <input type=\"radio\" name=\"identity\" value=\"\u570b\u5c0f\u751f\" required>\n <span>\u570b\u5c0f\u751f<\/span>\n <\/label>\n <label class=\"option-label\">\n <input type=\"radio\" name=\"identity\" value=\"\u570b\u4e2d\u751f\" required>\n <span>\u570b\u4e2d\u751f<\/span>\n <\/label>\n <label class=\"option-label\">\n <input type=\"radio\" name=\"identity\" value=\"\u9ad8\u4e2d\u751f\" required>\n <span>\u9ad8\u4e2d\u751f<\/span>\n <\/label>\n <label class=\"option-label\">\n <input type=\"radio\" name=\"identity\" value=\"other\" required id=\"identity-other\">\n <span>\u5176\u4ed6\uff1a<\/span>\n <input type=\"text\" id=\"identity-other-text\" placeholder=\"\u8acb\u8f38\u5165\" style=\"margin-left: 8px; width: 200px;\" disabled>\n <\/label>\n <\/div>\n <\/div>\n\n \n <div class=\"question-block\">\n <div class=\"question-title\">2. \u4f60\u8a8d\u70ba\u8ab2\u7a0b\u5167\u5bb9\u5c0d\u82f1\u6587\u5b78\u7fd2\u662f\u5426\u6709\u5e6b\u52a9\uff1f<span class=\"required\">*<\/span><\/div>\n <div class=\"scale-group\">\n <div class=\"scale-option\">\n <label class=\"scale-label\">\n <input type=\"radio\" name=\"helpfulness\" value=\"1\" required>\n <div class=\"scale-number\">1<\/div>\n <div class=\"scale-text\">\u5b8c\u5168\u6c92\u5e6b\u52a9<\/div>\n <\/label>\n <\/div>\n <div class=\"scale-option\">\n <label class=\"scale-label\">\n <input type=\"radio\" name=\"helpfulness\" value=\"2\" required>\n <div class=\"scale-number\">2<\/div>\n <div class=\"scale-text\">\u5e6b\u52a9\u4e0d\u5927<\/div>\n <\/label>\n <\/div>\n <div class=\"scale-option\">\n <label class=\"scale-label\">\n <input type=\"radio\" name=\"helpfulness\" value=\"3\" required>\n <div class=\"scale-number\">3<\/div>\n <div class=\"scale-text\">\u666e\u901a<\/div>\n <\/label>\n <\/div>\n <div class=\"scale-option\">\n <label class=\"scale-label\">\n <input type=\"radio\" name=\"helpfulness\" value=\"4\" required>\n <div class=\"scale-number\">4<\/div>\n <div class=\"scale-text\">\u6709\u5e6b\u52a9<\/div>\n <\/label>\n <\/div>\n <div class=\"scale-option\">\n <label class=\"scale-label\">\n <input type=\"radio\" name=\"helpfulness\" value=\"5\" required>\n <div class=\"scale-number\">5<\/div>\n <div class=\"scale-text\">\u975e\u5e38\u6709\u5e6b\u52a9<\/div>\n <\/label>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"question-block\">\n <div class=\"question-title\">3. \u4f60\u6703\u63a8\u85a6\u670b\u53cb\u4f7f\u7528\u9019\u500b\u82f1\u6587\u5b78\u7fd2\u8ab2\u7a0b\u55ce\uff1f<span class=\"required\">*<\/span><\/div>\n <div class=\"scale-group\">\n <div class=\"scale-option\">\n <label class=\"scale-label\">\n <input type=\"radio\" name=\"nps\" value=\"1\" required>\n <div class=\"scale-number\">1<\/div>\n <div class=\"scale-text\">\u5b8c\u5168\u4e0d\u6703<\/div>\n <\/label>\n <\/div>\n <div class=\"scale-option\">\n <label class=\"scale-label\">\n <input type=\"radio\" name=\"nps\" value=\"2\" required>\n <div class=\"scale-number\">2<\/div>\n <div class=\"scale-text\">\u4e0d\u592a\u6703<\/div>\n <\/label>\n <\/div>\n <div class=\"scale-option\">\n <label class=\"scale-label\">\n <input type=\"radio\" name=\"nps\" value=\"3\" required>\n <div class=\"scale-number\">3<\/div>\n <div class=\"scale-text\">\u53ef\u80fd\u6703<\/div>\n <\/label>\n <\/div>\n <div class=\"scale-option\">\n <label class=\"scale-label\">\n <input type=\"radio\" name=\"nps\" value=\"4\" required>\n <div class=\"scale-number\">4<\/div>\n <div class=\"scale-text\">\u6703\u63a8\u85a6<\/div>\n <\/label>\n <\/div>\n <div class=\"scale-option\">\n <label class=\"scale-label\">\n <input type=\"radio\" name=\"nps\" value=\"5\" required>\n <div class=\"scale-number\">5<\/div>\n <div class=\"scale-text\">\u4e00\u5b9a\u6703<\/div>\n <\/label>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div id=\"q3-1-block\" class=\"question-block conditional-question\" style=\"display: none;\">\n <div class=\"question-title\">3.1 \u53ef\u4ee5\u544a\u8a34\u6211\u5011\u70ba\u4ec0\u9ebc\u4e0d\u63a8\u85a6\u55ce\uff1f<\/div>\n <div class=\"question-description\">\u8acb\u9078\u64c7\u6240\u6709\u7b26\u5408\u7684\u539f\u56e0\uff08\u8907\u9078\uff09<\/div>\n <div class=\"option-group\">\n <label class=\"option-label\">\n <input type=\"checkbox\" name=\"reason\" value=\"\u5167\u5bb9\u4e0d\u5920\u8c50\u5bcc\">\n <span>\u5167\u5bb9\u4e0d\u5920\u8c50\u5bcc<\/span>\n <\/label>\n <label class=\"option-label\">\n <input type=\"checkbox\" name=\"reason\" value=\"\u8ab2\u7a0b\u96e3\u5ea6\u4e0d\u9069\u5408\u6211\">\n <span>\u8ab2\u7a0b\u96e3\u5ea6\u4e0d\u9069\u5408\u6211<\/span>\n <\/label>\n <label class=\"option-label\">\n <input type=\"checkbox\" name=\"reason\" value=\"\u4ecb\u9762\u6216\u64cd\u4f5c\u4e0d\u597d\u7528\">\n <span>\u4ecb\u9762\u6216\u64cd\u4f5c\u4e0d\u597d\u7528<\/span>\n <\/label>\n <label class=\"option-label\">\n <input type=\"checkbox\" name=\"reason\" value=\"\u5b78\u7fd2\u5f8c\u6c92\u6709\u660e\u986f\u9032\u6b65\">\n <span>\u5b78\u7fd2\u5f8c\u6c92\u6709\u660e\u986f\u9032\u6b65<\/span>\n <\/label>\n <label class=\"option-label\">\n <input type=\"checkbox\" name=\"reason\" value=\"\u7f3a\u4e4f\u4e92\u52d5\u6216\u5373\u6642\u53cd\u994b\">\n <span>\u7f3a\u4e4f\u4e92\u52d5\u6216\u5373\u6642\u53cd\u994b<\/span>\n <\/label>\n <label class=\"option-label\">\n <input type=\"checkbox\" name=\"reason\" value=\"\u8ab2\u7a0b\u5167\u5bb9\u4e0d\u5920\u6709\u8da3\">\n <span>\u8ab2\u7a0b\u5167\u5bb9\u4e0d\u5920\u6709\u8da3<\/span>\n <\/label>\n <label class=\"option-label\">\n <input type=\"checkbox\" name=\"reason\" value=\"other\" id=\"reason-other\">\n <span>\u5176\u4ed6\uff1a<\/span>\n <input type=\"text\" id=\"reason-other-text\" placeholder=\"\u8acb\u8f38\u5165\" style=\"margin-left: 8px; flex: 1;\" disabled>\n <\/label>\n <\/div>\n <\/div>\n\n \n <div class=\"question-block\">\n <div class=\"question-title\">4. \u5982\u679c\u53ef\u4ee5\u589e\u52a0\u4e00\u9805\u529f\u80fd\u6216\u5167\u5bb9\uff0c\u4f60\u6700\u5e0c\u671b\u662f\u4ec0\u9ebc\uff1f<\/div>\n <div class=\"question-description\">\u4f8b\u5982\uff1a\u53e3\u8aaa\u7df4\u7fd2\u3001\u66f4\u591a\u4e92\u52d5\u6e2c\u9a57\u3001\u5b78\u7fd2\u9032\u5ea6\u8ffd\u8e64\u7b49<\/div>\n <input type=\"text\" name=\"feature-request\" placeholder=\"\u8acb\u8f38\u5165\u4f60\u7684\u60f3\u6cd5...\">\n <\/div>\n\n \n <div class=\"question-block\">\n <div class=\"question-title\">5. \u5176\u4ed6\u5fc3\u5f97\u3001\u5efa\u8b70\u6216\u60f3\u5c0d\u6211\u5011\u8aaa\u7684\u8a71<\/div>\n <textarea name=\"other-feedback\" placeholder=\"\u4efb\u4f55\u60f3\u6cd5\u90fd\u6b61\u8fce\u5206\u4eab\uff01\"><\/textarea>\n <\/div>\n\n <button type=\"submit\" class=\"btn-primary\" style=\"width: 100%; margin-top: 8px;\">\u9001\u51fa\u554f\u5377<\/button>\n <div id=\"feedback-area\" class=\"feedback-area\"><\/div>\n <\/form>\n `;\n \n $('#content-area').html(contentHtml);\n $('#nickname-placeholder').text(nickname);\n\n \/\/ --- SVG Icons ---\n const ICONS = {\n spinner: `<svg class=\"icon spinner\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M12 2.5C17.2467 2.5 21.5 6.75329 21.5 12\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\"\/><\/svg>`,\n success: `<svg class=\"icon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M12 2C6.477 2 2 6.477 2 12s4.477 10 10 10 10-4.477 10-10S17.523 2 12 2zm4.707 7.707a1 1 0 00-1.414-1.414L10 13.586l-2.293-2.293a1 1 0 00-1.414 1.414l3 3a1 1 0 001.414 0l5-5z\" clip-rule=\"evenodd\"><\/path><\/svg>`,\n error: `<svg class=\"icon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M12 2C6.477 2 2 6.477 2 12s4.477 10 10 10 10-4.477 10-10S17.523 2 12 2zm-1 5a1 1 0 00-2 0v5.5a1 1 0 102 0V7zm1 11a1.5 1.5 0 100-3 1.5 1.5 0 000 3z\" clip-rule=\"evenodd\"><\/path><\/svg>`\n };\n\n \/\/ \u689d\u4ef6\u986f\u793a\u908f\u8f2f - Q3.1\uff08\u7576\u9078\u64c7 1 \u6216 2 \u5206\u6642\u986f\u793a\uff09\n $('input[name=\"nps\"]').change(function() {\n const value = parseInt($(this).val());\n if (value <= 2) {\n $('#q3-1-block').slideDown(300);\n } else {\n $('#q3-1-block').slideUp(300);\n \/\/ \u6e05\u9664\u9078\u9805\n $('input[name=\"reason\"]').prop('checked', false);\n $('#reason-other-text').val('').prop('disabled', true);\n }\n });\n\n \/\/ \u555f\u7528\/\u7981\u7528\u300c\u5176\u4ed6\u300d\u6587\u5b57\u8f38\u5165\u6846 - \u8eab\u4efd\n $('#identity-other').change(function() {\n $('#identity-other-text').prop('disabled', !this.checked).focus();\n });\n $('input[name=\"identity\"]').not('#identity-other').change(function() {\n if (this.checked) {\n $('#identity-other-text').prop('disabled', true).val('');\n }\n });\n\n \/\/ \u555f\u7528\/\u7981\u7528\u300c\u5176\u4ed6\u300d\u6587\u5b57\u8f38\u5165\u6846 - \u4e0d\u63a8\u85a6\u539f\u56e0\n $('#reason-other').change(function() {\n $('#reason-other-text').prop('disabled', !this.checked);\n if (this.checked) {\n $('#reason-other-text').focus();\n }\n });\n\n \/\/ \u8868\u55ae\u9001\u51fa\n $('#survey-form').submit(function(e) {\n e.preventDefault();\n \n const form = $(this);\n const submitBtn = form.find('button[type=\"submit\"]');\n const feedbackArea = $('#feedback-area');\n \n feedbackArea.hide().html('');\n submitBtn.html(ICONS.spinner + '<span>\u9001\u51fa\u4e2d...<\/span>').prop('disabled', true);\n\n \/\/ \u6536\u96c6\u8868\u55ae\u8cc7\u6599\n const surveyData = {\n identity: $('input[name=\"identity\"]:checked').val() === 'other' \n ? $('#identity-other-text').val() \n : $('input[name=\"identity\"]:checked').val(),\n helpfulness: $('input[name=\"helpfulness\"]:checked').val(),\n nps: $('input[name=\"nps\"]:checked').val(),\n notRecommendReasons: [],\n featureRequest: $('input[name=\"feature-request\"]').val(),\n otherFeedback: $('textarea[name=\"other-feedback\"]').val()\n };\n\n \/\/ \u6536\u96c6\u4e0d\u63a8\u85a6\u539f\u56e0\n $('input[name=\"reason\"]:checked').each(function() {\n if ($(this).val() === 'other') {\n const otherText = $('#reason-other-text').val();\n if (otherText) {\n surveyData.notRecommendReasons.push('\u5176\u4ed6\uff1a' + otherText);\n }\n } else {\n surveyData.notRecommendReasons.push($(this).val());\n }\n });\n\n const collectedData = {\n referrerUrl: getReferrerUrl(),\n trackingIdentity: trackingIdentity,\n userProfile: userProfile,\n surveyAnswers: surveyData \/\/ \u52a0\u5165\u554f\u5377\u7b54\u6848\n };\n\n $.ajax({\n url: SCRIPT_URL,\n method: 'POST',\n contentType: 'text\/plain;charset=utf-8',\n dataType: 'json',\n data: JSON.stringify(collectedData)\n }).done(function(response) {\n if(response.result === \"success\") {\n $('#content-area').html(`\n <div class=\"feedback-area feedback-success\" style=\"display: flex; flex-direction: column; animation: none; padding-top: 30px; padding-bottom: 30px;\">\n <div style=\"display: flex; align-items: center; gap: 10px; font-size: 1.3em;\">\n ${ICONS.success}\n <span>\u611f\u8b1d\u4f60\u7684\u56de\u994b\uff01<\/span>\n <\/div>\n <p style=\"font-size: 1em; font-weight: normal; margin: 16px 0 0 0;\">\u4f60\u7684\u610f\u898b\u5c0d\u6211\u5011\u975e\u5e38\u91cd\u8981\uff0c\u6211\u5011\u6703\u4ed4\u7d30\u53c3\u8003\u4e26\u6301\u7e8c\u512a\u5316\u8ab2\u7a0b\u3002<br>\u73fe\u5728\u53ef\u4ee5\u95dc\u9589\u6b64\u9801\u9762\u4e86\u3002<\/p>\n <\/div>\n `);\n } else {\n throw new Error(response.message || '\u672a\u77e5\u7684\u5f8c\u7aef\u932f\u8aa4');\n }\n }).fail(function(jqXHR, textStatus, errorThrown) {\n console.error('Google Sheet \u5beb\u5165\u5931\u6557:', textStatus, errorThrown);\n feedbackArea.html(ICONS.error + '<span>\u9001\u51fa\u5931\u6557\uff0c\u8acb\u6aa2\u67e5\u7db2\u8def\u9023\u7dda\u5f8c\u518d\u8a66\u4e00\u6b21\u3002<\/span>')\n .removeClass('feedback-success')\n .addClass('feedback-error')\n .css('display', 'flex').show();\n submitBtn.html('\u9001\u51fa\u554f\u5377').prop('disabled', false);\n });\n });\n }\n <\/script>\n<\/body>\n<\/html>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u82f1\u6587\u5b78\u7fd2\u8005\u554f\u5377\u8abf\u67e5 | \u5747\u4e00\u6559\u80b2\u5e73\u53f0<\/p>\n","protected":false},"author":15,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":[],"yoast_head":"\n<title>\u82f1\u6587\u5b78\u7fd2\u8005\u554f\u5377\u7cfb\u7d71 - \u5747\u4e00\u6559\u80b2\u5e73\u53f0<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.junyiacademy.org\/event\/eng_course_survey\/\" \/>\n<meta property=\"og:locale\" content=\"zh_TW\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"\u82f1\u6587\u5b78\u7fd2\u8005\u554f\u5377\u7cfb\u7d71 - \u5747\u4e00\u6559\u80b2\u5e73\u53f0\" \/>\n<meta property=\"og:description\" content=\"\u82f1\u6587\u5b78\u7fd2\u8005\u554f\u5377\u8abf\u67e5 | \u5747\u4e00\u6559\u80b2\u5e73\u53f0\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.junyiacademy.org\/event\/eng_course_survey\/\" \/>\n<meta property=\"og:site_name\" content=\"\u5747\u4e00\u6559\u80b2\u5e73\u53f0\" \/>\n<meta property=\"article:modified_time\" content=\"2025-11-03T07:38:28+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.junyiacademy.org\/_next\/image?url=%2Fjunyi-logo.png&w=384&q=75\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"7 \u5206\u9418\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.junyiacademy.org\/event\/eng_course_survey\/\",\"url\":\"https:\/\/www.junyiacademy.org\/event\/eng_course_survey\/\",\"name\":\"\u82f1\u6587\u5b78\u7fd2\u8005\u554f\u5377\u7cfb\u7d71 - \u5747\u4e00\u6559\u80b2\u5e73\u53f0\",\"isPartOf\":{\"@id\":\"https:\/\/www.junyiacademy.org\/event\/#website\"},\"datePublished\":\"2025-11-02T17:25:03+00:00\",\"dateModified\":\"2025-11-03T07:38:28+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/www.junyiacademy.org\/event\/eng_course_survey\/#breadcrumb\"},\"inLanguage\":\"zh-TW\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.junyiacademy.org\/event\/eng_course_survey\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.junyiacademy.org\/event\/eng_course_survey\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/edit-dot-gaewordpress-dot-junyiacademy.appspot.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"\u82f1\u6587\u5b78\u7fd2\u8005\u554f\u5377\u7cfb\u7d71\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.junyiacademy.org\/event\/#website\",\"url\":\"https:\/\/www.junyiacademy.org\/event\/\",\"name\":\"\u5747\u4e00\u6559\u80b2\u5e73\u53f0\",\"description\":\"\u8b93\u6bcf\u4e00\u4f4d\u5b69\u5b50\u90fd\u6709\u6a5f\u6703\u6210\u70ba\u7d42\u8eab\u5b78\u7fd2\u8005\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.junyiacademy.org\/event\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"zh-TW\"}]}<\/script>\n","yoast_head_json":{"title":"\u82f1\u6587\u5b78\u7fd2\u8005\u554f\u5377\u7cfb\u7d71 - \u5747\u4e00\u6559\u80b2\u5e73\u53f0","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.junyiacademy.org\/event\/eng_course_survey\/","og_locale":"zh_TW","og_type":"article","og_title":"\u82f1\u6587\u5b78\u7fd2\u8005\u554f\u5377\u7cfb\u7d71 - \u5747\u4e00\u6559\u80b2\u5e73\u53f0","og_description":"\u82f1\u6587\u5b78\u7fd2\u8005\u554f\u5377\u8abf\u67e5 | \u5747\u4e00\u6559\u80b2\u5e73\u53f0","og_url":"https:\/\/www.junyiacademy.org\/event\/eng_course_survey\/","og_site_name":"\u5747\u4e00\u6559\u80b2\u5e73\u53f0","article_modified_time":"2025-11-03T07:38:28+00:00","og_image":[{"url":"https:\/\/www.junyiacademy.org\/_next\/image?url=%2Fjunyi-logo.png&w=384&q=75"}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"7 \u5206\u9418"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.junyiacademy.org\/event\/eng_course_survey\/","url":"https:\/\/www.junyiacademy.org\/event\/eng_course_survey\/","name":"\u82f1\u6587\u5b78\u7fd2\u8005\u554f\u5377\u7cfb\u7d71 - \u5747\u4e00\u6559\u80b2\u5e73\u53f0","isPartOf":{"@id":"https:\/\/www.junyiacademy.org\/event\/#website"},"datePublished":"2025-11-02T17:25:03+00:00","dateModified":"2025-11-03T07:38:28+00:00","breadcrumb":{"@id":"https:\/\/www.junyiacademy.org\/event\/eng_course_survey\/#breadcrumb"},"inLanguage":"zh-TW","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.junyiacademy.org\/event\/eng_course_survey\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.junyiacademy.org\/event\/eng_course_survey\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/edit-dot-gaewordpress-dot-junyiacademy.appspot.com\/"},{"@type":"ListItem","position":2,"name":"\u82f1\u6587\u5b78\u7fd2\u8005\u554f\u5377\u7cfb\u7d71"}]},{"@type":"WebSite","@id":"https:\/\/www.junyiacademy.org\/event\/#website","url":"https:\/\/www.junyiacademy.org\/event\/","name":"\u5747\u4e00\u6559\u80b2\u5e73\u53f0","description":"\u8b93\u6bcf\u4e00\u4f4d\u5b69\u5b50\u90fd\u6709\u6a5f\u6703\u6210\u70ba\u7d42\u8eab\u5b78\u7fd2\u8005","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.junyiacademy.org\/event\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"zh-TW"}]}},"_links":{"self":[{"href":"https:\/\/www.junyiacademy.org\/event\/wp-json\/wp\/v2\/pages\/48651"}],"collection":[{"href":"https:\/\/www.junyiacademy.org\/event\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.junyiacademy.org\/event\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.junyiacademy.org\/event\/wp-json\/wp\/v2\/users\/15"}],"replies":[{"embeddable":true,"href":"https:\/\/www.junyiacademy.org\/event\/wp-json\/wp\/v2\/comments?post=48651"}],"version-history":[{"count":13,"href":"https:\/\/www.junyiacademy.org\/event\/wp-json\/wp\/v2\/pages\/48651\/revisions"}],"predecessor-version":[{"id":48672,"href":"https:\/\/www.junyiacademy.org\/event\/wp-json\/wp\/v2\/pages\/48651\/revisions\/48672"}],"wp:attachment":[{"href":"https:\/\/www.junyiacademy.org\/event\/wp-json\/wp\/v2\/media?parent=48651"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}