{"id":2538,"date":"2023-10-20T08:39:01","date_gmt":"2023-10-20T00:39:01","guid":{"rendered":"https:\/\/bookmark.tw\/?p=2538"},"modified":"2025-08-28T20:55:03","modified_gmt":"2025-08-28T12:55:03","slug":"what-brings-you-together","status":"publish","type":"post","link":"https:\/\/xinliceyan.org\/zh\/what-brings-you-together","title":{"rendered":"\u5c0f\u6d4b\u9a8c\uff1a\u4f60\u4e0eTa\u4f1a\u56e0\u4e3a\u4ec0\u4e48\u7ed3\u7f18\uff1f"},"content":{"rendered":"<!-- Bootstrap CSS -->\n<link href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/bootstrap\/5.3.3\/css\/bootstrap.min.css\" rel=\"stylesheet\">\n<link href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/bootstrap-icons\/1.11.3\/font\/bootstrap-icons.min.css\" rel=\"stylesheet\">\n\n<!-- \u81ea\u5b9a\u7fa9\u6a23\u5f0f -->\n<style>\n  \/* \u57fa\u790e\u8a2d\u5b9a *\/\n  :root {\n    --primary-color: #FF8B94;\n    --secondary-color: #A8D8B9;\n    --accent-yellow: #FFD393;\n    --accent-purple: #E4C1F9;\n    --text-dark: #2C3E50;\n    --text-light: #6C757D;\n    --shadow-sm: 0 2px 8px rgba(0,0,0,0.08);\n    --shadow-md: 0 4px 16px rgba(0,0,0,0.12);\n    --transition: all 0.3s ease;\n  }\n\n  .quiz-container-9 {\n    font-family: 'Segoe UI', 'Microsoft YaHei', '\u5fae\u8edf\u6b63\u9ed1\u9ad4', sans-serif;\n    color: var(--text-dark);\n    line-height: 1.6;\n    max-width: 750px;\n    margin: 0 auto;\n    padding: 2rem 1rem;\n  }\n\n  .quiz-container-9 h2 {\n    font-size: 32px;\n    font-weight: 700;\n    color: var(--text-dark);\n    margin-bottom: 1.5rem;\n  }\n\n  .quiz-container-9 h3 {\n    font-size: 22px;\n    font-weight: 700;\n    color: var(--text-dark);\n  }\n\n  \/* \u91cd\u7f6eWordPress\u53ef\u80fd\u5f71\u97ff\u7684\u6a23\u5f0f *\/\n  .quiz-container-9 * {\n    box-sizing: border-box;\n  }\n\n  .quiz-container-9 p {\n    margin: 0;\n    padding: 0;\n  }\n\n  \/* \u9801\u9762\u904e\u6e21\u52d5\u756b *\/\n  .quiz-section-9 {\n    display: none;\n    animation: fadeIn 0.5s ease;\n  }\n\n  .quiz-section-9.active {\n    display: block;\n  }\n\n  @keyframes fadeIn {\n    from {\n      opacity: 0;\n      transform: translateY(20px);\n    }\n    to {\n      opacity: 1;\n      transform: translateY(0);\n    }\n  }\n\n  \/* \u5f15\u5c0e\u9801\u6a23\u5f0f *\/\n  .intro-hero-9 {\n    border-radius: 20px;\n    padding: 2rem;\n    margin-bottom: 2rem;\n    background: white;\n    box-shadow: var(--shadow-sm);\n  }\n\n  .subtitle-9 {\n    color: var(--primary-color);\n    font-size: 20px;\n    font-weight: 600;\n    margin-bottom: 1rem;\n  }\n\n  .feature-cards-9 {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n    gap: 1.5rem;\n    margin: 2rem 0;\n  }\n\n  .feature-card-9 {\n    background: white;\n    border-radius: 12px;\n    padding: 1.5rem;\n    box-shadow: var(--shadow-sm);\n    transition: var(--transition);\n  }\n\n  .feature-card-9:hover {\n    transform: translateY(-5px);\n    box-shadow: var(--shadow-md);\n  }\n\n  .feature-icon-9 {\n    width: 48px;\n    height: 48px;\n    background: linear-gradient(135deg, var(--accent-yellow), var(--accent-purple));\n    border-radius: 12px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    margin-bottom: 1rem;\n  }\n\n  .feature-icon-9 i {\n    font-size: 24px;\n    color: white;\n  }\n\n  .start-btn-9 {\n    background: linear-gradient(135deg, var(--primary-color), var(--secondary-color));\n    color: white;\n    border: none;\n    padding: 1rem 3rem;\n    font-size: 20px;\n    border-radius: 50px;\n    box-shadow: var(--shadow-md);\n    transition: var(--transition);\n    min-width: 200px;\n  }\n\n  .start-btn-9:hover {\n    transform: scale(1.05);\n    box-shadow: 0 6px 20px rgba(255,139,148,0.4);\n    color: white;\n  }\n\n  \/* \u6e2c\u9a57\u9801\u6a23\u5f0f *\/\n  .quiz-question-9 {\n    background: white;\n    border-radius: 20px;\n    padding: 2rem;\n    box-shadow: var(--shadow-sm);\n    margin-bottom: 2rem;\n  }\n\n  .quiz-question-9 h3 {\n    font-size: 22px;\n    font-weight: 700;\n    color: var(--text-dark);\n    margin-bottom: 1.5rem;\n  }\n\n  \/* \u4fee\u5fa9\u5c0d\u9f4a\u554f\u984c\u7684\u95dc\u9375\u6a23\u5f0f *\/\n  .option-card-9 {\n    background: white;\n    border: 2px solid #E8ECF0;\n    border-radius: 12px;\n    padding: 1.25rem;\n    margin-bottom: 1rem;\n    cursor: pointer;\n    transition: var(--transition);\n    display: flex !important;\n    align-items: center !important;\n    min-height: 70px;\n    box-shadow: var(--shadow-sm);\n    position: relative;\n  }\n\n  .option-card-9:hover {\n    background: linear-gradient(135deg, rgba(255,139,148,0.05), rgba(168,216,185,0.05));\n    border-color: var(--primary-color);\n    transform: translateX(5px);\n    box-shadow: var(--shadow-md);\n  }\n\n  .option-card-9.selected {\n    background: linear-gradient(135deg, rgba(255,139,148,0.1), rgba(168,216,185,0.1));\n    border-color: var(--primary-color);\n    box-shadow: var(--shadow-md);\n  }\n\n  .option-indicator-9 {\n    width: 28px;\n    height: 28px;\n    border: 2px solid #CBD5E0;\n    border-radius: 50%;\n    margin-right: 1rem;\n    flex-shrink: 0;\n    display: flex !important;\n    align-items: center !important;\n    justify-content: center !important;\n    transition: var(--transition);\n    position: relative;\n    top: 0;\n  }\n\n  .option-card-9:hover .option-indicator-9 {\n    border-color: var(--primary-color);\n  }\n\n  .option-card-9.selected .option-indicator-9 {\n    background: var(--primary-color);\n    border-color: var(--primary-color);\n  }\n\n  .option-card-9.selected .option-indicator-9::after {\n    content: '\u2713';\n    color: white;\n    font-size: 14px;\n    font-weight: bold;\n  }\n\n  \/* \u5f37\u5236\u8986\u84cbWordPress\u7684p\u6a19\u7c64\u6a23\u5f0f *\/\n  .option-text-9 {\n    font-size: 18px !important;\n    color: var(--text-dark) !important;\n    margin: 0 !important;\n    padding: 0 !important;\n    line-height: 1.5 !important;\n    display: flex !important;\n    align-items: center !important;\n    min-height: 28px !important;\n  }\n\n  \/* \u78ba\u4fddp\u6a19\u7c64\u6c92\u6709\u984d\u5916\u7684\u9593\u8ddd *\/\n  .quiz-container-9 .option-card-9 p {\n    margin: 0 !important;\n    padding: 0 !important;\n    margin-bottom: 0 !important;\n    margin-top: 0 !important;\n  }\n\n  \/* \u7d50\u679c\u9801\u6a23\u5f0f *\/\n  .result-card-9 {\n    background: white;\n    border-radius: 20px;\n    padding: 2rem;\n    box-shadow: var(--shadow-md);\n    margin-bottom: 2rem;\n  }\n\n  .result-title-9 {\n    background: linear-gradient(135deg, var(--primary-color), var(--secondary-color));\n    -webkit-background-clip: text;\n    -webkit-text-fill-color: transparent;\n    background-clip: text;\n    font-size: 28px;\n    font-weight: 700;\n    margin-bottom: 1.5rem;\n  }\n\n  .chart-container-9 {\n    max-width: 400px;\n    margin: 2rem auto;\n  }\n\n  .advice-section-9 {\n    background: white;\n    border-radius: 15px;\n    padding: 1.5rem;\n    margin-top: 2rem;\n    box-shadow: var(--shadow-sm);\n    border-left: 4px solid var(--primary-color);\n  }\n\n  .advice-title-9 {\n    color: var(--primary-color);\n    font-size: 20px;\n    font-weight: 600;\n    margin-bottom: 1rem;\n    display: flex;\n    align-items: center;\n  }\n\n  .advice-title-9 i {\n    margin-right: 0.5rem;\n  }\n\n  .advice-list-9 {\n    list-style: none;\n    padding: 0;\n    margin: 0;\n  }\n\n  .advice-list-9 li {\n    padding: 0.75rem 0;\n    padding-left: 2rem;\n    position: relative;\n    color: var(--text-dark);\n    line-height: 1.6;\n  }\n\n  .advice-list-9 li::before {\n    content: '\ud83d\udc9d';\n    position: absolute;\n    left: 0;\n    top: 0.75rem;\n  }\n\n  .tip-box-9 {\n    background: linear-gradient(135deg, rgba(255,209,147,0.1), rgba(228,193,249,0.1));\n    border-radius: 12px;\n    padding: 1.25rem;\n    margin-top: 1.5rem;\n  }\n\n  .restart-btn-9 {\n    background: linear-gradient(135deg, var(--secondary-color), var(--primary-color));\n    color: white;\n    border: none;\n    padding: 1rem 2.5rem;\n    font-size: 18px;\n    border-radius: 50px;\n    box-shadow: var(--shadow-md);\n    transition: var(--transition);\n    min-width: 180px;\n  }\n\n  .restart-btn-9:hover {\n    transform: scale(1.05);\n    box-shadow: 0 6px 20px rgba(168,216,185,0.4);\n    color: white;\n  }\n\n  \/* \u97ff\u61c9\u5f0f\u8a2d\u8a08 *\/\n  @media (max-width: 768px) {\n    .quiz-container-9 {\n      padding: 1.5rem 0.75rem;\n    }\n    \n    .quiz-container-9 h2 {\n      font-size: 26px;\n    }\n    \n    .intro-hero-9 {\n      padding: 1.5rem;\n    }\n    \n    .start-btn-9 {\n      font-size: 18px;\n      padding: 0.875rem 2rem;\n    }\n    \n    .quiz-question-9 {\n      padding: 1.5rem;\n    }\n    \n    .option-text-9 {\n      font-size: 16px !important;\n    }\n    \n    .feature-cards-9 {\n      gap: 1rem;\n    }\n    \n    .feature-card-9 {\n      padding: 1.25rem;\n    }\n  }\n<\/style>\n\n<div class=\"quiz-container-9\">\n  <!-- \u5f15\u5c0e\u9801 -->\n  <section id=\"quizintro9\" data-page=\"intro9\" class=\"quiz-section-9 active\">\n    <div class=\"intro-hero-9 text-center\">\n      <h2>\u4f60\u8207Ta\u6703\u56e0\u70ba\u4ec0\u9ebc\u7d50\u7de3\uff1f<\/h2>\n      <p class=\"subtitle-9\">\u63a2\u7d22\u547d\u4e2d\u8a3b\u5b9a\u7684\u7de3\u5206\u5bc6\u78bc<\/p>\n      <p class=\"lead text-muted mb-4\">\n        \u6bcf\u4e00\u500b\u4eba\u5c0d\u81ea\u5df1\u7684\u53e6\u4e00\u534a\u90fd\u66fe\u6709\u904e\u7f8e\u597d\u7684\u60f3\u8c61\uff0c\u7576\u5f7c\u6b64\u76f8\u9047\u5f8c\uff0c\u5982\u679c\u5169\u4eba\u90fd\u89ba\u5f97\u5c0d\u65b9\u662f\u6700\u503c\u5f97\u966a\u4f34\u7684\u90a3\u500b\u4eba\uff0c\u90a3\u5c07\u662f\u4e00\u500b\u7f8e\u9e97\u800c\u6d6a\u6f2b\u7684\u9082\u9005\u3002\u8b93\u6211\u5011\u4e00\u8d77\u63a2\u7d22\u4f60\u7684\u7de3\u5206\u8ecc\u8de1\uff01\n      <\/p>\n    <\/div>\n    \n    <div class=\"feature-cards-9\">\n      <div class=\"feature-card-9\">\n        <div class=\"feature-icon-9\">\n          <i class=\"bi bi-stars\"><\/i>\n        <\/div>\n        <h5 class=\"fw-bold\">\u63ed\u958b\u7de3\u5206\u5967\u79d8<\/h5>\n        <p class=\"text-muted\">\u900f\u904e\u5fc3\u7406\u5b78\u5206\u6790\uff0c\u627e\u51fa\u4f60\u7368\u7279\u7684\u7de3\u5206\u6a21\u5f0f<\/p>\n      <\/div>\n      <div class=\"feature-card-9\">\n        <div class=\"feature-icon-9\">\n          <i class=\"bi bi-compass\"><\/i>\n        <\/div>\n        <h5 class=\"fw-bold\">\u7cbe\u6e96\u611b\u60c5\u6307\u5f15<\/h5>\n        <p class=\"text-muted\">\u4e86\u89e3\u6700\u53ef\u80fd\u8207\u53e6\u4e00\u534a\u76f8\u9047\u7684\u5834\u666f<\/p>\n      <\/div>\n      <div class=\"feature-card-9\">\n        <div class=\"feature-icon-9\">\n          <i class=\"bi bi-lightbulb\"><\/i>\n        <\/div>\n        <h5 class=\"fw-bold\">\u500b\u6027\u5316\u5efa\u8b70<\/h5>\n        <p class=\"text-muted\">\u7372\u5f97\u5c08\u5c6c\u65bc\u4f60\u7684\u611b\u60c5\u884c\u52d5\u65b9\u6848<\/p>\n      <\/div>\n    <\/div>\n    \n    <div class=\"text-center mt-4\">\n      <p class=\"mb-4 text-muted\">\n        <i class=\"bi bi-clock me-2\"><\/i>\u6e2c\u9a57\u6642\u9593\uff1a1\u5206\u9418\n        <span class=\"mx-3\">|<\/span>\n        <i class=\"bi bi-patch-check me-2\"><\/i>\u4e13\u4e1a\u5206\u6790\n      <\/p>\n      <button class=\"btn btn-lg start-btn-9\" onclick=\"quizApp9.showQuiz()\">\n        \u5f00\u59cb\u6d4b\u9a8c <i class=\"bi bi-arrow-right-circle ms-2\"><\/i>\n      <\/button>\n    <\/div>\n  <\/section>\n\n  <!-- \u6e2c\u9a57\u9801 -->\n  <section id=\"quizmain9\" data-page=\"quiz9\" class=\"quiz-section-9\">\n    <h2 class=\"text-center\">\u4f60\u8207Ta\u6703\u56e0\u70ba\u4ec0\u9ebc\u7d50\u7de3\uff1f<\/h2>\n    \n    <div class=\"quiz-question-9\">\n      <h3>\u5047\u8a2d\u4f60\u8981\u7d50\u5a5a\u4e86\uff0c\u5728\u5a5a\u5bb4\u4e0a\u4f60\u6703\u7a7f\u4ec0\u9ebc\u984f\u8272\u7684\u665a\u88dd\uff1f<\/h3>\n      \n      <div class=\"options-container-9\">\n        <div class=\"option-card-9\" data-value=\"A\">\n          <div class=\"option-indicator-9\"><\/div>\n          <p class=\"option-text-9\">\u85cd\u8272<\/p>\n        <\/div>\n        <div class=\"option-card-9\" data-value=\"B\">\n          <div class=\"option-indicator-9\"><\/div>\n          <p class=\"option-text-9\">\u9ec4\u8272<\/p>\n        <\/div>\n        <div class=\"option-card-9\" data-value=\"C\">\n          <div class=\"option-indicator-9\"><\/div>\n          <p class=\"option-text-9\">\u7eff\u8272<\/p>\n        <\/div>\n        <div class=\"option-card-9\" data-value=\"D\">\n          <div class=\"option-indicator-9\"><\/div>\n          <p class=\"option-text-9\">\u7ea2\u8272<\/p>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- \u7d50\u679c\u9801 -->\n  <section id=\"quizresult9\" data-page=\"result9\" class=\"quiz-section-9\">\n    <h2 class=\"text-center\">\u6d4b\u9a8c\u7ed3\u679c<\/h2>\n    \n    <div class=\"result-card-9\">\n      <h3 class=\"result-title-9 text-center\" id=\"resultTitle9\"><\/h3>\n      \n      <div class=\"chart-container-9\">\n        <canvas id=\"resultChart9\"><\/canvas>\n      <\/div>\n      \n      <div id=\"resultContent9\" class=\"mt-4\"><\/div>\n      \n      <div class=\"advice-section-9\">\n        <h4 class=\"advice-title-9\">\n          <i class=\"bi bi-star-fill\"><\/i>\n          \u500b\u6027\u5316\u611b\u60c5\u5efa\u8b70\n        <\/h4>\n        <ul class=\"advice-list-9\" id=\"personalAdvice9\"><\/ul>\n        \n        <div class=\"tip-box-9\">\n          <h5 class=\"fw-bold mb-2\"><i class=\"bi bi-lightbulb-fill text-warning me-2\"><\/i>\u7279\u5225\u63d0\u9192<\/h5>\n          <p id=\"specialTip9\" class=\"mb-0\"><\/p>\n        <\/div>\n      <\/div>\n    <\/div>\n    \n    <div class=\"text-center mt-4\">\n      <button class=\"btn btn-lg restart-btn-9\" onclick=\"quizApp9.restart()\">\n        <i class=\"bi bi-arrow-clockwise me-2\"><\/i>\u91cd\u65b0\u6d4b\u8bd5\n      <\/button>\n    <\/div>\n  <\/section>\n<\/div>\n\n<!-- Chart.js -->\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/Chart.js\/4.4.1\/chart.umd.min.js\"><\/script>\n\n<!-- JavaScript -->\n<script>\n(() => {\n  'use strict';\n  \n  class LoveFateQuiz {\n    constructor() {\n      this.currentAnswer = null;\n      this.chartInstance = null;\n      \n      \/\/ \u5feb\u53d6DOM\u5143\u7d20\n      this.sections = {\n        intro: document.getElementById('quizintro9'),\n        quiz: document.getElementById('quizmain9'),\n        result: document.getElementById('quizresult9')\n      };\n      \n      this.init();\n    }\n    \n    init() {\n      \/\/ \u7d81\u5b9a\u9078\u9805\u9ede\u64ca\u4e8b\u4ef6\n      document.querySelectorAll('.option-card-9').forEach(option => {\n        option.addEventListener('click', (e) => this.selectOption(e));\n      });\n    }\n    \n    showQuiz() {\n      this.switchPage('quiz');\n      this.scrollToTop();\n    }\n    \n    selectOption(e) {\n      const selectedCard = e.currentTarget;\n      const value = selectedCard.dataset.value;\n      \n      \/\/ \u79fb\u9664\u5176\u4ed6\u9078\u4e2d\u72c0\u614b\n      document.querySelectorAll('.option-card-9').forEach(card => {\n        card.classList.remove('selected');\n      });\n      \n      \/\/ \u6dfb\u52a0\u9078\u4e2d\u72c0\u614b\n      selectedCard.classList.add('selected');\n      this.currentAnswer = value;\n      \n      \/\/ \u5ef6\u9072\u986f\u793a\u7d50\u679c\n      setTimeout(() => {\n        this.showResult();\n      }, 500);\n    }\n    \n    showResult() {\n      const results = {\n        'A': {\n          title: '\u65e5\u5e38\u751f\u6d3b\u7d50\u7de3\u578b',\n          description: '\u4f60\u548c\u547d\u4e2d\u8a3b\u5b9a\u7684\u53e6\u4e00\u534a\u5f88\u53ef\u80fd\u6703\u5728\u65e5\u5e38\u751f\u6d3b\u4e2d\u7d50\u7de3\u3002\u5728\u8207\u4eba\u76f8\u8655\u7684\u904e\u7a0b\u4e2d\uff0c\u4f60\u7e3d\u80fd\u7d66\u4eba\u4e00\u7a2e\u5982\u6c90\u6625\u98a8\u7684\u611f\u89ba\uff0c\u7d66\u4eba\u7559\u4e0b\u4e86\u4e00\u500b\u5bb9\u6613\u89aa\u8fd1\u3001\u597d\u76f8\u8655\u7684\u5370\u8c61\u3002\u5176\u5be6\uff0c\u4f60\u9019\u4e00\u9762\u4e5f\u662f\u8b93\u4eba\u6bd4\u8f03\u5bb9\u6613\u52d5\u5fc3\u7684\uff0c\u800c\u4f60\u751f\u547d\u4e2d\u7684\u53e6\u4e00\u534a\uff0c\u4e00\u822c\u4e5f\u6703\u88ab\u4f60\u7684\u9019\u4e00\u9762\u6240\u5438\u5f15\uff0c\u7e7c\u800c\u5c0d\u4f60\u767c\u8d77\u8ffd\u6c42\u653b\u52e2\u3002',\n          advices: [\n            '\u591a\u53c3\u52a0\u793e\u5340\u6d3b\u52d5\u6216\u5fd7\u5de5\u670d\u52d9\uff0c\u64f4\u5927\u751f\u6d3b\u5708',\n            '\u4fdd\u6301\u958b\u653e\u53cb\u5584\u7684\u614b\u5ea6\uff0c\u8b93\u66f4\u591a\u4eba\u770b\u898b\u771f\u5be6\u7684\u4f60',\n            '\u57f9\u990a\u56fa\u5b9a\u7684\u751f\u6d3b\u7fd2\u6163\uff0c\u5982\u6668\u8dd1\u3001\u5065\u8eab\uff0c\u589e\u52a0\u9082\u9005\u6a5f\u6703',\n            '\u5584\u7528\u65e5\u5e38\u5834\u5408\uff08\u5496\u5561\u5ef3\u3001\u66f8\u5e97\u3001\u8d85\u5e02\uff09\u8207\u4eba\u81ea\u7136\u4e92\u52d5'\n          ],\n          specialTip: '\u4f60\u7684\u6eab\u6696\u7279\u8cea\u662f\u6700\u5927\u7684\u512a\u52e2\uff01\u5efa\u8b70\u5728\u65e5\u5e38\u751f\u6d3b\u4e2d\u591a\u5c55\u73fe\u771f\u5be6\u7684\u81ea\u5df1\uff0c\u4e0d\u9700\u8981\u523b\u610f\u6539\u8b8a\u3002\u4f60\u7684\u771f\u547d\u5929\u5b50\/\u5973\u53ef\u80fd\u5c31\u5728\u6bcf\u5929\u7d93\u904e\u7684\u5730\u65b9\u7b49\u8457\u8207\u4f60\u76f8\u9047\u3002\u8a18\u5f97\u4fdd\u6301\u5fae\u7b11\uff0c\u56e0\u70ba\u4f60\u7684\u7b11\u5bb9\u5c31\u662f\u6700\u597d\u7684\u7de3\u5206\u50ac\u5316\u5291\u3002',\n          scores: {\n            daily: 95,\n            study: 30,\n            friend: 65,\n            app: 20\n          }\n        },\n        'B': {\n          title: '\u5b78\u7fd2\u6210\u9577\u7d50\u7de3\u578b',\n          description: '\u4f60\u548c\u547d\u4e2d\u8a3b\u5b9a\u7684\u53e6\u4e00\u534a\u5f88\u53ef\u80fd\u6703\u5728\u67d0\u9805\u8ab2\u7a0b\u5b78\u7fd2\u4e2d\u7d50\u7de3\u3002\u5176\u5be6\uff0c\u751f\u6d3b\u4e2d\u5c31\u6709\u5f88\u591a\u4eba\u4e3b\u52d5\u5c0d\u4f60\u5927\u737b\u6147\u61c3\uff0c\u53ef\u662f\uff0c\u4f60\u4e00\u76f4\u90fd\u4e0d\u600e\u9ebc\u653e\u5728\u5fc3\u4e0a\uff0c\u800c\u4f60\u66f4\u591a\u7684\u5fc3\u601d\u4e5f\u653e\u5728\u4e86\u5982\u4f55\u63d0\u6607\u81ea\u5df1\u80fd\u529b\u4e0a\u3002\u7576\u4f60\u6295\u5165\u5230\u67d0\u9805\u8ab2\u7a0b\u6216\u8005\u662f\u8208\u8da3\u73ed\u7684\u6642\u5019\uff0c\u4f60\u6703\u6563\u767c\u51fa\u4e00\u7a2e\u8ff7\u4eba\u7684\u9b45\u529b\uff0c\u5728\u90a3\u500b\u6642\u5019\u4f60\u6709\u53ef\u80fd\u6703\u9047\u898b\u4f60\u547d\u4e2d\u8a3b\u5b9a\u7684\u53e6\u4e00\u534a\u3002',\n          advices: [\n            '\u5831\u540d\u53c3\u52a0\u4f60\u611f\u8208\u8da3\u7684\u8ab2\u7a0b\u6216\u5de5\u4f5c\u574a',\n            '\u52a0\u5165\u8b80\u66f8\u6703\u6216\u5c08\u696d\u793e\u5718\uff0c\u8a8d\u8b58\u5fd7\u540c\u9053\u5408\u7684\u4eba',\n            '\u53c3\u52a0\u7814\u8a0e\u6703\u3001\u8b1b\u5ea7\u7b49\u77e5\u8b58\u578b\u6d3b\u52d5',\n            '\u5728\u5b78\u7fd2\u5834\u5408\u4e3b\u52d5\u5206\u4eab\u5fc3\u5f97\uff0c\u5c55\u73fe\u4f60\u7684\u71b1\u60c5\u8207\u5c08\u696d'\n          ],\n          specialTip: '\u5c08\u6ce8\u5b78\u7fd2\u6642\u7684\u4f60\u6700\u6709\u9b45\u529b\uff01\u5efa\u8b70\u9078\u64c7\u771f\u6b63\u611f\u8208\u8da3\u7684\u9818\u57df\u6df1\u5165\u5b78\u7fd2\uff0c\u4e0d\u8981\u70ba\u4e86\u8a8d\u8b58\u4eba\u800c\u5b78\u7fd2\u3002\u7576\u4f60\u6c89\u6d78\u5728\u77e5\u8b58\u7684\u6d77\u6d0b\u4e2d\uff0c\u6563\u767c\u7684\u667a\u6167\u5149\u8292\u6703\u81ea\u7136\u5438\u5f15\u6b23\u8cde\u4f60\u7684\u4eba\u3002\u8a18\u4f4f\uff0c\u6700\u597d\u7684\u7de3\u5206\u5f80\u5f80\u767c\u751f\u5728\u4f60\u6700\u6295\u5165\u7684\u6642\u523b\u3002',\n          scores: {\n            daily: 40,\n            study: 90,\n            friend: 35,\n            app: 25\n          }\n        },\n        'C': {\n          title: '\u670b\u53cb\u4ecb\u7d39\u7d50\u7de3\u578b',\n          description: '\u4f60\u548c\u547d\u4e2d\u8a3b\u5b9a\u7684\u53e6\u4e00\u534a\u5f88\u53ef\u80fd\u6703\u56e0\u70ba\u670b\u53cb\u800c\u7d50\u7de3\u3002\u5728\u4ea4\u670b\u53cb\u9019\u4ef6\u4e8b\u60c5\u4e0a\uff0c\u96d6\u7136\u4f60\u4e26\u4e0d\u600e\u9ebc\u64c5\u9577\uff0c\u4f46\u662f\u4f60\u7684\u670b\u53cb\u5011\u537b\u80fd\u5920\u52a9\u4f60\u4e00\u81c2\u4e4b\u529b\u3002\u7576\u4ed6\u5011\u7d44\u7e54\u4e86\u4ec0\u9ebc\u6d3b\u52d5\u6642\uff0c\u4e00\u822c\u4e5f\u6703\u53eb\u4e0a\u4f60\uff0c\u53ea\u8981\u4f60\u6c92\u6709\u8981\u7dca\u4e8b\u53bb\u505a\uff0c\u4f60\u4e00\u822c\u90fd\u6703\u53c3\u52a0\u3002\u5728\u805a\u6703\u7684\u904e\u7a0b\u4e2d\uff0c\u4f60\u5c31\u6709\u53ef\u80fd\u6703\u9047\u5230\u4f60\u547d\u4e2d\u8a3b\u5b9a\u7684\u53e6\u4e00\u534a\u3002',\n          advices: [\n            '\u4e3b\u52d5\u63a5\u53d7\u670b\u53cb\u7684\u805a\u6703\u9080\u8acb\uff0c\u4e0d\u8981\u7e3d\u662f\u62d2\u7d55',\n            '\u5076\u723e\u4e5f\u4e3b\u52d5\u7d44\u7e54\u805a\u6703\uff0c\u5275\u9020\u66f4\u591a\u793e\u4ea4\u6a5f\u6703',\n            '\u8b93\u670b\u53cb\u77e5\u9053\u4f60\u7684\u64c7\u5076\u6a19\u6e96\uff0c\u4ed6\u5011\u6703\u5e6b\u4f60\u7559\u610f',\n            '\u53c3\u52a0\u670b\u53cb\u7684\u5a5a\u79ae\u3001\u751f\u65e5\u6703\u7b49\u91cd\u8981\u5834\u5408'\n          ],\n          specialTip: '\u670b\u53cb\u662f\u4f60\u7684\u611b\u60c5\u7d05\u5a18\uff01\u5efa\u8b70\u591a\u73cd\u60dc\u73fe\u6709\u7684\u53cb\u8abc\uff0c\u540c\u6642\u4e5f\u8981\u9069\u5ea6\u64f4\u5c55\u670b\u53cb\u5708\u3002\u4e0d\u8981\u5bb3\u7f9e\u65bc\u8b93\u670b\u53cb\u77e5\u9053\u4f60\u5728\u5c0b\u627e\u53e6\u4e00\u534a\uff0c\u4ed6\u5011\u7684\u4ecb\u7d39\u5f80\u5f80\u66f4\u53ef\u9760\u3002\u8a18\u5f97\u5728\u805a\u6703\u4e2d\u4fdd\u6301\u8f15\u9b06\u81ea\u5728\uff0c\u771f\u5be6\u7684\u4f60\u624d\u662f\u6700\u5438\u5f15\u4eba\u7684\u3002',\n          scores: {\n            daily: 50,\n            study: 25,\n            friend: 85,\n            app: 30\n          }\n        },\n        'D': {\n          title: '\u7db2\u8def\u793e\u4ea4\u7d50\u7de3\u578b',\n          description: '\u4f60\u548c\u547d\u4e2d\u8a3b\u5b9a\u7684\u53e6\u4e00\u534a\u5f88\u53ef\u80fd\u6703\u5728\u793e\u4ea4app\u4e0a\u7d50\u7de3\u3002\u751f\u6d3b\u4e2d\uff0c\u4f60\u7d66\u4eba\u7559\u4e0b\u4e86\u4e00\u500b\u5f88\u60b6\u7684\u5370\u8c61\uff0c\u5728\u804a\u5929\u7684\u904e\u7a0b\u4e2d\uff0c\u4f60\u662f\u5c6c\u65bc\u8a71\u6bd4\u8f03\u5c11\u7684\u4eba\uff0c\u54ea\u6015\u6c23\u6c1b\u5f88\u878d\u6d3d\uff0c\u4f60\u4e5f\u662f\u60b6\u60b6\u7684\uff0c\u63d2\u4e0d\u4e0a\u5e7e\u53e5\u8a71\u3002\u5728\u793e\u4ea4app\u4e0a\uff0c\u4f60\u53cd\u800c\u80fd\u5920\u548c\u5225\u4eba\u804a\u5f97\u5f88\u597d\uff0c\u4f60\u7684\u4e00\u4e9b\u5fc3\u4e8b\u4e5f\u9858\u610f\u8aaa\u7d66\u5c0d\u65b9\u807d\u3002',\n          advices: [\n            '\u5b8c\u5584\u4f60\u7684\u793e\u4ea4\u5a92\u9ad4\u8cc7\u6599\uff0c\u5c55\u73fe\u771f\u5be6\u6709\u8da3\u7684\u4e00\u9762',\n            '\u9078\u64c7\u9069\u5408\u7684\u4ea4\u53cb\u5e73\u53f0\uff0c\u8a8d\u771f\u7d93\u71df\u500b\u4eba\u5f62\u8c61',\n            '\u5728\u7db2\u8def\u4e92\u52d5\u4e2d\u4fdd\u6301\u771f\u8aa0\uff0c\u5efa\u7acb\u6df1\u5ea6\u9023\u7d50',\n            '\u9069\u6642\u5c07\u7dda\u4e0a\u95dc\u4fc2\u8f49\u70ba\u7dda\u4e0b\u898b\u9762\uff0c\u52a0\u6df1\u4e86\u89e3'\n          ],\n          specialTip: '\u7db2\u8def\u4e16\u754c\u662f\u4f60\u5c55\u73fe\u81ea\u6211\u7684\u821e\u53f0\uff01\u5efa\u8b70\u5728\u4fdd\u8b77\u96b1\u79c1\u7684\u524d\u63d0\u4e0b\uff0c\u52c7\u6562\u5c55\u73fe\u771f\u5be6\u7684\u81ea\u5df1\u3002\u6587\u5b57\u4ea4\u6d41\u8b93\u4f60\u66f4\u80fd\u8868\u9054\u5167\u5fc3\u60f3\u6cd5\uff0c\u9019\u662f\u4f60\u7684\u512a\u52e2\u3002\u4f46\u8a18\u5f97\uff0c\u7dda\u4e0a\u8a8d\u8b58\u5f8c\u8981\u9069\u6642\u5b89\u6392\u898b\u9762\uff0c\u5728\u5b89\u5168\u7684\u516c\u5171\u5834\u6240\u9032\u4e00\u6b65\u4e86\u89e3\u5c0d\u65b9\u3002',\n          scores: {\n            daily: 25,\n            study: 20,\n            friend: 40,\n            app: 88\n          }\n        }\n      };\n      \n      const result = results[this.currentAnswer];\n      \n      \/\/ \u66f4\u65b0\u7d50\u679c\u5167\u5bb9\n      document.getElementById('resultTitle9').textContent = result.title;\n      document.getElementById('resultContent9').innerHTML = `\n        <p class=\"lead\">${result.description}<\/p>\n      `;\n      \n      \/\/ \u66f4\u65b0\u500b\u6027\u5316\u5efa\u8b70\n      const adviceHtml = result.advices.map(advice => `<li>${advice}<\/li>`).join('');\n      document.getElementById('personalAdvice9').innerHTML = adviceHtml;\n      \n      \/\/ \u66f4\u65b0\u7279\u5225\u63d0\u9192\n      document.getElementById('specialTip9').textContent = result.specialTip;\n      \n      \/\/ \u986f\u793a\u5716\u8868\n      this.createChart(result.scores);\n      \n      \/\/ \u5207\u63db\u5230\u7d50\u679c\u9801\n      this.switchPage('result');\n      this.scrollToTop();\n    }\n    \n    createChart(scores) {\n      \/\/ \u92b7\u6bc0\u820a\u5716\u8868\n      if (this.chartInstance) {\n        this.chartInstance.destroy();\n      }\n      \n      const ctx = document.getElementById('resultChart9').getContext('2d');\n      \n      this.chartInstance = new Chart(ctx, {\n        type: 'radar',\n        data: {\n          labels: ['\u65e5\u5e38\u751f\u6d3b', '\u5b78\u7fd2\u6210\u9577', '\u670b\u53cb\u4ecb\u7d39', '\u7db2\u8def\u793e\u4ea4'],\n          datasets: [{\n            label: '\u7de3\u5206\u6307\u6578',\n            data: [scores.daily, scores.study, scores.friend, scores.app],\n            backgroundColor: 'rgba(255, 139, 148, 0.2)',\n            borderColor: 'rgba(255, 139, 148, 1)',\n            borderWidth: 2,\n            pointBackgroundColor: 'rgba(255, 139, 148, 1)',\n            pointBorderColor: '#fff',\n            pointHoverBackgroundColor: '#fff',\n            pointHoverBorderColor: 'rgba(255, 139, 148, 1)',\n            pointRadius: 5,\n            pointHoverRadius: 7\n          }]\n        },\n        options: {\n          responsive: true,\n          maintainAspectRatio: true,\n          plugins: {\n            legend: {\n              display: false\n            },\n            tooltip: {\n              backgroundColor: 'rgba(0, 0, 0, 0.8)',\n              titleFont: {\n                size: 16\n              },\n              bodyFont: {\n                size: 14\n              },\n              padding: 12,\n              callbacks: {\n                label: function(context) {\n                  return '\u7de3\u5206\u6307\u6578\uff1a' + context.parsed.r + '%';\n                }\n              }\n            }\n          },\n          scales: {\n            r: {\n              angleLines: {\n                display: true,\n                color: 'rgba(0, 0, 0, 0.1)'\n              },\n              grid: {\n                color: 'rgba(0, 0, 0, 0.1)'\n              },\n              suggestedMin: 0,\n              suggestedMax: 100,\n              ticks: {\n                stepSize: 20,\n                font: {\n                  size: 12\n                },\n                callback: function(value) {\n                  return value + '%';\n                }\n              },\n              pointLabels: {\n                font: {\n                  size: 18,\n                  weight: 'bold'\n                },\n                color: '#2C3E50'\n              }\n            }\n          }\n        }\n      });\n    }\n    \n    switchPage(pageName) {\n      \/\/ \u96b1\u85cf\u6240\u6709\u9801\u9762\n      Object.values(this.sections).forEach(section => {\n        section.classList.remove('active');\n      });\n      \n      \/\/ \u986f\u793a\u6307\u5b9a\u9801\u9762\n      if (this.sections[pageName]) {\n        this.sections[pageName].classList.add('active');\n      }\n    }\n    \n    scrollToTop() {\n      const container = document.querySelector('.quiz-container-9');\n      if (container) {\n        container.scrollIntoView({ behavior: 'smooth', block: 'start' });\n      }\n    }\n    \n    restart() {\n      \/\/ \u91cd\u7f6e\u72c0\u614b\n      this.currentAnswer = null;\n      \n      \/\/ \u6e05\u9664\u9078\u4e2d\u72c0\u614b\n      document.querySelectorAll('.option-card-9').forEach(card => {\n        card.classList.remove('selected');\n      });\n      \n      \/\/ \u92b7\u6bc0\u5716\u8868\n      if (this.chartInstance) {\n        this.chartInstance.destroy();\n        this.chartInstance = null;\n      }\n      \n      \/\/ \u8fd4\u56de\u5f15\u5c0e\u9801\n      this.switchPage('intro');\n      this.scrollToTop();\n    }\n  }\n  \n  \/\/ \u521d\u59cb\u5316\u61c9\u7528\n  window.quizApp9 = new LoveFateQuiz();\n})();\n<\/script>","protected":false},"excerpt":{"rendered":"<p>\u4e0e\u4f60\u547d\u4e2d\u6ce8\u5b9a\u7684\u90a3\u4e2a\u4eba\uff0c\u6709\u53ef\u80fd\u56e0\u4e3a\u4ec0\u4e48\u548c\u4f60\u7ed3\u7f18\u5462\uff1f\u8fd0\u7528\u4f60\u81ea\u5df1\u7684\u60f3\u6cd5\uff0c\u4ece\u56db\u4e2a\u7b54\u6848\u4e2d\u9009\u51fa\u4e00\u4e2a\u4f5c\u4e3a\u4f60\u7684\u56de\u7b54\uff0c\u8ba9\u6211\u4eec\u6765\u770b\u4e00\u770b\uff0c\u6bcf\u4e00\u4e2a\u56de\u7b54\u5bf9\u5e94\u7684\u542b\u4e49\u662f\u4ec0\u4e48\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":"normal-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"disabled","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"categories":[178],"tags":[],"class_list":["post-2538","post","type-post","status-publish","format-standard","hentry","category-love"],"_links":{"self":[{"href":"https:\/\/xinliceyan.org\/zh\/wp-json\/wp\/v2\/posts\/2538","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=2538"}],"version-history":[{"count":3,"href":"https:\/\/xinliceyan.org\/zh\/wp-json\/wp\/v2\/posts\/2538\/revisions"}],"predecessor-version":[{"id":10678,"href":"https:\/\/xinliceyan.org\/zh\/wp-json\/wp\/v2\/posts\/2538\/revisions\/10678"}],"wp:attachment":[{"href":"https:\/\/xinliceyan.org\/zh\/wp-json\/wp\/v2\/media?parent=2538"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/xinliceyan.org\/zh\/wp-json\/wp\/v2\/categories?post=2538"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/xinliceyan.org\/zh\/wp-json\/wp\/v2\/tags?post=2538"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}