{"id":2770,"date":"2023-10-28T11:41:39","date_gmt":"2023-10-28T03:41:39","guid":{"rendered":"https:\/\/bookmark.tw\/?p=2770"},"modified":"2025-06-14T17:24:01","modified_gmt":"2025-06-14T09:24:01","slug":"frugality-or-waste","status":"publish","type":"post","link":"https:\/\/xinliceyan.org\/zh\/frugality-or-waste","title":{"rendered":"\u7ebf\u4e0a\u514d\u8d39\u6d4b\u9a8c\uff1a\u4f60\u662f\u8282\u4fed\u8fd8\u662f\u6d6a\u8d39\u7684\u4eba\uff1f \uff0814\u9898\uff09"},"content":{"rendered":"<!-- \u5f15\u7528Bootstrap 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<style>\n\/* \u6700\u5c0f\u81ea\u5b9a\u7fa9\u6a23\u5f0f *\/\n.quiz-container {\n    max-width: 750px;\n    margin: 0 auto;\n    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n}\n\n.quiz-hero-bg {\n    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n}\n\n.feature-icon {\n    width: 80px;\n    height: 80px;\n    background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);\n}\n\n.btn-gradient-primary {\n    background: linear-gradient(135deg, #ff6b6b 0%, #ee5a24 100%);\n    border: none;\n}\n\n.btn-gradient-secondary {\n    background: linear-gradient(135deg, #4ecdc4 0%, #44a08d 100%);\n    border: none;\n}\n\n.option-indicator {\n    width: 28px;\n    height: 28px;\n    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n    background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);\n    border: 2px solid #dee2e6;\n    position: relative;\n    overflow: hidden;\n}\n\n.option-indicator::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background: linear-gradient(135deg, rgba(255,255,255,0.3) 0%, transparent 50%);\n    opacity: 0;\n    transition: opacity 0.3s ease;\n}\n\n.option-indicator:hover::before {\n    opacity: 1;\n}\n\n.option-indicator.selected {\n    background: linear-gradient(135deg, #0d6efd 0%, #6610f2 100%);\n    border-color: transparent;\n    transform: scale(1.05);\n    box-shadow: 0 4px 12px rgba(13, 110, 253, 0.4), \n                0 0 0 3px rgba(13, 110, 253, 0.1);\n}\n\n.option-indicator.selected::before {\n    opacity: 1;\n}\n\n.option-card-modern {\n    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n    border: 2px solid #e9ecef;\n    background: white;\n    position: relative;\n    overflow: hidden;\n}\n\n.option-card-modern::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background: linear-gradient(135deg, rgba(13, 110, 253, 0.02) 0%, rgba(102, 16, 242, 0.02) 100%);\n    opacity: 0;\n    transition: opacity 0.3s ease;\n}\n\n.option-card-modern:hover::before {\n    opacity: 1;\n}\n\n.option-card-modern:hover:not(.selected) {\n    transform: translateY(-3px);\n    box-shadow: 0 8px 25px rgba(0,0,0,0.1);\n    border-color: #6c757d;\n}\n\n.option-card-modern:hover:not(.selected) .option-indicator {\n    border-color: #6c757d;\n    background: linear-gradient(135deg, #ffffff 0%, #f8f9fa 100%);\n    box-shadow: 0 2px 8px rgba(0,0,0,0.15);\n}\n\n.option-card-modern.selected {\n    background: linear-gradient(135deg, #0d6efd 0%, #6610f2 100%);\n    border-color: transparent;\n    transform: translateY(-2px);\n    box-shadow: 0 8px 25px rgba(13, 110, 253, 0.3);\n}\n\n.option-card-modern.selected::before {\n    background: linear-gradient(135deg, rgba(255,255,255,0.1) 0%, transparent 50%);\n    opacity: 1;\n}\n\n.score-bar-height {\n    height: 40px;\n}\n\n.user-position-dot {\n    width: 16px;\n    height: 16px;\n    top: 50%;\n    transform: translate(-50%, -50%);\n    background-color: #000 !important;\n    border: 3px solid white !important;\n    z-index: 20;\n}\n\n.legend-color-box {\n    width: 16px;\n    height: 16px;\n}\n\n.question-title-size {\n    font-size: 22px;\n}\n\n.option-text-size {\n    font-size: 18px;\n}\n\n.chart-height {\n    height: 120px;\n}\n\n@media (max-width: 768px) {\n    .question-title-size {\n        font-size: 20px;\n    }\n    .option-text-size {\n        font-size: 16px;\n    }\n    .chart-height {\n        height: 100px;\n    }\n    .option-indicator {\n        width: 26px;\n        height: 26px;\n    }\n}\n<\/style>\n\n<!-- \u5f15\u5c0e\u9801 -->\n<section id=\"quizintro9\" data-page=\"intro9\" class=\"quiz-container py-5\">\n    <div class=\"container-fluid\">\n        <div class=\"quiz-hero-bg text-white rounded-4 p-5 mb-5 text-center position-relative overflow-hidden\">\n            <h2 class=\"display-4 fw-bold mb-4\">\u4f60\u662f\u7bc0\u5109\u9084\u662f\u6d6a\u8cbb\u7684\u4eba\uff1f<\/h2>\n            <p class=\"lead fs-4 mb-4\">\u63a2\u7d22\u4f60\u7684\u6d88\u8cbb\u7fd2\u6163\u8207\u7406\u8ca1\u667a\u6167<\/p>\n            <p class=\"fs-5 opacity-75\">\u900f\u904e\u79d1\u5b78\u7684\u5fc3\u7406\u6e2c\u9a57\uff0c\u6df1\u5ea6\u4e86\u89e3\u81ea\u5df1\u7684\u7bc0\u5109\u7a0b\u5ea6<\/p>\n        <\/div>\n        \n        <div class=\"row g-4 mb-5\">\n            <div class=\"col-md-4 text-center\">\n                <div class=\"feature-icon rounded-circle d-flex align-items-center justify-content-center text-white fs-1 mx-auto mb-3 shadow\">\n                    <i class=\"bi bi-pie-chart-fill\"><\/i>\n                <\/div>\n                <h3 class=\"h5 fw-bold mb-3\">\u79d1\u5b66\u8bc4\u4f30<\/h3>\n                <p class=\"text-muted\">\u57fa\u65bc\u5fc3\u7406\u5b78\u539f\u7406\u8a2d\u8a08\u7684\u5c08\u696d\u6e2c\u9a57\uff0c\u5168\u9762\u8a55\u4f30\u4f60\u7684\u7bc0\u5109\u7fd2\u6163\u8207\u6d88\u8cbb\u5fc3\u7406<\/p>\n            <\/div>\n            <div class=\"col-md-4 text-center\">\n                <div class=\"feature-icon rounded-circle d-flex align-items-center justify-content-center text-white fs-1 mx-auto mb-3 shadow\">\n                    <i class=\"bi bi-graph-up\"><\/i>\n                <\/div>\n                <h3 class=\"h5 fw-bold mb-3\">\u6578\u64da\u53ef\u8996\u5316<\/h3>\n                <p class=\"text-muted\">\u76f4\u89c0\u7684\u5716\u8868\u5c55\u793a\u6e2c\u9a57\u7d50\u679c\uff0c\u8b93\u4f60\u6e05\u695a\u4e86\u89e3\u81ea\u5df1\u7684\u8ca1\u52d9\u7ba1\u7406\u80fd\u529b<\/p>\n            <\/div>\n            <div class=\"col-md-4 text-center\">\n                <div class=\"feature-icon rounded-circle d-flex align-items-center justify-content-center text-white fs-1 mx-auto mb-3 shadow\">\n                    <i class=\"bi bi-lightbulb-fill\"><\/i>\n                <\/div>\n                <h3 class=\"h5 fw-bold mb-3\">\u4e2a\u4eba\u5316\u5efa\u8bae<\/h3>\n                <p class=\"text-muted\">\u6839\u64da\u6e2c\u9a57\u7d50\u679c\u63d0\u4f9b\u5c08\u5c6c\u7684\u7406\u8ca1\u5efa\u8b70\uff0c\u5e6b\u52a9\u4f60\u512a\u5316\u6d88\u8cbb\u7fd2\u6163<\/p>\n            <\/div>\n        <\/div>\n        \n        <div class=\"text-center\">\n            <button class=\"btn btn-gradient-primary btn-lg text-white fw-semibold px-5 py-3 rounded-pill shadow-lg\" data-action=\"start-quiz\">\n                <i class=\"bi bi-play-fill me-2\"><\/i>\u5f00\u59cb\u6d4b\u9a8c\n            <\/button>\n            <p class=\"mt-3 text-muted\">\n                <i class=\"bi bi-clock me-1\"><\/i>\u9810\u8a08\u8017\u6642\uff1a5-8\u5206\u9418\n            <\/p>\n        <\/div>\n    <\/div>\n<\/section>\n\n<!-- \u6e2c\u9a57\u9801 -->\n<section id=\"quizmain9\" data-page=\"quiz9\" class=\"quiz-container py-5 d-none\">\n    <div class=\"container-fluid\">\n        <div class=\"bg-light rounded-4 p-4 mb-4\">\n            <div class=\"d-flex justify-content-between align-items-center mb-3\">\n                <h2 class=\"h4 mb-0\">\u7bc0\u5109\u7a0b\u5ea6\u6e2c\u9a57<\/h2>\n                <span class=\"badge bg-primary fs-6\" data-progress-text>\u984c\u76ee 1 \/ 14<\/span>\n            <\/div>\n            <div class=\"progress\" style=\"height: 8px;\">\n                <div class=\"progress-bar bg-gradient\" data-progress-bar style=\"width: 7.14%\"><\/div>\n            <\/div>\n        <\/div>\n        \n        <div class=\"card border-0 shadow-lg rounded-4 p-4 mb-4\">\n            <h3 class=\"question-title-size fw-bold text-dark mb-4\" data-question-title><\/h3>\n            <div data-options-container><\/div>\n        <\/div>\n        \n        <div class=\"text-center\">\n            <button class=\"btn btn-secondary btn-lg px-4 py-2 rounded-pill d-none\" data-action=\"prev-question\">\n                <i class=\"bi bi-chevron-left me-1\"><\/i>\u4e0a\u4e00\u9898\n            <\/button>\n        <\/div>\n    <\/div>\n<\/section>\n\n<!-- \u7d50\u679c\u9801 -->\n<section id=\"quizresult9\" data-page=\"result9\" class=\"quiz-container py-5 d-none\">\n    <div class=\"container-fluid\">\n        <div class=\"bg-gradient bg-info bg-opacity-25 rounded-4 p-5 mb-5 text-center\">\n            <h2 class=\"display-5 fw-bold mb-4 text-dark\">\u4f60\u7684\u6d4b\u9a8c\u7ed3\u679c<\/h2>\n            <div class=\"display-6 fw-bold text-primary\" data-result-type><\/div>\n        <\/div>\n        \n        <div class=\"row\">\n            <div class=\"col-12 mb-4\">\n                <div class=\"card border-0 shadow-sm h-100 p-4\">\n                    <h3 class=\"h5 fw-bold mb-3 text-center\">\u4f60\u5728\u6574\u9ad4\u5206\u4f48\u4e2d\u7684\u4f4d\u7f6e<\/h3>\n                    <div class=\"chart-height bg-light rounded-3 p-3\">\n                        <div class=\"score-bar-height bg-secondary rounded-pill position-relative overflow-hidden mb-3\" data-score-bar>\n                            <div class=\"user-position-dot rounded-circle position-absolute shadow\" data-user-position><\/div>\n                        <\/div>\n                        <div class=\"row g-2\" data-legend><\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n        \n        <div class=\"alert alert-primary border-0 shadow-sm rounded-4 mb-4\">\n            <h3 class=\"alert-heading h5 fw-bold\">\n                <i class=\"bi bi-graph-up-arrow me-2\"><\/i>\u591a\u7ef4\u5ea6\u5206\u6790\n            <\/h3>\n            <div data-multi-analysis><\/div>\n        <\/div>\n        \n        <div class=\"alert alert-warning border-0 shadow-sm rounded-4 mb-4\">\n            <h3 class=\"alert-heading h5 fw-bold\">\n                <i class=\"bi bi-lightbulb me-2\"><\/i>\u4e2a\u4eba\u5316\u5efa\u8bae\n            <\/h3>\n            <div data-personalized-advice><\/div>\n        <\/div>\n        \n        <div class=\"card border-0 shadow-sm p-4 mb-4\">\n            <h3 class=\"h5 fw-bold mb-4\">\u8be6\u7ec6\u89e3\u6790<\/h3>\n            <div class=\"text-muted lh-lg\" data-result-description><\/div>\n        <\/div>\n        \n        <div class=\"text-center mt-5\">\n            <button class=\"btn btn-gradient-secondary btn-lg text-white fw-semibold px-5 py-3 rounded-pill shadow-lg\" data-action=\"restart-quiz\">\n                <i class=\"bi bi-arrow-clockwise me-2\"><\/i>\u91cd\u65b0\u6d4b\u9a8c\n            <\/button>\n        <\/div>\n    <\/div>\n<\/section>\n\n<!-- \u5f15\u7528JavaScript\u6587\u4ef6 -->\n<script src=\"https:\/\/xinliceyan.org\/jsfiles\/25\/frugality-quiz-js.js\"><\/script>","protected":false},"excerpt":{"rendered":"<p>\u8282\u4fed\u610f\u5473\u7740\u79d1\u5b66\u5730\u7ba1\u7406\u81ea\u5df1\u548c\u81ea\u5df1\u7684\u65f6\u95f4\u4e0e\u91d1\u94b1\uff0c\u610f\u5473\u7740\u6700\u660e\u667a\u5730\u5229\u7528\u6211\u4eec\u4e00\u751f\u6240\u62e5\u6709\u7684\u8d44\u6e90\u3002\u4e0b\u9762\u4e24\u4e2a\u5fc3\u7406\u6d4b\u9a8c\uff0c\u53ef\u4ee5\u6d4b\u8bd5\u4f60\u7684\u8282\u4fed\u7a0b\u5ea6\u3002<\/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":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"","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":[167,160],"tags":[],"class_list":["post-2770","post","type-post","status-publish","format-standard","hentry","category-personality","category-attitude-scales"],"_links":{"self":[{"href":"https:\/\/xinliceyan.org\/zh\/wp-json\/wp\/v2\/posts\/2770","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=2770"}],"version-history":[{"count":3,"href":"https:\/\/xinliceyan.org\/zh\/wp-json\/wp\/v2\/posts\/2770\/revisions"}],"predecessor-version":[{"id":10211,"href":"https:\/\/xinliceyan.org\/zh\/wp-json\/wp\/v2\/posts\/2770\/revisions\/10211"}],"wp:attachment":[{"href":"https:\/\/xinliceyan.org\/zh\/wp-json\/wp\/v2\/media?parent=2770"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/xinliceyan.org\/zh\/wp-json\/wp\/v2\/categories?post=2770"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/xinliceyan.org\/zh\/wp-json\/wp\/v2\/tags?post=2770"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}