{"id":2375,"date":"2023-10-07T09:14:01","date_gmt":"2023-10-07T01:14:01","guid":{"rendered":"https:\/\/bookmark.tw\/?p=2375"},"modified":"2026-05-22T11:27:21","modified_gmt":"2026-05-22T03:27:21","slug":"winter-love","status":"publish","type":"post","link":"https:\/\/xinliceyan.org\/zh\/winter-love","title":{"rendered":"\u7ebf\u4e0a\u514d\u8d39\u5c0f\u6d4b\u9a8c\uff1a\u5c5e\u4e8e\u4f60\u7684\u51ac\u5b63\u7231\u60c5\u604b\u6b4c"},"content":{"rendered":"\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<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/Chart.js\/4.4.1\/chart.umd.min.js\"><\/script>\n\n<section id=\"quizapp9\" data-quiz-app=\"quiz9\" lang=\"zh-Hant-TW\">\n  <section id=\"quizintro9\" data-page=\"intro9\">\n    <article data-panel=\"intro\">\n      <header data-intro-hero=\"true\">\n        <p data-kicker=\"true\">\u51ac\u5b63\u6200\u611b\u5fc3\u7406\u6e2c\u9a57<\/p>\n        <h2 data-page-title=\"intro\" tabindex=\"-1\">\u5c6c\u65bc\u4f60\u7684\u51ac\u5b63\u611b\u60c5\u6200\u6b4c<\/h2>\n        <p data-subtitle=\"true\">\n          \u5929\u6c23\u8d8a\u51b7\uff0c\u5fc3\u88e1\u8d8a\u9700\u8981\u4e00\u9ede\u6eab\u67d4\u3002\u900f\u904e 5 \u500b\u76f4\u89ba\u9078\u64c7\uff0c\u770b\u770b\u9019\u500b\u51ac\u5b63\u6700\u50cf\u4f60\u7684\u611b\u60c5\u65cb\u5f8b\u3002\n        <\/p>\n      <\/header>\n\n      <div data-floating-icons=\"true\" aria-label=\"\u6e2c\u9a57\u7279\u8272\">\n        <div data-icon-card=\"true\">\n          <span data-icon-circle=\"true\" aria-hidden=\"true\"><i class=\"bi bi-heart-fill\"><\/i><\/span>\n          <span>\u5fc3\u52d5\u76f4\u89ba<\/span>\n        <\/div>\n        <div data-icon-card=\"true\">\n          <span data-icon-circle=\"true\" aria-hidden=\"true\"><i class=\"bi bi-snow2\"><\/i><\/span>\n          <span>\u51ac\u5b63\u6c1b\u570d<\/span>\n        <\/div>\n        <div data-icon-card=\"true\">\n          <span data-icon-circle=\"true\" aria-hidden=\"true\"><i class=\"bi bi-stars\"><\/i><\/span>\n          <span>\u591a\u7dad\u89e3\u6790<\/span>\n        <\/div>\n      <\/div>\n\n      <div class=\"card border-0\" data-soft-card=\"true\">\n        <div class=\"card-body\">\n          <h3 data-section-heading=\"true\">\u5728\u611b\u88e1\uff0c\u4f60\u6703\u88ab\u54ea\u4e00\u7a2e\u6eab\u5ea6\u7167\u4eae\uff1f<\/h3>\n          <p>\n            \u6709\u4e9b\u6200\u60c5\u50cf\u96ea\u591c\u88e1\u7684\u4e00\u76de\u71c8\uff0c\u5b89\u975c\u537b\u7a69\u5b9a\uff1b\u6709\u4e9b\u6200\u60c5\u50cf\u71b1\u53ef\u53ef\uff0c\u751c\u871c\u53c8\u8b93\u4eba\u60f3\u9760\u8fd1\u3002\n            \u9019\u4efd\u5c0f\u6e2c\u9a57\u4e0d\u6703\u5132\u5b58\u4f60\u7684\u7d50\u679c\uff0c\u53ea\u6703\u4f9d\u64da\u4f60\u7684\u9078\u64c7\u5373\u6642\u8a08\u7b97\uff0c\u5e36\u4f60\u770b\u898b\u81ea\u5df1\u5728\u89aa\u5bc6\u95dc\u4fc2\u88e1\u6700\u81ea\u7136\u7684\u6a23\u5b50\u3002\n          <\/p>\n        <\/div>\n      <\/div>\n\n      <div data-button-row=\"center\">\n        <button type=\"button\" class=\"btn\" data-action=\"start\">\n          <i class=\"bi bi-play-circle\" aria-hidden=\"true\"><\/i>\n          \u958b\u59cb\u6e2c\u9a57\n        <\/button>\n      <\/div>\n    <\/article>\n  <\/section>\n\n  <section id=\"quizmain9\" data-page=\"quiz9\" hidden>\n    <article data-panel=\"quiz\">\n      <header>\n        <p data-kicker=\"true\">\u8acb\u4f9d\u76f4\u89ba\u4f5c\u7b54<\/p>\n        <h2 data-page-title=\"quiz\" tabindex=\"-1\">\u51ac\u5b63\u6200\u6b4c\u6e2c\u9a57<\/h2>\n        <p data-subtitle=\"true\">\u6bcf\u984c\u90fd\u5fc5\u9078\uff0c\u9ede\u9078\u7b54\u6848\u5f8c\u6703\u81ea\u52d5\u524d\u5f80\u4e0b\u4e00\u984c\u3002<\/p>\n      <\/header>\n\n      <div data-progress-wrap=\"true\" aria-label=\"\u6e2c\u9a57\u9032\u5ea6\">\n        <div data-progress-meta=\"true\">\n          <span data-progress-text=\"true\">\u7b2c 1 \u984c \/ \u5171 5 \u984c<\/span>\n          <span data-progress-percent=\"true\">20%<\/span>\n        <\/div>\n        <div class=\"progress\" role=\"progressbar\" aria-label=\"\u76ee\u524d\u6e2c\u9a57\u9032\u5ea6\" aria-valuemin=\"0\" aria-valuemax=\"100\" aria-valuenow=\"20\" data-progress-shell=\"true\">\n          <div class=\"progress-bar\" data-progress-bar=\"true\"><\/div>\n        <\/div>\n      <\/div>\n\n      <div data-question-list=\"true\">\n        <article class=\"card border-0\" data-question=\"0\">\n          <div class=\"card-body\">\n            <h3 id=\"quiz9-question-1\">1. \u5982\u679c\u8056\u8a95\u7bc0\u524d\u5915\u53ef\u4ee5\u5b89\u6392\u4e00\u8d9f\u6d77\u5916\u65c5\u884c\uff0c\u4f60\u6700\u60f3\u53bb\u54ea\u88e1\uff1f<\/h3>\n            <div data-options=\"true\" aria-labelledby=\"quiz9-question-1\">\n              <button type=\"button\" class=\"card\" data-answer=\"A\" data-question-index=\"0\" data-spirit=\"96\" data-care=\"56\" data-romance=\"70\" data-novelty=\"50\" data-stability=\"84\" aria-pressed=\"false\">\n                <span data-choice-mark=\"true\" aria-hidden=\"true\"><i class=\"bi bi-check\"><\/i><\/span>\n                <span data-choice-text=\"true\">\u51b0\u5cf6\uff1a\u6e05\u51b7\u3001\u907c\u95ca\uff0c\u60f3\u770b\u6975\u5149\u8207\u96ea\u5730\u88e1\u7684\u5b89\u975c\u6d6a\u6f2b<\/span>\n              <\/button>\n              <button type=\"button\" class=\"card\" data-answer=\"B\" data-question-index=\"0\" data-spirit=\"78\" data-care=\"92\" data-romance=\"72\" data-novelty=\"58\" data-stability=\"88\" aria-pressed=\"false\">\n                <span data-choice-mark=\"true\" aria-hidden=\"true\"><i class=\"bi bi-check\"><\/i><\/span>\n                <span data-choice-text=\"true\">\u65e5\u672c\uff1a\u6eab\u6cc9\u3001\u8857\u71c8\u8207\u5c0f\u5e97\uff0c\u4eab\u53d7\u7d30\u81a9\u53c8\u8212\u670d\u7684\u966a\u4f34<\/span>\n              <\/button>\n              <button type=\"button\" class=\"card\" data-answer=\"C\" data-question-index=\"0\" data-spirit=\"62\" data-care=\"60\" data-romance=\"96\" data-novelty=\"82\" data-stability=\"54\" aria-pressed=\"false\">\n                <span data-choice-mark=\"true\" aria-hidden=\"true\"><i class=\"bi bi-check\"><\/i><\/span>\n                <span data-choice-text=\"true\">\u6cf0\u570b\uff1a\u967d\u5149\u3001\u6d77\u5cf6\u8207\u71b1\u9b27\u591c\u5e02\uff0c\u60f3\u8b93\u5fc3\u60c5\u77ac\u9593\u5347\u6eab<\/span>\n              <\/button>\n              <button type=\"button\" class=\"card\" data-answer=\"D\" data-question-index=\"0\" data-spirit=\"66\" data-care=\"64\" data-romance=\"78\" data-novelty=\"96\" data-stability=\"62\" aria-pressed=\"false\">\n                <span data-choice-mark=\"true\" aria-hidden=\"true\"><i class=\"bi bi-check\"><\/i><\/span>\n                <span data-choice-text=\"true\">\u7f8e\u570b\uff1a\u57ce\u5e02\u3001\u5c55\u6f14\u8207\u65b0\u9bae\u9ad4\u9a57\uff0c\u60f3\u4e00\u8d77\u63a2\u7d22\u4e0d\u540c\u751f\u6d3b<\/span>\n              <\/button>\n            <\/div>\n          <\/div>\n        <\/article>\n\n        <article class=\"card border-0\" data-question=\"1\" hidden>\n          <div class=\"card-body\">\n            <h3 id=\"quiz9-question-2\">2. \u51ac\u5929\u7368\u81ea\u5728\u5bb6\u7684\u665a\u4e0a\uff0c\u4f60\u6700\u5e38\u7528\u54ea\u7a2e\u65b9\u5f0f\u5b89\u9813\u81ea\u5df1\uff1f<\/h3>\n            <div data-options=\"true\" aria-labelledby=\"quiz9-question-2\">\n              <button type=\"button\" class=\"card\" data-answer=\"A\" data-question-index=\"1\" data-spirit=\"94\" data-care=\"60\" data-romance=\"68\" data-novelty=\"48\" data-stability=\"82\" aria-pressed=\"false\">\n                <span data-choice-mark=\"true\" aria-hidden=\"true\"><i class=\"bi bi-check\"><\/i><\/span>\n                <span data-choice-text=\"true\">\u95b1\u8b80\u3001\u807d\u97f3\u6a02\u6216\u770b\u5c55\u89bd\u8cc7\u6599\uff0c\u8b93\u81ea\u5df1\u6c89\u9032\u4e00\u500b\u5b89\u975c\u4e16\u754c<\/span>\n              <\/button>\n              <button type=\"button\" class=\"card\" data-answer=\"B\" data-question-index=\"1\" data-spirit=\"76\" data-care=\"94\" data-romance=\"66\" data-novelty=\"52\" data-stability=\"92\" aria-pressed=\"false\">\n                <span data-choice-mark=\"true\" aria-hidden=\"true\"><i class=\"bi bi-check\"><\/i><\/span>\n                <span data-choice-text=\"true\">\u6574\u7406\u623f\u9593\u3001\u716e\u71b1\u98f2\u6216\u505a\u5c0f\u624b\u4f5c\uff0c\u628a\u751f\u6d3b\u7167\u9867\u5f97\u66f4\u8212\u670d<\/span>\n              <\/button>\n              <button type=\"button\" class=\"card\" data-answer=\"C\" data-question-index=\"1\" data-spirit=\"64\" data-care=\"66\" data-romance=\"92\" data-novelty=\"72\" data-stability=\"58\" aria-pressed=\"false\">\n                <span data-choice-mark=\"true\" aria-hidden=\"true\"><i class=\"bi bi-check\"><\/i><\/span>\n                <span data-choice-text=\"true\">\u8ffd\u5287\u3001\u770b\u96fb\u5f71\uff0c\u8b93\u60c5\u7dd2\u8ddf\u8457\u6545\u4e8b\u4e00\u8d77\u8d77\u4f0f<\/span>\n              <\/button>\n              <button type=\"button\" class=\"card\" data-answer=\"D\" data-question-index=\"1\" data-spirit=\"68\" data-care=\"62\" data-romance=\"76\" data-novelty=\"94\" data-stability=\"60\" aria-pressed=\"false\">\n                <span data-choice-mark=\"true\" aria-hidden=\"true\"><i class=\"bi bi-check\"><\/i><\/span>\n                <span data-choice-text=\"true\">\u73a9\u904a\u6232\u3001\u7814\u7a76\u65b0 App \u6216\u898f\u5283\u4e0b\u4e00\u500b\u6709\u8da3\u884c\u7a0b<\/span>\n              <\/button>\n            <\/div>\n          <\/div>\n        <\/article>\n\n        <article class=\"card border-0\" data-question=\"2\" hidden>\n          <div class=\"card-body\">\n            <h3 id=\"quiz9-question-3\">3. \u5982\u679c\u8981\u9001\u4e00\u4efd\u79ae\u7269\u7d66\u5fc3\u5100\u5c0d\u8c61\uff0c\u4f60\u6703\u9078\u64c7\u4ec0\u9ebc\uff1f<\/h3>\n            <div data-options=\"true\" aria-labelledby=\"quiz9-question-3\">\n              <button type=\"button\" class=\"card\" data-answer=\"A\" data-question-index=\"2\" data-spirit=\"98\" data-care=\"58\" data-romance=\"76\" data-novelty=\"46\" data-stability=\"80\" aria-pressed=\"false\">\n                <span data-choice-mark=\"true\" aria-hidden=\"true\"><i class=\"bi bi-check\"><\/i><\/span>\n                <span data-choice-text=\"true\">\u4e00\u5c01\u624b\u5beb\u4fe1\u6216\u4e00\u9996\u8a69\uff0c\u628a\u4e0d\u5bb9\u6613\u8aaa\u51fa\u53e3\u7684\u5fc3\u610f\u5beb\u4e0b\u4f86<\/span>\n              <\/button>\n              <button type=\"button\" class=\"card\" data-answer=\"B\" data-question-index=\"2\" data-spirit=\"78\" data-care=\"96\" data-romance=\"72\" data-novelty=\"54\" data-stability=\"90\" aria-pressed=\"false\">\n                <span data-choice-mark=\"true\" aria-hidden=\"true\"><i class=\"bi bi-check\"><\/i><\/span>\n                <span data-choice-text=\"true\">\u89aa\u624b\u505a\u7684\u5c0f\u79ae\u7269\uff0c\u8b93\u5c0d\u65b9\u611f\u53d7\u5230\u88ab\u653e\u5728\u5fc3\u4e0a<\/span>\n              <\/button>\n              <button type=\"button\" class=\"card\" data-answer=\"C\" data-question-index=\"2\" data-spirit=\"60\" data-care=\"70\" data-romance=\"98\" data-novelty=\"76\" data-stability=\"56\" aria-pressed=\"false\">\n                <span data-choice-mark=\"true\" aria-hidden=\"true\"><i class=\"bi bi-check\"><\/i><\/span>\n                <span data-choice-text=\"true\">\u82b1\u675f\u3001\u5de7\u514b\u529b\u6216\u9999\u6c1b\uff0c\u7528\u660e\u78ba\u6d6a\u6f2b\u611f\u88fd\u9020\u9a5a\u559c<\/span>\n              <\/button>\n              <button type=\"button\" class=\"card\" data-answer=\"D\" data-question-index=\"2\" data-spirit=\"66\" data-care=\"64\" data-romance=\"80\" data-novelty=\"98\" data-stability=\"60\" aria-pressed=\"false\">\n                <span data-choice-mark=\"true\" aria-hidden=\"true\"><i class=\"bi bi-check\"><\/i><\/span>\n                <span data-choice-text=\"true\">\u6642\u5c1a\u55ae\u54c1\u6216\u65b0\u79d1\u6280\u5c0f\u7269\uff0c\u5be6\u7528\u53c8\u80fd\u5c55\u73fe\u54c1\u5473<\/span>\n              <\/button>\n            <\/div>\n          <\/div>\n        <\/article>\n\n        <article class=\"card border-0\" data-question=\"3\" hidden>\n          <div class=\"card-body\">\n            <h3 id=\"quiz9-question-4\">4. \u4f60\u5fc3\u4e2d\u6700\u7406\u60f3\u7684\u51ac\u5b63\u7d04\u6703\u5834\u666f\u662f\uff1f<\/h3>\n            <div data-options=\"true\" aria-labelledby=\"quiz9-question-4\">\n              <button type=\"button\" class=\"card\" data-answer=\"A\" data-question-index=\"3\" data-spirit=\"95\" data-care=\"62\" data-romance=\"74\" data-novelty=\"50\" data-stability=\"84\" aria-pressed=\"false\">\n                <span data-choice-mark=\"true\" aria-hidden=\"true\"><i class=\"bi bi-check\"><\/i><\/span>\n                <span data-choice-text=\"true\">\u5b89\u975c\u5496\u5561\u9928\u6216\u5c0f\u578b\u5c55\u89bd\uff0c\u6162\u6162\u804a\u5929\u3001\u6162\u6162\u9760\u8fd1<\/span>\n              <\/button>\n              <button type=\"button\" class=\"card\" data-answer=\"B\" data-question-index=\"3\" data-spirit=\"76\" data-care=\"95\" data-romance=\"70\" data-novelty=\"52\" data-stability=\"94\" aria-pressed=\"false\">\n                <span data-choice-mark=\"true\" aria-hidden=\"true\"><i class=\"bi bi-check\"><\/i><\/span>\n                <span data-choice-text=\"true\">\u6eab\u99a8\u9910\u9928\u6216\u5728\u5bb6\u716e\u98ef\uff0c\u5e73\u51e1\u65e5\u5e38\u4e5f\u80fd\u5f88\u6709\u5e78\u798f\u611f<\/span>\n              <\/button>\n              <button type=\"button\" class=\"card\" data-answer=\"C\" data-question-index=\"3\" data-spirit=\"62\" data-care=\"64\" data-romance=\"96\" data-novelty=\"84\" data-stability=\"54\" aria-pressed=\"false\">\n                <span data-choice-mark=\"true\" aria-hidden=\"true\"><i class=\"bi bi-check\"><\/i><\/span>\n                <span data-choice-text=\"true\">\u6f14\u5531\u6703\u3001\u5e02\u96c6\u6216\u6d3e\u5c0d\uff0c\u5728\u71b1\u9b27\u6c23\u6c1b\u88e1\u611f\u53d7\u5f7c\u6b64\u5fc3\u8df3<\/span>\n              <\/button>\n              <button type=\"button\" class=\"card\" data-answer=\"D\" data-question-index=\"3\" data-spirit=\"68\" data-care=\"64\" data-romance=\"80\" data-novelty=\"96\" data-stability=\"62\" aria-pressed=\"false\">\n                <span data-choice-mark=\"true\" aria-hidden=\"true\"><i class=\"bi bi-check\"><\/i><\/span>\n                <span data-choice-text=\"true\">\u4e3b\u984c\u6a02\u5712\u3001\u65b0\u958b\u5e97\u6216\u57ce\u5e02\u6563\u7b56\uff0c\u6bcf\u6b21\u898b\u9762\u90fd\u6709\u65b0\u9bae\u611f<\/span>\n              <\/button>\n            <\/div>\n          <\/div>\n        <\/article>\n\n        <article class=\"card border-0\" data-question=\"4\" hidden>\n          <div class=\"card-body\">\n            <h3 id=\"quiz9-question-5\">5. \u5728\u89aa\u5bc6\u95dc\u4fc2\u88e1\uff0c\u4f60\u6700\u770b\u91cd\u54ea\u4e00\u4ef6\u4e8b\uff1f<\/h3>\n            <div data-options=\"true\" aria-labelledby=\"quiz9-question-5\">\n              <button type=\"button\" class=\"card\" data-answer=\"A\" data-question-index=\"4\" data-spirit=\"100\" data-care=\"60\" data-romance=\"70\" data-novelty=\"48\" data-stability=\"86\" aria-pressed=\"false\">\n                <span data-choice-mark=\"true\" aria-hidden=\"true\"><i class=\"bi bi-check\"><\/i><\/span>\n                <span data-choice-text=\"true\">\u7cbe\u795e\u4e0a\u7684\u7406\u89e3\u8207\u5171\u9cf4\uff0c\u4e0d\u7528\u591a\u8aaa\u4e5f\u80fd\u61c2\u5f7c\u6b64<\/span>\n              <\/button>\n              <button type=\"button\" class=\"card\" data-answer=\"B\" data-question-index=\"4\" data-spirit=\"80\" data-care=\"98\" data-romance=\"70\" data-novelty=\"54\" data-stability=\"96\" aria-pressed=\"false\">\n                <span data-choice-mark=\"true\" aria-hidden=\"true\"><i class=\"bi bi-check\"><\/i><\/span>\n                <span data-choice-text=\"true\">\u7a69\u5b9a\u7684\u95dc\u5fc3\u8207\u7167\u9867\uff0c\u5f7c\u6b64\u90fd\u9858\u610f\u628a\u65e5\u5b50\u904e\u597d<\/span>\n              <\/button>\n              <button type=\"button\" class=\"card\" data-answer=\"C\" data-question-index=\"4\" data-spirit=\"64\" data-care=\"66\" data-romance=\"100\" data-novelty=\"82\" data-stability=\"56\" aria-pressed=\"false\">\n                <span data-choice-mark=\"true\" aria-hidden=\"true\"><i class=\"bi bi-check\"><\/i><\/span>\n                <span data-choice-text=\"true\">\u660e\u4eae\u7684\u71b1\u60c5\u8207\u6d6a\u6f2b\uff0c\u611b\u5c31\u8981\u8b93\u4eba\u611f\u89ba\u88ab\u9ede\u71c3<\/span>\n              <\/button>\n              <button type=\"button\" class=\"card\" data-answer=\"D\" data-question-index=\"4\" data-spirit=\"70\" data-care=\"64\" data-romance=\"82\" data-novelty=\"100\" data-stability=\"62\" aria-pressed=\"false\">\n                <span data-choice-mark=\"true\" aria-hidden=\"true\"><i class=\"bi bi-check\"><\/i><\/span>\n                <span data-choice-text=\"true\">\u5171\u540c\u8208\u8da3\u8207\u6210\u9577\uff0c\u5169\u500b\u4eba\u4e00\u8d77\u628a\u4e16\u754c\u8b8a\u5f97\u66f4\u5927<\/span>\n              <\/button>\n            <\/div>\n          <\/div>\n        <\/article>\n      <\/div>\n\n      <div data-button-row=\"center\">\n        <button type=\"button\" class=\"btn\" data-action=\"prev\" hidden>\n          <i class=\"bi bi-arrow-left-circle\" aria-hidden=\"true\"><\/i>\n          \u4e0a\u4e00\u984c\n        <\/button>\n      <\/div>\n\n      <p data-quiz-status=\"true\" aria-live=\"polite\"><\/p>\n    <\/article>\n  <\/section>\n\n  <section id=\"quizresult9\" data-page=\"result9\" hidden>\n    <article data-panel=\"result\">\n      <header>\n        <p data-kicker=\"true\">\u4f60\u7684\u51ac\u5b63\u6200\u6b4c\u89e3\u6790<\/p>\n        <h2 data-page-title=\"result\" tabindex=\"-1\">\u6e2c\u9a57\u7d50\u679c<\/h2>\n        <p data-result-summary=\"true\" aria-live=\"polite\">\u7d50\u679c\u5df2\u5b8c\u6210\uff0c\u4ee5\u4e0b\u662f\u4f60\u7684\u611b\u60c5\u6eab\u5ea6\u5206\u5e03\u3002<\/p>\n      <\/header>\n\n      <div class=\"card border-0\" data-chart-card=\"true\">\n        <div class=\"card-body\">\n          <h3 data-section-heading=\"true\">\u591a\u7dad\u5ea6\u611b\u60c5\u5206\u6578<\/h3>\n          <p data-chart-status=\"true\" aria-live=\"polite\">\u5716\u8868\u5c07\u5728\u7d50\u679c\u9801\u986f\u793a\u3002<\/p>\n          <div data-chart-wrap=\"true\">\n            <canvas data-chart-canvas=\"true\" aria-label=\"\u611b\u60c5\u591a\u7dad\u5ea6\u96f7\u9054\u5716\" role=\"img\"><\/canvas>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"card border-0\" data-score-card=\"true\">\n        <div class=\"card-body\">\n          <h3 data-section-heading=\"true\">\u4f60\u5728\u6574\u9ad4\u611b\u60c5\u5149\u8b5c\u4e2d\u7684\u4f4d\u7f6e<\/h3>\n          <div data-score-line=\"true\">\n            <span data-score-min=\"true\">0<\/span>\n            <div data-score-track=\"true\" aria-hidden=\"true\">\n              <span data-score-segment=\"soft\"><\/span>\n              <span data-score-segment=\"warm\"><\/span>\n              <span data-score-segment=\"bright\"><\/span>\n              <span data-score-segment=\"steady\"><\/span>\n              <span data-score-segment=\"deep\"><\/span>\n              <span data-score-marker=\"true\">\n                <span data-score-label=\"true\">0<\/span>\n              <\/span>\n            <\/div>\n            <span data-score-max=\"true\">100<\/span>\n          <\/div>\n          <div data-score-legend=\"true\">\n            <span><i data-legend-dot=\"soft\"><\/i>\u521d\u96ea\u578b 0\u201320<\/span>\n            <span><i data-legend-dot=\"warm\"><\/i>\u6696\u5149\u578b 21\u201340<\/span>\n            <span><i data-legend-dot=\"bright\"><\/i>\u5fc3\u52d5\u578b 41\u201360<\/span>\n            <span><i data-legend-dot=\"steady\"><\/i>\u5b89\u5b9a\u578b 61\u201380<\/span>\n            <span><i data-legend-dot=\"deep\"><\/i>\u6df1\u51ac\u578b 81\u2013100<\/span>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"card border-0\" data-dimension-card=\"true\">\n        <div class=\"card-body\">\n          <h3 data-section-heading=\"true\">\u5206\u6578\u7d50\u69cb<\/h3>\n\n          <div data-dimension-row=\"spirit\">\n            <div data-dimension-head=\"true\">\n              <span>\u5fc3\u9748\u5171\u9cf4<\/span>\n              <strong><span data-dim-score=\"spirit\">0<\/span>%<\/strong>\n            <\/div>\n            <div data-dimension-meter=\"true\"><span data-dim-bar=\"spirit\"><\/span><\/div>\n          <\/div>\n\n          <div data-dimension-row=\"care\">\n            <div data-dimension-head=\"true\">\n              <span>\u6eab\u67d4\u7167\u8b77<\/span>\n              <strong><span data-dim-score=\"care\">0<\/span>%<\/strong>\n            <\/div>\n            <div data-dimension-meter=\"true\"><span data-dim-bar=\"care\"><\/span><\/div>\n          <\/div>\n\n          <div data-dimension-row=\"romance\">\n            <div data-dimension-head=\"true\">\n              <span>\u6d6a\u6f2b\u71b1\u5ea6<\/span>\n              <strong><span data-dim-score=\"romance\">0<\/span>%<\/strong>\n            <\/div>\n            <div data-dimension-meter=\"true\"><span data-dim-bar=\"romance\"><\/span><\/div>\n          <\/div>\n\n          <div data-dimension-row=\"novelty\">\n            <div data-dimension-head=\"true\">\n              <span>\u65b0\u9bae\u63a2\u7d22<\/span>\n              <strong><span data-dim-score=\"novelty\">0<\/span>%<\/strong>\n            <\/div>\n            <div data-dimension-meter=\"true\"><span data-dim-bar=\"novelty\"><\/span><\/div>\n          <\/div>\n\n          <div data-dimension-row=\"stability\">\n            <div data-dimension-head=\"true\">\n              <span>\u9577\u4e45\u5b89\u5b9a<\/span>\n              <strong><span data-dim-score=\"stability\">0<\/span>%<\/strong>\n            <\/div>\n            <div data-dimension-meter=\"true\"><span data-dim-bar=\"stability\"><\/span><\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <div data-result-copy=\"true\">\n        <article class=\"card border-0\" data-result-type=\"A\" hidden>\n          <div class=\"card-body\">\n            <h3>\u6e05\u51b7\u552f\u7f8e\u7684\u51ac\u5b63\u6200\u6b4c<\/h3>\n            <p>\n              \u4f60\u7684\u611b\u60c5\u50cf\u96ea\u591c\u88e1\u7684\u6708\u5149\uff0c\u5b89\u975c\u3001\u514b\u5236\uff0c\u537b\u6709\u5f88\u6df1\u7684\u5fc3\u9748\u727d\u5f15\u3002\u4f60\u5bb9\u6613\u88ab\u6709\u5167\u6db5\u3001\u6709\u8ddd\u96e2\u611f\u3001\u80fd\u7406\u89e3\u4f60\u7cbe\u795e\u4e16\u754c\u7684\u4eba\u5438\u5f15\u3002\n            <\/p>\n            <p>\n              \u5efa\u8b70\u4f60\u5728\u4fdd\u6301\u512a\u96c5\u7bc0\u594f\u7684\u540c\u6642\uff0c\u4e5f\u53ef\u4ee5\u9069\u5ea6\u8868\u9054\u9700\u6c42\u3002\u771f\u6b63\u9069\u5408\u4f60\u7684\u4eba\uff0c\u4e0d\u53ea\u6b23\u8cde\u4f60\u7684\u6e05\u51b7\uff0c\u4e5f\u9858\u610f\u9760\u8fd1\u4f60\u7684\u771f\u5be6\u3002\n            <\/p>\n          <\/div>\n        <\/article>\n\n        <article class=\"card border-0\" data-result-type=\"B\" hidden>\n          <div class=\"card-body\">\n            <h3>\u7d30\u81a9\u6eab\u99a8\u7684\u51ac\u5b63\u6200\u6b4c<\/h3>\n            <p>\n              \u4f60\u6700\u91cd\u8996\u88ab\u7406\u89e3\u3001\u88ab\u7167\u9867\u3001\u88ab\u653e\u5728\u5fc3\u4e0a\u7684\u611f\u89ba\u3002\u6bd4\u8d77\u8f5f\u8f5f\u70c8\u70c8\uff0c\u4f60\u66f4\u76f8\u4fe1\u65e5\u5e38\u88e1\u7a69\u5b9a\u800c\u7d30\u5c0f\u7684\u6eab\u67d4\u3002\n            <\/p>\n            <p>\n              \u5efa\u8b70\u4f60\u73cd\u60dc\u81ea\u5df1\u7684\u654f\u92b3\uff0c\u4e5f\u5225\u5fd8\u4e86\u628a\u611f\u8b1d\u8aaa\u51fa\u53e3\u3002\u7576\u4f60\u9858\u610f\u56de\u61c9\u5c0d\u65b9\u7684\u4ed8\u51fa\uff0c\u95dc\u4fc2\u6703\u66f4\u81ea\u7136\u5730\u8b8a\u5f97\u9577\u4e45\u3002\n            <\/p>\n          <\/div>\n        <\/article>\n\n        <article class=\"card border-0\" data-result-type=\"C\" hidden>\n          <div class=\"card-body\">\n            <h3>\u71b1\u60c5\u4f3c\u706b\u7684\u51ac\u5b63\u6200\u6b4c<\/h3>\n            <p>\n              \u4f60\u7684\u611b\u60c5\u80fd\u91cf\u660e\u4eae\u76f4\u63a5\uff0c\u559c\u6b61\u5fc3\u8df3\u52a0\u901f\u3001\u60c5\u7dd2\u88ab\u9ede\u71c3\u7684\u611f\u89ba\u3002\u4f60\u5728\u6200\u611b\u4e2d\u5f88\u6709\u611f\u67d3\u529b\uff0c\u4e5f\u5bb9\u6613\u8b93\u95dc\u4fc2\u5feb\u901f\u5347\u6eab\u3002\n            <\/p>\n            <p>\n              \u5efa\u8b70\u4f60\u5728\u4eab\u53d7\u71b1\u6200\u6642\uff0c\u4e5f\u7559\u4e00\u9ede\u7a7a\u9593\u89c0\u5bdf\u5f7c\u6b64\u7684\u7bc0\u594f\u3002\u71b1\u60c5\u82e5\u80fd\u642d\u914d\u7a69\u5b9a\u6e9d\u901a\uff0c\u6703\u66f4\u4e0d\u5bb9\u6613\u5ffd\u51b7\u5ffd\u71b1\u3002\n            <\/p>\n          <\/div>\n        <\/article>\n\n        <article class=\"card border-0\" data-result-type=\"D\" hidden>\n          <div class=\"card-body\">\n            <h3>\u6642\u5c1a\u7e7d\u7d1b\u7684\u51ac\u5b63\u6200\u6b4c<\/h3>\n            <p>\n              \u4f60\u7684\u611b\u60c5\u50cf\u4e00\u8d9f\u57ce\u5e02\u63a2\u96aa\uff0c\u559c\u6b61\u65b0\u9bae\u3001\u6709\u8da3\u3001\u80fd\u4e00\u8d77\u6210\u9577\u7684\u95dc\u4fc2\u3002\u4f60\u6703\u88ab\u80fd\u6253\u958b\u4f60\u8996\u91ce\u7684\u4eba\u5438\u5f15\u3002\n            <\/p>\n            <p>\n              \u5efa\u8b70\u4f60\u5728\u8ffd\u6c42\u8b8a\u5316\u6642\uff0c\u4e5f\u5efa\u7acb\u4e00\u4e9b\u53ea\u5c6c\u65bc\u5169\u4eba\u7684\u56fa\u5b9a\u5100\u5f0f\u3002\u65b0\u9bae\u611f\u52a0\u4e0a\u5b89\u5168\u611f\uff0c\u6703\u8b93\u4f60\u7684\u6200\u60c5\u66f4\u6709\u7e8c\u822a\u529b\u3002\n            <\/p>\n          <\/div>\n        <\/article>\n      <\/div>\n\n      <div data-button-row=\"center\">\n        <button type=\"button\" class=\"btn\" data-action=\"restart\">\n          <i class=\"bi bi-arrow-clockwise\" aria-hidden=\"true\"><\/i>\n          \u91cd\u65b0\u6e2c\u9a57\n        <\/button>\n      <\/div>\n    <\/article>\n  <\/section>\n<\/section>\n\n<style>\n  #quizapp9,\n  #quizapp9 * {\n    box-sizing: border-box;\n  }\n\n  #quizapp9 {\n    width: 100%;\n    max-width: 750px;\n    margin: 0 auto;\n    padding: 16px;\n    color: #33443c;\n    font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Noto Sans TC\", \"PingFang TC\", \"Microsoft JhengHei\", Arial, sans-serif;\n    font-size: 16px;\n    line-height: 1.7;\n    --quiz9-cream: #fffaf2;\n    --quiz9-card: rgba(255, 255, 255, 0.94);\n    --quiz9-ink: #33443c;\n    --quiz9-muted: #64756e;\n    --quiz9-soft: #f0d2bf;\n    --quiz9-warm: #e8c69f;\n    --quiz9-sage: #a9c8b5;\n    --quiz9-moss: #7d9f8c;\n    --quiz9-deep: #4f6f5f;\n    --quiz9-brown: #5a3d2b;\n    --quiz9-line: rgba(79, 111, 95, 0.18);\n    --quiz9-shadow: 0 18px 45px rgba(72, 91, 82, 0.13);\n    --quiz9-shadow-sm: 0 10px 26px rgba(72, 91, 82, 0.1);\n    --quiz9-radius: 24px;\n    --quiz9-score-position: 0%;\n  }\n\n  #quizapp9 [hidden] {\n    display: none !important;\n  }\n\n  #quizapp9 [data-panel] {\n    display: flex;\n    flex-direction: column;\n    gap: 24px;\n    min-height: 560px;\n    justify-content: center;\n  }\n\n  #quizapp9 [data-panel=\"quiz\"],\n  #quizapp9 [data-panel=\"result\"] {\n    justify-content: flex-start;\n  }\n\n  #quizapp9 [data-panel=\"intro\"],\n  #quizapp9 [data-panel=\"result\"] {\n    animation: quiz9FadeUp 260ms ease-out both;\n  }\n\n  #quizapp9 [data-intro-hero],\n  #quizapp9 [data-panel=\"quiz\"] > header,\n  #quizapp9 [data-panel=\"result\"] > header {\n    text-align: center;\n  }\n\n  #quizapp9 [data-kicker] {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    margin: 0 0 8px;\n    padding: 6px 14px;\n    border: 1px solid var(--quiz9-line);\n    border-radius: 999px;\n    color: var(--quiz9-deep);\n    background: rgba(255, 250, 242, 0.72);\n    font-size: 14px;\n    font-weight: 700;\n    letter-spacing: 0.05em;\n  }\n\n  #quizapp9 h2 {\n    margin: 0;\n    color: var(--quiz9-ink);\n    font-size: clamp(28px, 7vw, 40px);\n    font-weight: 800;\n    line-height: 1.18;\n    letter-spacing: -0.03em;\n  }\n\n  #quizapp9 h3 {\n    margin: 0 0 16px;\n    color: var(--quiz9-ink);\n    font-size: clamp(20px, 4vw, 26px);\n    font-weight: 800;\n    line-height: 1.35;\n  }\n\n  #quizapp9 p {\n    color: var(--quiz9-muted);\n    font-size: 16px;\n  }\n\n  #quizapp9 [data-subtitle] {\n    max-width: 620px;\n    margin: 14px auto 0;\n    font-size: clamp(16px, 3vw, 18px);\n  }\n\n  #quizapp9 [data-floating-icons] {\n    display: grid;\n    grid-template-columns: 1fr;\n    gap: 16px;\n  }\n\n  #quizapp9 [data-icon-card] {\n    display: flex;\n    align-items: center;\n    gap: 14px;\n    min-height: 72px;\n    padding: 16px;\n    border: 1px solid var(--quiz9-line);\n    border-radius: 24px;\n    background: linear-gradient(145deg, rgba(255, 255, 255, 0.9), rgba(255, 250, 242, 0.78));\n    box-shadow: var(--quiz9-shadow-sm);\n    color: var(--quiz9-ink);\n    font-weight: 800;\n    transition: transform 180ms ease, box-shadow 180ms ease;\n    contain: layout paint;\n  }\n\n  #quizapp9 [data-icon-card]:hover {\n    transform: translateY(-3px);\n    box-shadow: var(--quiz9-shadow);\n  }\n\n  #quizapp9 [data-icon-circle] {\n    display: inline-flex;\n    width: 52px;\n    height: 52px;\n    flex: 0 0 52px;\n    align-items: center;\n    justify-content: center;\n    border-radius: 50%;\n    background: linear-gradient(135deg, rgba(169, 200, 181, 0.9), rgba(232, 198, 159, 0.9));\n    color: #2f463a;\n    font-size: 24px;\n  }\n\n  #quizapp9 [data-soft-card],\n  #quizapp9 [data-question],\n  #quizapp9 [data-chart-card],\n  #quizapp9 [data-score-card],\n  #quizapp9 [data-dimension-card],\n  #quizapp9 [data-result-type] {\n    border-radius: var(--quiz9-radius);\n    background: var(--quiz9-card);\n    box-shadow: var(--quiz9-shadow-sm);\n    overflow: hidden;\n    contain: layout paint;\n  }\n\n  #quizapp9 .card-body {\n    padding: 24px;\n  }\n\n  #quizapp9 [data-button-row=\"center\"] {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    padding-top: 4px;\n  }\n\n  #quizapp9 button[data-action] {\n    display: inline-flex;\n    min-width: 168px;\n    min-height: 48px;\n    align-items: center;\n    justify-content: center;\n    gap: 8px;\n    border: 0;\n    border-radius: 999px;\n    padding: 12px 24px;\n    background: linear-gradient(135deg, var(--quiz9-moss), var(--quiz9-warm));\n    color: #21352d;\n    box-shadow: 0 12px 26px rgba(125, 159, 140, 0.28);\n    font-size: 17px;\n    font-weight: 800;\n    transition: transform 180ms ease, box-shadow 180ms ease, filter 180ms ease;\n  }\n\n  #quizapp9 button[data-action]:hover {\n    transform: translateY(-2px);\n    box-shadow: 0 16px 34px rgba(125, 159, 140, 0.32);\n    filter: saturate(1.05);\n  }\n\n  #quizapp9 button[data-action=\"prev\"] {\n    background: #ffffff;\n    color: var(--quiz9-deep);\n    border: 1px solid var(--quiz9-line);\n    box-shadow: var(--quiz9-shadow-sm);\n  }\n\n  #quizapp9 [data-progress-wrap] {\n    display: flex;\n    flex-direction: column;\n    gap: 8px;\n    padding: 16px;\n    border: 1px solid var(--quiz9-line);\n    border-radius: 20px;\n    background: rgba(255, 250, 242, 0.7);\n  }\n\n  #quizapp9 [data-progress-meta] {\n    display: flex;\n    justify-content: space-between;\n    gap: 16px;\n    color: var(--quiz9-muted);\n    font-size: 14px;\n    font-weight: 700;\n  }\n\n  #quizapp9 [data-progress-shell] {\n    height: 12px;\n    border-radius: 999px;\n    background: rgba(79, 111, 95, 0.12);\n  }\n\n  #quizapp9 [data-progress-bar] {\n    width: 20%;\n    border-radius: 999px;\n    background: linear-gradient(90deg, var(--quiz9-sage), var(--quiz9-warm));\n    transition: width 220ms ease;\n  }\n\n  #quizapp9 [data-question] {\n    animation: quiz9FadeUp 220ms ease-out both;\n  }\n\n  #quizapp9 [data-options] {\n    display: grid;\n    gap: 12px;\n  }\n\n  #quizapp9 button[data-answer] {\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    justify-content: flex-start;\n    width: 100%;\n    min-height: 64px;\n    border: 2px solid rgba(79, 111, 95, 0.16);\n    border-radius: 20px;\n    padding: 14px 16px;\n    background: #ffffff;\n    color: var(--quiz9-ink);\n    text-align: left;\n    box-shadow: none;\n    transition: transform 180ms ease, border-color 180ms ease, background-color 180ms ease, box-shadow 180ms ease;\n  }\n\n  #quizapp9 button[data-answer]:hover {\n    transform: translateY(-2px);\n    border-color: rgba(125, 159, 140, 0.7);\n    background: rgba(255, 250, 242, 0.86);\n    box-shadow: var(--quiz9-shadow-sm);\n  }\n\n  #quizapp9 button[data-answer][data-selected=\"true\"] {\n    border-color: var(--quiz9-moss);\n    background: linear-gradient(135deg, rgba(169, 200, 181, 0.22), rgba(232, 198, 159, 0.2));\n    box-shadow: 0 12px 28px rgba(125, 159, 140, 0.18);\n  }\n\n  #quizapp9 [data-choice-mark] {\n    display: inline-flex;\n    width: 28px;\n    height: 28px;\n    min-width: 28px;\n    flex: 0 0 28px;\n    align-items: center;\n    justify-content: center;\n    margin-right: 12px;\n    border: 2px solid rgba(79, 111, 95, 0.24);\n    border-radius: 50%;\n    color: transparent;\n    background: #ffffff;\n    line-height: 1;\n    transition: background-color 180ms ease, border-color 180ms ease, color 180ms ease, transform 180ms ease;\n  }\n\n  #quizapp9 [data-choice-text] {\n    display: block;\n    flex: 1 1 auto;\n    width: auto;\n    min-width: 0;\n    color: var(--quiz9-ink);\n    font-size: 16px;\n    font-weight: 700;\n    line-height: 1.55;\n    word-break: normal;\n    overflow-wrap: anywhere;\n  }\n\n  #quizapp9 button[data-answer][data-selected=\"true\"] [data-choice-mark] {\n    border-color: var(--quiz9-moss);\n    background: var(--quiz9-moss);\n    color: #ffffff;\n    transform: scale(1.04);\n  }\n\n  #quizapp9 [data-quiz-status] {\n    min-height: 24px;\n    margin: 0;\n    text-align: center;\n    font-weight: 700;\n  }\n\n  #quizapp9 [data-chart-wrap] {\n    position: relative;\n    width: min(100%, 520px);\n    height: 330px;\n    margin: 0 auto;\n  }\n\n  #quizapp9 [data-chart-status] {\n    min-height: 24px;\n    margin: 0 0 8px;\n    text-align: center;\n    font-weight: 700;\n  }\n\n  #quizapp9 [data-score-line] {\n    display: grid;\n    grid-template-columns: auto 1fr auto;\n    align-items: center;\n    gap: 10px;\n    margin: 12px 0 16px;\n    color: var(--quiz9-muted);\n    font-weight: 800;\n  }\n\n  #quizapp9 [data-score-track] {\n    position: relative;\n    display: grid;\n    grid-template-columns: repeat(5, 1fr);\n    min-height: 44px;\n    border-radius: 999px;\n    box-shadow: inset 0 2px 8px rgba(48, 64, 56, 0.14);\n  }\n\n  #quizapp9 [data-score-segment] {\n    min-height: 44px;\n  }\n\n  #quizapp9 [data-score-segment=\"soft\"] {\n    border-radius: 999px 0 0 999px;\n    background: #f2d7c8;\n  }\n\n  #quizapp9 [data-score-segment=\"warm\"] {\n    background: #ead0aa;\n  }\n\n  #quizapp9 [data-score-segment=\"bright\"] {\n    background: #c6dabc;\n  }\n\n  #quizapp9 [data-score-segment=\"steady\"] {\n    background: #8fb596;\n  }\n\n  #quizapp9 [data-score-segment=\"deep\"] {\n    border-radius: 0 999px 999px 0;\n    background: #5f806f;\n  }\n\n  #quizapp9 [data-score-marker] {\n    position: absolute;\n    top: 50%;\n    left: var(--quiz9-score-position);\n    width: 18px;\n    height: 18px;\n    border: 3px solid #ffffff;\n    border-radius: 50%;\n    background: var(--quiz9-brown);\n    box-shadow: 0 8px 18px rgba(90, 61, 43, 0.32);\n    transform: translate(-50%, -50%);\n    transition: left 420ms ease;\n  }\n\n  #quizapp9 [data-score-label] {\n    position: absolute;\n    left: 50%;\n    bottom: calc(100% + 9px);\n    transform: translateX(-50%);\n    display: inline-flex;\n    min-width: 42px;\n    justify-content: center;\n    padding: 3px 8px;\n    border-radius: 999px;\n    background: var(--quiz9-brown);\n    color: #ffffff;\n    font-size: 13px;\n    font-weight: 800;\n    white-space: nowrap;\n  }\n\n  #quizapp9 [data-score-legend] {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: center;\n    gap: 8px 14px;\n    color: var(--quiz9-muted);\n    font-size: 13px;\n    font-weight: 700;\n  }\n\n  #quizapp9 [data-score-legend] span {\n    display: inline-flex;\n    align-items: center;\n    gap: 6px;\n  }\n\n  #quizapp9 [data-legend-dot] {\n    width: 14px;\n    height: 14px;\n    border-radius: 4px;\n  }\n\n  #quizapp9 [data-legend-dot=\"soft\"] {\n    background: #f2d7c8;\n  }\n\n  #quizapp9 [data-legend-dot=\"warm\"] {\n    background: #ead0aa;\n  }\n\n  #quizapp9 [data-legend-dot=\"bright\"] {\n    background: #c6dabc;\n  }\n\n  #quizapp9 [data-legend-dot=\"steady\"] {\n    background: #8fb596;\n  }\n\n  #quizapp9 [data-legend-dot=\"deep\"] {\n    background: #5f806f;\n  }\n\n  #quizapp9 [data-dimension-row] {\n    display: flex;\n    flex-direction: column;\n    gap: 8px;\n    padding: 12px 0;\n    border-bottom: 1px solid rgba(79, 111, 95, 0.12);\n  }\n\n  #quizapp9 [data-dimension-row]:last-child {\n    border-bottom: 0;\n  }\n\n  #quizapp9 [data-dimension-head] {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 16px;\n    color: var(--quiz9-ink);\n    font-weight: 800;\n  }\n\n  #quizapp9 [data-dimension-meter] {\n    height: 10px;\n    overflow: hidden;\n    border-radius: 999px;\n    background: rgba(79, 111, 95, 0.12);\n  }\n\n  #quizapp9 [data-dim-bar] {\n    display: block;\n    width: 0%;\n    height: 100%;\n    border-radius: inherit;\n    background: linear-gradient(90deg, var(--quiz9-sage), var(--quiz9-warm));\n    transition: width 420ms ease;\n  }\n\n  #quizapp9 [data-result-copy] {\n    display: grid;\n    gap: 16px;\n  }\n\n  #quizapp9 [data-result-type] h3 {\n    text-align: center;\n  }\n\n  #quizapp9 [data-result-type] p:last-child {\n    margin-bottom: 0;\n  }\n\n  #quizapp9 button:focus-visible,\n  #quizapp9 [tabindex=\"-1\"]:focus-visible {\n    outline: 3px solid rgba(90, 61, 43, 0.55);\n    outline-offset: 4px;\n  }\n\n  @keyframes quiz9FadeUp {\n    from {\n      opacity: 0;\n      transform: translateY(8px);\n    }\n\n    to {\n      opacity: 1;\n      transform: translateY(0);\n    }\n  }\n\n  @media (min-width: 576px) {\n    #quizapp9 {\n      padding: 24px;\n      font-size: 17px;\n    }\n\n    #quizapp9 [data-floating-icons] {\n      grid-template-columns: repeat(3, 1fr);\n    }\n\n    #quizapp9 [data-icon-card] {\n      flex-direction: column;\n      justify-content: center;\n      text-align: center;\n      min-height: 132px;\n    }\n\n    #quizapp9 [data-choice-text] {\n      font-size: 17px;\n    }\n\n    #quizapp9 [data-chart-wrap] {\n      height: 380px;\n    }\n  }\n\n  @media (min-width: 768px) {\n    #quizapp9 .card-body {\n      padding: 32px;\n    }\n\n    #quizapp9 p {\n      font-size: 17px;\n    }\n\n    #quizapp9 [data-score-legend] {\n      font-size: 14px;\n    }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    #quizapp9 *,\n    #quizapp9 *::before,\n    #quizapp9 *::after {\n      scroll-behavior: auto !important;\n      transition-duration: 0.01ms !important;\n      animation-duration: 0.01ms !important;\n      animation-iteration-count: 1 !important;\n    }\n  }\n<\/style>\n\n<script>\n(function () {\n  const initQuiz9 = () => {\n    const root = document.querySelector('#quizapp9[data-quiz-app=\"quiz9\"]');\n    if (!root) return;\n    if (root.dataset.quizReady === \"true\") return;\n    root.dataset.quizReady = \"true\";\n\n    const quizintro9 = root.querySelector('#quizintro9[data-page=\"intro9\"]');\n    const quizmain9 = root.querySelector('#quizmain9[data-page=\"quiz9\"]');\n    const quizresult9 = root.querySelector('#quizresult9[data-page=\"result9\"]');\n\n    if (!quizintro9 || !quizmain9 || !quizresult9) return;\n\n    const questions = Array.from(root.querySelectorAll('[data-question]'));\n    const optionButtons = Array.from(root.querySelectorAll('button[data-answer]'));\n    const resultBlocks = Array.from(root.querySelectorAll('[data-result-type]'));\n    const prevButton = root.querySelector('button[data-action=\"prev\"]');\n    const progressText = root.querySelector('[data-progress-text]');\n    const progressPercent = root.querySelector('[data-progress-percent]');\n    const progressShell = root.querySelector('[data-progress-shell]');\n    const progressBar = root.querySelector('[data-progress-bar]');\n    const quizStatus = root.querySelector('[data-quiz-status]');\n    const resultSummary = root.querySelector('[data-result-summary]');\n    const chartStatus = root.querySelector('[data-chart-status]');\n    const chartCanvas = root.querySelector('[data-chart-canvas]');\n    const scoreLabel = root.querySelector('[data-score-label]');\n    const dimensionKeys = [\"spirit\", \"care\", \"romance\", \"novelty\", \"stability\"];\n    const dimensionLabels = {\n      spirit: \"\u5fc3\u9748\u5171\u9cf4\",\n      care: \"\u6eab\u67d4\u7167\u8b77\",\n      romance: \"\u6d6a\u6f2b\u71b1\u5ea6\",\n      novelty: \"\u65b0\u9bae\u63a2\u7d22\",\n      stability: \"\u9577\u4e45\u5b89\u5b9a\"\n    };\n\n    const state = {\n      currentIndex: 0,\n      answers: new Array(questions.length).fill(null),\n      locked: false,\n      chart: null\n    };\n\n    const clamp = (number, min, max) => Math.min(Math.max(number, min), max);\n\n    const scrollToTitle = (page) => {\n      const title = page.querySelector('[data-page-title]');\n      if (!title) return;\n\n      title.scrollIntoView({\n        behavior: \"smooth\",\n        block: \"start\"\n      });\n\n      setTimeout(() => {\n        title.focus({ preventScroll: true });\n      }, 180);\n    };\n\n    const updateProgress = () => {\n      const total = questions.length;\n      const current = state.currentIndex + 1;\n      const percent = Math.round((current \/ total) * 100);\n\n      if (progressText) progressText.textContent = `\u7b2c ${current} \u984c \/ \u5171 ${total} \u984c`;\n      if (progressPercent) progressPercent.textContent = `${percent}%`;\n      if (progressBar) progressBar.style.width = `${percent}%`;\n      if (progressShell) progressShell.setAttribute(\"aria-valuenow\", String(percent));\n      if (prevButton) prevButton.hidden = state.currentIndex === 0;\n    };\n\n    const showQuestion = () => {\n      questions.forEach((question, index) => {\n        question.hidden = index !== state.currentIndex;\n      });\n\n      optionButtons.forEach((button) => {\n        const buttonIndex = Number(button.dataset.questionIndex);\n        const isSelected = state.answers[buttonIndex] === button.dataset.answer;\n        button.dataset.selected = isSelected ? \"true\" : \"false\";\n        button.setAttribute(\"aria-pressed\", isSelected ? \"true\" : \"false\");\n      });\n\n      updateProgress();\n      if (quizStatus) quizStatus.textContent = \"\";\n      scrollToTitle(quizmain9);\n    };\n\n    const resetOptionState = () => {\n      optionButtons.forEach((button) => {\n        button.dataset.selected = \"false\";\n        button.setAttribute(\"aria-pressed\", \"false\");\n      });\n    };\n\n    const getSelectedButtons = () => {\n      return state.answers\n        .map((answer, index) => {\n          if (!answer) return null;\n          return root.querySelector(`button[data-question-index=\"${index}\"][data-answer=\"${answer}\"]`);\n        })\n        .filter(Boolean);\n    };\n\n    const getDimensionScores = () => {\n      const selectedButtons = getSelectedButtons();\n      const fallback = Object.fromEntries(dimensionKeys.map((key) => [key, 0]));\n\n      if (!selectedButtons.length) return fallback;\n\n      return dimensionKeys.reduce((scores, key) => {\n        const sum = selectedButtons.reduce((total, button) => {\n          return total + Number(button.dataset[key] || 0);\n        }, 0);\n\n        scores[key] = Math.round(sum \/ selectedButtons.length);\n        return scores;\n      }, {});\n    };\n\n    const getResultType = () => {\n      const counts = { A: 0, B: 0, C: 0, D: 0 };\n\n      state.answers.forEach((answer) => {\n        if (answer && counts[answer] !== undefined) counts[answer] += 1;\n      });\n\n      return Object.keys(counts).reduce((winner, type) => {\n        return counts[type] > counts[winner] ? type : winner;\n      }, \"A\");\n    };\n\n    const getOverallScore = (scores) => {\n      const weighted =\n        scores.spirit * 0.24 +\n        scores.care * 0.24 +\n        scores.romance * 0.18 +\n        scores.novelty * 0.14 +\n        scores.stability * 0.2;\n\n      return clamp(Math.round(weighted), 0, 100);\n    };\n\n    const updateDimensionView = (scores) => {\n      dimensionKeys.forEach((key) => {\n        const value = clamp(scores[key] || 0, 0, 100);\n        const scoreNode = root.querySelector(`[data-dim-score=\"${key}\"]`);\n        const barNode = root.querySelector(`[data-dim-bar=\"${key}\"]`);\n\n        if (scoreNode) scoreNode.textContent = String(value);\n        if (barNode) barNode.style.width = `${value}%`;\n      });\n    };\n\n    const updateResultCopy = (resultType) => {\n      resultBlocks.forEach((block) => {\n        block.hidden = block.dataset.resultType !== resultType;\n      });\n    };\n\n    const updateScoreDistribution = (score) => {\n      root.style.setProperty(\"--quiz9-score-position\", `${score}%`);\n      if (scoreLabel) scoreLabel.textContent = String(score);\n    };\n\n    const renderChart = (scores) => {\n      if (!chartCanvas || !chartStatus) return;\n\n      if (!window.Chart) {\n        chartStatus.textContent = \"\u5716\u8868\u5de5\u5177\u5c1a\u672a\u8f09\u5165\uff0c\u4f46\u6e2c\u9a57\u7d50\u679c\u5df2\u6b63\u5e38\u5b8c\u6210\u3002\";\n        return;\n      }\n\n      chartStatus.textContent = \"\u5716\u8868\u5df2\u5b8c\u6210\u3002\";\n\n      if (state.chart) {\n        state.chart.destroy();\n        state.chart = null;\n      }\n\n      const isSmallScreen = root.getBoundingClientRect().width < 576;\n      const labels = dimensionKeys.map((key) => dimensionLabels[key]);\n      const data = dimensionKeys.map((key) => scores[key]);\n\n      state.chart = new window.Chart(chartCanvas, {\n        type: \"radar\",\n        data: {\n          labels,\n          datasets: [{\n            label: \"\u4f60\u7684\u5206\u6578\",\n            data,\n            backgroundColor: \"rgba(169, 200, 181, 0.28)\",\n            borderColor: \"rgba(79, 111, 95, 0.95)\",\n            pointBackgroundColor: \"rgba(90, 61, 43, 0.95)\",\n            pointBorderColor: \"#ffffff\",\n            pointHoverBackgroundColor: \"#ffffff\",\n            pointHoverBorderColor: \"rgba(79, 111, 95, 0.95)\",\n            borderWidth: 2,\n            pointRadius: 4\n          }]\n        },\n        options: {\n          responsive: true,\n          maintainAspectRatio: false,\n          animation: {\n            duration: 420\n          },\n          plugins: {\n            legend: {\n              display: false\n            },\n            tooltip: {\n              callbacks: {\n                label: (context) => `${context.label}\uff1a${context.formattedValue}%`\n              }\n            }\n          },\n          scales: {\n            r: {\n              min: 0,\n              max: 100,\n              ticks: {\n                stepSize: 20,\n                backdropColor: \"rgba(255, 255, 255, 0)\",\n                color: \"#64756e\",\n                font: {\n                  size: isSmallScreen ? 11 : 13\n                }\n              },\n              pointLabels: {\n                color: \"#33443c\",\n                font: {\n                  size: isSmallScreen ? 13 : 17,\n                  weight: \"700\"\n                }\n              },\n              grid: {\n                color: \"rgba(79, 111, 95, 0.16)\"\n              },\n              angleLines: {\n                color: \"rgba(79, 111, 95, 0.14)\"\n              }\n            }\n          }\n        }\n      });\n    };\n\n    const showResult = () => {\n      const scores = getDimensionScores();\n      const resultType = getResultType();\n      const overallScore = getOverallScore(scores);\n\n      quizintro9.hidden = true;\n      quizmain9.hidden = true;\n      quizresult9.hidden = false;\n\n      updateResultCopy(resultType);\n      updateDimensionView(scores);\n      updateScoreDistribution(overallScore);\n      renderChart(scores);\n\n      if (resultSummary) {\n        resultSummary.textContent = `\u4f60\u7684\u6574\u9ad4\u611b\u60c5\u6eab\u5ea6\u70ba ${overallScore} \u5206\uff0c\u4e3b\u8981\u6200\u6b4c\u985e\u578b\u70ba ${resultType} \u578b\u3002`;\n      }\n\n      state.locked = false;\n      scrollToTitle(quizresult9);\n    };\n\n    const startQuiz = () => {\n      state.currentIndex = 0;\n      state.answers = new Array(questions.length).fill(null);\n      state.locked = false;\n\n      resetOptionState();\n\n      quizintro9.hidden = true;\n      quizmain9.hidden = false;\n      quizresult9.hidden = true;\n\n      showQuestion();\n    };\n\n    const restartQuiz = () => {\n      state.currentIndex = 0;\n      state.answers = new Array(questions.length).fill(null);\n      state.locked = false;\n\n      if (state.chart) {\n        state.chart.destroy();\n        state.chart = null;\n      }\n\n      resetOptionState();\n      updateDimensionView(Object.fromEntries(dimensionKeys.map((key) => [key, 0])));\n      updateScoreDistribution(0);\n      updateResultCopy(\"\");\n\n      quizintro9.hidden = false;\n      quizmain9.hidden = true;\n      quizresult9.hidden = true;\n\n      scrollToTitle(quizintro9);\n    };\n\n    const goPrev = () => {\n      if (state.locked || state.currentIndex <= 0) return;\n      state.currentIndex -= 1;\n      showQuestion();\n    };\n\n    const selectAnswer = (button) => {\n      const questionIndex = Number(button.dataset.questionIndex);\n\n      if (state.locked || questionIndex !== state.currentIndex) return;\n\n      state.locked = true;\n      state.answers[questionIndex] = button.dataset.answer;\n\n      optionButtons.forEach((option) => {\n        if (Number(option.dataset.questionIndex) !== questionIndex) return;\n\n        const isSelected = option === button;\n        option.dataset.selected = isSelected ? \"true\" : \"false\";\n        option.setAttribute(\"aria-pressed\", isSelected ? \"true\" : \"false\");\n      });\n\n      if (quizStatus) quizStatus.textContent = \"\u5df2\u9078\u64c7\uff0c\u6e96\u5099\u524d\u5f80\u4e0b\u4e00\u984c\u3002\";\n\n      setTimeout(() => {\n        if (state.currentIndex >= questions.length - 1) {\n          showResult();\n          return;\n        }\n\n        state.currentIndex += 1;\n        state.locked = false;\n        showQuestion();\n      }, 220);\n    };\n\n    const handleClick = (event) => {\n      const target = event.target.closest('button[data-action], button[data-answer]');\n      if (!target || !root.contains(target)) return;\n\n      if (target.matches('button[data-answer]')) {\n        selectAnswer(target);\n        return;\n      }\n\n      const action = target.dataset.action;\n\n      if (action === \"start\") startQuiz();\n      if (action === \"prev\") goPrev();\n      if (action === \"restart\") restartQuiz();\n    };\n\n    root.addEventListener(\"click\", handleClick);\n\n    updateProgress();\n    updateDimensionView(Object.fromEntries(dimensionKeys.map((key) => [key, 0])));\n  };\n\n  if (document.readyState === \"loading\") {\n    document.addEventListener(\"DOMContentLoaded\", initQuiz9);\n  } else {\n    initQuiz9();\n  }\n})();\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>\u8fdb\u5165\u51ac\u5b63\uff0c\u6211\u4eec\u4f1a\u6bd4\u4efb\u4f55\u4e00\u4e2a\u5b63\u8282\u66f4\u9700\u8981\u7231\u60c5\u3002\u60f3\u77e5\u9053\u5c5e\u4e8e\u4f60\u7684\u51ac\u5b63\u604b\u6b4c\u662f\u4ec0\u4e48\u5417\uff1f\u8ba9\u6d4b\u8bd5\u4e3a\u4f60\u63ed\u6653\u7b54\u6848\u5427\u3002<\/p>","protected":false},"author":19,"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":"disabled","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":[178],"tags":[],"class_list":["post-2375","post","type-post","status-publish","format-standard","hentry","category-love"],"_links":{"self":[{"href":"https:\/\/xinliceyan.org\/zh\/wp-json\/wp\/v2\/posts\/2375","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=2375"}],"version-history":[{"count":11,"href":"https:\/\/xinliceyan.org\/zh\/wp-json\/wp\/v2\/posts\/2375\/revisions"}],"predecessor-version":[{"id":10881,"href":"https:\/\/xinliceyan.org\/zh\/wp-json\/wp\/v2\/posts\/2375\/revisions\/10881"}],"wp:attachment":[{"href":"https:\/\/xinliceyan.org\/zh\/wp-json\/wp\/v2\/media?parent=2375"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/xinliceyan.org\/zh\/wp-json\/wp\/v2\/categories?post=2375"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/xinliceyan.org\/zh\/wp-json\/wp\/v2\/tags?post=2375"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}