{"id":2454,"date":"2023-10-24T09:24:20","date_gmt":"2023-10-24T01:24:20","guid":{"rendered":"https:\/\/bookmark.tw\/?p=2454"},"modified":"2026-05-17T01:56:51","modified_gmt":"2026-05-16T17:56:51","slug":"dormant-love-revived","status":"publish","type":"post","link":"https:\/\/xinliceyan.org\/zh\/dormant-love-revived","title":{"rendered":"\u5c0f\u6d4b\u9a8c\uff1a\u4f60\u6c89\u7761\u7684\u7231\u4f1a\u590d\u82cf\u5417"},"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\">\n  <section id=\"quizintro9\" data-page=\"intro9\" aria-labelledby=\"quizintro9-title\">\n    <div data-page-panel=\"intro\" data-card-surface>\n      <div data-hero-icons aria-hidden=\"true\">\n        <span data-floating-icon=\"heart\"><i class=\"bi bi-heart-fill\"><\/i><\/span>\n        <span data-floating-icon=\"spark\"><i class=\"bi bi-stars\"><\/i><\/span>\n        <span data-floating-icon=\"leaf\"><i class=\"bi bi-flower1\"><\/i><\/span>\n      <\/div>\n\n      <p data-eyebrow>\u60c5\u611f\u56de\u6eab\u5c0f\u6e2c\u9a57<\/p>\n      <h2 id=\"quizintro9-title\" tabindex=\"-1\">\u4f60\u6c89\u7761\u7684\u611b\u6703\u5fa9\u7526\u55ce\uff1f<\/h2>\n      <p data-lead>\n        \u611b\u60c5\u4e0d\u53ef\u80fd\u6c38\u9060\u90fd\u5728\u71b1\u6200\u9ad8\u5cf0\u3002\u6709\u6642\u611f\u60c5\u53ea\u662f\u66ab\u6642\u7761\u8457\u4e86\uff0c\u7b49\u5f85\u4e00\u500b\u66f4\u6eab\u67d4\u3001\u66f4\u6210\u719f\u7684\u65b9\u5f0f\u91cd\u65b0\u9760\u8fd1\u3002\n      <\/p>\n      <p data-intro-copy>\n        \u900f\u904e\u4e00\u500b\u76f4\u89ba\u60c5\u5883\uff0c\u770b\u770b\u4f60\u5011\u4e4b\u9593\u7684\u60c5\u611f\u9023\u7d50\u3001\u4fee\u5fa9\u53ef\u80fd\u8207\u5fa9\u5408\u6eab\u5ea6\uff0c\u662f\u5426\u4ecd\u6709\u6162\u6162\u7526\u9192\u7684\u7a7a\u9593\u3002\n      <\/p>\n\n      <div data-cta-wrap>\n        <button type=\"button\" data-action=\"start\" data-primary-button>\n          \u958b\u59cb\u6e2c\u9a57\n          <i class=\"bi bi-arrow-right-short\" aria-hidden=\"true\"><\/i>\n        <\/button>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <section id=\"quizmain9\" data-page=\"quiz9\" aria-labelledby=\"quizmain9-title\" hidden>\n    <div data-page-panel=\"quiz\" data-card-surface>\n      <p data-eyebrow>\u55ae\u984c\u76f4\u89ba\u6e2c\u9a57<\/p>\n      <h2 id=\"quizmain9-title\" tabindex=\"-1\">\u7576\u611b\u8207\u73fe\u5be6\u8cac\u4efb\u62c9\u626f\u6642\uff0c\u4ed6\u6703\u600e\u9ebc\u505a\uff1f<\/h2>\n\n      <article data-question-card>\n        <h3 data-question-title>\u5982\u679c\u4f60\u4e0d\u5e0c\u671b\u6200\u4eba\u53bb\u898b\u5ba2\u6236\uff0c\u4f60\u62d6\u4f4f\u5c0d\u65b9\uff0c\u5c0d\u65b9\u6703\uff1a<\/h3>\n\n        <div data-options-list>\n          <button type=\"button\" data-option=\"A\" data-option-card aria-pressed=\"false\">\n            <span data-choice-mark aria-hidden=\"true\"><\/span>\n            <span data-choice-text>A. \u8010\u5fc3\u89e3\u91cb\uff0c\u7136\u5f8c\u53bb\u898b\u5ba2\u6236<\/span>\n          <\/button>\n\n          <button type=\"button\" data-option=\"B\" data-option-card aria-pressed=\"false\">\n            <span data-choice-mark aria-hidden=\"true\"><\/span>\n            <span data-choice-text>B. \u63a8\u6389\u516c\u4e8b\uff0c\u66ab\u6642\u966a\u4f34\u81ea\u5df1<\/span>\n          <\/button>\n\n          <button type=\"button\" data-option=\"C\" data-option-card aria-pressed=\"false\">\n            <span data-choice-mark aria-hidden=\"true\"><\/span>\n            <span data-choice-text>C. \u8cac\u602a\u81ea\u5df1\u7121\u7406\u53d6\u9b27<\/span>\n          <\/button>\n\n          <button type=\"button\" data-option=\"D\" data-option-card aria-pressed=\"false\">\n            <span data-choice-mark aria-hidden=\"true\"><\/span>\n            <span data-choice-text>D. \u7acb\u523b\u53bb\u898b\u5ba2\u6236\uff0c\u7b54\u61c9\u7d66\u81ea\u5df1\u88dc\u511f<\/span>\n          <\/button>\n        <\/div>\n      <\/article>\n\n      <div data-quiz-actions>\n        <button type=\"button\" data-action=\"prev\" data-ghost-button>\n          <i class=\"bi bi-arrow-left-short\" aria-hidden=\"true\"><\/i>\n          \u4e0a\u4e00\u984c\n        <\/button>\n      <\/div>\n\n      <p data-status=\"quiz\" aria-live=\"polite\"><\/p>\n    <\/div>\n  <\/section>\n\n  <section id=\"quizresult9\" data-page=\"result9\" aria-labelledby=\"quizresult9-title\" hidden>\n    <div data-page-panel=\"result\" data-card-surface>\n      <p data-eyebrow>\u4f60\u7684\u60c5\u611f\u5fa9\u7526\u5206\u6790<\/p>\n      <h2 id=\"quizresult9-title\" tabindex=\"-1\">\u6c89\u7761\u7684\u611b\uff0c\u4ecd\u6709\u5b83\u7684\u6eab\u5ea6<\/h2>\n\n      <div data-result-summary>\n        <div data-score-card>\n          <span data-score-label>\u6574\u9ad4\u5fa9\u7526\u6307\u6578<\/span>\n          <strong><span data-score-output=\"overall\">0<\/span><span aria-hidden=\"true\">%<\/span><\/strong>\n          <span data-score-note>\u4f9d\u4f60\u7684\u9078\u9805\u5373\u6642\u8a08\u7b97\uff0c\u4e0d\u6703\u4fdd\u5b58\u7d50\u679c\u3002<\/span>\n        <\/div>\n\n        <div data-chart-card>\n          <h3>\u591a\u7dad\u5ea6\u5206\u6578\u7d50\u69cb<\/h3>\n          <p data-chart-status aria-live=\"polite\">\u7d50\u679c\u9801\u958b\u555f\u5f8c\u5c07\u986f\u793a\u5716\u8868\u3002<\/p>\n          <div data-chart-wrap>\n            <canvas data-radar-chart aria-label=\"\u60c5\u611f\u5fa9\u7526\u591a\u7dad\u5ea6\u96f7\u9054\u5716\"><\/canvas>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <section data-distribution aria-labelledby=\"quiz9-distribution-title\">\n        <h3 id=\"quiz9-distribution-title\">\u4f60\u76ee\u524d\u843d\u5728\u54ea\u500b\u56de\u6eab\u5340\u9593\uff1f<\/h3>\n        <div data-stack-wrap>\n          <div data-score-dot aria-hidden=\"true\"><\/div>\n          <div data-stack-bar aria-hidden=\"true\">\n            <span data-range=\"quiet\"><\/span>\n            <span data-range=\"warm\"><\/span>\n            <span data-range=\"revive\"><\/span>\n            <span data-range=\"bloom\"><\/span>\n          <\/div>\n        <\/div>\n\n        <div data-range-legend>\n          <span><i data-legend-dot=\"quiet\" aria-hidden=\"true\"><\/i>\u4f4e\u6eab\u6574\u7406 0\u201339<\/span>\n          <span><i data-legend-dot=\"warm\" aria-hidden=\"true\"><\/i>\u6696\u5316\u89c0\u5bdf 40\u201359<\/span>\n          <span><i data-legend-dot=\"revive\" aria-hidden=\"true\"><\/i>\u5fa9\u7526\u919e\u91c0 60\u201379<\/span>\n          <span><i data-legend-dot=\"bloom\" aria-hidden=\"true\"><\/i>\u6df1\u5ea6\u56de\u6eab 80\u2013100<\/span>\n        <\/div>\n      <\/section>\n\n      <div data-result-copy>\n        <article data-result-key=\"A\" hidden>\n          <h3>A \u578b\uff5c\u7406\u6027\u9760\u8fd1\u578b\uff1a\u5fa9\u7526\u6a5f\u7387\u504f\u9ad8<\/h3>\n          <p>\n            \u4ed6\u5c0d\u820a\u60c5\u6709\u5f88\u6df1\u7684\u8a18\u61b6\u9ede\uff0c\u53ea\u8981\u66fe\u771f\u5fc3\u6295\u5165\uff0c\u5c31\u4e0d\u5bb9\u6613\u8f15\u6613\u5fd8\u8a18\u3002\u4f60\u5728\u611f\u60c5\u88e1\u7684\u5c08\u4e00\u3001\u7368\u7acb\u8207\u96b1\u6027\u7684\u638c\u63a7\u611f\uff0c\u53cd\u800c\u6703\u8b93\u4ed6\u5728\u5206\u958b\u5f8c\u4ecd\u53cd\u8986\u60f3\u8d77\u4f60\u3002\n          <\/p>\n          <p>\n            \u5efa\u8b70\u4f60\u4e0d\u8981\u6025\u8457\u903c\u554f\u7b54\u6848\uff0c\u800c\u662f\u7528\u7a69\u5b9a\u3001\u6eab\u67d4\u4f46\u6709\u754c\u7dda\u7684\u65b9\u5f0f\u91cd\u65b0\u4e92\u52d5\u3002\u7576\u4ed6\u611f\u53d7\u5230\u4f60\u4ecd\u7136\u73cd\u60dc\u95dc\u4fc2\uff0c\u4e5f\u5c0a\u91cd\u73fe\u5be6\u7bc0\u594f\u6642\uff0c\u611f\u60c5\u8f03\u5bb9\u6613\u91cd\u65b0\u5347\u6eab\u3002\n          <\/p>\n        <\/article>\n\n        <article data-result-key=\"B\" hidden>\n          <h3>B \u578b\uff5c\u6df1\u5ea6\u727d\u7d46\u578b\uff1a\u5fa9\u7526\u80fd\u91cf\u6700\u5f37<\/h3>\n          <p>\n            \u4f60\u5011\u7684\u611b\u60c5\u5f88\u96e3\u771f\u6b63\u65b7\u4e7e\u6de8\u3002\u5373\u4f7f\u6642\u9593\u904e\u53bb\uff0c\u5f7c\u6b64\u63d0\u8d77\u5c0d\u65b9\u6642\u4ecd\u53ef\u80fd\u5e36\u8457\u907a\u61be\u8207\u67d4\u8edf\uff0c\u50cf\u662f\u5fc3\u88e1\u59cb\u7d42\u4fdd\u7559\u4e00\u500b\u672a\u5b8c\u6210\u7684\u4f4d\u7f6e\u3002\n          <\/p>\n          <p>\n            \u4ed6\u61c2\u5f97\u4fdd\u8b77\u4f60\u7684\u654f\u611f\uff0c\u4f60\u4e5f\u80fd\u770b\u7a7f\u4ed6\u51b7\u975c\u5916\u8868\u4e0b\u7684\u71b1\u5ea6\u3002\u82e5\u60f3\u8b93\u611b\u5fa9\u7526\uff0c\u95dc\u9375\u4e0d\u662f\u91cd\u6f14\u904e\u53bb\uff0c\u800c\u662f\u5efa\u7acb\u66f4\u6210\u719f\u7684\u76f8\u8655\u65b9\u5f0f\uff0c\u8b93\u6eab\u67d4\u4e0d\u518d\u8b8a\u6210\u58d3\u529b\u3002\n          <\/p>\n        <\/article>\n\n        <article data-result-key=\"C\" hidden>\n          <h3>C \u578b\uff5c\u73fe\u5be6\u78e8\u5408\u578b\uff1a\u4ecd\u6709\u5fa9\u5408\u53ef\u80fd<\/h3>\n          <p>\n            \u4f60\u5011\u904e\u53bb\u7684\u95dc\u4fc2\u57fa\u790e\u4e26\u4e0d\u5dee\uff0c\u53ea\u662f\u76f8\u8655\u88e1\u5bb9\u6613\u51fa\u73fe\u8981\u6c42\u3001\u6311\u5254\u6216\u73fe\u5be6\u689d\u4ef6\u4e0a\u7684\u843d\u5dee\u3002\u4ed6\u66fe\u9858\u610f\u70ba\u4f60\u4ed8\u51fa\uff0c\u4e5f\u9858\u610f\u8abf\u6574\u81ea\u5df1\uff0c\u53ea\u662f\u9700\u8981\u88ab\u7406\u89e3\uff0c\u800c\u4e0d\u53ea\u662f\u88ab\u8981\u6c42\u3002\n          <\/p>\n          <p>\n            \u82e5\u5169\u4eba\u66fe\u56e0\u7d93\u6fdf\u3001\u751f\u6d3b\u898f\u5283\u6216\u671f\u5f85\u5dee\u7570\u5206\u958b\uff0c\u5fa9\u7526\u7684\u95dc\u9375\u6703\u662f\u300c\u4e00\u8d77\u89e3\u6c7a\u554f\u984c\u300d\u3002\u7576\u4f60\u9858\u610f\u80af\u5b9a\u4ed6\u7684\u52aa\u529b\uff0c\u800c\u4ed6\u9858\u610f\u7d66\u4f60\u5b89\u5168\u611f\uff0c\u95dc\u4fc2\u4ecd\u6709\u6a5f\u6703\u6162\u6162\u56de\u4f86\u3002\n          <\/p>\n        <\/article>\n\n        <article data-result-key=\"D\" hidden>\n          <h3>D \u578b\uff5c\u627f\u8afe\u89c0\u5bdf\u578b\uff1a\u6709\u706b\u82d7\uff0c\u4f46\u9700\u8981\u9a57\u8b49<\/h3>\n          <p>\n            \u4ed6\u4e0d\u4e00\u5b9a\u6c92\u6709\u611f\u60c5\uff0c\u53ea\u662f\u9762\u5c0d\u73fe\u5be6\u4efb\u52d9\u6642\uff0c\u6703\u5148\u8655\u7406\u773c\u524d\u8cac\u4efb\uff0c\u518d\u7528\u88dc\u511f\u4f86\u5b89\u64ab\u95dc\u4fc2\u3002\u9019\u4ee3\u8868\u4ed6\u4ecd\u5728\u610f\u4f60\uff0c\u4f46\u8868\u9054\u65b9\u5f0f\u53ef\u80fd\u4e0d\u5920\u7d30\u81a9\u3002\n          <\/p>\n          <p>\n            \u5efa\u8b70\u4f60\u89c0\u5bdf\u4ed6\u7684\u300c\u88dc\u511f\u300d\u662f\u5426\u771f\u7684\u514c\u73fe\u3002\u82e5\u4ed6\u9858\u610f\u7528\u884c\u52d5\u5b89\u6392\u6642\u9593\u3001\u8aaa\u660e\u754c\u7dda\u4e26\u7167\u9867\u4f60\u7684\u611f\u53d7\uff0c\u6c89\u7761\u7684\u611b\u4ecd\u53ef\u80fd\u91cd\u65b0\u6696\u8d77\u4f86\uff1b\u82e5\u53ea\u505c\u7559\u5728\u53e3\u982d\u627f\u8afe\uff0c\u5c31\u9700\u8981\u4fdd\u8b77\u81ea\u5df1\u7684\u671f\u5f85\u3002\n          <\/p>\n        <\/article>\n      <\/div>\n\n      <div data-dimension-grid>\n        <article data-mini-card>\n          <span>\u60c5\u611f\u6eab\u5ea6<\/span>\n          <strong><span data-score-output=\"warmth\">0<\/span>%<\/strong>\n        <\/article>\n        <article data-mini-card>\n          <span>\u4fee\u5fa9\u6e9d\u901a<\/span>\n          <strong><span data-score-output=\"repair\">0<\/span>%<\/strong>\n        <\/article>\n        <article data-mini-card>\n          <span>\u73fe\u5be6\u5354\u8abf<\/span>\n          <strong><span data-score-output=\"reality\">0<\/span>%<\/strong>\n        <\/article>\n        <article data-mini-card>\n          <span>\u5fa9\u7526\u53ef\u80fd<\/span>\n          <strong><span data-score-output=\"revival\">0<\/span>%<\/strong>\n        <\/article>\n      <\/div>\n\n      <div data-cta-wrap>\n        <button type=\"button\" data-action=\"restart\" data-primary-button>\n          <i class=\"bi bi-arrow-clockwise\" aria-hidden=\"true\"><\/i>\n          \u91cd\u65b0\u6e2c\u9a57\n        <\/button>\n      <\/div>\n\n      <p data-status=\"result\" aria-live=\"polite\"><\/p>\n    <\/div>\n  <\/section>\n<\/section>\n\n<style>\n  #quizapp9,\n  #quizapp9 * {\n    box-sizing: border-box;\n  }\n\n  #quizapp9 {\n    --quiz9-ink: #33251f;\n    --quiz9-muted: #675952;\n    --quiz9-soft: #fff8f1;\n    --quiz9-card: #fffdf9;\n    --quiz9-line: rgba(83, 63, 50, 0.16);\n    --quiz9-sage: #9fb49b;\n    --quiz9-sage-deep: #5f765b;\n    --quiz9-peach: #e9b99f;\n    --quiz9-cream: #f6e7c9;\n    --quiz9-mist: #dfe8d8;\n    --quiz9-brown: #5a3e32;\n    --quiz9-shadow: 0 18px 48px rgba(72, 52, 40, 0.13);\n    --quiz9-radius-lg: 28px;\n    --quiz9-radius-md: 18px;\n    width: min(100%, 750px);\n    max-width: 750px;\n    margin: 0 auto;\n    padding: 16px;\n    color: var(--quiz9-ink);\n    font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Noto Sans TC\", \"Microsoft JhengHei\", Arial, sans-serif;\n    font-size: 16px;\n    line-height: 1.72;\n  }\n\n  #quizapp9 [hidden] {\n    display: none !important;\n  }\n\n  #quizapp9 [data-page-panel] {\n    position: relative;\n    overflow: hidden;\n    display: flex;\n    flex-direction: column;\n    gap: 24px;\n    min-height: 360px;\n    padding: 28px 20px;\n    border: 1px solid var(--quiz9-line);\n    border-radius: var(--quiz9-radius-lg);\n    background:\n      radial-gradient(circle at top left, rgba(233, 185, 159, 0.34), transparent 36%),\n      radial-gradient(circle at bottom right, rgba(159, 180, 155, 0.28), transparent 38%),\n      var(--quiz9-card);\n    box-shadow: var(--quiz9-shadow);\n    contain: layout paint;\n  }\n\n  #quizapp9 [data-page-panel=\"intro\"],\n  #quizapp9 [data-page-panel=\"result\"] {\n    align-items: center;\n    text-align: center;\n  }\n\n  #quizapp9 [data-eyebrow] {\n    width: fit-content;\n    margin: 0 auto;\n    padding: 6px 14px;\n    border: 1px solid rgba(95, 118, 91, 0.28);\n    border-radius: 999px;\n    background: rgba(255, 255, 255, 0.72);\n    color: var(--quiz9-sage-deep);\n    font-size: 14px;\n    font-weight: 700;\n    letter-spacing: 0.08em;\n  }\n\n  #quizapp9 h2 {\n    margin: 0;\n    color: var(--quiz9-ink);\n    font-size: clamp(28px, 7vw, 40px);\n    line-height: 1.18;\n    font-weight: 800;\n    letter-spacing: -0.03em;\n  }\n\n  #quizapp9 h3 {\n    margin: 0;\n    color: var(--quiz9-ink);\n    font-size: clamp(20px, 4.8vw, 26px);\n    line-height: 1.35;\n    font-weight: 760;\n  }\n\n  #quizapp9 p {\n    margin: 0;\n  }\n\n  #quizapp9 [data-lead] {\n    max-width: 620px;\n    color: var(--quiz9-ink);\n    font-size: clamp(18px, 4.4vw, 22px);\n    line-height: 1.62;\n    font-weight: 650;\n  }\n\n  #quizapp9 [data-intro-copy] {\n    max-width: 610px;\n    color: var(--quiz9-muted);\n    font-size: 16px;\n  }\n\n  #quizapp9 [data-hero-icons] {\n    position: relative;\n    width: min(100%, 360px);\n    height: 92px;\n    margin: 0 auto -4px;\n  }\n\n  #quizapp9 [data-floating-icon] {\n    position: absolute;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    width: 64px;\n    height: 64px;\n    border-radius: 50%;\n    background: rgba(255, 253, 249, 0.86);\n    box-shadow: 0 14px 34px rgba(90, 62, 50, 0.13);\n    color: var(--quiz9-sage-deep);\n    font-size: 26px;\n    transform: translateZ(0);\n  }\n\n  #quizapp9 [data-floating-icon=\"heart\"] {\n    left: 50%;\n    top: 2px;\n    width: 76px;\n    height: 76px;\n    color: #9b6c5b;\n    font-size: 32px;\n    transform: translateX(-50%);\n  }\n\n  #quizapp9 [data-floating-icon=\"spark\"] {\n    left: 24px;\n    top: 24px;\n    color: #8b7652;\n  }\n\n  #quizapp9 [data-floating-icon=\"leaf\"] {\n    right: 24px;\n    top: 24px;\n    color: var(--quiz9-sage-deep);\n  }\n\n  #quizapp9 [data-cta-wrap],\n  #quizapp9 [data-quiz-actions] {\n    display: flex;\n    justify-content: center;\n    width: 100%;\n  }\n\n  #quizapp9 [data-primary-button],\n  #quizapp9 [data-ghost-button] {\n    min-width: 44px;\n    min-height: 44px;\n    border: 0;\n    border-radius: 999px;\n    font-weight: 800;\n    transition: transform 180ms ease, box-shadow 180ms ease, background-color 180ms ease, border-color 180ms ease;\n  }\n\n  #quizapp9 [data-primary-button] {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    gap: 8px;\n    padding: 14px 26px;\n    background: linear-gradient(135deg, #9fb49b, #e9b99f);\n    color: #2d211c;\n    box-shadow: 0 14px 30px rgba(90, 62, 50, 0.18);\n  }\n\n  #quizapp9 [data-primary-button]:hover {\n    transform: translateY(-2px);\n    box-shadow: 0 18px 36px rgba(90, 62, 50, 0.22);\n  }\n\n  #quizapp9 [data-ghost-button] {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    gap: 6px;\n    padding: 11px 20px;\n    border: 1px solid rgba(90, 62, 50, 0.22);\n    background: rgba(255, 255, 255, 0.72);\n    color: var(--quiz9-brown);\n  }\n\n  #quizapp9 [data-ghost-button]:hover {\n    transform: translateY(-1px);\n    background: rgba(246, 231, 201, 0.72);\n  }\n\n  #quizapp9 button:focus-visible,\n  #quizapp9 h2:focus-visible,\n  #quizapp9 [data-chart-status]:focus-visible,\n  #quizapp9 [data-status]:focus-visible {\n    outline: 3px solid rgba(95, 118, 91, 0.62);\n    outline-offset: 4px;\n  }\n\n  #quizapp9 [data-question-card] {\n    display: flex;\n    flex-direction: column;\n    gap: 18px;\n    width: 100%;\n  }\n\n  #quizapp9 [data-question-title] {\n    padding: 18px;\n    border-radius: var(--quiz9-radius-md);\n    background: rgba(255, 248, 241, 0.72);\n    border: 1px solid var(--quiz9-line);\n  }\n\n  #quizapp9 [data-options-list] {\n    display: grid;\n    grid-template-columns: 1fr;\n    gap: 12px;\n    width: 100%;\n  }\n\n  #quizapp9 [data-option-card] {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    width: 100%;\n    min-height: 64px;\n    padding: 16px;\n    border: 1px solid rgba(90, 62, 50, 0.16);\n    border-radius: 18px;\n    background: rgba(255, 255, 255, 0.82);\n    color: var(--quiz9-ink);\n    text-align: left;\n    box-shadow: 0 10px 26px rgba(72, 52, 40, 0.07);\n    transition: transform 170ms ease, border-color 170ms ease, background-color 170ms ease, box-shadow 170ms ease;\n    contain: layout paint;\n  }\n\n  #quizapp9 [data-option-card]:hover {\n    transform: translateY(-2px);\n    border-color: rgba(95, 118, 91, 0.46);\n    background: rgba(255, 253, 249, 0.98);\n    box-shadow: 0 14px 30px rgba(72, 52, 40, 0.11);\n  }\n\n  #quizapp9 [data-option-card][aria-pressed=\"true\"] {\n    border-color: rgba(95, 118, 91, 0.72);\n    background: rgba(223, 232, 216, 0.54);\n  }\n\n  #quizapp9 [data-choice-mark] {\n    flex: 0 0 28px;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    width: 28px;\n    height: 28px;\n    border: 2px solid rgba(95, 118, 91, 0.55);\n    border-radius: 50%;\n    background: #fffdf9;\n  }\n\n  #quizapp9 [data-option-card][aria-pressed=\"true\"] [data-choice-mark] {\n    background: var(--quiz9-sage-deep);\n    border-color: var(--quiz9-sage-deep);\n  }\n\n  #quizapp9 [data-option-card][aria-pressed=\"true\"] [data-choice-mark]::after {\n    content: \"\u2713\";\n    color: #fffdf9;\n    font-size: 16px;\n    font-weight: 900;\n    line-height: 1;\n  }\n\n  #quizapp9 [data-choice-text] {\n    flex: 1;\n    min-width: 0;\n    font-size: 16px;\n    font-weight: 700;\n    line-height: 1.55;\n  }\n\n  #quizapp9 [data-status] {\n    min-height: 24px;\n    color: var(--quiz9-muted);\n    font-size: 15px;\n    text-align: center;\n  }\n\n  #quizapp9 [data-result-summary] {\n    display: grid;\n    grid-template-columns: 1fr;\n    gap: 16px;\n    width: 100%;\n  }\n\n  #quizapp9 [data-score-card],\n  #quizapp9 [data-chart-card],\n  #quizapp9 [data-distribution],\n  #quizapp9 [data-result-copy],\n  #quizapp9 [data-mini-card] {\n    border: 1px solid var(--quiz9-line);\n    border-radius: 22px;\n    background: rgba(255, 255, 255, 0.74);\n    box-shadow: 0 12px 28px rgba(72, 52, 40, 0.08);\n  }\n\n  #quizapp9 [data-score-card] {\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    gap: 6px;\n    min-height: 180px;\n    padding: 22px;\n  }\n\n  #quizapp9 [data-score-label],\n  #quizapp9 [data-score-note] {\n    color: var(--quiz9-muted);\n  }\n\n  #quizapp9 [data-score-label] {\n    font-size: 15px;\n    font-weight: 800;\n  }\n\n  #quizapp9 [data-score-card] strong {\n    color: var(--quiz9-brown);\n    font-size: clamp(46px, 12vw, 72px);\n    line-height: 1;\n    font-weight: 900;\n  }\n\n  #quizapp9 [data-score-note] {\n    font-size: 14px;\n  }\n\n  #quizapp9 [data-chart-card] {\n    display: flex;\n    flex-direction: column;\n    gap: 12px;\n    padding: 18px;\n  }\n\n  #quizapp9 [data-chart-card] h3,\n  #quizapp9 [data-distribution] h3,\n  #quizapp9 [data-result-copy] h3 {\n    font-size: clamp(20px, 4.6vw, 24px);\n  }\n\n  #quizapp9 [data-chart-status] {\n    min-height: 24px;\n    color: var(--quiz9-muted);\n    font-size: 14px;\n  }\n\n  #quizapp9 [data-chart-wrap] {\n    position: relative;\n    width: min(100%, 430px);\n    min-height: 280px;\n    margin: 0 auto;\n  }\n\n  #quizapp9 [data-radar-chart] {\n    display: block;\n    width: 100% !important;\n    height: 280px !important;\n  }\n\n  #quizapp9 [data-distribution] {\n    width: 100%;\n    padding: 18px;\n    text-align: left;\n  }\n\n  #quizapp9 [data-stack-wrap] {\n    position: relative;\n    padding: 22px 0 8px;\n  }\n\n  #quizapp9 [data-stack-bar] {\n    display: grid;\n    grid-template-columns: 40fr 20fr 20fr 20fr;\n    overflow: hidden;\n    height: 22px;\n    border-radius: 999px;\n    border: 1px solid rgba(90, 62, 50, 0.18);\n  }\n\n  #quizapp9 [data-range=\"quiet\"] {\n    background: #d8cfbf;\n  }\n\n  #quizapp9 [data-range=\"warm\"] {\n    background: #f0d5ae;\n  }\n\n  #quizapp9 [data-range=\"revive\"] {\n    background: #cfdcbf;\n  }\n\n  #quizapp9 [data-range=\"bloom\"] {\n    background: #9fb49b;\n  }\n\n  #quizapp9 [data-score-dot] {\n    position: absolute;\n    left: var(--quiz9-score-left, 0%);\n    top: 11px;\n    z-index: 2;\n    width: 18px;\n    height: 18px;\n    border: 3px solid #fffdf9;\n    border-radius: 50%;\n    background: var(--quiz9-brown);\n    box-shadow: 0 6px 14px rgba(72, 52, 40, 0.26);\n    transform: translateX(-50%);\n    transition: left 220ms ease;\n  }\n\n  #quizapp9 [data-range-legend] {\n    display: grid;\n    grid-template-columns: 1fr;\n    gap: 8px;\n    margin-top: 12px;\n    color: var(--quiz9-muted);\n    font-size: 14px;\n  }\n\n  #quizapp9 [data-range-legend] span {\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n  }\n\n  #quizapp9 [data-legend-dot] {\n    width: 12px;\n    height: 12px;\n    border-radius: 50%;\n    flex: 0 0 12px;\n  }\n\n  #quizapp9 [data-legend-dot=\"quiet\"] {\n    background: #d8cfbf;\n  }\n\n  #quizapp9 [data-legend-dot=\"warm\"] {\n    background: #f0d5ae;\n  }\n\n  #quizapp9 [data-legend-dot=\"revive\"] {\n    background: #cfdcbf;\n  }\n\n  #quizapp9 [data-legend-dot=\"bloom\"] {\n    background: #9fb49b;\n  }\n\n  #quizapp9 [data-result-copy] {\n    width: 100%;\n    padding: 20px;\n    text-align: left;\n  }\n\n  #quizapp9 [data-result-copy] article {\n    display: flex;\n    flex-direction: column;\n    gap: 12px;\n  }\n\n  #quizapp9 [data-result-copy] p {\n    color: var(--quiz9-muted);\n    font-size: 16px;\n  }\n\n  #quizapp9 [data-dimension-grid] {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 12px;\n    width: 100%;\n  }\n\n  #quizapp9 [data-mini-card] {\n    display: flex;\n    flex-direction: column;\n    gap: 4px;\n    padding: 16px;\n    text-align: left;\n  }\n\n  #quizapp9 [data-mini-card] span {\n    color: var(--quiz9-muted);\n    font-size: 14px;\n    font-weight: 750;\n  }\n\n  #quizapp9 [data-mini-card] strong {\n    color: var(--quiz9-brown);\n    font-size: 26px;\n    line-height: 1.1;\n  }\n\n  @media (min-width: 576px) {\n    #quizapp9 {\n      padding: 24px;\n      font-size: 17px;\n    }\n\n    #quizapp9 [data-page-panel] {\n      padding: 36px 32px;\n    }\n\n    #quizapp9 [data-choice-text] {\n      font-size: 17px;\n    }\n\n    #quizapp9 [data-range-legend] {\n      grid-template-columns: 1fr 1fr;\n    }\n  }\n\n  @media (min-width: 720px) {\n    #quizapp9 [data-result-summary] {\n      grid-template-columns: 0.85fr 1.15fr;\n      align-items: stretch;\n    }\n\n    #quizapp9 [data-dimension-grid] {\n      grid-template-columns: repeat(4, 1fr);\n    }\n\n    #quizapp9 [data-radar-chart] {\n      height: 330px !important;\n    }\n\n    #quizapp9 [data-chart-wrap] {\n      min-height: 330px;\n    }\n\n    #quizapp9 [data-range-legend] {\n      grid-template-columns: repeat(4, 1fr);\n    }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    #quizapp9 *,\n    #quizapp9 *::before,\n    #quizapp9 *::after {\n      transition-duration: 0.001ms !important;\n      scroll-behavior: auto !important;\n    }\n  }\n<\/style>\n\n<script>\n(function () {\n  \"use strict\";\n\n  const initQuiz9 = () => {\n    const root = document.querySelector('#quizapp9[data-quiz-app=\"quiz9\"]');\n    if (!root) return;\n\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 nodes = {\n      introTitle: root.querySelector(\"#quizintro9-title\"),\n      quizTitle: root.querySelector(\"#quizmain9-title\"),\n      resultTitle: root.querySelector(\"#quizresult9-title\"),\n      quizStatus: root.querySelector('[data-status=\"quiz\"]'),\n      resultStatus: root.querySelector('[data-status=\"result\"]'),\n      chartStatus: root.querySelector(\"[data-chart-status]\"),\n      chartCanvas: root.querySelector(\"[data-radar-chart]\"),\n      resultBlocks: Array.from(root.querySelectorAll(\"[data-result-key]\")),\n      optionButtons: Array.from(root.querySelectorAll(\"[data-option]\")),\n      scoreOutputs: Array.from(root.querySelectorAll(\"[data-score-output]\"))\n    };\n\n    const scoreMap = {\n      A: { overall: 70, warmth: 64, repair: 74, reality: 58, revival: 78 },\n      B: { overall: 83, warmth: 86, repair: 82, reality: 72, revival: 90 },\n      C: { overall: 67, warmth: 62, repair: 58, reality: 76, revival: 72 },\n      D: { overall: 60, warmth: 52, repair: 68, reality: 60, revival: 61 }\n    };\n\n    const state = {\n      selected: \"\",\n      chart: null,\n      locked: false\n    };\n\n    const setStatus = (target, message) => {\n      if (target) target.textContent = message || \"\";\n    };\n\n    const scrollToHeading = (heading) => {\n      if (!heading) return;\n      heading.scrollIntoView({ behavior: \"smooth\", block: \"start\" });\n      window.requestAnimationFrame(() => {\n        heading.focus({ preventScroll: true });\n      });\n    };\n\n    const setOptionState = (value) => {\n      nodes.optionButtons.forEach((button) => {\n        const isSelected = button.dataset.option === value;\n        button.setAttribute(\"aria-pressed\", String(isSelected));\n      });\n    };\n\n    const resetOptionState = () => {\n      state.selected = \"\";\n      state.locked = false;\n      setOptionState(\"\");\n      setStatus(nodes.quizStatus, \"\");\n      setStatus(nodes.resultStatus, \"\");\n    };\n\n    const showIntro = () => {\n      quizintro9.hidden = false;\n      quizmain9.hidden = true;\n      quizresult9.hidden = true;\n      scrollToHeading(nodes.introTitle);\n    };\n\n    const showQuiz = () => {\n      quizintro9.hidden = true;\n      quizmain9.hidden = false;\n      quizresult9.hidden = true;\n      setStatus(nodes.quizStatus, \"\u8acb\u9078\u64c7\u6700\u63a5\u8fd1\u76f4\u89ba\u7684\u7b54\u6848\u3002\");\n      scrollToHeading(nodes.quizTitle);\n    };\n\n    const updateScoreText = (scores) => {\n      nodes.scoreOutputs.forEach((node) => {\n        const key = node.dataset.scoreOutput;\n        if (Object.prototype.hasOwnProperty.call(scores, key)) {\n          node.textContent = String(scores[key]);\n        }\n      });\n      root.style.setProperty(\"--quiz9-score-left\", `${scores.overall}%`);\n    };\n\n    const showResultCopy = (key) => {\n      nodes.resultBlocks.forEach((block) => {\n        block.hidden = block.dataset.resultKey !== key;\n      });\n    };\n\n    const destroyChart = () => {\n      if (state.chart) {\n        state.chart.destroy();\n        state.chart = null;\n      }\n    };\n\n    const renderChart = (scores) => {\n      destroyChart();\n\n      if (!nodes.chartCanvas || !nodes.chartStatus) return;\n\n      if (!window.Chart) {\n        nodes.chartStatus.textContent = \"\u5716\u8868\u5143\u4ef6\u66ab\u6642\u7121\u6cd5\u8f09\u5165\uff0c\u4f46\u4f60\u7684\u7d50\u679c\u89e3\u6790\u4ecd\u53ef\u6b63\u5e38\u67e5\u770b\u3002\";\n        return;\n      }\n\n      const isSmallScreen = window.matchMedia(\"(max-width: 575px)\").matches;\n      const labelSize = isSmallScreen ? 12 : 16;\n\n      nodes.chartStatus.textContent = \"\u5716\u8868\u5df2\u6839\u64da\u4f60\u7684\u9078\u9805\u66f4\u65b0\u3002\";\n\n      state.chart = new window.Chart(nodes.chartCanvas, {\n        type: \"radar\",\n        data: {\n          labels: [\"\u60c5\u611f\u6eab\u5ea6\", \"\u4fee\u5fa9\u6e9d\u901a\", \"\u73fe\u5be6\u5354\u8abf\", \"\u5fa9\u7526\u53ef\u80fd\"],\n          datasets: [\n            {\n              label: \"\u76ee\u524d\u5206\u6578\",\n              data: [scores.warmth, scores.repair, scores.reality, scores.revival],\n              backgroundColor: \"rgba(159, 180, 155, 0.24)\",\n              borderColor: \"rgba(95, 118, 91, 0.9)\",\n              pointBackgroundColor: \"rgba(90, 62, 50, 0.9)\",\n              pointBorderColor: \"#fffdf9\",\n              pointRadius: isSmallScreen ? 3 : 4,\n              borderWidth: 2\n            }\n          ]\n        },\n        options: {\n          responsive: true,\n          maintainAspectRatio: false,\n          animation: {\n            duration: 260\n          },\n          plugins: {\n            legend: {\n              display: false\n            },\n            tooltip: {\n              callbacks: {\n                label: (context) => `${context.label}\uff1a${context.parsed.r}%`\n              }\n            }\n          },\n          scales: {\n            r: {\n              min: 0,\n              max: 100,\n              ticks: {\n                stepSize: 20,\n                backdropColor: \"transparent\",\n                color: \"#675952\",\n                font: {\n                  size: isSmallScreen ? 10 : 12\n                }\n              },\n              pointLabels: {\n                color: \"#33251f\",\n                font: {\n                  size: labelSize,\n                  weight: \"700\"\n                }\n              },\n              grid: {\n                color: \"rgba(83, 63, 50, 0.16)\"\n              },\n              angleLines: {\n                color: \"rgba(83, 63, 50, 0.14)\"\n              }\n            }\n          }\n        }\n      });\n    };\n\n    const showResult = (key) => {\n      const scores = scoreMap[key];\n      if (!scores) return;\n\n      updateScoreText(scores);\n      showResultCopy(key);\n\n      quizintro9.hidden = true;\n      quizmain9.hidden = true;\n      quizresult9.hidden = false;\n\n      renderChart(scores);\n      setStatus(nodes.resultStatus, `\u4f60\u9078\u64c7\u4e86 ${key}\uff0c\u7d50\u679c\u5df2\u5b8c\u6210\u3002`);\n      scrollToHeading(nodes.resultTitle);\n    };\n\n    const handleStart = () => {\n      resetOptionState();\n      quizintro9.hidden = true;\n      quizmain9.hidden = false;\n      quizresult9.hidden = true;\n      showQuiz();\n    };\n\n    const handleRestart = () => {\n      resetOptionState();\n      destroyChart();\n      quizintro9.hidden = false;\n      quizmain9.hidden = true;\n      quizresult9.hidden = true;\n      showIntro();\n    };\n\n    const handleOption = (button) => {\n      if (state.locked || quizmain9.hidden) return;\n\n      const value = button.dataset.option;\n      if (!scoreMap[value]) return;\n\n      state.locked = true;\n      state.selected = value;\n      setOptionState(value);\n      setStatus(nodes.quizStatus, \"\u5df2\u9078\u64c7\uff0c\u6b63\u5728\u986f\u793a\u4f60\u7684\u7d50\u679c\u3002\");\n\n      window.setTimeout(() => {\n        showResult(value);\n        state.locked = false;\n      }, 180);\n    };\n\n    const handler = (event) => {\n      const actionButton = event.target.closest(\"[data-action]\");\n      const optionButton = event.target.closest(\"[data-option]\");\n\n      if (actionButton && root.contains(actionButton)) {\n        const action = actionButton.dataset.action;\n\n        if (action === \"start\") {\n          handleStart();\n          return;\n        }\n\n        if (action === \"restart\") {\n          handleRestart();\n          return;\n        }\n\n        if (action === \"prev\") {\n          resetOptionState();\n          destroyChart();\n          showIntro();\n          return;\n        }\n      }\n\n      if (optionButton && root.contains(optionButton)) {\n        handleOption(optionButton);\n      }\n    };\n\n    root.addEventListener(\"click\", handler);\n  };\n\n  if (document.readyState === \"loading\") {\n    document.addEventListener(\"DOMContentLoaded\", initQuiz9, { once: true });\n  } else {\n    initQuiz9();\n  }\n})();\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>\u7231\u60c5\u603b\u6709\u7761\u53bb\u7684\u65f6\u5019\uff0c\u4e0d\u8fc7\u6709\u4e9b\u65f6\u5019\uff0c\u6c89\u7761\u7684\u611f\u60c5\uff0c\u518d\u6b21\u590d\u82cf\uff0c\u53ef\u80fd\u6bd4\u6c89\u7761\u524d\u8fd8\u8981\u6d6a\u6f2b\u7f8e\u597d\uff0c\u800c\u8981\u662f\u6ca1\u80fd\u590d\u82cf\u7684\u8bdd\uff0c\u90a3\u4e48\u611f\u60c5\u53ef\u80fd\u5c31\u4e00\u76f4\u95f7\u5728\u6b7b\u6c14\u6c89\u6c89\u7684\u72b6\u6001\u4e2d\u4e86\u3002\u4f60\u4eec\u6c89\u7761\u7684\u611f\u60c5\u4f1a\u590d\u82cf\u5417\uff1f<\/p>","protected":false},"author":19,"featured_media":0,"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":[179,178],"tags":[],"class_list":["post-2454","post","type-post","status-publish","format-standard","hentry","category-marriage","category-love"],"_links":{"self":[{"href":"https:\/\/xinliceyan.org\/zh\/wp-json\/wp\/v2\/posts\/2454","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=2454"}],"version-history":[{"count":1,"href":"https:\/\/xinliceyan.org\/zh\/wp-json\/wp\/v2\/posts\/2454\/revisions"}],"predecessor-version":[{"id":10768,"href":"https:\/\/xinliceyan.org\/zh\/wp-json\/wp\/v2\/posts\/2454\/revisions\/10768"}],"wp:attachment":[{"href":"https:\/\/xinliceyan.org\/zh\/wp-json\/wp\/v2\/media?parent=2454"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/xinliceyan.org\/zh\/wp-json\/wp\/v2\/categories?post=2454"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/xinliceyan.org\/zh\/wp-json\/wp\/v2\/tags?post=2454"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}