{"id":2432,"date":"2023-10-24T09:21:53","date_gmt":"2023-10-24T01:21:53","guid":{"rendered":"https:\/\/bookmark.tw\/?p=2432"},"modified":"2026-05-14T16:42:22","modified_gmt":"2026-05-14T08:42:22","slug":"common-or-refined-love","status":"publish","type":"post","link":"https:\/\/xinliceyan.org\/zh\/common-or-refined-love","title":{"rendered":"\u5c0f\u6d4b\u9a8c\uff1a\u4f60\u7231\u60c5\u7b97\u300c\u5eb8\u4fd7\u300d\u8fd8\u662f\u300c\u9ad8\u96c5\u300d\uff1f"},"content":{"rendered":"\n<!-- HTML \u7d50\u69cb -->\n<section id=\"wpQuizLove9\" data-q9-root aria-label=\"\u4f60\u611b\u60c5\u7b97\u5eb8\u4fd7\u9084\u662f\u9ad8\u96c5\u7dda\u4e0a\u6e2c\u9a57\">\n  <section id=\"quizintro9\" data-page=\"intro9\" data-q9-panel=\"intro\" class=\"q9-active\">\n    <article class=\"card border-0\" data-q9-card>\n      <header class=\"text-center\">\n        <div data-q9-float-icon aria-hidden=\"true\">\n          <i class=\"bi bi-flower1\"><\/i>\n        <\/div>\n        <p class=\"mb-2 fw-semibold\" data-q9-kicker>\u611b\u60c5\u98a8\u683c\u6e2c\u9a57<\/p>\n        <h1 class=\"mb-3\">\u4f60\u611b\u60c5\u7b97\u300c\u5eb8\u4fd7\u300d\u9084\u662f\u300c\u9ad8\u96c5\u300d\uff1f<\/h1>\n        <p class=\"mb-4 mx-auto\" data-q9-lead>\n          \u6709\u4e9b\u611b\u60c5\u843d\u5728\u65e5\u5e38\u88e1\uff0c\u6709\u4e9b\u611b\u60c5\u50cf\u4e00\u676f\u6eab\u71b1\u7684\u8336\uff0c\u4e5f\u6709\u4eba\u8ffd\u6c42\u7cbe\u795e\u5171\u9cf4\u8207\u751f\u6d3b\u54c1\u5473\u3002\n          \u900f\u904e\u5e7e\u500b\u76f4\u89ba\u9078\u64c7\uff0c\u770b\u770b\u4f60\u6700\u53ef\u80fd\u8d70\u5411\u54ea\u4e00\u7a2e\u611b\u60c5\u6a23\u8c8c\u3002\n        <\/p>\n      <\/header>\n\n      <section aria-labelledby=\"q9-intro-points\">\n        <h2 id=\"q9-intro-points\" class=\"visually-hidden\">\u6e2c\u9a57\u7279\u8272<\/h2>\n        <div data-q9-feature-grid>\n          <article class=\"card border-0\" data-q9-mini-card>\n            <i class=\"bi bi-compass\" aria-hidden=\"true\"><\/i>\n            <h3>\u76f4\u89ba\u5206\u6d41<\/h3>\n            <p>\u6bcf\u984c\u5fc5\u9078\uff0c\u4f9d\u4f60\u7684\u7b54\u6848\u9032\u5165\u4e0b\u4e00\u984c\u3002<\/p>\n          <\/article>\n          <article class=\"card border-0\" data-q9-mini-card>\n            <i class=\"bi bi-bar-chart\" aria-hidden=\"true\"><\/i>\n            <h3>\u591a\u7dad\u5206\u6790<\/h3>\n            <p>\u4ee5\u5716\u8868\u5448\u73fe\u5b89\u5b9a\u3001\u6eab\u5ea6\u3001\u73fe\u5be6\u3001\u5be9\u7f8e\u8207\u4e3b\u52d5\u6027\u3002<\/p>\n          <\/article>\n          <article class=\"card border-0\" data-q9-mini-card>\n            <i class=\"bi bi-stars\" aria-hidden=\"true\"><\/i>\n            <h3>\u500b\u4eba\u5efa\u8b70<\/h3>\n            <p>\u4f9d\u5206\u6578\u8f2a\u5ed3\u7d66\u51fa\u66f4\u8cbc\u8fd1\u4f60\u7684\u95dc\u4fc2\u63d0\u9192\u3002<\/p>\n          <\/article>\n        <\/div>\n      <\/section>\n\n      <footer class=\"text-center mt-4\">\n        <button type=\"button\" class=\"btn\" data-q9-start aria-label=\"\u958b\u59cb\u611b\u60c5\u98a8\u683c\u6e2c\u9a57\">\n          <span>\u958b\u59cb\u6e2c\u9a57<\/span>\n          <i class=\"bi bi-arrow-right-short\" aria-hidden=\"true\"><\/i>\n        <\/button>\n      <\/footer>\n    <\/article>\n  <\/section>\n\n  <section id=\"quizmain9\" data-page=\"quiz9\" data-q9-panel=\"quiz\" class=\"q9-hidden\" aria-live=\"polite\" aria-busy=\"false\">\n    <article class=\"card border-0\" data-q9-card>\n      <header>\n        <nav aria-label=\"\u6e2c\u9a57\u9032\u5ea6\" class=\"mb-4\">\n          <div class=\"d-flex justify-content-between align-items-center mb-2\">\n            <p class=\"mb-0 fw-semibold\" data-q9-kicker>\u76ee\u524d\u984c\u865f<\/p>\n            <p class=\"mb-0\" aria-live=\"polite\">\n              \u7b2c <span data-q9-current>1<\/span> \u984c \/ \u5171 <span data-q9-total>10<\/span> \u984c\n            <\/p>\n          <\/div>\n          <div class=\"progress\" data-q9-progress-wrap aria-hidden=\"true\">\n            <div class=\"progress-bar\" data-q9-progress role=\"progressbar\" aria-valuemin=\"0\" aria-valuemax=\"100\" aria-valuenow=\"10\"><\/div>\n          <\/div>\n          <div class=\"mt-3 q9-hidden\" data-q9-loading role=\"status\" aria-live=\"polite\">\n            <span class=\"spinner-border spinner-border-sm\" aria-hidden=\"true\"><\/span>\n            <span>\u6b63\u5728\u6574\u7406\u4f60\u7684\u9078\u64c7&#8230;<\/span>\n          <\/div>\n          <p class=\"alert alert-warning mt-3 mb-0 q9-hidden\" data-q9-error role=\"alert\">\n            \u66ab\u6642\u7121\u6cd5\u8655\u7406\u9019\u6b21\u64cd\u4f5c\uff0c\u8acb\u518d\u9ede\u9078\u4e00\u6b21\u3002\n          <\/p>\n        <\/nav>\n      <\/header>\n\n      <section data-q9-question-stage aria-label=\"\u6e2c\u9a57\u984c\u76ee\">\n        <article data-q9-question=\"1\" class=\"q9-active\">\n          <header>\n            <p class=\"fw-semibold mb-1\" data-q9-kicker>\u554f\u984c 1<\/p>\n            <h2 id=\"q9-q1-title\" data-q9-question-title tabindex=\"-1\">\u4f60\u4e00\u76f4\u89ba\u5f97\u81ea\u5df1\u662f\u5c6c\u65bc\u5f88\u88ab\u52d5\u7684\u985e\u578b\uff1f<\/h2>\n            <p id=\"q9-q1-hint\" class=\"mb-3\">\u6b64\u984c\u5fc5\u9078\uff0c\u9078\u5b8c\u6703\u81ea\u52d5\u9032\u5165\u4e0b\u4e00\u984c\u3002<\/p>\n          <\/header>\n          <div role=\"radiogroup\" aria-labelledby=\"q9-q1-title\" aria-describedby=\"q9-q1-hint\" aria-required=\"true\" data-q9-options>\n            <button type=\"button\" class=\"card\" role=\"radio\" aria-checked=\"false\" data-q9-option data-qid=\"1\" data-value=\"q1a\" data-label=\"\u662f\u7684\" data-next=\"2\" data-calm=\"4\" data-warmth=\"2\" data-reality=\"0\" data-aesthetic=\"0\" data-agency=\"-8\"><span data-q9-indicator aria-hidden=\"true\"><\/span><span>\u662f\u7684<\/span><\/button>\n            <button type=\"button\" class=\"card\" role=\"radio\" aria-checked=\"false\" data-q9-option data-qid=\"1\" data-value=\"q1b\" data-label=\"\u4e0d\u662f\" data-next=\"3\" data-calm=\"0\" data-warmth=\"1\" data-reality=\"1\" data-aesthetic=\"2\" data-agency=\"9\"><span data-q9-indicator aria-hidden=\"true\"><\/span><span>\u4e0d\u662f<\/span><\/button>\n            <button type=\"button\" class=\"card\" role=\"radio\" aria-checked=\"false\" data-q9-option data-qid=\"1\" data-value=\"q1c\" data-label=\"\u4e00\u822c\" data-next=\"4\" data-calm=\"3\" data-warmth=\"1\" data-reality=\"2\" data-aesthetic=\"0\" data-agency=\"1\"><span data-q9-indicator aria-hidden=\"true\"><\/span><span>\u4e00\u822c<\/span><\/button>\n          <\/div>\n        <\/article>\n\n        <article data-q9-question=\"2\" class=\"q9-hidden\">\n          <header>\n            <p class=\"fw-semibold mb-1\" data-q9-kicker>\u554f\u984c 2<\/p>\n            <h2 id=\"q9-q2-title\" data-q9-question-title tabindex=\"-1\">\u4f60\u66fe\u7d93\u5012\u8ffd\u6216\u8005\u88ab\u4eba\u5012\u8ffd\u904e\u55ce\uff1f<\/h2>\n            <p id=\"q9-q2-hint\" class=\"mb-3\">\u8acb\u9078\u64c7\u6700\u63a5\u8fd1\u4f60\u7d93\u9a57\u7684\u7b54\u6848\u3002<\/p>\n          <\/header>\n          <div role=\"radiogroup\" aria-labelledby=\"q9-q2-title\" aria-describedby=\"q9-q2-hint\" aria-required=\"true\" data-q9-options>\n            <button type=\"button\" class=\"card\" role=\"radio\" aria-checked=\"false\" data-q9-option data-qid=\"2\" data-value=\"q2a\" data-label=\"\u662f\u7684\" data-next=\"3\" data-calm=\"0\" data-warmth=\"4\" data-reality=\"1\" data-aesthetic=\"1\" data-agency=\"9\"><span data-q9-indicator aria-hidden=\"true\"><\/span><span>\u662f\u7684<\/span><\/button>\n            <button type=\"button\" class=\"card\" role=\"radio\" aria-checked=\"false\" data-q9-option data-qid=\"2\" data-value=\"q2b\" data-label=\"\u6c92\u6709\" data-next=\"4\" data-calm=\"5\" data-warmth=\"0\" data-reality=\"2\" data-aesthetic=\"0\" data-agency=\"-2\"><span data-q9-indicator aria-hidden=\"true\"><\/span><span>\u6c92\u6709<\/span><\/button>\n            <button type=\"button\" class=\"card\" role=\"radio\" aria-checked=\"false\" data-q9-option data-qid=\"2\" data-value=\"q2c\" data-label=\"\u4e0d\u77e5\u9053\" data-next=\"5\" data-calm=\"1\" data-warmth=\"1\" data-reality=\"0\" data-aesthetic=\"3\" data-agency=\"0\"><span data-q9-indicator aria-hidden=\"true\"><\/span><span>\u4e0d\u77e5\u9053<\/span><\/button>\n          <\/div>\n        <\/article>\n\n        <article data-q9-question=\"3\" class=\"q9-hidden\">\n          <header>\n            <p class=\"fw-semibold mb-1\" data-q9-kicker>\u554f\u984c 3<\/p>\n            <h2 id=\"q9-q3-title\" data-q9-question-title tabindex=\"-1\">\u4f60\u8a8d\u70ba\u81ea\u5df1\u662f\u4e00\u500b\u8d85\u7d1a\u7684\u984f\u63a7\u55ce\uff1f<\/h2>\n            <p id=\"q9-q3-hint\" class=\"mb-3\">\u8acb\u4f9d\u7b2c\u4e00\u76f4\u89ba\u4f5c\u7b54\u3002<\/p>\n          <\/header>\n          <div role=\"radiogroup\" aria-labelledby=\"q9-q3-title\" aria-describedby=\"q9-q3-hint\" aria-required=\"true\" data-q9-options>\n            <button type=\"button\" class=\"card\" role=\"radio\" aria-checked=\"false\" data-q9-option data-qid=\"3\" data-value=\"q3a\" data-label=\"\u662f\u7684\" data-next=\"4\" data-calm=\"0\" data-warmth=\"1\" data-reality=\"-6\" data-aesthetic=\"8\" data-agency=\"1\"><span data-q9-indicator aria-hidden=\"true\"><\/span><span>\u662f\u7684<\/span><\/button>\n            <button type=\"button\" class=\"card\" role=\"radio\" aria-checked=\"false\" data-q9-option data-qid=\"3\" data-value=\"q3b\" data-label=\"\u4e0d\u662f\" data-next=\"5\" data-calm=\"3\" data-warmth=\"1\" data-reality=\"6\" data-aesthetic=\"0\" data-agency=\"0\"><span data-q9-indicator aria-hidden=\"true\"><\/span><span>\u4e0d\u662f<\/span><\/button>\n            <button type=\"button\" class=\"card\" role=\"radio\" aria-checked=\"false\" data-q9-option data-qid=\"3\" data-value=\"q3c\" data-label=\"\u4e00\u822c\" data-next=\"6\" data-calm=\"2\" data-warmth=\"1\" data-reality=\"2\" data-aesthetic=\"2\" data-agency=\"0\"><span data-q9-indicator aria-hidden=\"true\"><\/span><span>\u4e00\u822c<\/span><\/button>\n          <\/div>\n        <\/article>\n\n        <article data-q9-question=\"4\" class=\"q9-hidden\">\n          <header>\n            <p class=\"fw-semibold mb-1\" data-q9-kicker>\u554f\u984c 4<\/p>\n            <h2 id=\"q9-q4-title\" data-q9-question-title tabindex=\"-1\">\u4f60\u66fe\u88ab\u67d0\u500b\u4eba\u50b7\u900f\u4e86\u5fc3\u55ce\uff1f<\/h2>\n            <p id=\"q9-q4-hint\" class=\"mb-3\">\u8acb\u9078\u64c7\u6700\u8cbc\u8fd1\u4f60\u72c0\u614b\u7684\u7b54\u6848\u3002<\/p>\n          <\/header>\n          <div role=\"radiogroup\" aria-labelledby=\"q9-q4-title\" aria-describedby=\"q9-q4-hint\" aria-required=\"true\" data-q9-options>\n            <button type=\"button\" class=\"card\" role=\"radio\" aria-checked=\"false\" data-q9-option data-qid=\"4\" data-value=\"q4a\" data-label=\"\u662f\u7684\" data-next=\"5\" data-calm=\"-4\" data-warmth=\"5\" data-reality=\"2\" data-aesthetic=\"1\" data-agency=\"-1\"><span data-q9-indicator aria-hidden=\"true\"><\/span><span>\u662f\u7684<\/span><\/button>\n            <button type=\"button\" class=\"card\" role=\"radio\" aria-checked=\"false\" data-q9-option data-qid=\"4\" data-value=\"q4b\" data-label=\"\u4e0d\u662f\" data-next=\"6\" data-calm=\"7\" data-warmth=\"1\" data-reality=\"2\" data-aesthetic=\"0\" data-agency=\"3\"><span data-q9-indicator aria-hidden=\"true\"><\/span><span>\u4e0d\u662f<\/span><\/button>\n            <button type=\"button\" class=\"card\" role=\"radio\" aria-checked=\"false\" data-q9-option data-qid=\"4\" data-value=\"q4c\" data-label=\"\u4e00\u822c\" data-next=\"7\" data-calm=\"2\" data-warmth=\"3\" data-reality=\"2\" data-aesthetic=\"0\" data-agency=\"0\"><span data-q9-indicator aria-hidden=\"true\"><\/span><span>\u4e00\u822c<\/span><\/button>\n          <\/div>\n        <\/article>\n\n        <article data-q9-question=\"5\" class=\"q9-hidden\">\n          <header>\n            <p class=\"fw-semibold mb-1\" data-q9-kicker>\u554f\u984c 5<\/p>\n            <h2 id=\"q9-q5-title\" data-q9-question-title tabindex=\"-1\">\u4f60\u89ba\u5f97\u81ea\u5df1\u4e0b\u4e00\u6bb5\u611f\u60c5\u4e00\u5b9a\u6703\u66f4\u597d\u55ce\uff1f<\/h2>\n            <p id=\"q9-q5-hint\" class=\"mb-3\">\u8acb\u9078\u64c7\u6700\u63a5\u8fd1\u4f60\u7684\u671f\u5f85\u3002<\/p>\n          <\/header>\n          <div role=\"radiogroup\" aria-labelledby=\"q9-q5-title\" aria-describedby=\"q9-q5-hint\" aria-required=\"true\" data-q9-options>\n            <button type=\"button\" class=\"card\" role=\"radio\" aria-checked=\"false\" data-q9-option data-qid=\"5\" data-value=\"q5a\" data-label=\"\u662f\u7684\" data-next=\"6\" data-calm=\"0\" data-warmth=\"4\" data-reality=\"1\" data-aesthetic=\"1\" data-agency=\"6\"><span data-q9-indicator aria-hidden=\"true\"><\/span><span>\u662f\u7684<\/span><\/button>\n            <button type=\"button\" class=\"card\" role=\"radio\" aria-checked=\"false\" data-q9-option data-qid=\"5\" data-value=\"q5b\" data-label=\"\u96e3\u8aaa\" data-next=\"7\" data-calm=\"-2\" data-warmth=\"1\" data-reality=\"5\" data-aesthetic=\"0\" data-agency=\"0\"><span data-q9-indicator aria-hidden=\"true\"><\/span><span>\u96e3\u8aaa<\/span><\/button>\n            <button type=\"button\" class=\"card\" role=\"radio\" aria-checked=\"false\" data-q9-option data-qid=\"5\" data-value=\"q5c\" data-label=\"\u4e0d\u77e5\u9053\" data-next=\"8\" data-calm=\"1\" data-warmth=\"1\" data-reality=\"0\" data-aesthetic=\"2\" data-agency=\"-1\"><span data-q9-indicator aria-hidden=\"true\"><\/span><span>\u4e0d\u77e5\u9053<\/span><\/button>\n          <\/div>\n        <\/article>\n\n        <article data-q9-question=\"6\" class=\"q9-hidden\">\n          <header>\n            <p class=\"fw-semibold mb-1\" data-q9-kicker>\u554f\u984c 6<\/p>\n            <h2 id=\"q9-q6-title\" data-q9-question-title tabindex=\"-1\">\u60c5\u4eba\u7bc0\u4f60\u66f4\u5e0c\u671b\u8207\u5c0d\u65b9\u53bb\u4e0b\u9762\u7684\u54ea\u88e1\u5403\u98ef\uff1f<\/h2>\n            <p id=\"q9-q6-hint\" class=\"mb-3\">\u8acb\u9078\u64c7\u4f60\u6700\u81ea\u7136\u6703\u60f3\u53bb\u7684\u5730\u65b9\u3002<\/p>\n          <\/header>\n          <div role=\"radiogroup\" aria-labelledby=\"q9-q6-title\" aria-describedby=\"q9-q6-hint\" aria-required=\"true\" data-q9-options>\n            <button type=\"button\" class=\"card\" role=\"radio\" aria-checked=\"false\" data-q9-option data-qid=\"6\" data-value=\"q6a\" data-label=\"\u897f\u9910\u5ef3\" data-next=\"7\" data-calm=\"0\" data-warmth=\"1\" data-reality=\"-2\" data-aesthetic=\"7\" data-agency=\"1\"><span data-q9-indicator aria-hidden=\"true\"><\/span><span>\u897f\u9910\u5ef3<\/span><\/button>\n            <button type=\"button\" class=\"card\" role=\"radio\" aria-checked=\"false\" data-q9-option data-qid=\"6\" data-value=\"q6b\" data-label=\"\u65e5\u5f0f\u6599\u7406\" data-next=\"8\" data-calm=\"2\" data-warmth=\"1\" data-reality=\"1\" data-aesthetic=\"5\" data-agency=\"0\"><span data-q9-indicator aria-hidden=\"true\"><\/span><span>\u65e5\u5f0f\u6599\u7406<\/span><\/button>\n            <button type=\"button\" class=\"card\" role=\"radio\" aria-checked=\"false\" data-q9-option data-qid=\"6\" data-value=\"q6c\" data-label=\"\u5728\u5bb6\u505a\u98ef\" data-result=\"A\" data-calm=\"7\" data-warmth=\"4\" data-reality=\"7\" data-aesthetic=\"0\" data-agency=\"0\"><span data-q9-indicator aria-hidden=\"true\"><\/span><span>\u5728\u5bb6\u505a\u98ef<\/span><\/button>\n          <\/div>\n        <\/article>\n\n        <article data-q9-question=\"7\" class=\"q9-hidden\">\n          <header>\n            <p class=\"fw-semibold mb-1\" data-q9-kicker>\u554f\u984c 7<\/p>\n            <h2 id=\"q9-q7-title\" data-q9-question-title tabindex=\"-1\">\u4f60\u6709\u6c92\u6709\u7d93\u6b77\u904e\u5206\u624b\u53c8\u8907\u5408\u7684\uff1f<\/h2>\n            <p id=\"q9-q7-hint\" class=\"mb-3\">\u8acb\u4f9d\u4f60\u7684\u5be6\u969b\u7d93\u9a57\u4f5c\u7b54\u3002<\/p>\n          <\/header>\n          <div role=\"radiogroup\" aria-labelledby=\"q9-q7-title\" aria-describedby=\"q9-q7-hint\" aria-required=\"true\" data-q9-options>\n            <button type=\"button\" class=\"card\" role=\"radio\" aria-checked=\"false\" data-q9-option data-qid=\"7\" data-value=\"q7a\" data-label=\"\u6709\u7684\" data-next=\"8\" data-calm=\"-5\" data-warmth=\"3\" data-reality=\"1\" data-aesthetic=\"0\" data-agency=\"2\"><span data-q9-indicator aria-hidden=\"true\"><\/span><span>\u6709\u7684<\/span><\/button>\n            <button type=\"button\" class=\"card\" role=\"radio\" aria-checked=\"false\" data-q9-option data-qid=\"7\" data-value=\"q7b\" data-label=\"\u6c92\u6709\" data-next=\"9\" data-calm=\"8\" data-warmth=\"1\" data-reality=\"4\" data-aesthetic=\"0\" data-agency=\"1\"><span data-q9-indicator aria-hidden=\"true\"><\/span><span>\u6c92\u6709<\/span><\/button>\n            <button type=\"button\" class=\"card\" role=\"radio\" aria-checked=\"false\" data-q9-option data-qid=\"7\" data-value=\"q7c\" data-label=\"\u6b63\u5728\u7d93\u6b77\" data-next=\"10\" data-calm=\"-7\" data-warmth=\"5\" data-reality=\"1\" data-aesthetic=\"0\" data-agency=\"1\"><span data-q9-indicator aria-hidden=\"true\"><\/span><span>\u6b63\u5728\u7d93\u6b77<\/span><\/button>\n          <\/div>\n        <\/article>\n\n        <article data-q9-question=\"8\" class=\"q9-hidden\">\n          <header>\n            <p class=\"fw-semibold mb-1\" data-q9-kicker>\u554f\u984c 8<\/p>\n            <h2 id=\"q9-q8-title\" data-q9-question-title tabindex=\"-1\">\u5982\u679c\u4f60\u8d70\u5728\u68ee\u6797\u88e1\uff0c\u4f60\u6700\u6015\u9047\u5230\u54ea\u96bb\u52d5\u7269\uff1f<\/h2>\n            <p id=\"q9-q8-hint\" class=\"mb-3\">\u8acb\u9078\u64c7\u6700\u8b93\u4f60\u7dca\u5f35\u7684\u52d5\u7269\u3002<\/p>\n          <\/header>\n          <div role=\"radiogroup\" aria-labelledby=\"q9-q8-title\" aria-describedby=\"q9-q8-hint\" aria-required=\"true\" data-q9-options>\n            <button type=\"button\" class=\"card\" role=\"radio\" aria-checked=\"false\" data-q9-option data-qid=\"8\" data-value=\"q8a\" data-label=\"\u5927\u7070\u72fc\" data-next=\"9\" data-calm=\"-3\" data-warmth=\"0\" data-reality=\"4\" data-aesthetic=\"0\" data-agency=\"1\"><span data-q9-indicator aria-hidden=\"true\"><\/span><span>\u5927\u7070\u72fc<\/span><\/button>\n            <button type=\"button\" class=\"card\" role=\"radio\" aria-checked=\"false\" data-q9-option data-qid=\"8\" data-value=\"q8b\" data-label=\"\u8001\u864e\" data-result=\"A\" data-calm=\"7\" data-warmth=\"1\" data-reality=\"5\" data-aesthetic=\"0\" data-agency=\"0\"><span data-q9-indicator aria-hidden=\"true\"><\/span><span>\u8001\u864e<\/span><\/button>\n            <button type=\"button\" class=\"card\" role=\"radio\" aria-checked=\"false\" data-q9-option data-qid=\"8\" data-value=\"q8c\" data-label=\"\u7345\u5b50\" data-result=\"B\" data-calm=\"0\" data-warmth=\"8\" data-reality=\"2\" data-aesthetic=\"0\" data-agency=\"2\"><span data-q9-indicator aria-hidden=\"true\"><\/span><span>\u7345\u5b50<\/span><\/button>\n          <\/div>\n        <\/article>\n\n        <article data-q9-question=\"9\" class=\"q9-hidden\">\n          <header>\n            <p class=\"fw-semibold mb-1\" data-q9-kicker>\u554f\u984c 9<\/p>\n            <h2 id=\"q9-q9-title\" data-q9-question-title tabindex=\"-1\">\u4f60\u9762\u524d\u51fa\u73fe\u4e09\u68df\u5efa\u7bc9\u7269\uff0c\u4f60\u6703\u8d70\u9032\u54ea\u4e00\u5ea7\uff1f<\/h2>\n            <p id=\"q9-q9-hint\" class=\"mb-3\">\u8acb\u9078\u64c7\u6700\u5438\u5f15\u4f60\u7684\u7a7a\u9593\u3002<\/p>\n          <\/header>\n          <div role=\"radiogroup\" aria-labelledby=\"q9-q9-title\" aria-describedby=\"q9-q9-hint\" aria-required=\"true\" data-q9-options>\n            <button type=\"button\" class=\"card\" role=\"radio\" aria-checked=\"false\" data-q9-option data-qid=\"9\" data-value=\"q9a\" data-label=\"\u8f1d\u714c\u7684\u57ce\u5821\" data-result=\"C\" data-calm=\"0\" data-warmth=\"0\" data-reality=\"4\" data-aesthetic=\"5\" data-agency=\"1\"><span data-q9-indicator aria-hidden=\"true\"><\/span><span>\u8f1d\u714c\u7684\u57ce\u5821<\/span><\/button>\n            <button type=\"button\" class=\"card\" role=\"radio\" aria-checked=\"false\" data-q9-option data-qid=\"9\" data-value=\"q9b\" data-label=\"\u53ef\u611b\u7684\u6728\u5c4b\" data-result=\"D\" data-calm=\"5\" data-warmth=\"3\" data-reality=\"1\" data-aesthetic=\"6\" data-agency=\"1\"><span data-q9-indicator aria-hidden=\"true\"><\/span><span>\u53ef\u611b\u7684\u6728\u5c4b<\/span><\/button>\n            <button type=\"button\" class=\"card\" role=\"radio\" aria-checked=\"false\" data-q9-option data-qid=\"9\" data-value=\"q9c\" data-label=\"\u65e5\u5f0f\u7684\u5ead\u9662\" data-result=\"A\" data-calm=\"8\" data-warmth=\"1\" data-reality=\"2\" data-aesthetic=\"5\" data-agency=\"0\"><span data-q9-indicator aria-hidden=\"true\"><\/span><span>\u65e5\u5f0f\u7684\u5ead\u9662<\/span><\/button>\n          <\/div>\n        <\/article>\n\n        <article data-q9-question=\"10\" class=\"q9-hidden\">\n          <header>\n            <p class=\"fw-semibold mb-1\" data-q9-kicker>\u554f\u984c 10<\/p>\n            <h2 id=\"q9-q10-title\" data-q9-question-title tabindex=\"-1\">\u5982\u679c\u6709\u4e00\u500b\u7f8e\u5973\u501a\u5728\u7a97\u908a\uff0c\u4f60\u731c\u5979\u5728\u505a\u4ec0\u9ebc\uff1f<\/h2>\n            <p id=\"q9-q10-hint\" class=\"mb-3\">\u8acb\u9078\u64c7\u4f60\u7b2c\u4e00\u500b\u60f3\u5230\u7684\u756b\u9762\u3002<\/p>\n          <\/header>\n          <div role=\"radiogroup\" aria-labelledby=\"q9-q10-title\" aria-describedby=\"q9-q10-hint\" aria-required=\"true\" data-q9-options>\n            <button type=\"button\" class=\"card\" role=\"radio\" aria-checked=\"false\" data-q9-option data-qid=\"10\" data-value=\"q10a\" data-label=\"\u7121\u804a\u767c\u5446\" data-result=\"B\" data-calm=\"1\" data-warmth=\"5\" data-reality=\"2\" data-aesthetic=\"0\" data-agency=\"-1\"><span data-q9-indicator aria-hidden=\"true\"><\/span><span>\u7121\u804a\u767c\u5446<\/span><\/button>\n            <button type=\"button\" class=\"card\" role=\"radio\" aria-checked=\"false\" data-q9-option data-qid=\"10\" data-value=\"q10b\" data-label=\"\u601d\u5ff5\u67d0\u4eba\" data-result=\"C\" data-calm=\"0\" data-warmth=\"4\" data-reality=\"5\" data-aesthetic=\"3\" data-agency=\"0\"><span data-q9-indicator aria-hidden=\"true\"><\/span><span>\u601d\u5ff5\u67d0\u4eba<\/span><\/button>\n            <button type=\"button\" class=\"card\" role=\"radio\" aria-checked=\"false\" data-q9-option data-qid=\"10\" data-value=\"q10c\" data-label=\"\u6b23\u8cde\u98a8\u666f\" data-result=\"D\" data-calm=\"4\" data-warmth=\"1\" data-reality=\"1\" data-aesthetic=\"9\" data-agency=\"0\"><span data-q9-indicator aria-hidden=\"true\"><\/span><span>\u6b23\u8cde\u98a8\u666f<\/span><\/button>\n          <\/div>\n        <\/article>\n      <\/section>\n\n      <footer class=\"d-flex justify-content-center mt-4\">\n        <button type=\"button\" class=\"btn\" data-q9-prev disabled aria-disabled=\"true\">\n          <i class=\"bi bi-arrow-left-short\" aria-hidden=\"true\"><\/i>\n          <span>\u4e0a\u4e00\u984c<\/span>\n        <\/button>\n      <\/footer>\n    <\/article>\n  <\/section>\n\n  <section id=\"quizresult9\" data-page=\"result9\" data-q9-panel=\"result\" class=\"q9-hidden\" aria-live=\"polite\">\n    <article class=\"card border-0\" data-q9-card>\n      <header class=\"text-center\">\n        <div data-q9-float-icon aria-hidden=\"true\">\n          <i class=\"bi bi-heart-pulse\"><\/i>\n        <\/div>\n        <p class=\"mb-2 fw-semibold\" data-q9-kicker>\u6e2c\u9a57\u5b8c\u6210<\/p>\n        <h1 id=\"q9-result-heading\" data-q9-result-heading tabindex=\"-1\">\u4f60\u7684\u611b\u60c5\u98a8\u683c\u8f2a\u5ed3<\/h1>\n        <p class=\"mb-0 mx-auto\" data-q9-lead>\u4ee5\u4e0b\u7d50\u679c\u53ea\u4f5c\u70ba\u81ea\u6211\u89c0\u5bdf\u53c3\u8003\uff0c\u4e0d\u4ee3\u8868\u56fa\u5b9a\u547d\u904b\u3002<\/p>\n      <\/header>\n\n      <section aria-labelledby=\"q9-primary-result\" class=\"mt-4\">\n        <h2 id=\"q9-primary-result\">\u4e3b\u8981\u7d50\u679c<\/h2>\n\n        <article class=\"card q9-hidden\" data-q9-result-block=\"A\">\n          <h3>A\u3001\u5e73\u6de1\u7684\u611b\u60c5<\/h3>\n          <p>\u4f60\u6700\u53ef\u80fd\u64c1\u6709\u7684\u662f\u5e73\u6de1\u800c\u5b89\u5b9a\u7684\u611b\u60c5\u3002\u9019\u4e0d\u662f\u7f3a\u5c11\u611f\u89ba\uff0c\u800c\u662f\u4f60\u66f4\u5bb9\u6613\u628a\u89aa\u5bc6\u611f\u653e\u9032\u65e5\u5e38\u966a\u4f34\u3001\u5f7c\u6b64\u7167\u61c9\u548c\u9577\u4e45\u76f8\u8655\u88e1\u3002<\/p>\n          <p>\u500b\u4eba\u5316\u5efa\u8b70\uff1a\u4e0d\u8981\u628a\u5e73\u6de1\u8aa4\u5224\u70ba\u7121\u804a\u3002\u4f60\u9700\u8981\u7684\u662f\u53ef\u6301\u7e8c\u7684\u751f\u6d3b\u7bc0\u594f\uff0c\u4f46\u4ecd\u8981\u4fdd\u7559\u5c0f\u578b\u5100\u5f0f\u611f\uff0c\u907f\u514d\u95dc\u4fc2\u53ea\u5269\u8cac\u4efb\u8207\u7fd2\u6163\u3002<\/p>\n        <\/article>\n\n        <article class=\"card q9-hidden\" data-q9-result-block=\"B\">\n          <h3>B\u3001\u6eab\u6696\u7684\u611b\u60c5<\/h3>\n          <p>\u4f60\u6700\u9700\u8981\u7684\u662f\u80fd\u8b93\u5fc3\u5b89\u4e0b\u4f86\u7684\u95dc\u4fc2\u3002\u5c0d\u65b9\u4e0d\u4e00\u5b9a\u8981\u63d0\u4f9b\u5f37\u70c8\u6232\u5287\u611f\uff0c\u4f46\u8981\u9858\u610f\u56de\u61c9\u3001\u7167\u9867\u3001\u5be6\u969b\u4ed8\u51fa\uff0c\u8b93\u4f60\u611f\u5230\u88ab\u653e\u5728\u5fc3\u4e0a\u3002<\/p>\n          <p>\u500b\u4eba\u5316\u5efa\u8b70\uff1a\u4f60\u9069\u5408\u91cd\u8996\u884c\u52d5\u7684\u4eba\uff0c\u4f46\u4e5f\u8981\u907f\u514d\u53ea\u7528\u300c\u5c0d\u65b9\u6709\u6c92\u6709\u7167\u9867\u6211\u300d\u4f86\u5224\u65b7\u611b\u3002\u6eab\u6696\u9700\u8981\u96d9\u5411\u6d41\u52d5\uff0c\u624d\u4e0d\u6703\u8b8a\u6210\u60c5\u7dd2\u4f9d\u8cf4\u3002<\/p>\n        <\/article>\n\n        <article class=\"card q9-hidden\" data-q9-result-block=\"C\">\n          <h3>C\u3001\u5eb8\u4fd7\u800c\u771f\u5be6\u7684\u611b\u60c5<\/h3>\n          <p>\u4f60\u4e0d\u4e00\u5b9a\u6392\u65a5\u6d6a\u6f2b\uff0c\u4f46\u4f60\u77e5\u9053\u95dc\u4fc2\u6700\u5f8c\u6703\u843d\u56de\u751f\u6d3b\u3002\u91d1\u9322\u3001\u6642\u9593\u3001\u5bb6\u52d9\u3001\u60c5\u7dd2\u6210\u672c\u8207\u73fe\u5be6\u689d\u4ef6\uff0c\u90fd\u662f\u4f60\u7121\u6cd5\u5ffd\u7565\u7684\u90e8\u5206\u3002<\/p>\n          <p>\u500b\u4eba\u5316\u5efa\u8b70\uff1a\u4f60\u7684\u512a\u52e2\u662f\u770b\u5f97\u6e05\u73fe\u5be6\uff1b\u9700\u8981\u6ce8\u610f\u7684\u662f\uff0c\u4e0d\u8981\u56e0\u70ba\u592a\u65e9\u9810\u5224\u5931\u671b\uff0c\u5c31\u628a\u7f8e\u611f\u3001\u6b23\u8cde\u8207\u67d4\u8edf\u5168\u90e8\u6392\u9664\u5728\u95dc\u4fc2\u4e4b\u5916\u3002<\/p>\n        <\/article>\n\n        <article class=\"card q9-hidden\" data-q9-result-block=\"D\">\n          <h3>D\u3001\u9ad8\u96c5\u7684\u611b\u60c5<\/h3>\n          <p>\u4f60\u91cd\u8996\u7684\u4e0d\u53ea\u662f\u966a\u4f34\uff0c\u4e5f\u5305\u62ec\u7cbe\u795e\u5171\u9cf4\u3001\u751f\u6d3b\u54c1\u5473\u8207\u5171\u540c\u6210\u9577\u3002\u4f60\u5e0c\u671b\u5169\u500b\u4eba\u80fd\u4e00\u8d77\u7d93\u71df\u751f\u6d3b\uff0c\u4e5f\u4fdd\u7559\u7f8e\u611f\u3001\u7406\u60f3\u8207\u5167\u5728\u54c1\u8cea\u3002<\/p>\n          <p>\u500b\u4eba\u5316\u5efa\u8b70\uff1a\u4f60\u7684\u6a19\u6e96\u4e0d\u662f\u554f\u984c\uff0c\u4f46\u8981\u78ba\u8a8d\u5c0d\u65b9\u662f\u5426\u80fd\u843d\u5be6\u5728\u65e5\u5e38\u884c\u52d5\u88e1\u3002\u771f\u6b63\u6210\u719f\u7684\u9ad8\u96c5\uff0c\u4e0d\u53ea\u5728\u8ac7\u5410\u8207\u54c1\u5473\uff0c\u4e5f\u5728\u7a69\u5b9a\u627f\u64d4\u3002<\/p>\n        <\/article>\n      <\/section>\n\n      <section aria-labelledby=\"q9-chart-title\" class=\"mt-4\">\n        <h2 id=\"q9-chart-title\">\u591a\u7dad\u5206\u6578\u8996\u89ba\u5316<\/h2>\n\n        <div data-q9-score-grid aria-label=\"\u591a\u7dad\u5206\u6578\u6458\u8981\">\n          <article class=\"card\" data-q9-score-card>\n            <span>\u5b89\u5b9a\u4f9d\u9644<\/span>\n            <strong><span data-q9-score-value=\"calm\">0<\/span><\/strong>\n          <\/article>\n          <article class=\"card\" data-q9-score-card>\n            <span>\u60c5\u611f\u6eab\u5ea6<\/span>\n            <strong><span data-q9-score-value=\"warmth\">0<\/span><\/strong>\n          <\/article>\n          <article class=\"card\" data-q9-score-card>\n            <span>\u73fe\u5be6\u843d\u5730<\/span>\n            <strong><span data-q9-score-value=\"reality\">0<\/span><\/strong>\n          <\/article>\n          <article class=\"card\" data-q9-score-card>\n            <span>\u5be9\u7f8e\u5171\u9cf4<\/span>\n            <strong><span data-q9-score-value=\"aesthetic\">0<\/span><\/strong>\n          <\/article>\n          <article class=\"card\" data-q9-score-card>\n            <span>\u4e3b\u52d5\u8868\u9054<\/span>\n            <strong><span data-q9-score-value=\"agency\">0<\/span><\/strong>\n          <\/article>\n        <\/div>\n\n        <div data-q9-chart-wrap>\n          <canvas id=\"q9-radar-canvas\" data-q9-chart role=\"img\" aria-label=\"\u611b\u60c5\u98a8\u683c\u591a\u7dad\u96f7\u9054\u5716\"><\/canvas>\n        <\/div>\n        <p class=\"alert alert-warning q9-hidden\" data-q9-chart-error role=\"alert\">\n          \u5716\u8868\u66ab\u6642\u7121\u6cd5\u8f09\u5165\uff0c\u4f46\u4e0a\u65b9\u5206\u6578\u8207\u4e0b\u65b9\u6587\u5b57\u5206\u6790\u4ecd\u53ef\u95b1\u8b80\u3002\n        <\/p>\n      <\/section>\n\n      <section aria-labelledby=\"q9-range-title\" class=\"mt-4\">\n        <h2 id=\"q9-range-title\">\u6574\u9ad4\u95dc\u4fc2\u6574\u5408\u4f4d\u7f6e<\/h2>\n        <div data-q9-stack-wrap>\n          <div data-q9-stack aria-hidden=\"true\">\n            <span data-q9-segment=\"observe\"><\/span>\n            <span data-q9-segment=\"adjust\"><\/span>\n            <span data-q9-segment=\"steady\"><\/span>\n            <span data-q9-segment=\"mature\"><\/span>\n          <\/div>\n          <span data-q9-marker aria-hidden=\"true\"><\/span>\n        <\/div>\n        <p class=\"mt-2 mb-3\">\u7d05\u8272\u5713\u9ede\u4ee3\u8868\u4f60\u76ee\u524d\u4f4d\u7f6e\uff1a<strong><span data-q9-score-value=\"overall\">0<\/span> \u5206<\/strong><\/p>\n        <div data-q9-legend aria-label=\"\u5206\u6578\u5340\u9593\u5716\u4f8b\">\n          <span><i data-q9-legend-dot=\"observe\"><\/i>\u89c0\u5bdf\u671f 0\u201339<\/span>\n          <span><i data-q9-legend-dot=\"adjust\"><\/i>\u8abf\u6574\u671f 40\u201359<\/span>\n          <span><i data-q9-legend-dot=\"steady\"><\/i>\u6210\u9577\u671f 60\u201379<\/span>\n          <span><i data-q9-legend-dot=\"mature\"><\/i>\u6210\u719f\u671f 80\u2013100<\/span>\n        <\/div>\n      <\/section>\n\n      <section aria-labelledby=\"q9-advice-title\" class=\"mt-4\">\n        <h2 id=\"q9-advice-title\">\u4f9d\u5206\u6578\u8f2a\u5ed3\u7d66\u4f60\u7684\u63d0\u9192<\/h2>\n\n        <article class=\"card q9-hidden\" data-q9-dim-note data-dim=\"calm\" data-band=\"low\">\n          <h3>\u5b89\u5b9a\u4f9d\u9644\u504f\u4f4e<\/h3>\n          <p>\u4f60\u5c0d\u95dc\u4fc2\u7684\u5b89\u5168\u611f\u8f03\u5bb9\u6613\u88ab\u60c5\u7dd2\u6ce2\u52d5\u5f71\u97ff\u3002\u4e0b\u4e00\u6b65\u53ea\u505a\u4e00\u4ef6\u4e8b\uff1a\u628a\u300c\u5c0d\u65b9\u8b93\u6211\u4e0d\u5b89\u300d\u5177\u9ad4\u5beb\u6210\u4e09\u500b\u53ef\u89c0\u5bdf\u884c\u70ba\uff0c\u518d\u6c7a\u5b9a\u662f\u5426\u6e9d\u901a\u3002<\/p>\n        <\/article>\n        <article class=\"card q9-hidden\" data-q9-dim-note data-dim=\"calm\" data-band=\"mid\">\n          <h3>\u5b89\u5b9a\u4f9d\u9644\u4e2d\u7b49<\/h3>\n          <p>\u4f60\u80fd\u7dad\u6301\u57fa\u672c\u7a69\u5b9a\uff0c\u4f46\u5728\u66d6\u6627\u6216\u885d\u7a81\u6642\u4ecd\u53ef\u80fd\u6416\u64fa\u3002\u5efa\u8b70\u5efa\u7acb\u56fa\u5b9a\u6e9d\u901a\u7bc0\u594f\uff0c\u8b93\u95dc\u4fc2\u4e0d\u7528\u9760\u731c\u6e2c\u63a8\u9032\u3002<\/p>\n        <\/article>\n        <article class=\"card q9-hidden\" data-q9-dim-note data-dim=\"calm\" data-band=\"high\">\n          <h3>\u5b89\u5b9a\u4f9d\u9644\u8f03\u9ad8<\/h3>\n          <p>\u4f60\u9069\u5408\u9577\u671f\u95dc\u4fc2\uff0c\u4e5f\u80fd\u627f\u53d7\u65e5\u5e38\u5e73\u6de1\u3002\u9700\u8981\u907f\u514d\u7684\u662f\u904e\u5ea6\u5fcd\u8010\uff0c\u628a\u7a69\u5b9a\u8aa4\u89e3\u6210\u4e0d\u8868\u9054\u9700\u6c42\u3002<\/p>\n        <\/article>\n\n        <article class=\"card q9-hidden\" data-q9-dim-note data-dim=\"warmth\" data-band=\"low\">\n          <h3>\u60c5\u611f\u6eab\u5ea6\u504f\u4f4e<\/h3>\n          <p>\u4f60\u53ef\u80fd\u8f03\u5c11\u76f4\u63a5\u8868\u9054\u9700\u8981\u6216\u559c\u6b61\u3002\u5efa\u8b70\u5f9e\u4f4e\u6210\u672c\u884c\u52d5\u958b\u59cb\uff0c\u4f8b\u5982\u660e\u78ba\u8aaa\u51fa\u611f\u8b1d\u3001\u6b23\u8cde\u6216\u5e0c\u671b\u88ab\u966a\u4f34\u7684\u6642\u9593\u3002<\/p>\n        <\/article>\n        <article class=\"card q9-hidden\" data-q9-dim-note data-dim=\"warmth\" data-band=\"mid\">\n          <h3>\u60c5\u611f\u6eab\u5ea6\u4e2d\u7b49<\/h3>\n          <p>\u4f60\u80fd\u611f\u53d7\u6eab\u6696\uff0c\u4f46\u4e0d\u4e00\u5b9a\u7a69\u5b9a\u8868\u9054\u3002\u95dc\u4fc2\u82e5\u8981\u66f4\u9032\u4e00\u6b65\uff0c\u9700\u8981\u628a\u5584\u610f\u5f9e\u5fc3\u88e1\u60f3\uff0c\u8b8a\u6210\u5c0d\u65b9\u80fd\u63a5\u6536\u5230\u7684\u884c\u52d5\u3002<\/p>\n        <\/article>\n        <article class=\"card q9-hidden\" data-q9-dim-note data-dim=\"warmth\" data-band=\"high\">\n          <h3>\u60c5\u611f\u6eab\u5ea6\u8f03\u9ad8<\/h3>\n          <p>\u4f60\u91cd\u8996\u88ab\u7167\u9867\uff0c\u4e5f\u9858\u610f\u6295\u5165\u60c5\u611f\u3002\u8acb\u540c\u6642\u89c0\u5bdf\u754c\u7dda\uff1a\u6eab\u6696\u662f\u4e92\u76f8\u6ecb\u990a\uff0c\u4e0d\u662f\u55ae\u65b9\u9762\u6d88\u8017\u3002<\/p>\n        <\/article>\n\n        <article class=\"card q9-hidden\" data-q9-dim-note data-dim=\"reality\" data-band=\"low\">\n          <h3>\u73fe\u5be6\u843d\u5730\u504f\u4f4e<\/h3>\n          <p>\u4f60\u5bb9\u6613\u88ab\u611f\u89ba\u6216\u60f3\u50cf\u5e36\u8457\u8d70\u3002\u4e0b\u4e00\u6b65\u4e0d\u662f\u5426\u5b9a\u6d6a\u6f2b\uff0c\u800c\u662f\u78ba\u8a8d\u6642\u9593\u3001\u91d1\u9322\u3001\u627f\u8afe\u8207\u751f\u6d3b\u7bc0\u594f\u662f\u5426\u771f\u7684\u5339\u914d\u3002<\/p>\n        <\/article>\n        <article class=\"card q9-hidden\" data-q9-dim-note data-dim=\"reality\" data-band=\"mid\">\n          <h3>\u73fe\u5be6\u843d\u5730\u4e2d\u7b49<\/h3>\n          <p>\u4f60\u80fd\u770b\u898b\u751f\u6d3b\u689d\u4ef6\uff0c\u4f46\u4ecd\u6703\u4fdd\u7559\u60f3\u50cf\u3002\u9019\u662f\u76f8\u5c0d\u5065\u5eb7\u7684\u4f4d\u7f6e\uff0c\u95dc\u9375\u662f\u4e0d\u8981\u5728\u95dc\u4fc2\u65e9\u671f\u904e\u5ea6\u66ff\u5c0d\u65b9\u88dc\u5b8c\u7f3a\u53e3\u3002<\/p>\n        <\/article>\n        <article class=\"card q9-hidden\" data-q9-dim-note data-dim=\"reality\" data-band=\"high\">\n          <h3>\u73fe\u5be6\u843d\u5730\u8f03\u9ad8<\/h3>\n          <p>\u4f60\u6e05\u695a\u77e5\u9053\u611b\u60c5\u4e0d\u80fd\u812b\u96e2\u751f\u6d3b\u3002\u9700\u8981\u4fdd\u7559\u7684\uff0c\u662f\u8b93\u95dc\u4fc2\u6709\u67d4\u8edf\u8207\u6b23\u8cde\u7684\u7a7a\u9593\uff0c\u4e0d\u8981\u53ea\u5269\u689d\u4ef6\u5be9\u6838\u3002<\/p>\n        <\/article>\n\n        <article class=\"card q9-hidden\" data-q9-dim-note data-dim=\"aesthetic\" data-band=\"low\">\n          <h3>\u5be9\u7f8e\u5171\u9cf4\u504f\u4f4e<\/h3>\n          <p>\u4f60\u4e0d\u592a\u4f9d\u8cf4\u5f62\u5f0f\u611f\u8207\u54c1\u5473\u5171\u9cf4\u3002\u9019\u80fd\u964d\u4f4e\u4e0d\u5fc5\u8981\u7684\u671f\u5f85\uff0c\u4f46\u4e5f\u5efa\u8b70\u4fdd\u7559\u4e00\u9ede\u5171\u540c\u9ad4\u9a57\uff0c\u8b93\u95dc\u4fc2\u6709\u8a18\u61b6\u9ede\u3002<\/p>\n        <\/article>\n        <article class=\"card q9-hidden\" data-q9-dim-note data-dim=\"aesthetic\" data-band=\"mid\">\n          <h3>\u5be9\u7f8e\u5171\u9cf4\u4e2d\u7b49<\/h3>\n          <p>\u4f60\u9700\u8981\u9069\u5ea6\u7684\u751f\u6d3b\u7f8e\u611f\uff0c\u4f46\u4e0d\u6703\u5b8c\u5168\u88ab\u5f62\u5f0f\u727d\u5f15\u3002\u9069\u5408\u627e\u80fd\u4e00\u8d77\u904e\u65e5\u5b50\uff0c\u4e5f\u9858\u610f\u4e00\u8d77\u7d93\u71df\u6c23\u6c1b\u7684\u4eba\u3002<\/p>\n        <\/article>\n        <article class=\"card q9-hidden\" data-q9-dim-note data-dim=\"aesthetic\" data-band=\"high\">\n          <h3>\u5be9\u7f8e\u5171\u9cf4\u8f03\u9ad8<\/h3>\n          <p>\u4f60\u91cd\u8996\u7cbe\u795e\u4ea4\u6d41\u3001\u6c23\u8cea\u8207\u751f\u6d3b\u54c1\u5473\u3002\u8acb\u540c\u6b65\u6aa2\u67e5\u5c0d\u65b9\u7684\u8cac\u4efb\u611f\uff0c\u907f\u514d\u53ea\u88ab\u7f8e\u597d\u5916\u89c0\u5438\u5f15\u3002<\/p>\n        <\/article>\n\n        <article class=\"card q9-hidden\" data-q9-dim-note data-dim=\"agency\" data-band=\"low\">\n          <h3>\u4e3b\u52d5\u8868\u9054\u504f\u4f4e<\/h3>\n          <p>\u4f60\u53ef\u80fd\u7fd2\u6163\u7b49\u5f85\u5c0d\u65b9\u63a8\u9032\u3002\u4e0b\u4e00\u6b65\u53ea\u505a\u4e00\u4ef6\u4e8b\uff1a\u628a\u60f3\u8981\u7684\u4e92\u52d5\u8aaa\u6e05\u695a\uff0c\u4e0d\u7528\u4e00\u6b21\u8ac7\u5f88\u91cd\uff0c\u4f46\u8981\u505c\u6b62\u5b8c\u5168\u88ab\u52d5\u3002<\/p>\n        <\/article>\n        <article class=\"card q9-hidden\" data-q9-dim-note data-dim=\"agency\" data-band=\"mid\">\n          <h3>\u4e3b\u52d5\u8868\u9054\u4e2d\u7b49<\/h3>\n          <p>\u4f60\u80fd\u4e3b\u52d5\uff0c\u4f46\u901a\u5e38\u9700\u8981\u5b89\u5168\u611f\u652f\u6490\u3002\u5efa\u8b70\u5728\u95dc\u4fc2\u521d\u671f\u5efa\u7acb\u53ef\u63a5\u53d7\u7684\u6e9d\u901a\u65b9\u5f0f\uff0c\u964d\u4f4e\u731c\u6e2c\u6210\u672c\u3002<\/p>\n        <\/article>\n        <article class=\"card q9-hidden\" data-q9-dim-note data-dim=\"agency\" data-band=\"high\">\n          <h3>\u4e3b\u52d5\u8868\u9054\u8f03\u9ad8<\/h3>\n          <p>\u4f60\u8f03\u80fd\u63a8\u52d5\u95dc\u4fc2\uff0c\u4e5f\u9858\u610f\u8b93\u5c0d\u65b9\u77e5\u9053\u4f60\u7684\u60f3\u6cd5\u3002\u6ce8\u610f\u4e0d\u8981\u628a\u4e3b\u52d5\u8b8a\u6210\u63a7\u5236\uff0c\u4ecd\u8981\u7559\u7a7a\u9593\u7d66\u5c0d\u65b9\u56de\u61c9\u3002<\/p>\n        <\/article>\n      <\/section>\n\n      <footer class=\"text-center mt-4\">\n        <button type=\"button\" class=\"btn\" data-q9-restart>\n          <i class=\"bi bi-arrow-counterclockwise\" aria-hidden=\"true\"><\/i>\n          <span>\u91cd\u65b0\u6e2c\u9a57<\/span>\n        <\/button>\n      <\/footer>\n    <\/article>\n  <\/section>\n<\/section>\n\n<!-- CSS \u6a23\u5f0f -->\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/bootstrap\/5.3.3\/css\/bootstrap.min.css\">\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/bootstrap-icons\/1.11.3\/font\/bootstrap-icons.min.css\">\n\n<style>\n#wpQuizLove9{max-width:750px;margin-inline:auto;color:#304039;font-family:-apple-system,BlinkMacSystemFont,\"Segoe UI\",\"Noto Sans TC\",\"Microsoft JhengHei\",Arial,sans-serif;font-size:16px;line-height:1.65;contain:layout style paint;--q9-ink:#304039;--q9-muted:#5f6b62;--q9-sage:#8f9d75;--q9-sage-soft:#eef2e7;--q9-cream:#fffdf7;--q9-card:#fbfaf4;--q9-border:#ded8c8;--q9-sand:#d8bd8a;--q9-clay:#c75645;--q9-shadow:0 18px 42px rgba(58,70,55,.14)}\n#wpQuizLove9 *{box-sizing:border-box}\n#wpQuizLove9 h1{font-size:clamp(2rem,6vw,2.5rem);line-height:1.2;font-weight:800;color:var(--q9-ink)}\n#wpQuizLove9 h2{font-size:clamp(1.35rem,4vw,1.75rem);line-height:1.35;font-weight:800;color:var(--q9-ink)}\n#wpQuizLove9 h3{font-size:1.15rem;line-height:1.4;font-weight:800;color:var(--q9-ink)}\n#wpQuizLove9 p{color:var(--q9-muted)}\n#wpQuizLove9 [data-q9-card]{background:var(--q9-card);border-radius:28px;padding:24px;box-shadow:var(--q9-shadow);border:1px solid rgba(222,216,200,.9);contain:content}\n#wpQuizLove9 [data-q9-mini-card],#wpQuizLove9 [data-q9-result-block],#wpQuizLove9 [data-q9-dim-note],#wpQuizLove9 [data-q9-score-card]{background:var(--q9-cream);border:1px solid var(--q9-border);border-radius:22px;padding:16px;box-shadow:0 10px 24px rgba(58,70,55,.08)}\n#wpQuizLove9 [data-q9-kicker]{color:#6d7a5a;letter-spacing:.04em}\n#wpQuizLove9 [data-q9-lead]{max-width:620px;font-size:1.05rem}\n#wpQuizLove9 [data-q9-float-icon]{width:76px;height:76px;border-radius:999px;margin:0 auto 16px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#eef2e7,#f5ead8);box-shadow:0 12px 30px rgba(117,128,102,.24)}\n#wpQuizLove9 [data-q9-float-icon] i{font-size:2rem;color:#7d8b66}\n#wpQuizLove9 [data-q9-feature-grid]{display:grid;grid-template-columns:1fr;gap:16px}\n#wpQuizLove9 [data-q9-mini-card] i{font-size:1.75rem;color:#8a7a51}\n#wpQuizLove9 [data-q9-start],#wpQuizLove9 [data-q9-restart]{min-width:180px;min-height:48px;border:0;border-radius:999px;padding:12px 24px;color:#26362f;background:linear-gradient(135deg,#dfe8cf,#efdcb8);box-shadow:0 12px 26px rgba(117,128,102,.25);font-weight:800;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:transform .18s ease,box-shadow .18s ease,filter .18s ease}\n#wpQuizLove9 [data-q9-prev]{min-height:44px;border-radius:999px;border:1px solid #bdc8ab;color:#3f4c43;background:#f8f6ef;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 20px}\n#wpQuizLove9 [data-q9-start]:hover,#wpQuizLove9 [data-q9-restart]:hover{transform:translateY(-2px);box-shadow:0 16px 34px rgba(117,128,102,.3);filter:saturate(1.04)}\n#wpQuizLove9 [data-q9-prev]:hover:not(:disabled){background:#eef2e7}\n#wpQuizLove9 [data-q9-option]{width:100%;min-height:56px;margin-bottom:12px;border:1px solid var(--q9-border);border-radius:22px;background:var(--q9-cream);color:var(--q9-ink);padding:14px 16px;display:flex;align-items:center;gap:12px;text-align:left;font-size:1rem;line-height:1.5;box-shadow:0 8px 20px rgba(58,70,55,.06);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background-color .18s ease}\n#wpQuizLove9 [data-q9-option]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 14px 28px rgba(58,70,55,.12);border-color:#bfc9ad;background:#f8f7ef}\n#wpQuizLove9 [data-q9-option][aria-checked=\"true\"]{border-color:#8f9d75;background:#eef2e7;box-shadow:0 14px 30px rgba(117,128,102,.18)}\n#wpQuizLove9 [data-q9-indicator]{flex:0 0 26px;width:26px;height:26px;border-radius:999px;border:2px solid #aeb89b;background:#fffdf7;display:inline-flex;align-items:center;justify-content:center;color:#304039;font-weight:900}\n#wpQuizLove9 [data-q9-option][aria-checked=\"true\"] [data-q9-indicator]{background:#8f9d75;border-color:#8f9d75;color:#fffdf7}\n#wpQuizLove9 [data-q9-option][aria-checked=\"true\"] [data-q9-indicator]::after{content:\"\u2713\";font-size:.95rem;line-height:1}\n#wpQuizLove9 [data-q9-option]:focus:not(:focus-visible){outline:0;box-shadow:0 8px 20px rgba(58,70,55,.06)}\n#wpQuizLove9 button:focus-visible{outline:3px solid rgba(143,157,117,.48);outline-offset:3px}\n#wpQuizLove9 [data-q9-question-title]:focus{outline:0}\n#wpQuizLove9 .progress{height:10px;background:#ece7d8;border-radius:999px;overflow:hidden}\n#wpQuizLove9 .progress-bar{width:10%;background:linear-gradient(90deg,#aebc8f,#d8bd8a);transition:width .18s ease}\n#wpQuizLove9 [data-q9-loading]{display:flex;align-items:center;gap:8px;color:#5f6b62}\n#wpQuizLove9 [data-q9-score-grid]{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin:16px 0}\n#wpQuizLove9 [data-q9-score-card]{text-align:center}\n#wpQuizLove9 [data-q9-score-card] span{color:#5f6b62}\n#wpQuizLove9 [data-q9-score-card] strong{display:block;font-size:1.6rem;color:#304039}\n#wpQuizLove9 [data-q9-chart-wrap]{position:relative;width:min(100%,520px);height:330px;margin:18px auto 0;padding:8px;contain:layout paint}\n#wpQuizLove9 [data-q9-stack-wrap]{position:relative;margin-top:14px;padding-top:14px}\n#wpQuizLove9 [data-q9-stack]{height:26px;border-radius:999px;display:flex;overflow:hidden;border:1px solid rgba(222,216,200,.95);box-shadow:inset 0 1px 2px rgba(0,0,0,.04)}\n#wpQuizLove9 [data-q9-segment=\"observe\"]{flex:0 0 40%;background:#cfd8c3}\n#wpQuizLove9 [data-q9-segment=\"adjust\"]{flex:0 0 20%;background:#e8dcc4}\n#wpQuizLove9 [data-q9-segment=\"steady\"]{flex:0 0 20%;background:#d7bd91}\n#wpQuizLove9 [data-q9-segment=\"mature\"]{flex:0 0 20%;background:#b7a17d}\n#wpQuizLove9 [data-q9-marker]{position:absolute;top:6px;left:0;width:18px;height:18px;border-radius:999px;background:var(--q9-clay);border:3px solid #fffdf7;box-shadow:0 3px 12px rgba(80,50,40,.26);transform:translateX(-50%);transition:left .18s ease}\n#wpQuizLove9 [data-q9-legend]{display:grid;grid-template-columns:1fr;gap:8px;font-size:.95rem;color:#5f6b62}\n#wpQuizLove9 [data-q9-legend] span{display:flex;align-items:center;gap:8px}\n#wpQuizLove9 [data-q9-legend-dot]{width:12px;height:12px;border-radius:999px;display:inline-block}\n#wpQuizLove9 [data-q9-legend-dot=\"observe\"]{background:#cfd8c3}\n#wpQuizLove9 [data-q9-legend-dot=\"adjust\"]{background:#e8dcc4}\n#wpQuizLove9 [data-q9-legend-dot=\"steady\"]{background:#d7bd91}\n#wpQuizLove9 [data-q9-legend-dot=\"mature\"]{background:#b7a17d}\n#wpQuizLove9 .q9-hidden{display:none!important}\n#wpQuizLove9 .q9-active{display:block}\n@media (min-width:768px){\n  #wpQuizLove9{font-size:17px}\n  #wpQuizLove9 [data-q9-card]{padding:32px}\n  #wpQuizLove9 [data-q9-feature-grid]{grid-template-columns:repeat(3,1fr)}\n  #wpQuizLove9 [data-q9-score-grid]{grid-template-columns:repeat(5,1fr)}\n  #wpQuizLove9 [data-q9-chart-wrap]{height:390px}\n  #wpQuizLove9 [data-q9-legend]{grid-template-columns:repeat(4,1fr)}\n}\n@media (prefers-reduced-motion:reduce){\n  #wpQuizLove9 *,#wpQuizLove9 *::before,#wpQuizLove9 *::after{transition:none!important;transform:none!important}\n}\n<\/style>\n\n<!-- JavaScript \u884c\u70ba -->\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/Chart.js\/4.4.1\/chart.umd.min.js\"><\/script>\n\n<script>\n(() => {\n  \"use strict\";\n\n  class LoveQuiz9 {\n    constructor(root) {\n      this.root = root;\n      this.panels = {\n        intro: root.querySelector('[data-q9-panel=\"intro\"]'),\n        quiz: root.querySelector('[data-q9-panel=\"quiz\"]'),\n        result: root.querySelector('[data-q9-panel=\"result\"]')\n      };\n      this.questions = [...root.querySelectorAll(\"[data-q9-question]\")];\n      this.optionButtons = [...root.querySelectorAll(\"[data-q9-option]\")];\n      this.resultBlocks = [...root.querySelectorAll(\"[data-q9-result-block]\")];\n      this.dimNotes = [...root.querySelectorAll(\"[data-q9-dim-note]\")];\n      this.currentEl = root.querySelector(\"[data-q9-current]\");\n      this.totalEl = root.querySelector(\"[data-q9-total]\");\n      this.progressEl = root.querySelector(\"[data-q9-progress]\");\n      this.prevButton = root.querySelector(\"[data-q9-prev]\");\n      this.loadingEl = root.querySelector(\"[data-q9-loading]\");\n      this.errorEl = root.querySelector(\"[data-q9-error]\");\n      this.chartCanvas = root.querySelector(\"[data-q9-chart]\");\n      this.chartError = root.querySelector(\"[data-q9-chart-error]\");\n      this.markerEl = root.querySelector(\"[data-q9-marker]\");\n      this.scoreValueEls = [...root.querySelectorAll(\"[data-q9-score-value]\")];\n      this.resultHeading = root.querySelector(\"[data-q9-result-heading]\");\n\n      this.dims = [\"calm\", \"warmth\", \"reality\", \"aesthetic\", \"agency\"];\n      this.dimLabels = {\n        calm: \"\u5b89\u5b9a\u4f9d\u9644\",\n        warmth: \"\u60c5\u611f\u6eab\u5ea6\",\n        reality: \"\u73fe\u5be6\u843d\u5730\",\n        aesthetic: \"\u5be9\u7f8e\u5171\u9cf4\",\n        agency: \"\u4e3b\u52d5\u8868\u9054\"\n      };\n      this.baseScores = { calm: 48, warmth: 48, reality: 48, aesthetic: 48, agency: 48 };\n      this.resultBoost = {\n        A: { calm: 10, warmth: 3, reality: 8, aesthetic: 0, agency: 0 },\n        B: { calm: 2, warmth: 11, reality: 2, aesthetic: 0, agency: 1 },\n        C: { calm: 0, warmth: 1, reality: 12, aesthetic: 2, agency: 0 },\n        D: { calm: 3, warmth: 2, reality: 1, aesthetic: 12, agency: 1 }\n      };\n\n      this.history = [\"1\"];\n      this.choices = new Map();\n      this.currentQuestion = \"1\";\n      this.resultType = \"\";\n      this.chart = null;\n      this.isBusy = false;\n\n      this.init();\n    }\n\n    init() {\n      this.totalEl.textContent = String(this.questions.length);\n      this.updateProgress(\"1\");\n      this.restoreQuestionState(\"1\");\n      this.updatePrevButton();\n\n      const delegatedClick = this.debounce((event) => {\n        this.handleClick(event).catch((error) => this.showError(error));\n      }, 120, true);\n\n      this.root.addEventListener(\"click\", delegatedClick);\n\n      window.addEventListener(\n        \"resize\",\n        this.throttle(() => {\n          if (this.chart) this.chart.resize();\n        }, 180),\n        { passive: true }\n      );\n    }\n\n    async handleClick(event) {\n      const start = event.target.closest(\"[data-q9-start]\");\n      const option = event.target.closest(\"[data-q9-option]\");\n      const prev = event.target.closest(\"[data-q9-prev]\");\n      const restart = event.target.closest(\"[data-q9-restart]\");\n\n      if (start && this.root.contains(start)) return this.start();\n      if (option && this.root.contains(option)) return this.choose(option, event);\n      if (prev && this.root.contains(prev)) return this.prev();\n      if (restart && this.root.contains(restart)) return this.restart();\n    }\n\n    async start() {\n      this.resetState();\n      this.showPanel(\"quiz\");\n      this.showQuestion(\"1\");\n    }\n\n    async choose(button, event) {\n      if (this.isBusy || button.disabled) return;\n\n      this.hideError();\n      if (event.detail > 0 && typeof button.blur === \"function\") button.blur();\n\n      try {\n        this.setBusy(true);\n        const qid = button.dataset.qid;\n        this.trimHistoryAt(qid);\n        this.selectOption(button);\n        this.choices.set(qid, this.createChoice(button));\n\n        await this.delay(130);\n\n        if (button.dataset.result) {\n          this.resultType = button.dataset.result;\n          this.showResult();\n          return;\n        }\n\n        if (button.dataset.next) {\n          const next = button.dataset.next;\n          if (this.history[this.history.length - 1] !== next) this.history.push(next);\n          this.showQuestion(next);\n        }\n      } catch (error) {\n        this.showError(error);\n      } finally {\n        this.setBusy(false);\n        this.updatePrevButton();\n      }\n    }\n\n    async prev() {\n      if (this.isBusy || this.history.length <= 1) return;\n\n      this.hideError();\n      const leaving = this.history.pop();\n      this.choices.delete(leaving);\n      this.resultType = \"\";\n\n      const previous = this.history[this.history.length - 1] || \"1\";\n      this.showPanel(\"quiz\");\n      this.showQuestion(previous);\n    }\n\n    async restart() {\n      this.resetState();\n      this.showPanel(\"intro\");\n      const startButton = this.root.querySelector(\"[data-q9-start]\");\n      this.safeFocus(startButton);\n    }\n\n    resetState() {\n      this.history = [\"1\"];\n      this.choices.clear();\n      this.currentQuestion = \"1\";\n      this.resultType = \"\";\n      this.optionButtons.forEach((button) => {\n        button.disabled = false;\n        button.classList.remove(\"q9-is-selected\");\n        button.setAttribute(\"aria-checked\", \"false\");\n      });\n      this.resultBlocks.forEach((block) => this.setHidden(block, true));\n      this.dimNotes.forEach((note) => this.setHidden(note, true));\n      this.scoreValueEls.forEach((el) => {\n        el.textContent = \"0\";\n      });\n      if (this.markerEl) this.markerEl.style.left = \"0%\";\n      if (this.chart) {\n        this.chart.destroy();\n        this.chart = null;\n      }\n      this.hideError();\n      this.setBusy(false);\n    }\n\n    trimHistoryAt(qid) {\n      const index = this.history.indexOf(qid);\n      if (index >= 0) {\n        const stale = this.history.slice(index + 1);\n        stale.forEach((id) => this.choices.delete(id));\n        this.history = this.history.slice(0, index + 1);\n      } else {\n        this.history.push(qid);\n      }\n      this.resultType = \"\";\n    }\n\n    createChoice(button) {\n      const scores = this.dims.reduce((acc, dim) => {\n        acc[dim] = Number(button.dataset[dim] || 0);\n        return acc;\n      }, {});\n      return {\n        qid: button.dataset.qid,\n        value: button.dataset.value,\n        label: button.dataset.label,\n        scores\n      };\n    }\n\n    selectOption(selectedButton) {\n      const question = selectedButton.closest(\"[data-q9-question]\");\n      if (!question) return;\n\n      question.querySelectorAll(\"[data-q9-option]\").forEach((button) => {\n        const selected = button === selectedButton;\n        button.classList.toggle(\"q9-is-selected\", selected);\n        button.setAttribute(\"aria-checked\", String(selected));\n      });\n    }\n\n    restoreQuestionState(qid) {\n      const question = this.root.querySelector(`[data-q9-question=\"${qid}\"]`);\n      if (!question) return;\n\n      const saved = this.choices.get(qid);\n      question.querySelectorAll(\"[data-q9-option]\").forEach((button) => {\n        const selected = saved && saved.value === button.dataset.value;\n        button.classList.toggle(\"q9-is-selected\", Boolean(selected));\n        button.setAttribute(\"aria-checked\", String(Boolean(selected)));\n      });\n    }\n\n    showPanel(name) {\n      Object.entries(this.panels).forEach(([key, panel]) => {\n        if (!panel) return;\n        const active = key === name;\n        this.setHidden(panel, !active);\n        panel.classList.toggle(\"q9-active\", active);\n      });\n    }\n\n    showQuestion(qid) {\n      this.currentQuestion = qid;\n      this.questions.forEach((question) => {\n        const active = question.dataset.q9Question === qid;\n        this.setHidden(question, !active);\n        question.classList.toggle(\"q9-active\", active);\n      });\n\n      this.restoreQuestionState(qid);\n      this.updateProgress(qid);\n      this.updatePrevButton();\n\n      const title = this.root.querySelector(`[data-q9-question=\"${qid}\"] [data-q9-question-title]`);\n      this.safeFocus(title);\n    }\n\n    showResult() {\n      const { scores, overall } = this.calculateScores();\n\n      this.resultBlocks.forEach((block) => {\n        const active = block.dataset.q9ResultBlock === this.resultType;\n        this.setHidden(block, !active);\n        block.classList.toggle(\"q9-active\", active);\n      });\n\n      this.updateScoreCards(scores, overall);\n      this.updateDimNotes(scores);\n      this.updateStack(overall);\n      this.showPanel(\"result\");\n      this.renderChart(scores);\n      this.safeFocus(this.resultHeading);\n    }\n\n    calculateScores() {\n      const scores = { ...this.baseScores };\n\n      this.choices.forEach((choice) => {\n        this.dims.forEach((dim) => {\n          scores[dim] += Number(choice.scores[dim] || 0);\n        });\n      });\n\n      if (this.resultBoost[this.resultType]) {\n        this.dims.forEach((dim) => {\n          scores[dim] += this.resultBoost[this.resultType][dim] || 0;\n        });\n      }\n\n      this.dims.forEach((dim) => {\n        scores[dim] = this.clamp(Math.round(scores[dim]), 0, 100);\n      });\n\n      const overall = Math.round(\n        scores.calm * 0.23 +\n        scores.warmth * 0.22 +\n        scores.reality * 0.2 +\n        scores.aesthetic * 0.2 +\n        scores.agency * 0.15\n      );\n\n      return { scores, overall: this.clamp(overall, 0, 100) };\n    }\n\n    updateScoreCards(scores, overall) {\n      this.scoreValueEls.forEach((el) => {\n        const key = el.dataset.q9ScoreValue;\n        el.textContent = key === \"overall\" ? String(overall) : String(scores[key] ?? 0);\n      });\n    }\n\n    updateDimNotes(scores) {\n      this.dimNotes.forEach((note) => this.setHidden(note, true));\n\n      this.dims.forEach((dim) => {\n        const band = this.getBand(scores[dim]);\n        const note = this.root.querySelector(`[data-q9-dim-note][data-dim=\"${dim}\"][data-band=\"${band}\"]`);\n        if (note) this.setHidden(note, false);\n      });\n    }\n\n    updateStack(overall) {\n      if (!this.markerEl) return;\n      this.markerEl.style.left = `${this.clamp(overall, 2, 98)}%`;\n    }\n\n    renderChart(scores) {\n      if (!this.chartCanvas) return;\n\n      try {\n        if (this.chart) {\n          this.chart.destroy();\n          this.chart = null;\n        }\n\n        if (!window.Chart) throw new Error(\"Chart.js is not available\");\n\n        const ctx = this.chartCanvas.getContext(\"2d\");\n        const labels = this.dims.map((dim) => this.dimLabels[dim]);\n        const data = this.dims.map((dim) => scores[dim]);\n\n        this.chart = new Chart(ctx, {\n          type: \"radar\",\n          data: {\n            labels,\n            datasets: [{\n              label: \"\u4f60\u7684\u5206\u6578\",\n              data,\n              backgroundColor: \"rgba(143,157,117,.24)\",\n              borderColor: \"#8f9d75\",\n              borderWidth: 2,\n              pointBackgroundColor: \"#d8bd8a\",\n              pointBorderColor: \"#fffdf7\",\n              pointRadius: 4,\n              pointHoverRadius: 5\n            }]\n          },\n          options: {\n            responsive: true,\n            maintainAspectRatio: false,\n            animation: false,\n            plugins: {\n              legend: { display: false },\n              tooltip: {\n                callbacks: {\n                  label: (context) => `${context.label}: ${context.raw} \u5206`\n                }\n              }\n            },\n            scales: {\n              r: {\n                min: 0,\n                max: 100,\n                ticks: {\n                  stepSize: 20,\n                  backdropColor: \"transparent\",\n                  color: \"#5f6b62\",\n                  font: { size: 14 }\n                },\n                pointLabels: {\n                  color: \"#304039\",\n                  font: { size: 18, weight: \"600\" }\n                },\n                grid: { color: \"rgba(117,128,102,.22)\" },\n                angleLines: { color: \"rgba(117,128,102,.18)\" }\n              }\n            }\n          }\n        });\n\n        this.setHidden(this.chartError, true);\n      } catch (error) {\n        this.setHidden(this.chartError, false);\n      }\n    }\n\n    updateProgress(qid) {\n      const value = this.clamp(Math.round((Number(qid) \/ 10) * 100), 10, 100);\n      this.currentEl.textContent = String(qid);\n      this.progressEl.style.width = `${value}%`;\n      this.progressEl.setAttribute(\"aria-valuenow\", String(value));\n    }\n\n    updatePrevButton() {\n      const disabled = this.history.length <= 1 || this.isBusy;\n      this.prevButton.disabled = disabled;\n      this.prevButton.setAttribute(\"aria-disabled\", String(disabled));\n    }\n\n    setBusy(state) {\n      this.isBusy = state;\n      this.panels.quiz.setAttribute(\"aria-busy\", String(state));\n      this.setHidden(this.loadingEl, !state);\n      this.optionButtons.forEach((button) => {\n        button.disabled = state;\n      });\n      this.updatePrevButton();\n    }\n\n    showError(error) {\n      if (window.console) console.warn(error);\n      this.setHidden(this.errorEl, false);\n    }\n\n    hideError() {\n      this.setHidden(this.errorEl, true);\n    }\n\n    setHidden(element, hidden) {\n      if (!element) return;\n      element.classList.toggle(\"q9-hidden\", hidden);\n    }\n\n    getBand(score) {\n      if (score < 45) return \"low\";\n      if (score < 72) return \"mid\";\n      return \"high\";\n    }\n\n    safeFocus(element) {\n      if (!element || typeof element.focus !== \"function\") return;\n      element.focus({ preventScroll: true });\n    }\n\n    delay(ms) {\n      return new Promise((resolve) => window.setTimeout(resolve, ms));\n    }\n\n    clamp(value, min, max) {\n      return Math.min(Math.max(value, min), max);\n    }\n\n    debounce(fn, delay = 120, immediate = false) {\n      let timer = null;\n      return (...args) => {\n        const callNow = immediate && !timer;\n        window.clearTimeout(timer);\n        timer = window.setTimeout(() => {\n          timer = null;\n          if (!immediate) fn(...args);\n        }, delay);\n        if (callNow) fn(...args);\n      };\n    }\n\n    throttle(fn, wait = 180) {\n      let last = 0;\n      let timer = null;\n      return (...args) => {\n        const now = Date.now();\n        const remaining = wait - (now - last);\n        if (remaining <= 0) {\n          window.clearTimeout(timer);\n          timer = null;\n          last = now;\n          fn(...args);\n        } else if (!timer) {\n          timer = window.setTimeout(() => {\n            last = Date.now();\n            timer = null;\n            fn(...args);\n          }, remaining);\n        }\n      };\n    }\n  }\n\n  const root = document.querySelector(\"[data-q9-root]\");\n  if (root) new LoveQuiz9(root);\n})();\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>\u4f46\u662f\u6700\u7ec8\u4f60\u80fd\u62e5\u6709\u4ec0\u4e48\u6837\u7684\u7231\u60c5\u5462\uff1f\u662f\u4e0d\u662f\u9ad8\u96c5\u7684\uff1f\u8fd8\u662f\u7279\u522b\u4fd7\u6c14\uff1f\u4e0d\u59a8\u6765\u6d4b\u4e00\u4e0b\u5427\u3002<\/p>","protected":false},"author":19,"featured_media":10728,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"narrow-width-container","site-content-style":"unboxed","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":"","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":[178,167],"tags":[],"class_list":["post-2432","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-love","category-personality"],"_links":{"self":[{"href":"https:\/\/xinliceyan.org\/zh\/wp-json\/wp\/v2\/posts\/2432","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\/19"}],"replies":[{"embeddable":true,"href":"https:\/\/xinliceyan.org\/zh\/wp-json\/wp\/v2\/comments?post=2432"}],"version-history":[{"count":1,"href":"https:\/\/xinliceyan.org\/zh\/wp-json\/wp\/v2\/posts\/2432\/revisions"}],"predecessor-version":[{"id":10737,"href":"https:\/\/xinliceyan.org\/zh\/wp-json\/wp\/v2\/posts\/2432\/revisions\/10737"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/xinliceyan.org\/zh\/wp-json\/wp\/v2\/media\/10728"}],"wp:attachment":[{"href":"https:\/\/xinliceyan.org\/zh\/wp-json\/wp\/v2\/media?parent=2432"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/xinliceyan.org\/zh\/wp-json\/wp\/v2\/categories?post=2432"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/xinliceyan.org\/zh\/wp-json\/wp\/v2\/tags?post=2432"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}