{"id":9204,"date":"2025-04-22T09:34:09","date_gmt":"2025-04-22T01:34:09","guid":{"rendered":"https:\/\/xinliceyan.org\/?p=9204"},"modified":"2025-05-26T10:18:08","modified_gmt":"2025-05-26T02:18:08","slug":"williams-creativity-assessment","status":"publish","type":"post","link":"https:\/\/xinliceyan.org\/zh\/williams-creativity-assessment","title":{"rendered":"\u5a01\u5ec9\u65af\u521b\u9020\u529b\u503e\u5411\u6d4b\u91cf\u8868\u514d\u8d39\u5728\u7ebf\u6d4b\u9a8c\uff0850\u9898\uff09"},"content":{"rendered":"<!-- CDN \u8cc7\u6e90\u5f15\u5165 -->\n<link href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/bootstrap\/5.3.3\/css\/bootstrap.min.css\" rel=\"stylesheet\">\n<link href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/bootstrap-icons\/1.11.3\/font\/bootstrap-icons.min.css\" rel=\"stylesheet\">\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/Chart.js\/4.4.1\/chart.umd.min.js\"><\/script>\n\n<!-- \u5a01\u5ec9\u65af\u5275\u9020\u529b\u50be\u5411\u6e2c\u9a57 - WordPress \u5d4c\u5165\u7248 -->\n<div id=\"williams-creativity-test-container\">\n    <!-- \u5f15\u5c0e\u9801 -->\n    <section id=\"wct-intro-page\" class=\"wct-page active\">\n        <div class=\"container\">\n            <header class=\"text-center mb-5\">\n                <h2 class=\"display-4 fw-bold text-primary mb-3\">\u5a01\u5ec9\u65af\u5275\u9020\u529b\u50be\u5411\u6e2c\u9a57<\/h2>\n                <p class=\"lead text-muted\">\u63a2\u7d22\u60a8\u7684\u5275\u9020\u6f5b\u80fd\uff0c\u958b\u555f\u7121\u9650\u53ef\u80fd<\/p>\n            <\/header>\n            \n            <main class=\"row g-4 mb-5\">\n                <div class=\"col-md-3 col-6\">\n                    <article class=\"wct-feature-card text-center p-4 h-100\">\n                        <div class=\"wct-icon-wrapper mb-3\">\n                            <i class=\"bi bi-lightbulb display-4 text-warning\"><\/i>\n                        <\/div>\n                        <h3 class=\"h5 fw-bold\">\u5192\u96aa\u6027<\/h3>\n                        <p class=\"small text-muted\">\u52c7\u65bc\u9762\u5c0d\u6311\u6230\u8207\u672a\u77e5<\/p>\n                    <\/article>\n                <\/div>\n                <div class=\"col-md-3 col-6\">\n                    <article class=\"wct-feature-card text-center p-4 h-100\">\n                        <div class=\"wct-icon-wrapper mb-3\">\n                            <i class=\"bi bi-search display-4 text-info\"><\/i>\n                        <\/div>\n                        <h3 class=\"h5 fw-bold\">\u597d\u5947\u6027<\/h3>\n                        <p class=\"small text-muted\">\u63a2\u7d22\u4e8b\u7269\u7684\u672c\u8cea\u8207\u5967\u79d8<\/p>\n                    <\/article>\n                <\/div>\n                <div class=\"col-md-3 col-6\">\n                    <article class=\"wct-feature-card text-center p-4 h-100\">\n                        <div class=\"wct-icon-wrapper mb-3\">\n                            <i class=\"bi bi-palette display-4 text-danger\"><\/i>\n                        <\/div>\n                        <h3 class=\"h5 fw-bold\">\u60f3\u50cf\u529b<\/h3>\n                        <p class=\"small text-muted\">\u8d85\u8d8a\u73fe\u5be6\u7684\u5275\u610f\u601d\u7dad<\/p>\n                    <\/article>\n                <\/div>\n                <div class=\"col-md-3 col-6\">\n                    <article class=\"wct-feature-card text-center p-4 h-100\">\n                        <div class=\"wct-icon-wrapper mb-3\">\n                            <i class=\"bi bi-trophy display-4 text-success\"><\/i>\n                        <\/div>\n                        <h3 class=\"h5 fw-bold\">\u6311\u6230\u6027<\/h3>\n                        <p class=\"small text-muted\">\u89e3\u6c7a\u8907\u96dc\u554f\u984c\u7684\u80fd\u529b<\/p>\n                    <\/article>\n                <\/div>\n            <\/main>\n            \n            <section class=\"wct-intro-content mb-5\">\n                <div class=\"card border-0 shadow-sm\">\n                    <div class=\"card-body p-4\">\n                        <h3 class=\"h4 fw-bold mb-3\">\u95dc\u65bc\u672c\u6e2c\u9a57<\/h3>\n                        <p class=\"mb-3\">\u5a01\u5ec9\u65af\u5275\u9020\u529b\u50be\u5411\u6e2c\u9a57\u81ea1994\u5e74\u5728\u81fa\u7063\u4fee\u8a02\u51fa\u7248\u4ee5\u4f86\uff0c\u5df2\u7d93\u904e30\u5e74\u7684\u5be6\u8e10\u9a57\u8b49\u3002\u672c\u6e2c\u9a57\u80fd\u5920\uff1a<\/p>\n                        <ul class=\"list-unstyled\">\n                            <li class=\"mb-2\"><i class=\"bi bi-check-circle-fill text-success me-2\"><\/i>\u6e96\u78ba\u8a55\u4f30\u60a8\u7684\u5275\u9020\u529b\u6f5b\u80fd<\/li>\n                            <li class=\"mb-2\"><i class=\"bi bi-check-circle-fill text-success me-2\"><\/i>\u4e86\u89e3\u60a8\u5728\u56db\u500b\u5275\u9020\u529b\u7dad\u5ea6\u7684\u8868\u73fe<\/li>\n                            <li class=\"mb-2\"><i class=\"bi bi-check-circle-fill text-success me-2\"><\/i>\u63d0\u4f9b\u500b\u4eba\u5316\u7684\u767c\u5c55\u5efa\u8b70<\/li>\n                        <\/ul>\n                        <p class=\"text-muted small mb-0\">\u6e2c\u9a57\u5305\u542b50\u9053\u984c\u76ee\uff0c\u9810\u8a08\u9700\u898115-20\u5206\u9418\u5b8c\u6210<\/p>\n                    <\/div>\n                <\/div>\n            <\/section>\n            \n            <footer class=\"text-center\">\n                <button type=\"button\" class=\"btn btn-primary btn-lg px-5 py-3 wct-start-btn\" data-action=\"start-test\">\n                    <span class=\"me-2\">\u5f00\u59cb\u6d4b\u9a8c<\/span>\n                    <i class=\"bi bi-arrow-right-circle\"><\/i>\n                <\/button>\n            <\/footer>\n        <\/div>\n    <\/section>\n\n    <!-- \u6e2c\u9a57\u9801 -->\n    <section id=\"wct-test-page\" class=\"wct-page\">\n        <div class=\"container\">\n            <header class=\"text-center mb-4\">\n                <h2 class=\"h3 fw-bold\">\u5a01\u5ec9\u65af\u5275\u9020\u529b\u50be\u5411\u6e2c\u9a57<\/h2>\n                <div class=\"wct-progress-info mt-3\">\n                    <div class=\"progress mb-2\" style=\"height: 8px;\">\n                        <div class=\"progress-bar\" role=\"progressbar\" style=\"width: 0%\"><\/div>\n                    <\/div>\n                    <p class=\"text-muted small mb-0\">\u95ee\u9898 <span id=\"wct-current-question\">1<\/span> \/ 50<\/p>\n                <\/div>\n            <\/header>\n            \n            <main class=\"wct-question-container\">\n                <article class=\"wct-question-card card border-0 shadow-sm\">\n                    <div class=\"card-body p-4\">\n                        <h3 id=\"wct-question-text\" class=\"h5 fw-bold mb-4\"><\/h3>\n                        <div id=\"wct-options\" class=\"d-grid gap-3\">\n                            <!-- \u9078\u9805\u5c07\u7531 JavaScript \u52d5\u614b\u751f\u6210 -->\n                        <\/div>\n                    <\/div>\n                <\/article>\n                \n                <nav class=\"text-center mt-4\">\n                    <button type=\"button\" class=\"btn btn-outline-secondary\" id=\"wct-prev-btn\" style=\"display: none;\">\n                        <i class=\"bi bi-arrow-left me-2\"><\/i>\u4e0a\u4e00\u9898\n                    <\/button>\n                <\/nav>\n            <\/main>\n        <\/div>\n    <\/section>\n\n    <!-- \u7d50\u679c\u9801 -->\n    <section id=\"wct-result-page\" class=\"wct-page\">\n        <div class=\"container\">\n            <header class=\"text-center mb-5\">\n                <h2 class=\"display-4 fw-bold text-primary mb-3\">\u60a8\u7684\u5275\u9020\u529b\u6e2c\u9a57\u7d50\u679c<\/h2>\n                <div class=\"wct-total-score-card mx-auto\">\n                    <p class=\"text-muted mb-2\">\u603b\u5206<\/p>\n                    <p class=\"display-1 fw-bold text-primary mb-0\" id=\"wct-total-score\">0<\/p>\n                    <p class=\"h5 fw-normal text-muted\" id=\"wct-score-level\"><\/p>\n                <\/div>\n            <\/header>\n            \n            <main>\n                <!-- \u5716\u8868\u5bb9\u5668 -->\n                <section class=\"row mb-5\">\n                    <div class=\"col-lg-6 mb-4\">\n                        <div class=\"card border-0 shadow-sm h-100\">\n                            <div class=\"card-body p-4\">\n                                <h3 class=\"h5 fw-bold mb-4 text-center\">\u5275\u9020\u529b\u7dad\u5ea6\u5206\u6790<\/h3>\n                                <div class=\"wct-chart-container\">\n                                    <canvas id=\"wct-radar-chart\"><\/canvas>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                    <div class=\"col-lg-6 mb-4\">\n                        <div class=\"card border-0 shadow-sm h-100\">\n                            <div class=\"card-body p-4\">\n                                <h3 class=\"h5 fw-bold mb-4 text-center\">\u7dad\u5ea6\u5f97\u5206\u6bd4\u8f03<\/h3>\n                                <div class=\"wct-chart-container\">\n                                    <canvas id=\"wct-bar-chart\"><\/canvas>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/section>\n                \n                <!-- \u8a73\u7d30\u5206\u6790 -->\n                <section id=\"wct-detailed-analysis\" class=\"mb-5\">\n                    <!-- \u7531 JavaScript \u52d5\u614b\u751f\u6210 -->\n                <\/section>\n            <\/main>\n            \n            <footer class=\"text-center mt-5\">\n                <button type=\"button\" class=\"btn btn-primary btn-lg px-5 py-3\" data-action=\"restart-test\">\n                    <i class=\"bi bi-arrow-clockwise me-2\"><\/i>\u91cd\u65b0\u6d4b\u8bd5\n                <\/button>\n            <\/footer>\n        <\/div>\n    <\/section>\n<\/div>\n\n<!-- CSS \u6a23\u5f0f -->\n<style>\n\/* \u547d\u540d\u7a7a\u9593\u6a23\u5f0f\u4ee5\u907f\u514d\u885d\u7a81 *\/\n#williams-creativity-test-container {\n    font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif;\n    line-height: 1.6;\n    color: #333;\n}\n\n\/* \u9801\u9762\u5207\u63db *\/\n.wct-page {\n    display: none;\n    opacity: 0;\n    animation: wctFadeIn 0.3s ease-out;\n}\n\n.wct-page.active {\n    display: block;\n    opacity: 1;\n}\n\n@keyframes wctFadeIn {\n    from { opacity: 0; transform: translateY(10px); }\n    to { opacity: 1; transform: translateY(0); }\n}\n\n\/* \u5f15\u5c0e\u9801\u6a23\u5f0f *\/\n.wct-feature-card {\n    background: #fff;\n    border-radius: 12px;\n    transition: all 0.3s ease;\n    box-shadow: 0 2px 10px rgba(0,0,0,0.08);\n}\n\n.wct-feature-card:hover {\n    transform: translateY(-5px);\n    box-shadow: 0 5px 20px rgba(0,0,0,0.12);\n}\n\n.wct-icon-wrapper {\n    width: 80px;\n    height: 80px;\n    margin: 0 auto;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    background: rgba(0,123,255,0.1);\n    border-radius: 50%;\n}\n\n.wct-start-btn {\n    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n    border: none;\n    font-weight: 600;\n    letter-spacing: 0.5px;\n    transition: all 0.3s ease;\n    box-shadow: 0 4px 15px rgba(102,126,234,0.4);\n}\n\n.wct-start-btn:hover {\n    transform: translateY(-2px);\n    box-shadow: 0 7px 20px rgba(102,126,234,0.5);\n}\n\n\/* \u6e2c\u9a57\u9801\u6a23\u5f0f *\/\n.wct-progress-info {\n    max-width: 500px;\n    margin: 0 auto;\n}\n\n.wct-question-container {\n    max-width: 800px;\n    margin: 0 auto;\n}\n\n.wct-question-card {\n    min-height: 300px;\n}\n\n#wct-question-text {\n    font-size: 22px;\n    line-height: 1.5;\n    color: #2c3e50;\n}\n\n.wct-option {\n    padding: 18px 24px;\n    background: #f8f9fa;\n    border: 2px solid #e9ecef;\n    border-radius: 8px;\n    font-size: 18px;\n    color: #495057;\n    transition: all 0.2s ease;\n    cursor: pointer;\n    text-align: left;\n}\n\n.wct-option:hover {\n    background: #e9ecef;\n    border-color: #dee2e6;\n    color: #212529;\n}\n\n.wct-option.selected {\n    background: #007bff;\n    border-color: #007bff;\n    color: #fff;\n}\n\n\/* \u7d50\u679c\u9801\u6a23\u5f0f *\/\n.wct-total-score-card {\n    max-width: 300px;\n    padding: 30px;\n    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n    color: #fff;\n    border-radius: 20px;\n    box-shadow: 0 10px 30px rgba(102,126,234,0.3);\n}\n\n.wct-chart-container {\n    position: relative;\n    height: 300px;\n    margin: 0 auto;\n}\n\n.wct-dimension-card {\n    background: #f8f9fa;\n    border-radius: 12px;\n    padding: 20px;\n    margin-bottom: 20px;\n    transition: all 0.3s ease;\n}\n\n.wct-dimension-card:hover {\n    background: #e9ecef;\n}\n\n.wct-score-badge {\n    display: inline-block;\n    padding: 5px 15px;\n    background: #007bff;\n    color: #fff;\n    border-radius: 20px;\n    font-weight: 600;\n}\n\n\/* \u97ff\u61c9\u5f0f\u8a2d\u8a08 *\/\n@media (max-width: 768px) {\n    .wct-feature-card {\n        margin-bottom: 15px;\n    }\n    \n    #wct-question-text {\n        font-size: 20px;\n    }\n    \n    .wct-option {\n        font-size: 16px;\n        padding: 15px 20px;\n    }\n    \n    .wct-chart-container {\n        height: 250px;\n    }\n}\n\n\/* \u78ba\u4fdd\u8207 WordPress \u76f8\u5bb9 *\/\n#williams-creativity-test-container * {\n    box-sizing: border-box;\n}\n\n#williams-creativity-test-container button {\n    min-height: 44px;\n    min-width: 44px;\n}\n<\/style>\n\n<!-- JavaScript -->\n<script>\n(function() {\n    'use strict';\n    \n    \/\/ \u547d\u540d\u7a7a\u9593\u4ee5\u907f\u514d\u5168\u57df\u8b8a\u6578\u6c61\u67d3\n    const WCT = {\n        \/\/ \u6e2c\u9a57\u984c\u76ee\n        questions: [\n            { text: \"\u5728\u5b78\u6821\u88e1\uff0c\u6211\u559c\u6b61\u8a66\u8457\u5c0d\u4e8b\u60c5\u6216\u554f\u984c\u7684\u7d50\u679c\u9032\u884c\u731c\u6e2c\uff0c\u5373\u4f7f\u4e0d\u4e00\u5b9a\u731c\u5c0d\u4e5f\u7121\u6240\u8b02\", dimension: \"adventure\", reverse: false },\n            { text: \"\u6211\u559c\u6b61\u4ed4\u7d30\u89c0\u5bdf\u6211\u6c92\u6709\u898b\u904e\u7684\u6771\u897f\uff0c\u4ee5\u77ad\u89e3\u8a73\u7d30\u7684\u60c5\u5f62\", dimension: \"curiosity\", reverse: false },\n            { text: \"\u6211\u559c\u6b61\u60c5\u7bc0\u8907\u96dc\u548c\u5bcc\u6709\u60f3\u50cf\u529b\u7684\u6545\u4e8b\", dimension: \"challenge\", reverse: false },\n            { text: \"\u756b\u5716\u6642\u6211\u559c\u6b61\u81e8\u6479\u5225\u4eba\u7684\u4f5c\u54c1\", dimension: \"challenge\", reverse: true },\n            { text: \"\u6211\u559c\u6b61\u5229\u7528\u820a\u5831\u7d19\u3001\u820a\u65e5\u66c6\u53ca\u820a\u7f50\u982d\u76d2\u7b49\u4f86\u505a\u6210\u5404\u7a2e\u597d\u73a9\u7684\u6771\u897f\", dimension: \"adventure\", reverse: false },\n            { text: \"\u6211\u559c\u6b61\u5e7b\u60f3\u4e00\u4e9b\u6211\u60f3\u77e5\u9053\u6216\u60f3\u505a\u7684\u4e8b\", dimension: \"imagination\", reverse: false },\n            { text: \"\u5982\u679c\u4e8b\u60c5\u4e0d\u80fd\u4e00\u6b21\u5b8c\u6210\uff0c\u6211\u6703\u7e7c\u7e8c\u5617\u8a66\uff0c\u76f4\u5230\u5b8c\u6210\u70ba\u6b62\", dimension: \"challenge\", reverse: false },\n            { text: \"\u505a\u529f\u8ab2\u6642\u6211\u559c\u6b61\u53c3\u8003\u5404\u7a2e\u4e0d\u540c\u7684\u8cc7\u6599\uff0c\u4ee5\u4fbf\u5f97\u5230\u591a\u65b9\u9762\u7684\u77ad\u89e3\", dimension: \"curiosity\", reverse: false },\n            { text: \"\u6211\u559c\u6b61\u7528\u76f8\u540c\u7684\u65b9\u6cd5\u505a\u4e8b\u60c5\uff0c\u4e0d\u559c\u6b61\u53bb\u627e\u5176\u4ed6\u65b0\u7684\u65b9\u6cd5\", dimension: \"challenge\", reverse: true },\n            { text: \"\u6211\u559c\u6b61\u8a31\u591a\u65b0\u9bae\u7684\u4e8b\", dimension: \"challenge\", reverse: false },\n            { text: \"\u6211\u4e0d\u559c\u6b61\u4ea4\u65b0\u670b\u53cb\", dimension: \"curiosity\", reverse: true },\n            { text: \"\u6211\u559c\u6b61\u60f3\u4e00\u4e9b\u4e0d\u6703\u5728\u6211\u8eab\u4e0a\u767c\u751f\u7684\u4e8b\", dimension: \"curiosity\", reverse: false },\n            { text: \"\u6211\u559c\u6b61\u60f3\u50cf\u6709\u4e00\u5929\u80fd\u6210\u70ba\u85dd\u8853\u5bb6\u3001\u97f3\u6a02\u5bb6\u6216\u8a69\u4eba\", dimension: \"imagination\", reverse: false },\n            { text: \"\u6211\u6703\u56e0\u70ba\u4e00\u4e9b\u4ee4\u4eba\u8208\u596e\u7684\u5ff5\u982d\u800c\u5fd8\u8a18\u4e86\u505a\u5176\u4ed6\u7684\u4e8b\", dimension: \"imagination\", reverse: false },\n            { text: \"\u6211\u5be7\u9858\u751f\u6d3b\u5728\u592a\u7a7a\u7ad9\uff0c\u4e5f\u4e0d\u9858\u751f\u6d3b\u5728\u5730\u7403\u4e0a\", dimension: \"challenge\", reverse: false },\n            { text: \"\u6211\u8a8d\u70ba\u6240\u6709\u554f\u984c\u90fd\u662f\u6709\u56fa\u5b9a\u7684\u7b54\u6848\", dimension: \"imagination\", reverse: false },\n            { text: \"\u6211\u559c\u6b61\u8207\u773e\u4e0d\u540c\u7684\u4e8b\u60c5\", dimension: \"challenge\", reverse: true },\n            { text: \"\u6211\u7d93\u5e38\u60f3\u77e5\u9053\u5225\u4eba\u6b63\u5728\u60f3\u4e9b\u4ec0\u9ebc\", dimension: \"challenge\", reverse: false },\n            { text: \"\u6211\u559c\u6b61\u6545\u4e8b\u6216\u96fb\u8996\u5287\u4e2d\u6240\u63cf\u5beb\u7684\u60c5\u666f\", dimension: \"curiosity\", reverse: false },\n            { text: \"\u6211\u559c\u6b61\u548c\u670b\u53cb\u5728\u4e00\u8d77\uff0c\u548c\u4ed6\u5011\u5206\u4eab\u6211\u7684\u60f3\u6cd5\", dimension: \"imagination\", reverse: false },\n            { text: \"\u5982\u679c\u4e00\u672c\u6545\u4e8b\u66f8\u7684\u6700\u5f8c\u4e00\u9801\u88ab\u6495\u6389\u4e86\uff0c\u6211\u5c31\u81ea\u5df1\u7de8\u9020\u4e00\u500b\u6545\u4e8b\uff0c\u628a\u7d50\u679c\u88dc\u4e0a\u53bb\", dimension: \"adventure\", reverse: false },\n            { text: \"\u6211\u9577\u5927\u4ee5\u5f8c\uff0c\u60f3\u505a\u4e00\u4e9b\u5225\u4eba\u5f9e\u6c92\u60f3\u904e\u7684\u4e8b\", dimension: \"imagination\", reverse: false },\n            { text: \"\u5617\u8a66\u65b0\u7684\u904a\u6232\u548c\u6d3b\u52d5\u662f\u4e00\u4ef6\u6709\u8da3\u7684\u4e8b\", dimension: \"imagination\", reverse: false },\n            { text: \"\u6211\u4e0d\u559c\u6b61\u53d7\u592a\u591a\u898f\u5247\u9650\u5236\", dimension: \"adventure\", reverse: false },\n            { text: \"\u6211\u559c\u6b61\u89e3\u6c7a\u554f\u984c\uff0c\u5373\u4f7f\u6c92\u6709\u6b63\u78ba\u7b54\u6848\u4e5f\u6c92\u95dc\u4fc2\", dimension: \"adventure\", reverse: false },\n            { text: \"\u6709\u8a31\u591a\u4e8b\u60c5\u6211\u90fd\u5f88\u60f3\u89aa\u81ea\u53bb\u5617\u8a66\", dimension: \"challenge\", reverse: false },\n            { text: \"\u6211\u559c\u6b61\u5531\u9084\u6c92\u6709\u666e\u53ca\u7684\u65b0\u6b4c\", dimension: \"curiosity\", reverse: false },\n            { text: \"\u6211\u4e0d\u559c\u6b61\u5728\u540c\u5b78\u9762\u524d\u767c\u8868\u610f\u898b\", dimension: \"adventure\", reverse: false },\n            { text: \"\u7576\u6211\u8b80\u5c0f\u8aaa\u6216\u770b\u96fb\u8996\u5287\u6642\uff0c\u6211\u559c\u6b61\u628a\u81ea\u5df1\u60f3\u6210\u6545\u4e8b\u4e2d\u7684\u4eba\u7269\", dimension: \"adventure\", reverse: true },\n            { text: \"\u6211\u559c\u6b61\u5e7b\u60f3200\u5e74\u524d\u4eba\u985e\u751f\u6d3b\u7684\u60c5\u5f62\", dimension: \"imagination\", reverse: false },\n            { text: \"\u6211\u5e38\u60f3\u81ea\u5df1\u7de8\u4e00\u9996\u65b0\u6b4c\", dimension: \"imagination\", reverse: false },\n            { text: \"\u6211\u559c\u6b61\u7ffb\u7bb1\u5012\u6ac3\uff0c\u770b\u770b\u6709\u4e9b\u4ec0\u9ebc\u6771\u897f\u5728\u88e1\u9762\", dimension: \"imagination\", reverse: false },\n            { text: \"\u756b\u5716\u6642\uff0c\u6211\u5f88\u559c\u6b61\u6539\u8b8a\u5404\u7a2e\u6771\u897f\u7684\u984f\u8272\u548c\u5f62\u72c0\", dimension: \"curiosity\", reverse: false },\n            { text: \"\u6211\u4e0d\u6562\u78ba\u5b9a\u6211\u5c0d\u4e8b\u60c5\u7684\u770b\u6cd5\u90fd\u662f\u5c0d\u7684\", dimension: \"curiosity\", reverse: false },\n            { text: \"\u6211\u559c\u6b61\u63a2\u7a76\u4e8b\u60c5\u7684\u771f\u76f8\", dimension: \"adventure\", reverse: true },\n            { text: \"\u5c0d\u65bc\u4e00\u4ef6\u4e8b\u60c5\u5148\u731c\u731c\u770b\uff0c\u7136\u5f8c\u518d\u770b\u662f\u4e0d\u662f\u731c\u5c0d\u4e86\uff0c\u9019\u7a2e\u65b9\u6cd5\u5f88\u6709\u8da3\", dimension: \"adventure\", reverse: false },\n            { text: \"\u6211\u5c0d\u73a9\u731c\u8b0e\u4e4b\u985e\u7684\u904a\u6232\u5f88\u6709\u8208\u8da3\uff0c\u56e0\u70ba\u6211\u60f3\u77e5\u9053\u7d50\u679c\u5982\u4f55\", dimension: \"curiosity\", reverse: false },\n            { text: \"\u6211\u5c0d\u6a5f\u5668\u611f\u8208\u8da3\uff0c\u4e5f\u5f88\u60f3\u77e5\u9053\u5b83\u7684\u88e1\u9762\u4ec0\u9ebc\u6a23\u5b50\u4ee5\u53ca\u5b83\u662f\u600e\u6a23\u8f49\u52d5\u7684\", dimension: \"curiosity\", reverse: false },\n            { text: \"\u6211\u559c\u6b61\u53ef\u4ee5\u62c6\u958b\u4f86\u73a9\u7684\u73a9\u5177\", dimension: \"curiosity\", reverse: false },\n            { text: \"\u6211\u559c\u6b61\u60f3\u4e00\u4e9b\u65b0\u9ede\u5b50\uff0c\u5373\u4f7f\u9019\u4e9b\u9ede\u5b50\u7528\u4e0d\u4e0a\u4e5f\u7121\u6240\u8b02\", dimension: \"imagination\", reverse: false },\n            { text: \"\u4e00\u7bc7\u597d\u6587\u7ae0\u61c9\u8a72\u5305\u542b\u8a31\u591a\u4e0d\u540c\u7684\u610f\u898b\u548c\u89c0\u9ede\", dimension: \"challenge\", reverse: false },\n            { text: \"\u70ba\u5c07\u4f86\u53ef\u80fd\u767c\u751f\u7684\u554f\u984c\u627e\u7b54\u6848\uff0c\u662f\u4e00\u4ef6\u4ee4\u4eba\u8208\u596e\u7684\u4e8b\", dimension: \"challenge\", reverse: false },\n            { text: \"\u6211\u559c\u6b61\u5617\u8a66\u65b0\u7684\u4e8b\u60c5\uff0c\u76ee\u7684\u53ea\u662f\u70ba\u4e86\u60f3\u77e5\u9053\u6703\u6709\u4ec0\u9ebc\u7d50\u679c\", dimension: \"adventure\", reverse: false },\n            { text: \"\u73a9\u904a\u6232\u6642\uff0c\u6211\u901a\u5e38\u6839\u64da\u81ea\u5df1\u7684\u8208\u8da3\u9078\u64c7\u662f\u5426\u53c3\u52a0\uff0c\u800c\u4e0d\u5728\u4e4e\u8f38\u8d0f\", dimension: \"adventure\", reverse: false },\n            { text: \"\u6211\u559c\u6b61\u60f3\u4e00\u4e9b\u5225\u4eba\u6642\u5e38\u8ac7\u8d77\u7684\u4e8b\u60c5\", dimension: \"imagination\", reverse: true },\n            { text: \"\u7576\u6211\u770b\u4e00\u5f35\u964c\u751f\u4eba\u7684\u7167\u7247\u6642\uff0c\u6211\u559c\u6b61\u53bb\u731c\u6e2c\u4ed6\u662f\u600e\u9ebc\u6a23\u7684\u4e00\u500b\u4eba\", dimension: \"imagination\", reverse: false },\n            { text: \"\u6211\u559c\u6b61\u7ffb\u95b1\u66f8\u7c4d\u53ca\u96dc\u8a8c\uff0c\u4f46\u53ea\u60f3\u5927\u81f4\u77ad\u89e3\u4e00\u4e0b\", dimension: \"curiosity\", reverse: false },\n            { text: \"\u6211\u4e0d\u559c\u6b61\u63a2\u5c0b\u4e8b\u60c5\u767c\u751f\u7684\u5404\u7a2e\u539f\u56e0\", dimension: \"curiosity\", reverse: true },\n            { text: \"\u6211\u559c\u6b61\u554f\u4e00\u4e9b\u5225\u4eba\u6c92\u6709\u60f3\u5230\u7684\u554f\u984c\", dimension: \"curiosity\", reverse: false },\n            { text: \"\u7121\u8ad6\u5728\u5bb6\u88e1\u9084\u662f\u5728\u5b78\u6821\uff0c\u6211\u7e3d\u662f\u559c\u6b61\u505a\u8a31\u591a\u6709\u8da3\u7684\u4e8b\", dimension: \"challenge\", reverse: false }\n        ],\n        \n        \/\/ \u7dad\u5ea6\u5c0d\u61c9\n        dimensions: {\n            adventure: { \n                name: \"\u5192\u96aa\u6027\", \n                questions: [0, 4, 20, 23, 24, 27, 28, 34, 35, 42, 43],\n                reverse: [28, 34],\n                excellent: 30\n            },\n            curiosity: { \n                name: \"\u597d\u5947\u6027\", \n                questions: [1, 7, 10, 11, 18, 26, 32, 33, 36, 37, 38, 46, 47, 48],\n                reverse: [10, 47],\n                excellent: 36\n            },\n            imagination: { \n                name: \"\u60f3\u50cf\u529b\", \n                questions: [5, 12, 13, 15, 19, 21, 22, 29, 30, 31, 39, 44, 45],\n                reverse: [44],\n                excellent: 35\n            },\n            challenge: { \n                name: \"\u6311\u6230\u6027\", \n                questions: [2, 3, 6, 8, 9, 14, 16, 17, 25, 40, 41, 49],\n                reverse: [3, 8, 16],\n                excellent: 32\n            }\n        },\n        \n        \/\/ \u7576\u524d\u72c0\u614b\n        currentQuestion: 0,\n        answers: [],\n        \n        \/\/ \u521d\u59cb\u5316\n        init() {\n            this.bindEvents();\n            this.showPage('intro');\n        },\n        \n        \/\/ \u7d81\u5b9a\u4e8b\u4ef6\n        bindEvents() {\n            \/\/ \u958b\u59cb\u6e2c\u9a57\u6309\u9215\n            document.querySelector('[data-action=\"start-test\"]').addEventListener('click', () => {\n                this.startTest();\n            });\n            \n            \/\/ \u91cd\u65b0\u6e2c\u9a57\u6309\u9215\n            document.querySelector('[data-action=\"restart-test\"]').addEventListener('click', () => {\n                this.restartTest();\n            });\n            \n            \/\/ \u4e0a\u4e00\u984c\u6309\u9215\n            document.getElementById('wct-prev-btn').addEventListener('click', () => {\n                this.previousQuestion();\n            });\n        },\n        \n        \/\/ \u986f\u793a\u9801\u9762\n        showPage(page) {\n            const pages = document.querySelectorAll('.wct-page');\n            pages.forEach(p => p.classList.remove('active'));\n            \n            let targetPage;\n            switch(page) {\n                case 'intro':\n                    targetPage = document.getElementById('wct-intro-page');\n                    break;\n                case 'test':\n                    targetPage = document.getElementById('wct-test-page');\n                    break;\n                case 'result':\n                    targetPage = document.getElementById('wct-result-page');\n                    break;\n            }\n            \n            if (targetPage) {\n                targetPage.classList.add('active');\n                \/\/ \u6efe\u52d5\u5230\u9801\u9762\u9802\u90e8\n                targetPage.scrollIntoView({ behavior: 'smooth', block: 'start' });\n            }\n        },\n        \n        \/\/ \u958b\u59cb\u6e2c\u9a57\n        startTest() {\n            this.currentQuestion = 0;\n            this.answers = [];\n            this.showPage('test');\n            this.displayQuestion();\n        },\n        \n        \/\/ \u986f\u793a\u984c\u76ee\n        displayQuestion() {\n            const question = this.questions[this.currentQuestion];\n            const questionText = document.getElementById('wct-question-text');\n            const optionsContainer = document.getElementById('wct-options');\n            const currentQuestionSpan = document.getElementById('wct-current-question');\n            const progressBar = document.querySelector('.progress-bar');\n            const prevBtn = document.getElementById('wct-prev-btn');\n            \n            \/\/ \u66f4\u65b0\u984c\u76ee\u6587\u5b57\n            questionText.textContent = question.text;\n            \n            \/\/ \u66f4\u65b0\u9032\u5ea6\n            currentQuestionSpan.textContent = this.currentQuestion + 1;\n            progressBar.style.width = `${((this.currentQuestion + 1) \/ this.questions.length) * 100}%`;\n            \n            \/\/ \u986f\u793a\/\u96b1\u85cf\u4e0a\u4e00\u984c\u6309\u9215\n            prevBtn.style.display = this.currentQuestion > 0 ? 'inline-block' : 'none';\n            \n            \/\/ \u751f\u6210\u9078\u9805\n            const options = [\n                { value: 3, text: \"\u5b8c\u5168\u7b26\u5408\" },\n                { value: 2, text: \"\u90e8\u5206\u7b26\u5408\" },\n                { value: 1, text: \"\u5b8c\u5168\u4e0d\u7b26\" }\n            ];\n            \n            optionsContainer.innerHTML = '';\n            options.forEach(option => {\n                const button = document.createElement('button');\n                button.type = 'button';\n                button.className = 'btn wct-option';\n                button.textContent = option.text;\n                button.dataset.value = option.value;\n                \n                \/\/ \u5982\u679c\u5df2\u6709\u7b54\u6848\uff0c\u986f\u793a\u9078\u4e2d\u72c0\u614b\n                if (this.answers[this.currentQuestion] === option.value) {\n                    button.classList.add('selected');\n                }\n                \n                button.addEventListener('click', () => this.selectOption(option.value));\n                optionsContainer.appendChild(button);\n            });\n        },\n        \n        \/\/ \u9078\u64c7\u9078\u9805\n        selectOption(value) {\n            \/\/ \u5132\u5b58\u7b54\u6848\n            this.answers[this.currentQuestion] = value;\n            \n            \/\/ \u66f4\u65b0\u9078\u4e2d\u72c0\u614b\n            const options = document.querySelectorAll('.wct-option');\n            options.forEach(opt => {\n                opt.classList.remove('selected');\n                if (parseInt(opt.dataset.value) === value) {\n                    opt.classList.add('selected');\n                }\n            });\n            \n            \/\/ \u5ef6\u9072\u5f8c\u9032\u5165\u4e0b\u4e00\u984c\n            setTimeout(() => {\n                if (this.currentQuestion < this.questions.length - 1) {\n                    this.currentQuestion++;\n                    this.displayQuestion();\n                } else {\n                    \/\/ \u6e2c\u9a57\u5b8c\u6210\uff0c\u8a08\u7b97\u7d50\u679c\n                    this.calculateResults();\n                }\n            }, 300);\n        },\n        \n        \/\/ \u4e0a\u4e00\u984c\n        previousQuestion() {\n            if (this.currentQuestion > 0) {\n                this.currentQuestion--;\n                this.displayQuestion();\n            }\n        },\n        \n        \/\/ \u8a08\u7b97\u7d50\u679c\n        calculateResults() {\n            const scores = {\n                adventure: 0,\n                curiosity: 0,\n                imagination: 0,\n                challenge: 0\n            };\n            \n            \/\/ \u8a08\u7b97\u5404\u7dad\u5ea6\u5f97\u5206\n            this.questions.forEach((question, index) => {\n                const answer = this.answers[index];\n                if (answer) {\n                    let score = answer;\n                    \/\/ \u53cd\u5411\u984c\u76ee\u8a08\u5206\n                    if (question.reverse) {\n                        score = 4 - answer;\n                    }\n                    scores[question.dimension] += score;\n                }\n            });\n            \n            \/\/ \u8a08\u7b97\u7e3d\u5206\n            const totalScore = Object.values(scores).reduce((sum, score) => sum + score, 0);\n            \n            \/\/ \u986f\u793a\u7d50\u679c\n            this.showResults(totalScore, scores);\n        },\n        \n        \/\/ \u986f\u793a\u7d50\u679c\n        showResults(totalScore, scores) {\n            this.showPage('result');\n            \n            \/\/ \u986f\u793a\u7e3d\u5206\n            document.getElementById('wct-total-score').textContent = totalScore;\n            \n            \/\/ \u5224\u65b7\u7b49\u7d1a\n            const scoreLevel = document.getElementById('wct-score-level');\n            if (totalScore >= 133) {\n                scoreLevel.textContent = \"\u5275\u9020\u529b\u6f5b\u80fd\u6975\u9ad8\";\n            } else if (totalScore >= 111) {\n                scoreLevel.textContent = \"\u5275\u9020\u529b\u6f5b\u80fd\u826f\u597d\";\n            } else {\n                scoreLevel.textContent = \"\u5275\u9020\u529b\u50be\u5411\u4e00\u822c\";\n            }\n            \n            \/\/ \u6e96\u5099\u5716\u8868\u6578\u64da\n            const dimensionNames = [];\n            const dimensionScores = [];\n            const dimensionPercentages = [];\n            const excellentScores = [];\n            \n            Object.keys(scores).forEach(key => {\n                const dimension = this.dimensions[key];\n                dimensionNames.push(dimension.name);\n                dimensionScores.push(scores[key]);\n                dimensionPercentages.push(Math.round((scores[key] \/ dimension.excellent) * 100));\n                excellentScores.push(dimension.excellent);\n            });\n            \n            \/\/ \u7e6a\u88fd\u96f7\u9054\u5716\n            this.drawRadarChart(dimensionNames, dimensionScores, excellentScores);\n            \n            \/\/ \u7e6a\u88fd\u67f1\u72c0\u5716\n            this.drawBarChart(dimensionNames, dimensionScores, excellentScores);\n            \n            \/\/ \u751f\u6210\u8a73\u7d30\u5206\u6790\n            this.generateDetailedAnalysis(scores);\n        },\n        \n        \/\/ \u7e6a\u88fd\u96f7\u9054\u5716\n        drawRadarChart(labels, data, maxValues) {\n            const ctx = document.getElementById('wct-radar-chart').getContext('2d');\n            \n            \/\/ \u8a08\u7b97\u767e\u5206\u6bd4\u6578\u64da\n            const percentageData = data.map((score, index) => \n                Math.round((score \/ maxValues[index]) * 100)\n            );\n            \n            new Chart(ctx, {\n                type: 'radar',\n                data: {\n                    labels: labels.map((label, index) => `${label} ${percentageData[index]}%`),\n                    datasets: [{\n                        label: '\u60a8\u7684\u5f97\u5206',\n                        data: percentageData,\n                        backgroundColor: 'rgba(102, 126, 234, 0.2)',\n                        borderColor: 'rgba(102, 126, 234, 1)',\n                        borderWidth: 2,\n                        pointBackgroundColor: 'rgba(102, 126, 234, 1)',\n                        pointBorderColor: '#fff',\n                        pointHoverBackgroundColor: '#fff',\n                        pointHoverBorderColor: 'rgba(102, 126, 234, 1)'\n                    }]\n                },\n                options: {\n                    responsive: true,\n                    maintainAspectRatio: false,\n                    scales: {\n                        r: {\n                            beginAtZero: true,\n                            max: 100,\n                            ticks: {\n                                stepSize: 20,\n                                font: {\n                                    size: 14\n                                }\n                            },\n                            pointLabels: {\n                                font: {\n                                    size: 18\n                                }\n                            }\n                        }\n                    },\n                    plugins: {\n                        legend: {\n                            display: false\n                        },\n                        tooltip: {\n                            callbacks: {\n                                label: function(context) {\n                                    return context.dataset.label + ': ' + context.parsed.r + '%';\n                                }\n                            }\n                        }\n                    }\n                }\n            });\n        },\n        \n        \/\/ \u7e6a\u88fd\u67f1\u72c0\u5716\n        drawBarChart(labels, data, maxValues) {\n            const ctx = document.getElementById('wct-bar-chart').getContext('2d');\n            \n            new Chart(ctx, {\n                type: 'bar',\n                data: {\n                    labels: labels,\n                    datasets: [{\n                        label: '\u60a8\u7684\u5f97\u5206',\n                        data: data,\n                        backgroundColor: [\n                            'rgba(255, 193, 7, 0.8)',\n                            'rgba(23, 162, 184, 0.8)',\n                            'rgba(220, 53, 69, 0.8)',\n                            'rgba(40, 167, 69, 0.8)'\n                        ],\n                        borderColor: [\n                            'rgba(255, 193, 7, 1)',\n                            'rgba(23, 162, 184, 1)',\n                            'rgba(220, 53, 69, 1)',\n                            'rgba(40, 167, 69, 1)'\n                        ],\n                        borderWidth: 2\n                    }, {\n                        label: '\u512a\u79c0\u6a19\u6e96',\n                        data: maxValues,\n                        backgroundColor: 'rgba(108, 117, 125, 0.2)',\n                        borderColor: 'rgba(108, 117, 125, 1)',\n                        borderWidth: 2,\n                        type: 'line'\n                    }]\n                },\n                options: {\n                    responsive: true,\n                    maintainAspectRatio: false,\n                    scales: {\n                        y: {\n                            beginAtZero: true,\n                            ticks: {\n                                font: {\n                                    size: 14\n                                }\n                            }\n                        },\n                        x: {\n                            ticks: {\n                                font: {\n                                    size: 18\n                                }\n                            }\n                        }\n                    },\n                    plugins: {\n                        legend: {\n                            labels: {\n                                font: {\n                                    size: 16\n                                }\n                            }\n                        },\n                        tooltip: {\n                            titleFont: {\n                                size: 16\n                            },\n                            bodyFont: {\n                                size: 14\n                            }\n                        }\n                    }\n                }\n            });\n        },\n        \n        \/\/ \u751f\u6210\u8a73\u7d30\u5206\u6790\n        generateDetailedAnalysis(scores) {\n            const container = document.getElementById('wct-detailed-analysis');\n            const analyses = {\n                adventure: {\n                    title: \"\u5192\u96aa\u6027\u5206\u6790\",\n                    icon: \"lightbulb\",\n                    color: \"warning\",\n                    descriptions: {\n                        high: \"\u60a8\u5c55\u73fe\u51fa\u5353\u8d8a\u7684\u5192\u96aa\u7cbe\u795e\uff01\u60a8\u52c7\u65bc\u9762\u5c0d\u5931\u6557\u6216\u6279\u8a55\uff0c\u66f4\u6ce8\u91cd\u63a2\u77e5\u4e8b\u5be6\u771f\u76f8\u6216\u9ad4\u9a57\u65b0\u4e8b\u7269\u3002\u5728\u8907\u96dc\u60c5\u5883\u4e0b\uff0c\u60a8\u80fd\u4fdd\u6301\u51b7\u975c\u7406\u667a\u7684\u601d\u8003\uff0c\u4e26\u6562\u65bc\u70ba\u81ea\u5df1\u7684\u89c0\u9ede\u8faf\u8b77\u3002\",\n                        medium: \"\u60a8\u5177\u6709\u826f\u597d\u7684\u5192\u96aa\u6027\uff01\u60a8\u80fd\u5728\u5fc5\u8981\u6642\u627f\u64d4\u98a8\u96aa\uff0c\u4e26\u5c0d\u65b0\u4e8b\u7269\u4fdd\u6301\u958b\u653e\u614b\u5ea6\u3002\u5efa\u8b70\u60a8\u53ef\u4ee5\u66f4\u52c7\u65bc\u5617\u8a66\u672a\u77e5\u9818\u57df\uff0c\u4e0d\u8981\u5bb3\u6015\u5931\u6557\u5e36\u4f86\u7684\u5b78\u7fd2\u6a5f\u6703\u3002\",\n                        low: \"\u60a8\u7684\u5192\u96aa\u6027\u9084\u6709\u63d0\u5347\u7a7a\u9593\u3002\u5efa\u8b70\u60a8\u9010\u6b65\u57f9\u990a\u9762\u5c0d\u4e0d\u78ba\u5b9a\u6027\u7684\u52c7\u6c23\uff0c\u5f9e\u5c0f\u7684\u6311\u6230\u958b\u59cb\uff0c\u6162\u6162\u5efa\u7acb\u81ea\u4fe1\u3002\u8a18\u4f4f\uff0c\u5931\u6557\u662f\u6210\u529f\u7684\u588a\u8173\u77f3\u3002\"\n                    }\n                },\n                curiosity: {\n                    title: \"\u597d\u5947\u6027\u5206\u6790\",\n                    icon: \"search\",\n                    color: \"info\",\n                    descriptions: {\n                        high: \"\u60a8\u64c1\u6709\u6975\u5f37\u7684\u597d\u5947\u5fc3\uff01\u60a8\u5bcc\u6709\u8ffd\u6839\u7a76\u5e95\u7684\u7cbe\u795e\uff0c\u5584\u65bc\u89c0\u5bdf\u4e26\u6a02\u65bc\u6df1\u5165\u601d\u8003\u4e8b\u7269\u7684\u5967\u5999\u3002\u9019\u7a2e\u7279\u8cea\u662f\u5275\u65b0\u548c\u5b78\u7fd2\u7684\u91cd\u8981\u52d5\u529b\u3002\",\n                        medium: \"\u60a8\u7684\u597d\u5947\u5fc3\u8655\u65bc\u826f\u597d\u6c34\u5e73\uff01\u60a8\u5c0d\u5468\u570d\u4e8b\u7269\u4fdd\u6301\u8457\u9069\u5ea6\u7684\u8208\u8da3\u3002\u5efa\u8b70\u60a8\u53ef\u4ee5\u66f4\u4e3b\u52d5\u5730\u63a2\u7d22\u611f\u8208\u8da3\u7684\u9818\u57df\uff0c\u57f9\u990a\u63d0\u554f\u548c\u601d\u8003\u7684\u7fd2\u6163\u3002\",\n                        low: \"\u60a8\u7684\u597d\u5947\u5fc3\u6709\u5f85\u52a0\u5f37\u3002\u5efa\u8b70\u60a8\u591a\u89c0\u5bdf\u5468\u570d\u7684\u4e8b\u7269\uff0c\u57f9\u990a\u300c\u70ba\u4ec0\u9ebc\u300d\u7684\u601d\u8003\u7fd2\u6163\u3002\u5f9e\u65e5\u5e38\u751f\u6d3b\u4e2d\u767c\u73fe\u6709\u8da3\u7684\u73fe\u8c61\uff0c\u6fc0\u767c\u63a2\u7d22\u7684\u617e\u671b\u3002\"\n                    }\n                },\n                imagination: {\n                    title: \"\u60f3\u50cf\u529b\u5206\u6790\",\n                    icon: \"palette\",\n                    color: \"danger\",\n                    descriptions: {\n                        high: \"\u60a8\u7684\u60f3\u50cf\u529b\u975e\u5e38\u8c50\u5bcc\uff01\u60a8\u80fd\u8f15\u9b06\u5efa\u7acb\u8996\u89ba\u5316\u5f62\u8c61\uff0c\u5584\u65bc\u5e7b\u60f3\u5c1a\u672a\u767c\u751f\u7684\u4e8b\u60c5\uff0c\u4e26\u80fd\u8d85\u8d8a\u73fe\u5be6\u754c\u9650\u7522\u751f\u65b0\u7684\u5275\u898b\u3002\u9019\u662f\u5275\u9020\u529b\u7684\u6838\u5fc3\u8981\u7d20\u3002\",\n                        medium: \"\u60a8\u5177\u5099\u4e0d\u932f\u7684\u60f3\u50cf\u529b\uff01\u60a8\u80fd\u5728\u4e00\u5b9a\u7a0b\u5ea6\u4e0a\u9032\u884c\u5275\u610f\u601d\u8003\u3002\u5efa\u8b70\u60a8\u591a\u63a5\u89f8\u85dd\u8853\u3001\u6587\u5b78\u7b49\u9818\u57df\uff0c\u9032\u4e00\u6b65\u6fc0\u767c\u548c\u57f9\u990a\u60f3\u50cf\u529b\u3002\",\n                        low: \"\u60a8\u7684\u60f3\u50cf\u529b\u9084\u53ef\u4ee5\u66f4\u8c50\u5bcc\u3002\u5efa\u8b70\u60a8\u591a\u95b1\u8b80\u865b\u69cb\u4f5c\u54c1\u3001\u6b23\u8cde\u85dd\u8853\u4f5c\u54c1\uff0c\u7df4\u7fd2\u8996\u89ba\u5316\u601d\u8003\uff0c\u8b93\u601d\u7dad\u66f4\u52a0\u9748\u6d3b\u591a\u8b8a\u3002\"\n                    }\n                },\n                challenge: {\n                    title: \"\u6311\u6230\u6027\u5206\u6790\",\n                    icon: \"trophy\",\n                    color: \"success\",\n                    descriptions: {\n                        high: \"\u60a8\u5c55\u73fe\u51fa\u512a\u79c0\u7684\u6311\u6230\u7cbe\u795e\uff01\u60a8\u5584\u65bc\u5c0b\u627e\u591a\u7a2e\u53ef\u80fd\u6027\u89e3\u6c7a\u554f\u984c\uff0c\u80fd\u5f9e\u96dc\u4e82\u4e2d\u7406\u51fa\u79e9\u5e8f\uff0c\u4e26\u6a02\u65bc\u63a2\u7a76\u8907\u96dc\u554f\u984c\u3002\u9019\u7a2e\u80fd\u529b\u8b93\u60a8\u5728\u9762\u5c0d\u56f0\u96e3\u6642\u6e38\u5203\u6709\u9918\u3002\",\n                        medium: \"\u60a8\u5177\u6709\u826f\u597d\u7684\u6311\u6230\u6027\uff01\u60a8\u80fd\u5920\u61c9\u5c0d\u4e00\u5b9a\u7a0b\u5ea6\u7684\u8907\u96dc\u554f\u984c\u3002\u5efa\u8b70\u60a8\u53ef\u4ee5\u4e3b\u52d5\u5c0b\u6c42\u66f4\u6709\u6311\u6230\u6027\u7684\u4efb\u52d9\uff0c\u63d0\u5347\u89e3\u6c7a\u554f\u984c\u7684\u80fd\u529b\u3002\",\n                        low: \"\u60a8\u7684\u6311\u6230\u6027\u6709\u63d0\u5347\u6f5b\u529b\u3002\u5efa\u8b70\u60a8\u5f9e\u7c21\u55ae\u7684\u554f\u984c\u89e3\u6c7a\u958b\u59cb\uff0c\u9010\u6b65\u57f9\u990a\u9762\u5c0d\u8907\u96dc\u60c5\u6cc1\u7684\u80fd\u529b\u3002\u8a18\u4f4f\uff0c\u6bcf\u500b\u6311\u6230\u90fd\u662f\u6210\u9577\u7684\u6a5f\u6703\u3002\"\n                    }\n                }\n            };\n            \n            let html = '<div class=\"row\">';\n            \n            Object.keys(scores).forEach(dimension => {\n                const score = scores[dimension];\n                const excellent = this.dimensions[dimension].excellent;\n                const percentage = Math.round((score \/ excellent) * 100);\n                const analysis = analyses[dimension];\n                \n                let level, description;\n                if (percentage >= 85) {\n                    level = \"high\";\n                    description = analysis.descriptions.high;\n                } else if (percentage >= 60) {\n                    level = \"medium\";\n                    description = analysis.descriptions.medium;\n                } else {\n                    level = \"low\";\n                    description = analysis.descriptions.low;\n                }\n                \n                html += `\n                    <div class=\"col-md-6 mb-4\">\n                        <div class=\"wct-dimension-card\">\n                            <h4 class=\"h5 fw-bold mb-3\">\n                                <i class=\"bi bi-${analysis.icon} text-${analysis.color} me-2\"><\/i>\n                                ${analysis.title}\n                            <\/h4>\n                            <div class=\"d-flex justify-content-between align-items-center mb-3\">\n                                <span class=\"wct-score-badge\">${score} \/ ${excellent} \u5206<\/span>\n                                <span class=\"text-muted\">${percentage}%<\/span>\n                            <\/div>\n                            <p class=\"mb-0\">${description}<\/p>\n                        <\/div>\n                    <\/div>\n                `;\n            });\n            \n            html += '<\/div>';\n            container.innerHTML = html;\n        },\n        \n        \/\/ \u91cd\u65b0\u6e2c\u9a57\n        restartTest() {\n            this.currentQuestion = 0;\n            this.answers = [];\n            this.showPage('intro');\n        }\n    };\n    \n    \/\/ \u7576 DOM \u8f09\u5165\u5b8c\u6210\u5f8c\u521d\u59cb\u5316\n    if (document.readyState === 'loading') {\n        document.addEventListener('DOMContentLoaded', () => WCT.init());\n    } else {\n        WCT.init();\n    }\n})();\n<\/script>","protected":false},"excerpt":{"rendered":"<p>\u00a0Williams\u7f16\u5236\u7684Creativity Assessment Packet\u5a01\u5ec9\u65af\u521b\u9020\u529b\u503e\u5411\u6d4b\u91cf\u8868\u3002\u672c\u6d4b\u9a8c\u81ea1994\u5e74\u5728\u53f0\u6e7e\u4fee\u8ba2\u51fa\u7248\u4ee5\u6765\u5df2\u903e30\u5e74\u3002\u9002\u5207\u8bc4\u4f30\u73b0\u4eca\u5b66\u5b50\u7684\u521b\u9020\u529b\u8868\u73b0\u3002\u6d4b\u9a8c\u529f\u80fd\u4ecb\u7ecd\uff1a\u7b5b\u9009\u5177\u6709\u7279\u6b8a\u624d\u80fd\u4e0e\u521b\u9020\u80fd\u529b\u7684\u5b66\u751f\uff1b\u7504\u9009\u53c2\u52a0\u53d1\u5c55\u521b\u9020\u529b\u65b9\u6848\u6216\u8d44\u8d4b\u4f18\u5f02\u6559\u80b2\u65b9\u6848\u7684\u5b66\u751f\u3002<\/p>","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"disabled","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"categories":[159],"tags":[],"class_list":["post-9204","post","type-post","status-publish","format-standard","hentry","category-aptitude"],"_links":{"self":[{"href":"https:\/\/xinliceyan.org\/zh\/wp-json\/wp\/v2\/posts\/9204","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/xinliceyan.org\/zh\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/xinliceyan.org\/zh\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/xinliceyan.org\/zh\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/xinliceyan.org\/zh\/wp-json\/wp\/v2\/comments?post=9204"}],"version-history":[{"count":1,"href":"https:\/\/xinliceyan.org\/zh\/wp-json\/wp\/v2\/posts\/9204\/revisions"}],"predecessor-version":[{"id":10054,"href":"https:\/\/xinliceyan.org\/zh\/wp-json\/wp\/v2\/posts\/9204\/revisions\/10054"}],"wp:attachment":[{"href":"https:\/\/xinliceyan.org\/zh\/wp-json\/wp\/v2\/media?parent=9204"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/xinliceyan.org\/zh\/wp-json\/wp\/v2\/categories?post=9204"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/xinliceyan.org\/zh\/wp-json\/wp\/v2\/tags?post=9204"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}