{"id":2428,"date":"2023-10-24T09:21:52","date_gmt":"2023-10-24T01:21:52","guid":{"rendered":"https:\/\/bookmark.tw\/?p=2428"},"modified":"2026-05-14T11:07:09","modified_gmt":"2026-05-14T03:07:09","slug":"happy-after-marriage","status":"publish","type":"post","link":"https:\/\/xinliceyan.org\/zh\/happy-after-marriage","title":{"rendered":"\u5c0f\u6d4b\u9a8c\uff1a\u5a5a\u540e\u4f60\u5e78\u798f\u5417\uff1f"},"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\n<main data-quiz=\"marriage9\" lang=\"zh-Hant-TW\">\n  <section id=\"quizintro9\" data-page=\"intro9\" data-page-panel class=\"q9-active\" aria-labelledby=\"q9-intro-title\">\n    <div class=\"container py-5\">\n      <article data-hero-shell class=\"mx-auto\">\n        <div data-floating-layer aria-hidden=\"true\">\n          <span data-orb=\"one\"><i class=\"bi bi-flower1\"><\/i><\/span>\n          <span data-orb=\"two\"><i class=\"bi bi-heart\"><\/i><\/span>\n          <span data-orb=\"three\"><i class=\"bi bi-stars\"><\/i><\/span>\n        <\/div>\n\n        <header class=\"text-center position-relative\">\n          <p data-eyebrow class=\"mb-3\">\u5a5a\u59fb\u751f\u6d3b\u8cea\u611f\u6e2c\u9a57<\/p>\n          <h1 id=\"q9-intro-title\" tabindex=\"-1\" class=\"fw-bold mb-3\">\u5a5a\u5f8c\u4f60\u662f\u88ab\u6ecb\u990a\uff0c\u9084\u662f\u88ab\u6d88\u8017\uff1f<\/h1>\n          <p class=\"lead mx-auto mb-4\">\n            \u5a5a\u59fb\u4e0d\u53ea\u770b\u611b\u4e0d\u611b\uff0c\u4e5f\u770b\u4f60\u5728\u95dc\u4fc2\u88e1\u662f\u5426\u4ecd\u7136\u6709\u5149\u3001\u6709\u9918\u88d5\u3001\u6709\u88ab\u7406\u89e3\u7684\u611f\u89ba\u3002\n          <\/p>\n        <\/header>\n\n        <section class=\"row g-3 my-4\" aria-label=\"\u6e2c\u9a57\u7279\u8272\">\n          <article class=\"col-12 col-md-4\">\n            <div data-mini-card class=\"h-100\">\n              <i class=\"bi bi-cup-hot\" aria-hidden=\"true\"><\/i>\n              <h2 class=\"h5 mt-3\">\u751f\u6d3b\u6ecb\u6f64\u5ea6<\/h2>\n              <p>\u770b\u4f60\u662f\u5426\u61c2\u5f97\u7167\u9867\u81ea\u5df1\uff0c\u4e5f\u662f\u5426\u80fd\u5728\u5a5a\u5f8c\u7dad\u6301\u8212\u670d\u7684\u751f\u6d3b\u7bc0\u594f\u3002<\/p>\n            <\/div>\n          <\/article>\n          <article class=\"col-12 col-md-4\">\n            <div data-mini-card class=\"h-100\">\n              <i class=\"bi bi-house-heart\" aria-hidden=\"true\"><\/i>\n              <h2 class=\"h5 mt-3\">\u95dc\u4fc2\u652f\u6301\u611f<\/h2>\n              <p>\u89c0\u5bdf\u5a5a\u59fb\u662f\u5426\u8b93\u4f60\u66f4\u653e\u9b06\uff0c\u9084\u662f\u8b93\u4f60\u80cc\u8ca0\u66f4\u591a\u770b\u4e0d\u898b\u7684\u58d3\u529b\u3002<\/p>\n            <\/div>\n          <\/article>\n          <article class=\"col-12 col-md-4\">\n            <div data-mini-card class=\"h-100\">\n              <i class=\"bi bi-compass\" aria-hidden=\"true\"><\/i>\n              <h2 class=\"h5 mt-3\">\u672a\u4f86\u72c0\u614b\u611f<\/h2>\n              <p>\u5f9e\u9078\u64c7\u50be\u5411\u63a8\u4f30\u4f60\u5a5a\u5f8c\u53ef\u80fd\u66f4\u81ea\u7531\u3001\u66f4\u5b89\u5b9a\uff0c\u6216\u66f4\u5bb9\u6613\u5fc3\u7d2f\u3002<\/p>\n            <\/div>\n          <\/article>\n        <\/section>\n\n        <footer class=\"text-center position-relative\">\n          <p class=\"mb-4\" data-soft-note>\n            \u9019\u4e0d\u662f\u56b4\u8085\u8a3a\u65b7\uff0c\u800c\u662f\u4e00\u9762\u5c0f\u93e1\u5b50\uff1a\u770b\u770b\u4f60\u5728\u89aa\u5bc6\u95dc\u4fc2\u88e1\uff0c\u6700\u5bb9\u6613\u8d70\u5411\u54ea\u4e00\u7a2e\u751f\u6d3b\u8cea\u611f\u3002\n          <\/p>\n          <button type=\"button\" data-action=\"start\" class=\"btn btn-lg px-5 py-3\" aria-describedby=\"q9-start-note\">\n            <span>\u958b\u59cb\u6e2c\u9a57<\/span>\n            <i class=\"bi bi-arrow-right-short ms-2\" aria-hidden=\"true\"><\/i>\n          <\/button>\n          <p id=\"q9-start-note\" class=\"visually-hidden\">\u9ede\u64ca\u5f8c\u9032\u5165\u7b2c\u4e00\u984c\uff0c\u6240\u6709\u984c\u76ee\u90fd\u5fc5\u9808\u4f5c\u7b54\u3002<\/p>\n        <\/footer>\n      <\/article>\n    <\/div>\n  <\/section>\n\n  <section id=\"quizmain9\" data-page=\"quiz9\" data-page-panel class=\"q9-hidden\" aria-labelledby=\"q9-quiz-title\" aria-live=\"polite\">\n    <div class=\"container py-4 py-md-5\">\n      <article data-quiz-card class=\"mx-auto\">\n        <header class=\"mb-4\">\n          <div class=\"d-flex align-items-center justify-content-between gap-3 mb-3\">\n            <div>\n              <p data-eyebrow class=\"mb-1\">\u76f4\u89ba\u4f5c\u7b54\u5373\u53ef<\/p>\n              <h2 id=\"q9-quiz-title\" tabindex=\"-1\" class=\"fw-bold mb-0\">\u5a5a\u5f8c\u5e78\u798f\u6e2c\u9a57<\/h2>\n            <\/div>\n            <output data-question-count aria-live=\"polite\">\u7b2c 1 \u984c \/ \u6700\u591a 10 \u984c<\/output>\n          <\/div>\n\n          <div class=\"progress\" role=\"progressbar\" aria-label=\"\u6e2c\u9a57\u9032\u5ea6\" aria-valuemin=\"0\" aria-valuemax=\"100\" aria-valuenow=\"10\" data-progress>\n            <div class=\"progress-bar\" data-progress-bar style=\"width:10%\"><\/div>\n          <\/div>\n        <\/header>\n\n        <main data-question-stage>\n          <article data-question-card data-question-id=\"1\" class=\"q9-active\" aria-labelledby=\"q9-q1-title\">\n            <h3 id=\"q9-q1-title\" class=\"h4 fw-bold mb-4\">1. \u4f60\u662f\u4e00\u500b\u4e0d\u559c\u6b61\u592a\u8ffd\u6c42\u7d30\u7bc0\u7684\u4eba\uff1f<\/h3>\n            <div class=\"d-grid gap-3\" role=\"group\" aria-labelledby=\"q9-q1-title\">\n              <button type=\"button\" data-option data-next=\"2\" class=\"card\" aria-pressed=\"false\">\n                <span data-choice-mark aria-hidden=\"true\"><\/span><span>\u662f\u7684<\/span>\n              <\/button>\n              <button type=\"button\" data-option data-next=\"3\" class=\"card\" aria-pressed=\"false\">\n                <span data-choice-mark aria-hidden=\"true\"><\/span><span>\u4e0d\u662f<\/span>\n              <\/button>\n              <button type=\"button\" data-option data-next=\"4\" class=\"card\" aria-pressed=\"false\">\n                <span data-choice-mark aria-hidden=\"true\"><\/span><span>\u4e00\u822c<\/span>\n              <\/button>\n            <\/div>\n          <\/article>\n\n          <article data-question-card data-question-id=\"2\" class=\"q9-hidden\" aria-labelledby=\"q9-q2-title\">\n            <h3 id=\"q9-q2-title\" class=\"h4 fw-bold mb-4\">2. \u4f60\u8a8d\u70ba\u81ea\u5df1\u624d\u662f\u6700\u91cd\u8981\u7684\u4eba\uff1f<\/h3>\n            <div class=\"d-grid gap-3\" role=\"group\" aria-labelledby=\"q9-q2-title\">\n              <button type=\"button\" data-option data-next=\"3\" class=\"card\" aria-pressed=\"false\"><span data-choice-mark aria-hidden=\"true\"><\/span><span>\u662f\u7684<\/span><\/button>\n              <button type=\"button\" data-option data-next=\"4\" class=\"card\" aria-pressed=\"false\"><span data-choice-mark aria-hidden=\"true\"><\/span><span>\u4e0d\u662f<\/span><\/button>\n              <button type=\"button\" data-option data-next=\"5\" class=\"card\" aria-pressed=\"false\"><span data-choice-mark aria-hidden=\"true\"><\/span><span>\u4e0d\u77e5\u9053<\/span><\/button>\n            <\/div>\n          <\/article>\n\n          <article data-question-card data-question-id=\"3\" class=\"q9-hidden\" aria-labelledby=\"q9-q3-title\">\n            <h3 id=\"q9-q3-title\" class=\"h4 fw-bold mb-4\">3. \u4f60\u505a\u4e8b\u60c5\u5e38\u5e38\u6703\u4f9d\u8cf4\u7b2c\u516d\u611f\u55ce\uff1f<\/h3>\n            <div class=\"d-grid gap-3\" role=\"group\" aria-labelledby=\"q9-q3-title\">\n              <button type=\"button\" data-option data-next=\"4\" class=\"card\" aria-pressed=\"false\"><span data-choice-mark aria-hidden=\"true\"><\/span><span>\u662f\u7684<\/span><\/button>\n              <button type=\"button\" data-option data-next=\"5\" class=\"card\" aria-pressed=\"false\"><span data-choice-mark aria-hidden=\"true\"><\/span><span>\u4e0d\u662f<\/span><\/button>\n              <button type=\"button\" data-option data-next=\"6\" class=\"card\" aria-pressed=\"false\"><span data-choice-mark aria-hidden=\"true\"><\/span><span>\u9084\u597d<\/span><\/button>\n            <\/div>\n          <\/article>\n\n          <article data-question-card data-question-id=\"4\" class=\"q9-hidden\" aria-labelledby=\"q9-q4-title\">\n            <h3 id=\"q9-q4-title\" class=\"h4 fw-bold mb-4\">4. \u4f60\u662f\u4e00\u500b\u5c0d\u7f8e\u98df\u76f8\u7576\u71b1\u611b\u7684\u4eba\u55ce\uff1f<\/h3>\n            <div class=\"d-grid gap-3\" role=\"group\" aria-labelledby=\"q9-q4-title\">\n              <button type=\"button\" data-option data-next=\"5\" class=\"card\" aria-pressed=\"false\"><span data-choice-mark aria-hidden=\"true\"><\/span><span>\u662f\u7684<\/span><\/button>\n              <button type=\"button\" data-option data-next=\"6\" class=\"card\" aria-pressed=\"false\"><span data-choice-mark aria-hidden=\"true\"><\/span><span>\u4e0d\u662f<\/span><\/button>\n              <button type=\"button\" data-option data-next=\"7\" class=\"card\" aria-pressed=\"false\"><span data-choice-mark aria-hidden=\"true\"><\/span><span>\u4e00\u822c<\/span><\/button>\n            <\/div>\n          <\/article>\n\n          <article data-question-card data-question-id=\"5\" class=\"q9-hidden\" aria-labelledby=\"q9-q5-title\">\n            <h3 id=\"q9-q5-title\" class=\"h4 fw-bold mb-4\">5. \u5982\u679c\u6709\u4e00\u5929\u4f60\u56e0\u6545\u4e0d\u5f97\u4e0d\u96e2\u958b\u6200\u4eba\uff0c\u4f60\u6703\u8ddf\u5c0d\u65b9\u8aaa\u6e05\u539f\u56e0\u55ce\uff1f<\/h3>\n            <div class=\"d-grid gap-3\" role=\"group\" aria-labelledby=\"q9-q5-title\">\n              <button type=\"button\" data-option data-next=\"6\" class=\"card\" aria-pressed=\"false\"><span data-choice-mark aria-hidden=\"true\"><\/span><span>\u6703\u7684<\/span><\/button>\n              <button type=\"button\" data-option data-next=\"7\" class=\"card\" aria-pressed=\"false\"><span data-choice-mark aria-hidden=\"true\"><\/span><span>\u4e0d\u6703<\/span><\/button>\n              <button type=\"button\" data-option data-next=\"8\" class=\"card\" aria-pressed=\"false\"><span data-choice-mark aria-hidden=\"true\"><\/span><span>\u770b\u60c5\u6cc1<\/span><\/button>\n            <\/div>\n          <\/article>\n\n          <article data-question-card data-question-id=\"6\" class=\"q9-hidden\" aria-labelledby=\"q9-q6-title\">\n            <h3 id=\"q9-q6-title\" class=\"h4 fw-bold mb-4\">6. \u4f60\u9001\u904e\u5de7\u514b\u529b\u7d66\u7537\u751f\u55ce\uff1f<\/h3>\n            <div class=\"d-grid gap-3\" role=\"group\" aria-labelledby=\"q9-q6-title\">\n              <button type=\"button\" data-option data-next=\"7\" class=\"card\" aria-pressed=\"false\"><span data-choice-mark aria-hidden=\"true\"><\/span><span>\u662f\u7684<\/span><\/button>\n              <button type=\"button\" data-option data-next=\"8\" class=\"card\" aria-pressed=\"false\"><span data-choice-mark aria-hidden=\"true\"><\/span><span>\u6c92\u6709<\/span><\/button>\n              <button type=\"button\" data-option data-result=\"A\" class=\"card\" aria-pressed=\"false\"><span data-choice-mark aria-hidden=\"true\"><\/span><span>\u6b63\u6253\u7b97\u9001<\/span><\/button>\n            <\/div>\n          <\/article>\n\n          <article data-question-card data-question-id=\"7\" class=\"q9-hidden\" aria-labelledby=\"q9-q7-title\">\n            <h3 id=\"q9-q7-title\" class=\"h4 fw-bold mb-4\">7. \u4f60\u73fe\u5728\u4e0d\u559c\u6b61\u770b\u76f8\u89aa\u4e4b\u985e\u7684\u96fb\u8996\u7bc0\u76ee\u55ce\uff1f<\/h3>\n            <div class=\"d-grid gap-3\" role=\"group\" aria-labelledby=\"q9-q7-title\">\n              <button type=\"button\" data-option data-next=\"8\" class=\"card\" aria-pressed=\"false\"><span data-choice-mark aria-hidden=\"true\"><\/span><span>\u662f\u7684<\/span><\/button>\n              <button type=\"button\" data-option data-next=\"9\" class=\"card\" aria-pressed=\"false\"><span data-choice-mark aria-hidden=\"true\"><\/span><span>\u4e00\u76f4\u4e0d\u559c\u6b61<\/span><\/button>\n              <button type=\"button\" data-option data-next=\"10\" class=\"card\" aria-pressed=\"false\"><span data-choice-mark aria-hidden=\"true\"><\/span><span>\u4e00\u76f4\u559c\u6b61\u770b<\/span><\/button>\n            <\/div>\n          <\/article>\n\n          <article data-question-card data-question-id=\"8\" class=\"q9-hidden\" aria-labelledby=\"q9-q8-title\">\n            <h3 id=\"q9-q8-title\" class=\"h4 fw-bold mb-4\">8. \u82e5\u4e0d\u80fd\u8207\u76f8\u611b\u7684\u4eba\u7d50\u5a5a\uff0c\u4f60\u89ba\u5f97\u81ea\u5df1\u4e0d\u6703\u7d50\u5a5a\u4e86\u55ce\uff1f<\/h3>\n            <div class=\"d-grid gap-3\" role=\"group\" aria-labelledby=\"q9-q8-title\">\n              <button type=\"button\" data-option data-next=\"9\" class=\"card\" aria-pressed=\"false\"><span data-choice-mark aria-hidden=\"true\"><\/span><span>\u662f\u7684<\/span><\/button>\n              <button type=\"button\" data-option data-result=\"A\" class=\"card\" aria-pressed=\"false\"><span data-choice-mark aria-hidden=\"true\"><\/span><span>\u4e0d\u6703<\/span><\/button>\n              <button type=\"button\" data-option data-result=\"B\" class=\"card\" aria-pressed=\"false\"><span data-choice-mark aria-hidden=\"true\"><\/span><span>\u4e0d\u77e5\u9053<\/span><\/button>\n            <\/div>\n          <\/article>\n\n          <article data-question-card data-question-id=\"9\" class=\"q9-hidden\" aria-labelledby=\"q9-q9-title\">\n            <h3 id=\"q9-q9-title\" class=\"h4 fw-bold mb-4\">9. \u9019\u5e7e\u7a2e\u984f\u8272\u7684\u82b1\u74f6\uff0c\u4f60\u6700\u559c\u6b61\u7684\u662f\uff1f<\/h3>\n            <div class=\"d-grid gap-3\" role=\"group\" aria-labelledby=\"q9-q9-title\">\n              <button type=\"button\" data-option data-result=\"C\" class=\"card\" aria-pressed=\"false\"><span data-choice-mark aria-hidden=\"true\"><\/span><span>\u9752\u8272<\/span><\/button>\n              <button type=\"button\" data-option data-result=\"D\" class=\"card\" aria-pressed=\"false\"><span data-choice-mark aria-hidden=\"true\"><\/span><span>\u85cd\u8272<\/span><\/button>\n              <button type=\"button\" data-option data-result=\"A\" class=\"card\" aria-pressed=\"false\"><span data-choice-mark aria-hidden=\"true\"><\/span><span>\u767d\u8272<\/span><\/button>\n            <\/div>\n          <\/article>\n\n          <article data-question-card data-question-id=\"10\" class=\"q9-hidden\" aria-labelledby=\"q9-q10-title\">\n            <h3 id=\"q9-q10-title\" class=\"h4 fw-bold mb-4\">10. \u9664\u53bb\u611b\u60c5\uff0c\u73fe\u5728\u7684\u4f60\u66f4\u5e0c\u671b\u7372\u5f97\uff1f<\/h3>\n            <div class=\"d-grid gap-3\" role=\"group\" aria-labelledby=\"q9-q10-title\">\n              <button type=\"button\" data-option data-result=\"B\" class=\"card\" aria-pressed=\"false\"><span data-choice-mark aria-hidden=\"true\"><\/span><span>\u8ca1\u5bcc<\/span><\/button>\n              <button type=\"button\" data-option data-result=\"C\" class=\"card\" aria-pressed=\"false\"><span data-choice-mark aria-hidden=\"true\"><\/span><span>\u540d\u8072<\/span><\/button>\n              <button type=\"button\" data-option data-result=\"D\" class=\"card\" aria-pressed=\"false\"><span data-choice-mark aria-hidden=\"true\"><\/span><span>\u5065\u5eb7<\/span><\/button>\n            <\/div>\n          <\/article>\n        <\/main>\n\n        <div data-loading class=\"q9-hidden text-center mt-4\" aria-live=\"polite\">\n          <div class=\"spinner-border spinner-border-sm me-2\" role=\"status\" aria-hidden=\"true\"><\/div>\n          <span>\u6b63\u5728\u6574\u7406\u4f60\u7684\u9078\u64c7&#8230;<\/span>\n        <\/div>\n\n        <footer class=\"text-center mt-4\">\n          <button type=\"button\" data-action=\"prev\" class=\"btn btn-outline-secondary px-4 py-2\" disabled>\n            <i class=\"bi bi-arrow-left-short me-1\" aria-hidden=\"true\"><\/i>\u4e0a\u4e00\u984c\n          <\/button>\n        <\/footer>\n      <\/article>\n    <\/div>\n  <\/section>\n\n  <section id=\"quizresult9\" data-page=\"result9\" data-page-panel class=\"q9-hidden\" aria-labelledby=\"q9-result-title\" aria-live=\"polite\">\n    <div class=\"container py-5\">\n      <article data-result-shell class=\"mx-auto\">\n        <header class=\"text-center mb-4\">\n          <p data-eyebrow class=\"mb-3\">\u4f60\u7684\u5a5a\u59fb\u6c23\u5019\u5831\u544a<\/p>\n          <h2 id=\"q9-result-title\" tabindex=\"-1\" class=\"fw-bold mb-3\">\u7d50\u679c\u5df2\u751f\u6210<\/h2>\n          <p class=\"lead mx-auto mb-0\">\u5716\u8868\u6703\u5448\u73fe\u4f60\u7684\u5e78\u798f\u5206\u5e03\u3001\u751f\u6d3b\u72c0\u614b\u50be\u5411\u8207\u76ee\u524d\u6240\u5728\u5340\u9593\u3002<\/p>\n        <\/header>\n\n        <main>\n          <section class=\"row g-4 align-items-stretch mb-4\" aria-label=\"\u7d50\u679c\u6458\u8981\">\n            <article class=\"col-12 col-lg-5\">\n              <div data-result-panel data-result-key=\"A\" class=\"q9-hidden h-100\">\n                <span data-result-badge>\u7d50\u679c A<\/span>\n                <h3 class=\"h2 fw-bold mt-3\">\u4e00\u76f4\u6ecb\u6f64<\/h3>\n                <p>\u4f60\u4e0d\u592a\u5bb9\u6613\u628a\u5e78\u798f\u5b8c\u5168\u4ea4\u7d66\u5a5a\u59fb\u6c7a\u5b9a\u3002\u7121\u8ad6\u55ae\u8eab\u3001\u6200\u611b\u6216\u5a5a\u5f8c\uff0c\u4f60\u90fd\u6bd4\u8f03\u77e5\u9053\u81ea\u5df1\u91cd\u8981\uff0c\u4e5f\u6bd4\u8f03\u4e0d\u6703\u9577\u671f\u8667\u5f85\u81ea\u5df1\u3002<\/p>\n                <p>\u4f60\u7684\u512a\u52e2\u662f\u81ea\u6211\u7167\u9867\u611f\u5f88\u5f37\uff1b\u9700\u8981\u6ce8\u610f\u7684\u662f\uff0c\u5225\u628a\u300c\u6211\u6700\u91cd\u8981\u300d\u8b8a\u6210\u5b8c\u5168\u4e0d\u807d\u5c0d\u65b9\u7684\u9700\u6c42\u3002<\/p>\n              <\/div>\n\n              <div data-result-panel data-result-key=\"B\" class=\"q9-hidden h-100\">\n                <span data-result-badge>\u7d50\u679c B<\/span>\n                <h3 class=\"h2 fw-bold mt-3\">\u5a5a\u5f8c\u8d8a\u6ecb\u6f64<\/h3>\n                <p>\u4f60\u5a5a\u524d\u53ef\u4ee5\u7167\u9867\u81ea\u5df1\uff0c\u5a5a\u5f8c\u82e5\u9047\u5230\u7a69\u5b9a\u652f\u6301\u4f60\u7684\u4f34\u4fb6\uff0c\u751f\u6d3b\u8cea\u611f\u6703\u660e\u986f\u63d0\u5347\u3002\u4f60\u4e0d\u662f\u4f9d\u8cf4\u5a5a\u59fb\uff0c\u800c\u662f\u5bb9\u6613\u88ab\u597d\u7684\u95dc\u4fc2\u52a0\u5206\u3002<\/p>\n                <p>\u4f60\u7684\u512a\u52e2\u662f\u80fd\u63a5\u53d7\u611b\u8207\u652f\u6301\uff1b\u9700\u8981\u6ce8\u610f\u7684\u662f\uff0c\u4e0d\u8981\u628a\u6240\u6709\u8b8a\u597d\u7684\u671f\u5f85\u90fd\u58d3\u5728\u4f34\u4fb6\u8eab\u4e0a\u3002<\/p>\n              <\/div>\n\n              <div data-result-panel data-result-key=\"C\" class=\"q9-hidden h-100\">\n                <span data-result-badge>\u7d50\u679c C<\/span>\n                <h3 class=\"h2 fw-bold mt-3\">\u5a5a\u5f8c\u5f88\u7d2f\u5fc3<\/h3>\n                <p>\u5a5a\u524d\u4f60\u53ef\u80fd\u66f4\u81ea\u7531\uff0c\u4e5f\u66f4\u80fd\u628a\u6642\u9593\u3001\u91d1\u9322\u548c\u60c5\u7dd2\u653e\u56de\u81ea\u5df1\u8eab\u4e0a\u3002\u5a5a\u5f8c\u82e5\u5bb6\u5ead\u8cac\u4efb\u5927\u91cf\u589e\u52a0\uff0c\u53c8\u7f3a\u5c11\u7406\u89e3\uff0c\u5c31\u5bb9\u6613\u611f\u5230\u88ab\u6d88\u8017\u3002<\/p>\n                <p>\u4f60\u7684\u98a8\u96aa\u4e0d\u662f\u4e0d\u9069\u5408\u5a5a\u59fb\uff0c\u800c\u662f\u5bb9\u6613\u5728\u5a5a\u59fb\u88e1\u627f\u64d4\u904e\u91cf\u8cac\u4efb\uff0c\u6700\u5f8c\u8b8a\u6210\u6c92\u4eba\u770b\u898b\u7684\u75b2\u618a\u3002<\/p>\n              <\/div>\n\n              <div data-result-panel data-result-key=\"D\" class=\"q9-hidden h-100\">\n                <span data-result-badge>\u7d50\u679c D<\/span>\n                <h3 class=\"h2 fw-bold mt-3\">\u90fd\u5f88\u7d2f<\/h3>\n                <p>\u4f60\u76ee\u524d\u7684\u751f\u6d3b\u80fd\u91cf\u53ef\u80fd\u504f\u4f4e\uff0c\u4e0d\u53ea\u662f\u5a5a\u524d\u6216\u5a5a\u5f8c\u7684\u554f\u984c\uff0c\u800c\u662f\u9577\u671f\u8655\u5728\u6bd4\u8f03\u8cbb\u529b\u3001\u6bd4\u8f03\u96e3\u653e\u9b06\u7684\u72c0\u614b\u3002<\/p>\n                <p>\u4f60\u7684\u9996\u8981\u8ab2\u984c\u4e0d\u662f\u6025\u8457\u5224\u65b7\u5a5a\u59fb\u597d\u58de\uff0c\u800c\u662f\u5148\u964d\u4f4e\u6d88\u8017\uff0c\u91cd\u65b0\u5efa\u7acb\u91d1\u9322\u3001\u8eab\u9ad4\u8207\u60c5\u7dd2\u4e0a\u7684\u5b89\u5168\u611f\u3002<\/p>\n              <\/div>\n            <\/article>\n\n            <article class=\"col-12 col-lg-7\">\n              <div data-chart-card>\n                <h3 class=\"h5 fw-bold mb-3\">\u4e94\u7dad\u5e78\u798f\u96f7\u9054<\/h3>\n                <div data-chart-box>\n                  <canvas data-chart=\"radar\" aria-label=\"\u4e94\u7dad\u5e78\u798f\u96f7\u9054\u5716\" role=\"img\"><\/canvas>\n                <\/div>\n              <\/div>\n            <\/article>\n          <\/section>\n\n          <section data-chart-card class=\"mb-4\" aria-label=\"\u6574\u9ad4\u5206\u6578\u4f4d\u7f6e\">\n            <div class=\"d-flex flex-column flex-md-row justify-content-between gap-2 mb-3\">\n              <div>\n                <h3 class=\"h5 fw-bold mb-1\">\u6574\u9ad4\u6ecb\u6f64\u5ea6\u4f4d\u7f6e<\/h3>\n                <p class=\"mb-0\">\u7d05\u8272\u5713\u9ede\u6a19\u793a\u4f60\u76ee\u524d\u6240\u5728\u5206\u6578\u5340\u9593\u3002<\/p>\n              <\/div>\n              <strong data-score-label>\u76ee\u524d\u5206\u6578\uff1a&#8211; \/ 100<\/strong>\n            <\/div>\n            <div data-chart-box=\"bar\">\n              <canvas data-chart=\"position\" aria-label=\"\u6574\u9ad4\u6ecb\u6f64\u5ea6\u6a6b\u5411\u5340\u9593\u5716\" role=\"img\"><\/canvas>\n            <\/div>\n          <\/section>\n\n          <section class=\"row g-3 mb-4\" aria-label=\"\u56db\u7a2e\u7d50\u679c\u5b8c\u6574\u8aaa\u660e\">\n            <article class=\"col-12 col-md-6 col-xl-3\">\n              <div data-seo-card>\n                <h4 class=\"h6 fw-bold\">A \u4e00\u76f4\u6ecb\u6f64<\/h4>\n                <p>\u91cd\u9ede\u662f\u81ea\u6211\u7167\u9867\u7a69\u5b9a\uff0c\u4e0d\u5bb9\u6613\u56e0\u95dc\u4fc2\u72c0\u614b\u800c\u5b8c\u5168\u5931\u8861\u3002<\/p>\n              <\/div>\n            <\/article>\n            <article class=\"col-12 col-md-6 col-xl-3\">\n              <div data-seo-card>\n                <h4 class=\"h6 fw-bold\">B \u5a5a\u5f8c\u8d8a\u6ecb\u6f64<\/h4>\n                <p>\u9069\u5408\u5728\u88ab\u652f\u6301\u7684\u95dc\u4fc2\u4e2d\u6210\u9577\uff0c\u5a5a\u59fb\u53ef\u80fd\u5e36\u4f86\u66f4\u597d\u7684\u72c0\u614b\u3002<\/p>\n              <\/div>\n            <\/article>\n            <article class=\"col-12 col-md-6 col-xl-3\">\n              <div data-seo-card>\n                <h4 class=\"h6 fw-bold\">C \u5a5a\u5f8c\u5f88\u7d2f\u5fc3<\/h4>\n                <p>\u5bb9\u6613\u56e0\u5bb6\u5ead\u8cac\u4efb\u8207\u60c5\u7dd2\u52de\u52d5\u800c\u611f\u5230\u58d3\u529b\uff0c\u9700\u8981\u754c\u7dda\u8207\u5206\u5de5\u3002<\/p>\n              <\/div>\n            <\/article>\n            <article class=\"col-12 col-md-6 col-xl-3\">\n              <div data-seo-card>\n                <h4 class=\"h6 fw-bold\">D \u90fd\u5f88\u7d2f<\/h4>\n                <p>\u6838\u5fc3\u662f\u9577\u671f\u80fd\u91cf\u4e0d\u8db3\uff0c\u61c9\u5148\u8655\u7406\u751f\u6d3b\u6d88\u8017\u8207\u5b89\u5168\u611f\u554f\u984c\u3002<\/p>\n              <\/div>\n            <\/article>\n          <\/section>\n        <\/main>\n\n        <footer class=\"text-center\">\n          <button type=\"button\" data-action=\"restart\" class=\"btn btn-lg px-5 py-3\">\n            <i class=\"bi bi-arrow-counterclockwise me-2\" aria-hidden=\"true\"><\/i>\u91cd\u65b0\u6e2c\u9a57\n          <\/button>\n        <\/footer>\n      <\/article>\n    <\/div>\n  <\/section>\n<\/main>\n\n<style>\n[data-quiz=\"marriage9\"]{--q9-ink:#24312b;--q9-muted:#5f6f66;--q9-line:#dfe7df;--q9-cream:#fffaf0;--q9-sage:#9fb9a3;--q9-mint:#dceee2;--q9-sand:#f3dfbd;--q9-peach:#f4c7a3;--q9-clay:#c98265;--q9-warm:#f7efe2;--q9-shadow:0 24px 70px rgba(68,82,72,.16);font-family:-apple-system,BlinkMacSystemFont,\"Segoe UI\",\"Noto Sans TC\",\"PingFang TC\",\"Microsoft JhengHei\",sans-serif;color:var(--q9-ink);font-size:16px;line-height:1.6}\n[data-quiz=\"marriage9\"] *{box-sizing:border-box}\n[data-quiz=\"marriage9\"] h1{font-size:clamp(2rem,8vw,3.9rem);line-height:1.08;letter-spacing:-.04em}\n[data-quiz=\"marriage9\"] h2{font-size:clamp(1.7rem,5vw,2.8rem);line-height:1.12;letter-spacing:-.03em}\n[data-quiz=\"marriage9\"] h3{line-height:1.3}\n[data-quiz=\"marriage9\"] p{color:var(--q9-muted)}\n.q9-hidden{display:none!important}\n.q9-active{display:flex!important}\n[data-page-panel]{min-height:620px;contain:layout paint style}\n[data-hero-shell],[data-result-shell],[data-quiz-card]{position:relative;width:min(100%,1040px);border:1px solid rgba(159,185,163,.38);border-radius:32px;background:linear-gradient(145deg,rgba(255,250,240,.96),rgba(245,238,224,.86));box-shadow:var(--q9-shadow);overflow:hidden;contain:layout paint style}\n[data-hero-shell]{padding:32px 20px}\n[data-result-shell],[data-quiz-card]{padding:24px 18px}\n[data-hero-shell]::before,[data-result-shell]::before{content:\"\";position:absolute;inset:0;background:radial-gradient(circle at 18% 12%,rgba(220,238,226,.95),transparent 28%),radial-gradient(circle at 82% 18%,rgba(243,223,189,.85),transparent 30%),radial-gradient(circle at 50% 100%,rgba(244,199,163,.45),transparent 36%);pointer-events:none}\n[data-hero-shell]>*,[data-result-shell]>*,[data-quiz-card]>*{position:relative}\n[data-eyebrow]{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(159,185,163,.5);border-radius:999px;background:rgba(255,255,255,.62);padding:6px 14px;color:#52665a!important;font-weight:700;font-size:.9rem}\n[data-eyebrow]::before{content:\"\";width:8px;height:8px;border-radius:50%;background:var(--q9-clay)}\n[data-floating-layer]{position:absolute;inset:0;pointer-events:none}\n[data-orb]{position:absolute;display:grid;place-items:center;width:76px;height:76px;border-radius:50%;background:rgba(255,255,255,.62);border:1px solid rgba(255,255,255,.9);box-shadow:0 18px 44px rgba(68,82,72,.13);color:#7b907e;font-size:2rem;transition:transform .25s ease}\n[data-orb=\"one\"]{left:6%;top:9%}\n[data-orb=\"two\"]{right:8%;top:18%}\n[data-orb=\"three\"]{right:14%;bottom:10%}\n[data-mini-card],[data-seo-card],[data-chart-card],[data-result-panel]{border:1px solid rgba(159,185,163,.36);border-radius:24px;background:rgba(255,255,255,.68);box-shadow:0 14px 36px rgba(68,82,72,.08);padding:20px;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}\n[data-mini-card]:hover,[data-seo-card]:hover{transform:translateY(-3px);box-shadow:0 20px 46px rgba(68,82,72,.13);border-color:rgba(201,130,101,.42)}\n[data-mini-card] i{display:inline-grid;place-items:center;width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,var(--q9-mint),var(--q9-sand));color:#52665a;font-size:1.6rem}\n[data-soft-note]{max-width:680px;margin-inline:auto}\n[data-action=\"start\"],[data-action=\"restart\"]{min-width:44px;min-height:52px;border:0;border-radius:999px;background:linear-gradient(135deg,#8fac93,#d7bc8a);color:#17231c;font-weight:800;box-shadow:0 16px 34px rgba(123,144,126,.28);transition:transform .2s ease,box-shadow .2s ease,filter .2s ease}\n[data-action=\"start\"]:hover,[data-action=\"restart\"]:hover{transform:translateY(-2px);box-shadow:0 20px 42px rgba(123,144,126,.35);filter:saturate(1.04)}\n[data-question-count],[data-score-label]{border-radius:999px;background:rgba(255,255,255,.72);border:1px solid rgba(159,185,163,.4);padding:8px 14px;color:#52665a;font-size:.95rem}\n[data-progress]{height:12px;background:#edf2ec;border-radius:999px;overflow:hidden}\n[data-progress-bar]{background:linear-gradient(90deg,var(--q9-sage),var(--q9-sand),var(--q9-peach));transition:width .22s ease}\n[data-question-card]{display:block}\n[data-option]{width:100%;min-height:64px;padding:16px;border-radius:22px;border:1px solid rgba(159,185,163,.42)!important;background:rgba(255,255,255,.78)!important;color:var(--q9-ink)!important;display:flex;align-items:center;gap:14px;text-align:left;font-weight:700;box-shadow:0 10px 24px rgba(68,82,72,.07);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background-color .18s ease}\n[data-option]:hover{transform:translateY(-2px);box-shadow:0 16px 32px rgba(68,82,72,.12);border-color:rgba(201,130,101,.55)!important}\n[data-option][data-selected=\"true\"]{background:linear-gradient(135deg,rgba(220,238,226,.96),rgba(243,223,189,.78))!important;border-color:rgba(127,152,132,.8)!important}\n[data-choice-mark]{flex:0 0 28px;width:28px;height:28px;border-radius:50%;border:2px solid #8fac93;background:#fff;display:grid;place-items:center}\n[data-option][data-selected=\"true\"] [data-choice-mark]{background:#8fac93;border-color:#8fac93}\n[data-option][data-selected=\"true\"] [data-choice-mark]::after{content:\"\u2713\";color:#fff;font-size:16px;font-weight:900}\n[data-action=\"prev\"]{min-width:120px;min-height:44px;border-radius:999px}\n[data-loading]{color:var(--q9-muted)}\n[data-result-badge]{display:inline-flex;border-radius:999px;background:linear-gradient(135deg,var(--q9-mint),var(--q9-sand));padding:7px 14px;font-weight:800;color:#3e5147}\n[data-chart-box]{position:relative;width:100%;height:320px}\n[data-chart-box=\"bar\"]{height:230px}\n[data-seo-card]{height:100%}\n@media (min-width:768px){\n  [data-quiz=\"marriage9\"]{font-size:18px}\n  [data-hero-shell]{padding:56px 48px}\n  [data-result-shell],[data-quiz-card]{padding:40px}\n  [data-chart-box]{height:390px}\n  [data-chart-box=\"bar\"]{height:260px}\n  [data-page-panel]{min-height:720px}\n}\n@media (prefers-reduced-motion:reduce){\n  [data-quiz=\"marriage9\"] *,[data-quiz=\"marriage9\"] *::before,[data-quiz=\"marriage9\"] *::after{transition:none!important}\n}\n<\/style>\n\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/Chart.js\/4.4.1\/chart.umd.min.js\"><\/script>\n<script>\n(() => {\n  'use strict';\n\n  class MarriageQuiz9 {\n    constructor(root) {\n      this.root = root;\n      this.pages = [...root.querySelectorAll('[data-page-panel]')];\n      this.questionCards = [...root.querySelectorAll('[data-question-card]')];\n      this.optionButtons = [...root.querySelectorAll('[data-option]')];\n      this.resultPanels = [...root.querySelectorAll('[data-result-panel]')];\n      this.progress = root.querySelector('[data-progress]');\n      this.progressBar = root.querySelector('[data-progress-bar]');\n      this.questionCount = root.querySelector('[data-question-count]');\n      this.loading = root.querySelector('[data-loading]');\n      this.prevButton = root.querySelector('[data-action=\"prev\"]');\n      this.scoreLabel = root.querySelector('[data-score-label]');\n      this.radarCanvas = root.querySelector('[data-chart=\"radar\"]');\n      this.positionCanvas = root.querySelector('[data-chart=\"position\"]');\n      this.currentQuestionId = '1';\n      this.history = [];\n      this.resultKey = null;\n      this.isBusy = false;\n      this.radarChart = null;\n      this.positionChart = null;\n\n      this.scoreMap = {\n        A: { score: 92, radar: [95, 78, 88, 90, 84] },\n        B: { score: 80, radar: [82, 94, 76, 86, 90] },\n        C: { score: 43, radar: [48, 36, 42, 32, 45] },\n        D: { score: 22, radar: [32, 28, 25, 24, 34] }\n      };\n\n      this.handleClick = this.debounce(this.handleClick.bind(this), 70);\n      this.handleResize = this.throttle(() => {\n        if (this.radarChart) this.radarChart.resize();\n        if (this.positionChart) this.positionChart.resize();\n      }, 240);\n\n      this.root.addEventListener('click', this.handleClick);\n      window.addEventListener('resize', this.handleResize, { passive: true });\n      this.updateProgress();\n    }\n\n    debounce(fn, delay) {\n      let timer = 0;\n      return (...args) => {\n        window.clearTimeout(timer);\n        timer = window.setTimeout(() => fn(...args), delay);\n      };\n    }\n\n    throttle(fn, delay) {\n      let last = 0;\n      let timer = 0;\n      return (...args) => {\n        const now = Date.now();\n        const remaining = delay - (now - last);\n        if (remaining <= 0) {\n          window.clearTimeout(timer);\n          last = now;\n          fn(...args);\n        } else if (!timer) {\n          timer = window.setTimeout(() => {\n            last = Date.now();\n            timer = 0;\n            fn(...args);\n          }, remaining);\n        }\n      };\n    }\n\n    async handleClick(event) {\n      const actionButton = event.target.closest('[data-action]');\n      const optionButton = event.target.closest('[data-option]');\n\n      if (actionButton) {\n        const action = actionButton.dataset.action;\n        if (action === 'start') await this.startQuiz();\n        if (action === 'prev') await this.prevQuestion();\n        if (action === 'restart') await this.restartQuiz();\n        return;\n      }\n\n      if (optionButton) {\n        await this.chooseOption(optionButton);\n      }\n    }\n\n    wait(ms = 160) {\n      return new Promise(resolve => window.setTimeout(resolve, ms));\n    }\n\n    setBusy(state) {\n      this.isBusy = state;\n      this.root.setAttribute('aria-busy', String(state));\n      this.loading.classList.toggle('q9-hidden', !state);\n      this.optionButtons.forEach(button => { button.disabled = state; });\n      this.prevButton.disabled = state || this.history.length === 0;\n    }\n\n    showPage(pageName) {\n      this.pages.forEach(page => {\n        const isCurrent = page.dataset.page === pageName;\n        page.classList.toggle('q9-hidden', !isCurrent);\n        page.classList.toggle('q9-active', isCurrent);\n        page.setAttribute('aria-hidden', String(!isCurrent));\n      });\n    }\n\n    showQuestion(questionId) {\n      this.currentQuestionId = questionId;\n      this.questionCards.forEach(card => {\n        const isCurrent = card.dataset.questionId === questionId;\n        card.classList.toggle('q9-hidden', !isCurrent);\n        card.classList.toggle('q9-active', isCurrent);\n        card.setAttribute('aria-hidden', String(!isCurrent));\n      });\n      this.updateProgress();\n    }\n\n    clearFutureSelection(questionId) {\n      const current = this.root.querySelector(`[data-question-id=\"${questionId}\"]`);\n      if (!current) return;\n      current.querySelectorAll('[data-option]').forEach(button => {\n        button.removeAttribute('data-selected');\n        button.setAttribute('aria-pressed', 'false');\n      });\n    }\n\n    updateProgress() {\n      const answeredCount = Math.min(this.history.length + 1, 10);\n      const percent = Math.min(Math.round((answeredCount \/ 10) * 100), 95);\n      this.progressBar.style.width = `${percent}%`;\n      this.progress.setAttribute('aria-valuenow', String(percent));\n      this.questionCount.textContent = `\u7b2c ${answeredCount} \u984c \/ \u6700\u591a 10 \u984c`;\n      this.prevButton.disabled = this.isBusy || this.history.length === 0;\n    }\n\n    async startQuiz() {\n      if (this.isBusy) return;\n      this.history = [];\n      this.resultKey = null;\n      this.optionButtons.forEach(button => {\n        button.removeAttribute('data-selected');\n        button.setAttribute('aria-pressed', 'false');\n      });\n      this.showPage('quiz9');\n      this.showQuestion('1');\n      this.root.querySelector('#q9-quiz-title')?.focus({ preventScroll: true });\n    }\n\n    async chooseOption(button) {\n      if (this.isBusy) return;\n      this.setBusy(true);\n\n      const currentCard = button.closest('[data-question-card]');\n      const currentId = currentCard.dataset.questionId;\n\n      currentCard.querySelectorAll('[data-option]').forEach(item => {\n        item.removeAttribute('data-selected');\n        item.setAttribute('aria-pressed', 'false');\n      });\n\n      button.setAttribute('data-selected', 'true');\n      button.setAttribute('aria-pressed', 'true');\n\n      this.history.push(currentId);\n      await this.wait(180);\n\n      if (button.dataset.result) {\n        await this.showResult(button.dataset.result);\n      } else {\n        this.showQuestion(button.dataset.next);\n      }\n\n      this.setBusy(false);\n    }\n\n    async prevQuestion() {\n      if (this.isBusy || this.history.length === 0) return;\n      this.setBusy(true);\n      const previousId = this.history.pop();\n      await this.wait(100);\n      this.showQuestion(previousId);\n      this.root.querySelector('#q9-quiz-title')?.focus({ preventScroll: true });\n      this.setBusy(false);\n    }\n\n    async showResult(key) {\n      this.resultKey = key;\n      this.progressBar.style.width = '100%';\n      this.progress.setAttribute('aria-valuenow', '100');\n\n      this.resultPanels.forEach(panel => {\n        const isCurrent = panel.dataset.resultKey === key;\n        panel.classList.toggle('q9-hidden', !isCurrent);\n        panel.classList.toggle('q9-active', isCurrent);\n      });\n\n      this.scoreLabel.textContent = `\u76ee\u524d\u5206\u6578\uff1a${this.scoreMap[key].score} \/ 100`;\n      this.showPage('result9');\n      this.root.querySelector('#q9-result-title')?.focus({ preventScroll: true });\n      await this.renderCharts(key);\n    }\n\n    async renderCharts(key) {\n      try {\n        await this.waitForChart();\n\n        const current = this.scoreMap[key];\n        const fontConfig = { size: 18, family: '\"Noto Sans TC\",\"Microsoft JhengHei\",sans-serif' };\n\n        if (this.radarChart) this.radarChart.destroy();\n        if (this.positionChart) this.positionChart.destroy();\n\n        this.radarChart = new Chart(this.radarCanvas, {\n          type: 'radar',\n          data: {\n            labels: ['\u81ea\u6211\u7167\u9867', '\u95dc\u4fc2\u6ecb\u990a', '\u751f\u6d3b\u81ea\u7531', '\u5fc3\u7dd2\u8f15\u76c8', '\u672a\u4f86\u7a69\u5b9a'],\n            datasets: [{\n              label: '\u4f60\u7684\u72c0\u614b',\n              data: current.radar,\n              fill: true,\n              backgroundColor: 'rgba(159,185,163,.28)',\n              borderColor: '#7f987f',\n              pointBackgroundColor: '#c98265',\n              pointBorderColor: '#ffffff',\n              pointRadius: 4,\n              borderWidth: 2\n            }]\n          },\n          options: {\n            responsive: true,\n            maintainAspectRatio: false,\n            plugins: {\n              legend: { display: false },\n              tooltip: { callbacks: { label: context => `${context.label}\uff1a${context.raw} \u5206` } }\n            },\n            scales: {\n              r: {\n                min: 0,\n                max: 100,\n                ticks: { display: false, stepSize: 20 },\n                pointLabels: { font: fontConfig, color: '#24312b' },\n                grid: { color: 'rgba(95,111,102,.18)' },\n                angleLines: { color: 'rgba(95,111,102,.18)' }\n              }\n            }\n          }\n        });\n\n        const markerPlugin = {\n          id: 'q9ScoreMarker',\n          afterDatasetsDraw: chart => {\n            const { ctx, scales } = chart;\n            const x = scales.x.getPixelForValue(current.score);\n            const y = scales.y.getPixelForValue(0);\n            ctx.save();\n            ctx.beginPath();\n            ctx.arc(x, y, 8, 0, Math.PI * 2);\n            ctx.fillStyle = '#d94a38';\n            ctx.fill();\n            ctx.lineWidth = 3;\n            ctx.strokeStyle = '#ffffff';\n            ctx.stroke();\n            ctx.restore();\n          }\n        };\n\n        this.positionChart = new Chart(this.positionCanvas, {\n          type: 'bar',\n          data: {\n            labels: ['\u6ecb\u6f64\u5ea6'],\n            datasets: [\n              { label: '\u4f4e\u80fd\u91cf 0-25', data: [25], backgroundColor: '#c9b6a4' },\n              { label: '\u504f\u5fc3\u7d2f 26-50', data: [25], backgroundColor: '#f0c7a8' },\n              { label: '\u7a69\u5b9a\u6ecb\u990a 51-75', data: [25], backgroundColor: '#d8c894' },\n              { label: '\u9ad8\u5ea6\u6ecb\u6f64 76-100', data: [25], backgroundColor: '#9fb9a3' }\n            ]\n          },\n          options: {\n            indexAxis: 'y',\n            responsive: true,\n            maintainAspectRatio: false,\n            scales: {\n              x: { stacked: true, min: 0, max: 100, ticks: { font: fontConfig, color: '#24312b' }, grid: { display: false } },\n              y: { stacked: true, ticks: { font: fontConfig, color: '#24312b' }, grid: { display: false } }\n            },\n            plugins: {\n              legend: { position: 'bottom', labels: { font: fontConfig, color: '#24312b', boxWidth: 18, padding: 16 } },\n              tooltip: { callbacks: { label: context => context.dataset.label } }\n            }\n          },\n          plugins: [markerPlugin]\n        });\n      } catch (error) {\n        this.scoreLabel.textContent = '\u5716\u8868\u8f09\u5165\u5931\u6557\uff0c\u8acb\u91cd\u65b0\u6574\u7406\u9801\u9762\u5f8c\u518d\u8a66\u3002';\n      }\n    }\n\n    waitForChart() {\n      return new Promise((resolve, reject) => {\n        let attempts = 0;\n        const check = () => {\n          attempts += 1;\n          if (window.Chart) resolve();\n          else if (attempts > 30) reject(new Error('Chart.js not loaded'));\n          else window.setTimeout(check, 100);\n        };\n        check();\n      });\n    }\n\n    async restartQuiz() {\n      if (this.isBusy) return;\n      if (this.radarChart) this.radarChart.destroy();\n      if (this.positionChart) this.positionChart.destroy();\n\n      this.radarChart = null;\n      this.positionChart = null;\n      this.currentQuestionId = '1';\n      this.history = [];\n      this.resultKey = null;\n\n      this.optionButtons.forEach(button => {\n        button.removeAttribute('data-selected');\n        button.setAttribute('aria-pressed', 'false');\n      });\n\n      this.resultPanels.forEach(panel => {\n        panel.classList.add('q9-hidden');\n        panel.classList.remove('q9-active');\n      });\n\n      this.showQuestion('1');\n      this.showPage('intro9');\n      this.root.querySelector('[data-action=\"start\"]')?.focus({ preventScroll: true });\n    }\n  }\n\n  document.addEventListener('DOMContentLoaded', () => {\n    const root = document.querySelector('[data-quiz=\"marriage9\"]');\n    if (root) new MarriageQuiz9(root);\n  });\n})();\n<\/script>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u6709\u7684\u4eba\u7ed3\u5a5a\u4e4b\u540e\u8fc7\u5f97\u5341\u5206\u8270\u82e6\uff0c\u592b\u59bb\u5173\u7cfb\u4e0d\u597d\uff0c\u5bb9\u6613\u5435\u67b6\uff0c\u5fc3\u5f88\u7d2f\uff0c\u5f53\u7136\u6ecb\u6da6\u4e0d\u5230\u54ea\u91cc\u53bb\u3002\u4e0d\u77e5\u4f60\u662f\u54ea\u79cd\u60c5\u51b5\u5462\uff1f<\/p>","protected":false},"author":19,"featured_media":10728,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"normal-width-container","site-content-style":"unboxed","site-sidebar-style":"default","ast-global-header-display":"disabled","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"categories":[178,179],"tags":[],"class_list":["post-2428","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-love","category-marriage"],"_links":{"self":[{"href":"https:\/\/xinliceyan.org\/zh\/wp-json\/wp\/v2\/posts\/2428","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=2428"}],"version-history":[{"count":5,"href":"https:\/\/xinliceyan.org\/zh\/wp-json\/wp\/v2\/posts\/2428\/revisions"}],"predecessor-version":[{"id":10735,"href":"https:\/\/xinliceyan.org\/zh\/wp-json\/wp\/v2\/posts\/2428\/revisions\/10735"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/xinliceyan.org\/zh\/wp-json\/wp\/v2\/media\/10728"}],"wp:attachment":[{"href":"https:\/\/xinliceyan.org\/zh\/wp-json\/wp\/v2\/media?parent=2428"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/xinliceyan.org\/zh\/wp-json\/wp\/v2\/categories?post=2428"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/xinliceyan.org\/zh\/wp-json\/wp\/v2\/tags?post=2428"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}