{"id":7984,"date":"2026-02-14T18:15:59","date_gmt":"2026-02-14T10:15:59","guid":{"rendered":"https:\/\/maybeits.me\/?page_id=7984"},"modified":"2026-08-02T01:31:05","modified_gmt":"2026-08-01T17:31:05","slug":"mbti-sale","status":"publish","type":"page","link":"https:\/\/maybeits.me\/zh-hk\/","title":{"rendered":"\u66f4\u597d\u7684\u81ea\u5df1"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"7984\" class=\"elementor elementor-7984\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2193a1f e-flex e-con-boxed e-con e-parent\" data-id=\"2193a1f\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7a5672f elementor-widget elementor-widget-shortcode\" data-id=\"7a5672f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><meta name=\"description\" content=\"\u5514\u6b62\u56db\u500b\u5b57\u6bcd\uff01\u8d85\u904e 10,000 \u5b57\u5605 MBTI \u6df1\u5ea6\u89e3\u6790\u5831\u544a\u300225 \u5206\u9418\u6e2c\u9a57\uff0c\u6435\u5230\u771f\u6b63\u5605\u81ea\u5df1\u3002\">\n<meta property=\"og:title\" content=\"MBTI \u6df1\u5ea6\u89e3\u6790\u5831\u544a\uff5c\u842c\u5b57\u6df1\u5ea6\u4eba\u683c\u5206\u6790\">\n<meta property=\"og:description\" content=\"\u5514\u6b62\u56db\u500b\u5b57\u6bcd\uff01\u8d85\u904e 10,000 \u5b57\u5605 MBTI \u6df1\u5ea6\u89e3\u6790\u5831\u544a\u300225 \u5206\u9418\u6e2c\u9a57\uff0c\u6435\u5230\u771f\u6b63\u5605\u81ea\u5df1\u3002\">\n<meta property=\"og:type\" content=\"website\">\n<meta property=\"og:url\" content=\"https:\/\/maybeits.me\/zh-hk\/zh-hk\/\">\n<meta property=\"og:locale\" content=\"zh_HK\">\n<meta property=\"og:site_name\" content=\"Maybe it's me\">\n<meta name=\"twitter:card\" content=\"summary_large_image\">\n<meta name=\"twitter:title\" content=\"MBTI \u6df1\u5ea6\u89e3\u6790\u5831\u544a\uff5c\u842c\u5b57\u6df1\u5ea6\u4eba\u683c\u5206\u6790\">\n<meta name=\"twitter:description\" content=\"\u5514\u6b62\u56db\u500b\u5b57\u6bcd\uff01\u8d85\u904e 10,000 \u5b57\u5605 MBTI \u6df1\u5ea6\u89e3\u6790\u5831\u544a\u300225 \u5206\u9418\u6e2c\u9a57\uff0c\u6435\u5230\u771f\u6b63\u5605\u81ea\u5df1\u3002\">\n<link rel=\"alternate\" hreflang=\"zh-Hant\" href=\"https:\/\/maybeits.me\/zh-hk\/\" \/>\n<link rel=\"alternate\" hreflang=\"zh-Hans\" href=\"https:\/\/maybeits.me\/zh-hk\/zh-cn\/\" \/>\n<link rel=\"alternate\" hreflang=\"zh-HK\" href=\"https:\/\/maybeits.me\/zh-hk\/zh-hk\/\" \/>\n<link rel=\"alternate\" hreflang=\"en\" href=\"https:\/\/maybeits.me\/zh-hk\/en\/\" \/>\n<link rel=\"alternate\" hreflang=\"ja\" href=\"https:\/\/maybeits.me\/zh-hk\/jp\/\" \/>\n<link rel=\"alternate\" hreflang=\"ko\" href=\"https:\/\/maybeits.me\/zh-hk\/kr\/\" \/>\n<link rel=\"alternate\" hreflang=\"th\" href=\"https:\/\/maybeits.me\/zh-hk\/th\/\" \/>\n<link rel=\"alternate\" hreflang=\"vi\" href=\"https:\/\/maybeits.me\/zh-hk\/vi\/\" \/>\n<link rel=\"alternate\" hreflang=\"pt-BR\" href=\"https:\/\/maybeits.me\/zh-hk\/br\/\" \/>\n<link rel=\"alternate\" hreflang=\"id\" href=\"https:\/\/maybeits.me\/zh-hk\/id\/\" \/>\n<link rel=\"alternate\" hreflang=\"x-default\" href=\"https:\/\/maybeits.me\/zh-hk\/\" \/>\n\n<script type=\"application\/ld+json\">{\n    \"@context\": \"https:\\\/\\\/schema.org\",\n    \"@type\": \"Product\",\n    \"name\": \"MBTI \\u6df1\\u5ea6\\u89e3\\u6790\\u5831\\u544a\\uff5c\\u842c\\u5b57\\u6df1\\u5ea6\\u4eba\\u683c\\u5206\\u6790\",\n    \"description\": \"\\u5514\\u6b62\\u56db\\u500b\\u5b57\\u6bcd\\uff01\\u8d85\\u904e 10,000 \\u5b57\\u5605 MBTI \\u6df1\\u5ea6\\u89e3\\u6790\\u5831\\u544a\\u300225 \\u5206\\u9418\\u6e2c\\u9a57\\uff0c\\u6435\\u5230\\u771f\\u6b63\\u5605\\u81ea\\u5df1\\u3002\",\n    \"brand\": {\n        \"@type\": \"Brand\",\n        \"name\": \"Maybe it's me\"\n    },\n    \"url\": \"https:\\\/\\\/maybeits.me\\\/zh-hk\\\/zh-hk\\\/\"\n}<\/script>\n<style id=\"mbti-sales-styles\">\n    \n\n    .zh-tw-version.mbti-sales,\n    .zh-cn-version.mbti-sales {\n        opacity: 0 !important;\n        visibility: hidden !important;\n        transition: opacity 0.25s ease-in-out, visibility 0.25s ease-in-out;\n    }\n\n    html.i18n-ready .zh-tw-version.mbti-sales,\n    html.i18n-ready .zh-cn-version.mbti-sales {\n        opacity: 1 !important;\n        visibility: visible !important;\n    }\n\n    html.i18n-fallback .zh-tw-version.mbti-sales,\n    html.i18n-fallback .zh-cn-version.mbti-sales {\n        opacity: 1 !important;\n        visibility: visible !important;\n    }\n\n    [data-i18n] {\n        opacity: 0 !important;\n        transition: opacity 0.15s ease-in-out;\n    }\n\n    html.i18n-ready [data-i18n] {\n        opacity: 1 !important;\n    }\n\n    html.i18n-fallback [data-i18n] {\n        opacity: 1 !important;\n    }\n\n    * {\n        margin: 0;\n        padding: 0;\n        box-sizing: border-box;\n    }\n\n    html {\n        margin: 0;\n        padding: 0;\n        overflow-x: hidden;\n    }\n\n    :root {\n        --primary-color: #8B7D6B;\n        --secondary-color: #A89176;\n        --accent-teal: #7B9A9C;\n        --dark: #4A4542;\n        --light: #F5F0EA;\n        --gray: #8C8580;\n\n        --morandi-cream: #F5F0EA;\n        --morandi-beige: #E8DDD0;\n        --morandi-warm-beige: #D9C9B8;\n        --morandi-brown: #B5A290;\n        --morandi-teal: #7B9A9C;\n        --morandi-soft-teal: #A8BFBE;\n\n        --gradient-warm: linear-gradient(135deg, #F5F0EA 0%, #E8DDD0 100%);\n        --gradient-beige: linear-gradient(135deg, #E8DDD0 0%, #D9C9B8 100%);\n        --gradient-accent: linear-gradient(135deg, #A8BFBE 0%, #7B9A9C 100%);\n\n        --gradient-hero: linear-gradient(135deg, #E8DDD0 0%, #D9C9B8 50%, #B5A290 100%);\n        --gradient-section-light: linear-gradient(135deg, #F5F0EA 0%, #E8DDD0 50%, #F5F0EA 100%);\n        --gradient-section-warm: linear-gradient(135deg, #E8DDD0 0%, #F5F0EA 30%, #E8DDD0 70%, #D9C9B8 100%);\n        --gradient-teal: linear-gradient(135deg, #7B9296 0%, #5A7A7C 100%);\n\n        --gradient-radial-soft: radial-gradient(circle, rgba(123, 154, 156, 0.12) 0%, rgba(123, 154, 156, 0.04) 50%, transparent 100%);\n        --gradient-radial-warm: radial-gradient(circle, rgba(181, 162, 144, 0.1) 0%, transparent 70%);\n        --gradient-radial-light: radial-gradient(circle, rgba(245, 240, 234, 0.8) 0%, rgba(245, 240, 234, 0.3) 50%, transparent 100%);\n    }\n\n    body {\n        font-family: \"ChironGoRoundTC\", sans-serif;\n        line-height: 1.8;\n        color: var(--dark);\n        background: var(--light);\n        overflow-x: hidden;\n        font-size: 18px;\n        letter-spacing: 0.03em;\n        margin: 0;\n        padding: 0;\n    }\n\n    html,\n    body {\n        min-height: 100vh;\n        position: relative;\n    }\n\n    .mbti-sales .hero {\n        min-height: 100vh;\n        background: linear-gradient(135deg, #E8DDD0 0%, #D9C9B8 50%, #B5A290 100%);\n        color: #4A4542;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        text-align: center;\n        padding: 2rem;\n        position: relative;\n        overflow: hidden;\n        margin: 0;\n    }\n\n    .mbti-sales .hero::before {\n        content: \"\";\n        position: absolute;\n        width: 800px;\n        height: 800px;\n        background: radial-gradient(circle, rgba(245, 240, 234, 0.8) 0%, rgba(245, 240, 234, 0.3) 50%, transparent 100%);\n        border-radius: 45% 55% 52% 48% \/ 48% 52% 48% 52%;\n        top: -20%;\n        left: -25%;\n        animation: morphing 15s ease-in-out infinite;\n    }\n\n    .mbti-sales .hero::after {\n        content: \"\";\n        position: absolute;\n        width: 650px;\n        height: 650px;\n        background: radial-gradient(circle, rgba(123, 154, 156, 0.35) 0%, rgba(123, 154, 156, 0.15) 70%, transparent 100%);\n        border-radius: 52% 48% 45% 55% \/ 55% 45% 52% 48%;\n        bottom: -18%;\n        right: -20%;\n        animation: morphing 20s ease-in-out infinite reverse;\n    }\n\n    .mbti-sales .hero-content::before {\n        content: \"\";\n        position: absolute;\n        width: 400px;\n        height: 400px;\n        background: linear-gradient(135deg, rgba(245, 240, 234, 0.3) 0%, rgba(245, 240, 234, 0.15) 100%);\n        border-radius: 48% 52% 45% 55%;\n        top: 5%;\n        right: -25%;\n        z-index: 0;\n        animation: float 8s ease-in-out infinite;\n    }\n\n    @keyframes float {\n\n        0%,\n        100% {\n            transform: translateY(0px) rotate(0deg);\n        }\n\n        50% {\n            transform: translateY(-30px) rotate(5deg);\n        }\n    }\n\n    @keyframes morphing {\n\n        0%,\n        100% {\n            border-radius: 48% 52% 45% 55% \/ 52% 48% 52% 48%;\n            transform: translate(0, 0) rotate(0deg);\n        }\n\n        25% {\n            border-radius: 52% 48% 55% 45% \/ 48% 52% 48% 52%;\n            transform: translate(25px, -25px) rotate(8deg);\n        }\n\n        50% {\n            border-radius: 45% 55% 48% 52% \/ 55% 45% 55% 45%;\n            transform: translate(-25px, 25px) rotate(-8deg);\n        }\n\n        75% {\n            border-radius: 55% 45% 52% 48% \/ 45% 55% 45% 55%;\n            transform: translate(25px, 25px) rotate(5deg);\n        }\n    }\n\n    .mbti-sales .hero-content {\n        max-width: 800px;\n        width: 100%;\n        position: relative;\n        z-index: 1;\n        animation: fadeInUp 1s ease;\n        background: rgba(255, 255, 255, 0.15);\n        -webkit-backdrop-filter: blur(10px);\n        backdrop-filter: blur(10px);\n        padding: 4rem 3rem;\n        border-radius: 30px;\n        border: 1px solid rgba(255, 255, 255, 0.3);\n        box-shadow: 0 10px 40px rgba(139, 125, 107, 0.2);\n    }\n\n    @keyframes fadeInUp {\n        from {\n            opacity: 0;\n            transform: translateY(30px);\n        }\n\n        to {\n            opacity: 1;\n            transform: translateY(0);\n        }\n    }\n\n    .mbti-sales .hero h1 {\n        \n        margin-bottom: 2rem;\n        line-height: 1.4;\n        letter-spacing: 0.02em;\n        background: linear-gradient(110deg,\n                #2A241D 0%,\n                #4A6668 20%,\n                #3D3329 40%,\n                #4A6668 60%,\n                #2A241D 80%,\n                #4A6668 100%);\n        background-size: 200% 100%;\n        -webkit-background-clip: text;\n        background-clip: text;\n        -webkit-text-fill-color: transparent;\n        animation: holographicShift 8s ease-in-out infinite;\n    }\n\n    .mbti-sales .hero p {\n        \n        margin-bottom: 1.5rem;\n        opacity: 0.95;\n        line-height: 2;\n        color: #4A4542;\n        max-width: 800px;\n        margin-left: auto;\n        margin-right: auto;\n    }\n\n    .mbti-sales .illustration-placeholder {\n        background: rgba(255, 255, 255, 0.15);\n        border: 2px dashed rgba(255, 255, 255, 0.3);\n        border-radius: 20px;\n        padding: 3rem 2rem;\n        margin: 2rem auto;\n        max-width: 600px;\n        text-align: center;\n        color: rgba(255, 255, 255, 0.7);\n        font-size: 0.85rem;\n        line-height: 1.6;\n    }\n\n    .mbti-sales .illustration-placeholder strong {\n        display: block;\n        font-size: 1rem;\n        margin-bottom: 0.5rem;\n        color: rgba(255, 255, 255, 0.9);\n    }\n\n    .mbti-sales .illustration-placeholder.light-bg {\n        background: rgba(0, 0, 0, 0.03);\n        border: 2px dashed rgba(0, 0, 0, 0.1);\n        color: rgba(74, 74, 72, 0.6);\n    }\n\n    .mbti-sales .illustration-placeholder.light-bg strong {\n        color: rgba(74, 74, 72, 0.8);\n    }\n\n    .mbti-sales .cta-button {\n        display: inline-block;\n        padding: 1.5rem 4rem;\n        \n        font-family: \"jf-jinxuanlatte\" !important;\n        font-weight: 800;\n        text-decoration: none;\n        border-radius: 50px;\n        transition: all 0.3s ease;\n        margin: 1rem;\n        position: relative;\n        overflow: hidden;\n        box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);\n        line-height: 1.5;\n        text-align: center;\n    }\n\n    .mbti-sales .cta-button::before {\n        content: \"\";\n        position: absolute;\n        top: 50%;\n        left: 50%;\n        width: 0;\n        height: 0;\n        border-radius: 50%;\n        background: rgba(255, 255, 255, 0.3);\n        transform: translate(-50%, -50%);\n        transition: width 0.6s, height 0.6s;\n    }\n\n    .mbti-sales .cta-button:hover::before {\n        width: 300px;\n        height: 300px;\n    }\n\n    .mbti-sales .cta-primary {\n        background: linear-gradient(135deg, #B5A290 0%, #A89176 100%);\n        color: white;\n        border: 2px solid transparent;\n    }\n\n    .mbti-sales .cta-primary:hover {\n        transform: translateY(-3px);\n        box-shadow: 0 15px 40px rgba(181, 162, 144, 0.5);\n        background: linear-gradient(135deg, #A89176 0%, #9A8166 100%);\n    }\n\n    .mbti-sales .cta-secondary {\n        background: white;\n        color: #8B7D6B;\n        border: 2px solid #B5A290;\n    }\n\n    .mbti-sales .cta-secondary:hover {\n        transform: translateY(-3px);\n        box-shadow: 0 15px 40px rgba(139, 125, 107, 0.4);\n        background: #F5F0EA;\n        border-color: #7B9A9C;\n        color: #7B9A9C;\n    }\n\n    .mbti-sales .container {\n        max-width: 900px;\n        margin: 0 auto;\n        padding: 5rem 2.5rem;\n        position: relative;\n        z-index: 1;\n    }\n\n    .mbti-sales .section {\n        margin-bottom: 0;\n        animation: fadeIn 1s ease;\n    }\n\n    @keyframes fadeIn {\n        from {\n            opacity: 0;\n        }\n\n        to {\n            opacity: 1;\n        }\n    }\n\n    .mbti-sales .section-title {\n        \n        text-align: center;\n        margin-bottom: 4rem;\n        color: #4A4542;\n        position: relative;\n        padding-bottom: 2rem;\n        line-height: 1.5;\n        letter-spacing: 0.02em;\n    }\n\n    .mbti-sales .section-title::before {\n        content: \"\";\n        position: absolute;\n        bottom: 0.5rem;\n        left: 50%;\n        transform: translateX(-50%);\n        width: 60px;\n        height: 60px;\n        background: radial-gradient(circle, rgba(123, 154, 156, 0.1) 0%, transparent 70%);\n        border-radius: 50%;\n        z-index: -1;\n    }\n\n    .mbti-sales .section-title::after {\n        content: \"\";\n        position: absolute;\n        bottom: 0;\n        left: 50%;\n        transform: translateX(-50%);\n        width: 140px;\n        height: 4px;\n        background: linear-gradient(90deg, transparent, #B5A290 20%, #7B9A9C 50%, #B5A290 80%, transparent);\n        border-radius: 4px;\n    }\n\n    .mbti-sales .pain-points {\n        background: linear-gradient(180deg, #D9C9B8 0%, #F5F0EA 10%, #F5F0EA 90%, #E8DDD0 100%);\n        padding: 0 2rem 5rem 2rem;\n        position: relative;\n        overflow: hidden;\n    }\n\n    .mbti-sales .pain-points::before {\n        content: \"\";\n        position: absolute;\n        width: 600px;\n        height: 600px;\n        background: radial-gradient(circle, rgba(123, 154, 156, 0.15) 0%, rgba(123, 154, 156, 0.05) 50%, transparent 100%);\n        border-radius: 52% 48% 45% 55% \/ 48% 52% 52% 48%;\n        top: -10%;\n        right: -15%;\n        animation: morphing 18s ease-in-out infinite;\n    }\n\n    .mbti-sales .pain-points::after {\n        content: \"\";\n        position: absolute;\n        width: 450px;\n        height: 450px;\n        background: radial-gradient(circle, rgba(181, 162, 144, 0.1) 0%, transparent 70%);\n        border-radius: 48% 52% 55% 45%;\n        bottom: 10%;\n        left: -12%;\n        animation: morphing 20s ease-in-out infinite reverse;\n    }\n\n    .mbti-sales .pain-list {\n        max-width: 800px;\n        margin: 0 auto;\n    }\n\n    .mbti-sales .pain-item {\n        background: white;\n        padding: 2.5rem 2.5rem 2.5rem 5rem;\n        margin: 2rem 0;\n        border-radius: 20px;\n        \n        box-shadow: 0 8px 20px rgba(139, 125, 107, 0.15);\n        position: relative;\n        color: #4A4542;\n        border-left: 6px solid #7B9A9C;\n        transition: all 0.3s ease;\n        line-height: 1.9;\n        font-family: \"jf-hornedfrog\" !important;\n        font-weight: bold;\n    }\n\n    .mbti-sales .pain-item:hover {\n        transform: translateX(10px);\n        box-shadow: 0 12px 30px rgba(123, 154, 156, 0.25);\n        border-left-width: 8px;\n    }\n\n    .mbti-sales .product-intro {\n        background: linear-gradient(135deg, #F5F0EA 0%, #E8DDD0 50%, #D9C9B8 100%);\n        color: #4A4542;\n        padding: 5rem 2rem;\n        text-align: center;\n        position: relative;\n        overflow: hidden;\n    }\n\n    .mbti-sales .product-intro::before {\n        content: \"\";\n        position: absolute;\n        width: 700px;\n        height: 700px;\n        background: radial-gradient(circle, rgba(123, 154, 156, 0.15) 0%, rgba(123, 154, 156, 0.05) 50%, transparent 100%);\n        border-radius: 45% 55% 48% 52% \/ 52% 48% 55% 45%;\n        bottom: -20%;\n        left: -20%;\n        animation: morphing 20s ease-in-out infinite;\n    }\n\n    .mbti-sales .product-intro::after {\n        content: \"\";\n        position: absolute;\n        width: 500px;\n        height: 500px;\n        background: radial-gradient(circle, rgba(181, 162, 144, 0.12) 0%, transparent 70%);\n        border-radius: 52% 48% 45% 55%;\n        top: -15%;\n        right: -15%;\n        animation: morphing 25s ease-in-out infinite reverse;\n    }\n\n    .mbti-sales .features-grid {\n        display: grid;\n        grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n        gap: 2.5rem;\n        max-width: 800px;\n        margin: 4rem auto;\n    }\n\n    .mbti-sales .feature-card {\n        background: white;\n        color: var(--dark);\n        padding: 3rem 2.5rem;\n        border-radius: 24px;\n        box-shadow: 0 10px 30px rgba(139, 125, 107, 0.15);\n        transition: transform 0.3s ease, box-shadow 0.3s ease;\n        position: relative;\n        overflow: hidden;\n        border: 3px solid #7B9A9C;\n        text-align: center;\n    }\n\n    .mbti-sales .feature-card::before {\n        content: \"\";\n        position: absolute;\n        top: 0;\n        right: 0;\n        width: 150px;\n        height: 150px;\n        background: radial-gradient(circle, rgba(123, 154, 156, 0.1) 0%, transparent 70%);\n        border-radius: 50%;\n        transform: translate(50%, -50%);\n    }\n\n    .mbti-sales .feature-card:hover {\n        transform: translateY(-15px);\n        box-shadow: 0 20px 45px rgba(123, 154, 156, 0.3);\n        border-width: 5px;\n    }\n\n    .mbti-sales .feature-icon {\n        font-size: 3.5rem;\n        margin-bottom: 1.5rem;\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n        width: 120px;\n        height: 120px;\n        background: linear-gradient(135deg, rgba(123, 154, 156, 0.15) 0%, rgba(168, 191, 190, 0.15) 100%);\n        border-radius: 50%;\n    }\n\n    .mbti-sales .feature-title {\n        \n        margin-bottom: 1.2rem;\n        color: #8B7D6B;\n        line-height: 1.4;\n        font-family: \"lihsianti\" !important;\n        font-weight: 500;\n    }\n\n    .mbti-sales .feature-card p {\n        line-height: 1.8;\n        \n        color: #5A5A5A;\n    }\n\n    .mbti-sales .comparison-section {\n        background: linear-gradient(180deg, #E8DDD0 0%, #F5F0EA 30%, #E8DDD0 70%, #D9C9B8 100%);\n        padding: 5rem 2rem;\n        position: relative;\n        overflow: hidden;\n    }\n\n    .mbti-sales .comparison-section::before {\n        content: \"\";\n        position: absolute;\n        width: 600px;\n        height: 600px;\n        background: radial-gradient(circle, rgba(123, 154, 156, 0.15) 0%, transparent 70%);\n        border-radius: 48% 52% 52% 48% \/ 45% 55% 48% 52%;\n        top: -15%;\n        left: -18%;\n        animation: morphing 18s ease-in-out infinite;\n    }\n\n    .mbti-sales .comparison-section::after {\n        content: \"\";\n        position: absolute;\n        width: 500px;\n        height: 500px;\n        background: radial-gradient(circle, rgba(181, 162, 144, 0.12) 0%, transparent 70%);\n        border-radius: 45% 55% 48% 52%;\n        bottom: -12%;\n        right: -15%;\n        animation: morphing 22s ease-in-out infinite reverse;\n    }\n\n    .mbti-sales .comparison-table {\n        max-width: 800px;\n        margin: 0 auto;\n        overflow: visible;\n    }\n\n    .mbti-sales table {\n        width: 100%;\n        border-collapse: separate;\n        border-spacing: 0;\n        background: white;\n        box-shadow: 0 10px 40px rgba(90, 122, 124, 0.1);\n        border-radius: 15px;\n        position: relative;\n    }\n\n    .mbti-sales th {\n        background: linear-gradient(135deg, #7B9296 0%, #5A7A7C 100%);\n        color: white;\n        padding: 2rem 1.5rem;\n        font-size: clamp(1rem, 1.5vw, 1.125rem);\n        text-align: center;\n        vertical-align: middle;\n        line-height: 1.6;\n        position: relative;\n    }\n\n    .mbti-sales th:first-child {\n        text-align: center;\n        padding-left: 1.5rem;\n        border-top-left-radius: 15px;\n    }\n\n    .mbti-sales th:nth-child(3) {\n        position: relative;\n        z-index: 10;\n        border-left: 5px solid #7B9A9C;\n        border-right: 5px solid #7B9A9C;\n        border-top: 6px solid #7B9A9C;\n        border-top-left-radius: 15px;\n        border-top-right-radius: 15px;\n    }\n\n    .mbti-sales td {\n        padding: 2rem 1.5rem;\n        border-bottom: 1px solid #f0f0f0;\n        font-size: clamp(0.95rem, 1.5vw, 1.0625rem);\n        vertical-align: middle;\n        text-align: center;\n        line-height: 1.7;\n        position: relative;\n    }\n\n    .mbti-sales td:nth-child(3) {\n        border-left: 5px solid #7B9A9C;\n        border-right: 5px solid #7B9A9C;\n        position: relative;\n        z-index: 10;\n    }\n\n    .mbti-sales td:first-child {\n        color: #3D4848;\n        text-align: center;\n        padding-left: 1.5rem;\n    }\n\n    .mbti-sales tr:last-child td {\n        border-bottom: none;\n    }\n\n    .mbti-sales tr:last-child td:nth-child(3) {\n        border-bottom: 5px solid #7B9A9C;\n        border-bottom-left-radius: 15px;\n        border-bottom-right-radius: 15px;\n    }\n\n    .mbti-sales tr:hover {\n        background: #fafafa;\n    }\n\n    .mbti-sales .check {\n        color: #5A7A7C;\n    }\n\n    .mbti-sales .cross {\n        color: #9A6F47;\n        font-size: 1rem;\n    }\n\n    @media (max-width: 768px) {\n\n        .mbti-sales .comparison-table {\n            margin: 0;\n            overflow-x: visible;\n        }\n\n        .mbti-sales table {\n            display: table;\n            width: 100%;\n            border-radius: 12px;\n            table-layout: fixed;\n        }\n\n        .mbti-sales thead {\n            display: table-header-group;\n        }\n\n        .mbti-sales tbody {\n            display: table-row-group;\n        }\n\n        .mbti-sales tr {\n            display: table-row;\n        }\n\n        .mbti-sales th,\n        .mbti-sales td {\n            display: table-cell;\n            font-size: 0.75rem;\n            padding: 0.8rem 0.4rem;\n            white-space: normal;\n            word-wrap: break-word;\n        }\n\n        .mbti-sales th:first-child,\n        .mbti-sales td:first-child {\n            width: 20%;\n            padding-left: 0.4rem;\n            padding-right: 0.4rem;\n            background: white;\n            text-align: center;\n        }\n\n        .mbti-sales th:nth-child(2),\n        .mbti-sales td:nth-child(2) {\n            width: 37%;\n        }\n\n        .mbti-sales th:nth-child(3),\n        .mbti-sales td:nth-child(3) {\n            width: 43%;\n        }\n\n        .mbti-sales th:first-child {\n            background: linear-gradient(135deg, #7B9296 0%, #5A7A7C 100%);\n        }\n\n    }\n\n    .mbti-sales .report-showcase {\n        background: linear-gradient(135deg, #F5F0EA 0%, #E8DDD0 50%, #F5F0EA 100%);\n        padding: 5rem 2rem;\n        position: relative;\n        overflow: hidden;\n    }\n\n    .mbti-sales .report-showcase::before {\n        content: \"\";\n        position: absolute;\n        width: 600px;\n        height: 600px;\n        background: radial-gradient(circle, rgba(123, 154, 156, 0.12) 0%, rgba(123, 154, 156, 0.04) 50%, transparent 100%);\n        border-radius: 52% 48% 48% 52% \/ 55% 45% 52% 48%;\n        top: -15%;\n        left: -15%;\n        animation: morphing 20s ease-in-out infinite;\n    }\n\n    .mbti-sales .report-showcase::after {\n        content: \"\";\n        position: absolute;\n        width: 500px;\n        height: 500px;\n        background: radial-gradient(circle, rgba(181, 162, 144, 0.1) 0%, transparent 70%);\n        border-radius: 45% 55% 52% 48%;\n        bottom: -12%;\n        right: -12%;\n        animation: morphing 24s ease-in-out infinite reverse;\n    }\n\n    .mbti-sales .report-features {\n        display: grid;\n        grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n        gap: 2.5rem;\n        max-width: 800px;\n        margin: 4rem auto;\n    }\n\n    .mbti-sales .report-feature {\n        background: white;\n        padding: 3rem 2.5rem;\n        border-radius: 24px;\n        text-align: center;\n        box-shadow: 0 8px 25px rgba(139, 125, 107, 0.15);\n        transition: all 0.3s ease;\n        position: relative;\n        overflow: hidden;\n        border-top: 4px solid #7B9A9C;\n    }\n\n    .mbti-sales .report-feature::before {\n        content: \"\";\n        position: absolute;\n        top: -50%;\n        right: -50%;\n        width: 200px;\n        height: 200px;\n        background: radial-gradient(circle, rgba(123, 154, 156, 0.1) 0%, transparent 70%);\n        border-radius: 50%;\n    }\n\n    .mbti-sales .report-feature:hover {\n        transform: translateY(-8px);\n        box-shadow: 0 15px 35px rgba(123, 154, 156, 0.25);\n        border-top-width: 5px;\n    }\n\n    .mbti-sales .report-feature-icon {\n        font-size: 3rem;\n        margin-bottom: 1.5rem;\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n        width: 110px;\n        height: 110px;\n        background: linear-gradient(135deg, rgba(181, 162, 144, 0.15) 0%, rgba(123, 154, 156, 0.15) 100%);\n        border-radius: 50%;\n    }\n\n    .mbti-sales .report-feature h3 {\n        margin-bottom: 1rem;\n        font-family: \"lihsianti\" !important;\n        font-weight: 500;\n    }\n\n    .mbti-sales .report-feature p {\n        line-height: 1.9;\n        \n    }\n\n    .mbti-sales .soul-talk {\n        background: linear-gradient(135deg, #7B9A9C 0%, #6B8A8C 50%, #5B7A7C 100%);\n        color: #F5F0EA;\n        padding: 5rem 2rem;\n        text-align: center;\n        position: relative;\n        overflow: hidden;\n    }\n\n    .mbti-sales .soul-talk::before {\n        content: \"\";\n        position: absolute;\n        width: 600px;\n        height: 600px;\n        background: radial-gradient(circle, rgba(245, 240, 234, 0.15) 0%, rgba(245, 240, 234, 0.05) 50%, transparent 100%);\n        border-radius: 45% 55% 52% 48% \/ 48% 52% 45% 55%;\n        bottom: -18%;\n        right: -18%;\n        animation: morphing 22s ease-in-out infinite;\n    }\n\n    .mbti-sales .soul-talk::after {\n        content: \"\";\n        position: absolute;\n        width: 500px;\n        height: 500px;\n        background: radial-gradient(circle, rgba(168, 191, 190, 0.2) 0%, transparent 70%);\n        border-radius: 52% 48% 48% 52%;\n        top: -15%;\n        left: -15%;\n        animation: morphing 20s ease-in-out infinite reverse;\n    }\n\n    .mbti-sales .soul-talk-content {\n        max-width: 800px;\n        margin: 0 auto;\n    }\n\n    .mbti-sales .soul-talk h2 {\n        \n        margin-bottom: 2.5rem;\n        line-height: 1.4;\n        position: relative;\n        padding-bottom: 2rem;\n    }\n\n    .mbti-sales .soul-talk h2::after {\n        content: \"\";\n        position: absolute;\n        bottom: 0;\n        left: 50%;\n        transform: translateX(-50%);\n        width: 140px;\n        height: 4px;\n        background: linear-gradient(90deg, transparent, rgba(245, 240, 234, 0.3) 20%, rgba(245, 240, 234, 0.8) 50%, rgba(245, 240, 234, 0.3) 80%, transparent);\n        border-radius: 4px;\n    }\n\n    .mbti-sales .soul-talk p {\n        \n        line-height: 2;\n        margin-bottom: 1.8rem;\n    }\n\n    .mbti-sales .soul-talk .feature-card {\n        border: none;\n        border-top: 5px solid #7B9A9C;\n    }\n\n    .mbti-sales .soul-talk .feature-card:hover {\n        border-width: auto;\n        border-top-width: 6px;\n    }\n\n    .mbti-sales .testimonials {\n        background: linear-gradient(180deg, #7B9A9C 0%, #F5F0EA 15%, #F5F0EA 85%, #E8DDD0 100%);\n        padding: 0 2rem 5rem 2rem;\n        position: relative;\n        overflow: hidden;\n    }\n\n    .mbti-sales .testimonials::before {\n        content: \"\";\n        position: absolute;\n        width: 550px;\n        height: 550px;\n        background: radial-gradient(circle, rgba(181, 162, 144, 0.12) 0%, transparent 70%);\n        border-radius: 48% 52% 55% 45% \/ 52% 48% 48% 52%;\n        bottom: -10%;\n        right: -12%;\n        animation: morphing 20s ease-in-out infinite;\n    }\n\n    .mbti-sales .testimonials::after {\n        content: \"\";\n        position: absolute;\n        width: 450px;\n        height: 450px;\n        background: radial-gradient(circle, rgba(123, 154, 156, 0.1) 0%, transparent 70%);\n        border-radius: 52% 48% 45% 55%;\n        top: 15%;\n        left: -10%;\n        animation: morphing 22s ease-in-out infinite reverse;\n    }\n\n    .mbti-sales .testimonial-grid {\n        display: grid;\n        grid-template-columns: repeat(3, 1fr);\n        gap: 1rem;\n        max-width: 100%;\n        margin: 4rem 0;\n    }\n\n    .mbti-sales .testimonial-card {\n        background: white;\n        color: #4A4542;\n        padding: 0 2rem 2rem 2rem;\n        border-radius: 24px;\n        box-shadow: 0 10px 35px rgba(123, 154, 156, 0.2);\n        position: relative;\n        border-left: 6px solid #7B9A9C;\n        transition: all 0.3s ease;\n    }\n\n    .mbti-sales .testimonial-card:hover {\n        transform: translateY(-5px);\n        box-shadow: 0 15px 45px rgba(123, 154, 156, 0.3);\n    }\n\n    .mbti-sales .testimonial-card::before {\n        content: \"\\\\\"\";\n        font-size: 6rem;\n        position: absolute;\n        top: -1.5rem;\n        left: 1.5rem;\n        opacity: 0.15;\n        font-family: Georgia, serif;\n        color: #7B9A9C;\n        line-height: 1;\n    }\n\n    .mbti-sales .testimonial-card::after {\n        content: \"\";\n        position: absolute;\n        bottom: 0;\n        right: 0;\n        width: 100px;\n        height: 100px;\n        background: radial-gradient(circle, rgba(123, 154, 156, 0.1) 0%, transparent 70%);\n        border-radius: 50%;\n        transform: translate(30%, 30%);\n    }\n\n    .mbti-sales .testimonial-card::before {\n        content: \"\\\\\"\";\n        font-size: 5rem;\n        position: absolute;\n        top: -1rem;\n        left: 1rem;\n        opacity: 0.3;\n        font-family: Georgia, serif;\n    }\n\n    .mbti-sales .testimonial-text {\n        \n        line-height: 1.7;\n        margin-bottom: 1.5rem;\n        position: relative;\n        z-index: 1;\n        color: #3D4848;\n        font-family: \"jf-hornedfrog\" !important;\n        font-weight: bold;\n    }\n\n    .mbti-sales .testimonial-author {\n        \n        color: #7B9296;\n        font-family: \"jf-jinxuan\" !important;\n        font-weight: 800;\n    }\n\n    .mbti-sales .testimonial-dots {\n        display: none;\n    }\n\n    .mbti-sales .report-preview-gif {\n        border-radius: 18px;\n        overflow: hidden;\n        position: relative;\n        border: 2px solid rgba(123, 154, 156, 0.3);\n        box-shadow: 0 4px 30px rgba(139, 125, 107, 0.2);\n        margin-top: 2rem;\n    }\n\n    .mbti-sales .report-preview-gif img {\n        width: 100%;\n        display: block;\n    }\n\n    .mbti-sales .gif-overlay {\n        position: absolute;\n        inset: 0;\n        background: rgba(0, 0, 0, 0.15);\n        backdrop-filter: blur(2.5px);\n        -webkit-backdrop-filter: blur(2.5px);\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        pointer-events: none;\n    }\n\n    .mbti-sales .gif-overlay-text {\n        text-align: center;\n        color: white;\n        text-shadow: 0 2px 16px rgba(0, 0, 0, 0.7), 0 1px 4px rgba(0, 0, 0, 0.5);\n        padding: 40px 50px;\n        max-width: 88%;\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n        gap: 18px;\n    }\n\n    .mbti-sales .gif-overlay-title {\n        font-size: 2rem;\n        font-weight: 700;\n        display: block;\n        line-height: 1.4;\n        letter-spacing: 1px;\n    }\n\n    .mbti-sales .gif-overlay-body {\n        font-size: 1.15rem;\n        line-height: 2;\n        display: block;\n        opacity: 0.95;\n    }\n\n    .mbti-sales .gif-overlay-cta {\n        font-size: 1.15rem;\n        font-weight: 700;\n        display: block;\n        line-height: 1.7;\n    }\n\n    .mbti-sales .gif-overlay-sub {\n        font-size: 0.9rem;\n        opacity: 0.7;\n        display: block;\n        margin-top: 6px;\n        letter-spacing: 0.5px;\n    }\n\n    .mbti-sales .mobile-br {\n        display: none;\n    }\n\n    .mbti-sales .mobile-hide {\n        display: inline;\n    }\n\n    .mbti-sales .pricing-section {\n        background: linear-gradient(135deg, #E8DDD0 0%, #F5F0EA 30%, #E8DDD0 70%, #D9C9B8 100%);\n        padding: 5rem 2rem;\n        position: relative;\n        overflow: hidden;\n    }\n\n    .mbti-sales .pricing-section::before {\n        content: \"\";\n        position: absolute;\n        width: 650px;\n        height: 650px;\n        background: radial-gradient(circle, rgba(123, 154, 156, 0.12) 0%, rgba(123, 154, 156, 0.04) 50%, transparent 100%);\n        border-radius: 52% 48% 45% 55% \/ 48% 52% 52% 48%;\n        top: -15%;\n        left: -18%;\n        animation: morphing 20s ease-in-out infinite;\n    }\n\n    .mbti-sales .pricing-section::after {\n        content: \"\";\n        position: absolute;\n        width: 550px;\n        height: 550px;\n        background: radial-gradient(circle, rgba(181, 162, 144, 0.1) 0%, transparent 70%);\n        border-radius: 45% 55% 52% 48%;\n        bottom: -12%;\n        right: -15%;\n        animation: morphing 24s ease-in-out infinite reverse;\n    }\n\n    .mbti-sales .pricing-grid {\n        display: grid;\n        grid-template-columns: repeat(2, 1fr);\n        gap: 2rem;\n        max-width: 1100px;\n        margin: 4rem auto;\n        align-items: stretch;\n    }\n\n    .mbti-sales .pricing-card {\n        background: white;\n        border-radius: 18px;\n        padding: 3rem 2rem;\n        box-shadow: 0 15px 45px rgba(139, 125, 107, 0.18);\n        text-align: center;\n        transition: all 0.4s ease;\n        position: relative;\n        overflow: hidden;\n        display: flex;\n        flex-direction: column;\n    }\n\n    .mbti-sales .pricing-card::before {\n        content: \"\";\n        position: absolute;\n        top: 0;\n        left: 0;\n        right: 0;\n        height: 6px;\n        background: linear-gradient(90deg, #B5A290, #7B9A9C, #B5A290);\n    }\n\n    .mbti-sales .pricing-card:hover {\n        transform: translateY(-8px);\n        box-shadow: 0 20px 55px rgba(139, 125, 107, 0.25);\n    }\n\n    .mbti-sales .pricing-card.featured {\n        border: 3px solid #7B9A9C;\n        background: linear-gradient(135deg, rgba(255, 255, 255, 1) 0%, rgba(245, 240, 234, 0.5) 100%);\n    }\n\n    .mbti-sales .pricing-card.featured::after {\n        content: \"\u63a8\u85a6\";\n        position: absolute;\n        top: 12px;\n        right: -32px;\n        background: linear-gradient(135deg, #7B9A9C, #6B8A8C);\n        color: white;\n        padding: 0.5rem 3rem;\n        transform: rotate(45deg);\n        font-size: 1rem;\n        box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);\n        font-family: \"jf-jinxuanlatte\" !important;\n        font-weight: 800;\n    }\n\n    .mbti-sales .pricing-badge {\n        background: linear-gradient(135deg, #9A6F47 0%, #7B5A37 100%);\n        color: white;\n        padding: 0.5rem 1.5rem;\n        border-radius: 50px;\n        display: inline-block;\n        margin-bottom: 1rem;\n        \n    }\n\n    .mbti-sales .pricing-title {\n        \n        margin-bottom: 1rem;\n        color: #5A7A7C;\n        line-height: 1.2;\n    }\n\n    .mbti-sales .pricing-subtitle {\n        \n        margin-bottom: 10px;\n        color: #5A7A7C;\n        line-height: 1.2;\n    }\n\n    .mbti-sales .pricing-description {\n        color: #8C653F;\n        margin-bottom: 1.5rem;\n        line-height: 1.5;\n    }\n\n    .mbti-sales .pricing-price {\n        \n        color: var(--dark);\n        margin-bottom: 0.5rem;\n        line-height: 1.1;\n    }\n\n    .mbti-sales .pricing-original {\n        text-decoration: line-through;\n        color: var(--gray);\n        \n        margin-bottom: 0.8rem;\n    }\n\n    .mbti-sales .pricing-savings {\n        color: #5A7A7C;\n        margin-bottom: 1.5rem;\n        \n    }\n\n    .mbti-sales .pricing-features {\n        text-align: left;\n        margin: 1.5rem 0;\n        flex-grow: 1;\n    }\n\n    .mbti-sales .pricing-card .cta-button {\n        margin-top: auto;\n    }\n\n    .mbti-sales .pricing-badge-placeholder {\n        padding: 0.5rem 1.5rem;\n        margin-bottom: 1rem;\n    }\n\n    .mbti-sales .pricing-savings-placeholder {\n        margin-bottom: 1.5rem;\n    }\n\n    .mbti-sales .pricing-feature {\n        padding: 1rem 0;\n        border-bottom: 1px solid #eee;\n        display: flex;\n        align-items: center;\n        \n        line-height: 1.4;\n    }\n\n    .mbti-sales .pricing-feature::before {\n        content: \"\u2713\";\n        color: #5A7A7C;\n        margin-right: 1rem;\n        font-size: 1.3rem;\n        flex-shrink: 0;\n    }\n\n    .mbti-sales .final-cta {\n        background: linear-gradient(135deg, #7B9A9C 0%, #6B8A8C 30%, #7B9A9C 70%, #8BA9AB 100%);\n        color: #F5F0EA;\n        padding: 6rem 2rem;\n        text-align: center;\n        position: relative;\n        overflow: hidden;\n    }\n\n    .mbti-sales .final-cta::before {\n        content: \"\";\n        position: absolute;\n        width: 700px;\n        height: 700px;\n        background: radial-gradient(circle, rgba(245, 240, 234, 0.2) 0%, rgba(245, 240, 234, 0.08) 50%, transparent 100%);\n        border-radius: 45% 55% 52% 48% \/ 52% 48% 45% 55%;\n        top: -18%;\n        left: -20%;\n        animation: morphing 22s ease-in-out infinite;\n    }\n\n    .mbti-sales .final-cta::after {\n        content: \"\";\n        position: absolute;\n        width: 600px;\n        height: 600px;\n        background: radial-gradient(circle, rgba(168, 191, 190, 0.25) 0%, rgba(168, 191, 190, 0.1) 50%, transparent 100%);\n        border-radius: 52% 48% 48% 52% \/ 45% 55% 52% 48%;\n        bottom: -15%;\n        right: -18%;\n        animation: morphing 20s ease-in-out infinite reverse;\n    }\n\n    .mbti-sales .final-cta-content {\n        max-width: 900px;\n        margin: 0 auto;\n    }\n\n    .mbti-sales .final-cta h2 {\n        \n        margin-bottom: 2.5rem;\n        line-height: 1.4;\n        position: relative;\n        padding-bottom: 2rem;\n    }\n\n    .mbti-sales .final-cta h2::after {\n        content: \"\";\n        position: absolute;\n        bottom: 0;\n        left: 50%;\n        transform: translateX(-50%);\n        width: 140px;\n        height: 4px;\n        background: linear-gradient(90deg, transparent, rgba(245, 240, 234, 0.3) 20%, rgba(245, 240, 234, 0.8) 50%, rgba(245, 240, 234, 0.3) 80%, transparent);\n        border-radius: 4px;\n    }\n\n    .mbti-sales .final-cta p {\n        \n        margin-bottom: 1.8rem;\n        line-height: 2;\n    }\n\n    .mbti-sales .cta-group {\n        margin-top: 3rem;\n    }\n\n    .mbti-sales .guarantee {\n        background: linear-gradient(135deg, rgba(255, 255, 255, 0.25) 0%, rgba(245, 240, 234, 0.15) 100%);\n        padding: 2.5rem 2rem;\n        border-radius: 24px;\n        margin-top: 3rem;\n        \n        color: #F5F0EA;\n        border: 2px solid rgba(255, 255, 255, 0.3);\n        box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);\n        -webkit-backdrop-filter: blur(10px);\n        backdrop-filter: blur(10px);\n        line-height: 1.8;\n        font-family: \"lihsianti\" !important;\n        font-weight: 500;\n    }\n\n    .mbti-sales .floating-cta {\n        position: fixed;\n        bottom: 20px;\n        left: 50%;\n        transform: translateX(-50%);\n        z-index: 1000;\n        animation: pulse 2s infinite;\n    }\n\n    .mbti-sales .floating-cta .cta-button {\n        padding: 1.5rem 5rem;\n        font-size: 1.3rem;\n        min-width: 420px;\n        display: inline-block;\n        box-sizing: border-box;\n    }\n\n    @keyframes pulse {\n\n        0%,\n        100% {\n            transform: translateX(-50%) scale(1);\n        }\n\n        50% {\n            transform: translateX(-50%) scale(1.05);\n        }\n    }\n\n    @media (max-width: 1024px) and (min-width: 769px) {\n\n        .mbti-sales .container {\n            padding: 4.5rem 2rem;\n        }\n\n        .mbti-sales .hero-content {\n            padding: 3.5rem 2.5rem;\n        }\n\n        .mbti-sales .features-grid,\n        .mbti-sales .report-features {\n            grid-template-columns: repeat(2, 1fr);\n        }\n\n        .mbti-sales .pricing-grid {\n            grid-template-columns: 1fr;\n            max-width: 600px;\n        }\n\n        .mbti-sales .testimonial-grid {\n            grid-template-columns: repeat(2, 1fr);\n        }\n\n    }\n\n    @media (max-width: 768px) {\n\n        body {\n            font-size: 16px;\n            line-height: 1.6;\n            overflow-x: hidden;\n        }\n\n        html {\n            overflow-x: hidden;\n        }\n\n        .mbti-sales .hero {\n            min-height: auto;\n            padding: 2.5rem 1.5rem;\n        }\n\n        .mbti-sales .hero-content {\n            padding: 2rem 1.5rem;\n        }\n\n        .mbti-sales .hero-content::before {\n            top: 30%;\n            width: 300px;\n            height: 300px;\n        }\n\n        .mbti-sales .hero h1 {\n            font-size: 2.2rem;\n            margin-bottom: 1.5rem;\n            background: linear-gradient(110deg,\n                    #2A241D 0%,\n                    #4A6668 20%,\n                    #3D3329 40%,\n                    #4A6668 60%,\n                    #2A241D 80%,\n                    #4A6668 100%);\n            background-size: 200% 100%;\n            -webkit-background-clip: text;\n            background-clip: text;\n            -webkit-text-fill-color: transparent;\n            animation: holographicShift 8s ease-in-out infinite;\n        }\n\n        .mbti-sales .hero p {\n            font-size: 1rem;\n            margin-bottom: 1rem;\n            line-height: 1.7;\n        }\n\n        .mbti-sales .container {\n            padding: 1rem 15px;\n            max-width: 100%;\n        }\n\n        .mbti-sales .pain-points,\n        .mbti-sales .product-intro,\n        .mbti-sales .comparison-section,\n        .mbti-sales .report-showcase,\n        .mbti-sales .soul-talk,\n        .mbti-sales .pricing-section,\n        .mbti-sales .final-cta {\n            padding: 2rem 15px;\n        }\n\n        .mbti-sales .testimonials {\n            padding: 2rem 15px;\n            overflow: visible;\n        }\n\n        .mbti-sales .testimonials .section-title {\n            margin-bottom: 2rem;\n        }\n\n        .mbti-sales .pricing-section .section-title {\n            font-size: 2rem;\n        }\n\n        .mbti-sales .soul-talk-content {\n            max-width: 100%;\n        }\n\n        .mbti-sales .section-title {\n            font-size: 1.75rem;\n            margin-bottom: 1.5rem;\n            padding-bottom: 1.2rem;\n        }\n\n        .mbti-sales .pain-item {\n            font-size: 1rem;\n            padding: 1.8rem 1.2rem 1.8rem 3.8rem;\n            margin: 1.2rem 0;\n            line-height: 1.7;\n        }\n\n        .mbti-sales .features-grid {\n            grid-template-columns: repeat(2, 1fr);\n            gap: 1rem;\n            margin: 2.5rem 0;\n            max-width: 100%;\n        }\n\n        .mbti-sales .feature-card {\n            padding: 1.5rem 1rem;\n            aspect-ratio: 1;\n            display: flex;\n            flex-direction: column;\n            align-items: center;\n            justify-content: center;\n        }\n\n        .mbti-sales .feature-icon {\n            display: none !important;\n        }\n\n        .mbti-sales .features-grid .feature-card p {\n            line-height: 1.5 !important;\n        }\n\n        .mbti-sales .feature-card .feature-title,\n        .mbti-sales .feature-card .feature-title.fs-28 {\n            font-size: 1.5rem !important;\n        }\n\n        .mbti-sales .product-intro p[style*=\"font-size: 1.5rem\"] {\n            font-size: 1.1rem !important;\n        }\n\n        .mbti-sales .comparison-section .section-title {\n            font-size: 1.5rem;\n        }\n\n        .mbti-sales .comparison-section p[style*=\"font-size: 1.6rem\"] {\n            font-size: 1.1rem !important;\n        }\n\n        .mbti-sales .report-features {\n            margin: 2.5rem 0;\n            max-width: 100%;\n            grid-template-columns: repeat(2, 1fr);\n            gap: 1rem;\n        }\n\n        .mbti-sales .report-feature {\n            padding: 1.5rem 1rem;\n        }\n\n        .mbti-sales .report-feature img {\n            margin-bottom: 0.8rem !important;\n        }\n\n        .mbti-sales .report-feature h3 {\n            font-size: 1.3rem !important;\n            margin-bottom: 0.5rem !important;\n        }\n\n        .mbti-sales .report-feature p {\n            font-size: 0.85rem !important;\n            line-height: 1.5 !important;\n        }\n\n        .mbti-sales .product-intro div[style*=\"grid-template-columns: repeat(2, .mbti-sales 1fr)\"] {\n            gap: 1rem !important;\n            margin: 1.5rem auto !important;\n        }\n\n        .mbti-sales .soul-talk .features-grid {\n            margin-top: 2rem !important;\n        }\n\n        .mbti-sales .product-intro div[style*=\"grid-template-columns: repeat(2, .mbti-sales 1fr)\"][style*=\"gap: 3rem\"] {\n            grid-template-columns: 1fr !important;\n            gap: 2rem !important;\n            margin: 2rem auto !important;\n        }\n\n        .mbti-sales .product-intro div[style*=\"grid-template-columns: repeat(2, .mbti-sales 1fr)\"] p[style*=\"font-size: 1.5rem\"] {\n            font-size: 1.3rem !important;\n        }\n\n        .mbti-sales .feature-card p,\n        .mbti-sales .report-feature p {\n            font-size: 0.85rem !important;\n            line-height: 1.6;\n        }\n\n        .mbti-sales .testimonial-text,\n        .mbti-sales .testimonial-text.fs-30,\n        .mbti-sales .testimonial-card .testimonial-text {\n            font-size: 1.5rem !important;\n            line-height: 1.7;\n        }\n\n        .mbti-sales .pricing-features .pricing-feature {\n            padding: 0.3rem 0;\n        }\n\n        .mbti-sales .gif-overlay-text {\n            width: 92% !important;\n            flex: 0 0 92% !important;\n            padding: 16px 14px !important;\n            gap: 10px !important;\n            box-sizing: border-box !important;\n        }\n\n        .mbti-sales .gif-overlay-title {\n            font-size: 1.25rem;\n        }\n\n        .mbti-sales .gif-overlay-body {\n            font-size: 0.9rem;\n            line-height: 1.85;\n        }\n\n        .mbti-sales .gif-overlay-cta {\n            font-size: 0.9rem;\n        }\n\n        .mbti-sales .gif-overlay-sub {\n            font-size: 0.75rem;\n        }\n\n        .mbti-sales .mobile-br {\n            display: inline !important;\n        }\n\n        .mbti-sales .mobile-hide {\n            display: none !important;\n        }\n\n        .mbti-sales .mobile-text-left {\n            text-align: left !important;\n        }\n\n        .mbti-sales .compare-first-line {\n            font-size: 0.75em;\n            color: var(--gray);\n            font-weight: 400;\n        }\n\n        .mbti-sales .testimonial-grid {\n            display: flex;\n            overflow-x: auto;\n            overflow-y: hidden;\n            scroll-snap-type: x mandatory;\n            -webkit-overflow-scrolling: touch;\n            scrollbar-width: none;\n            gap: 1.5rem;\n            margin: 2.5rem -1.5rem;\n            max-width: calc(100% + 3rem);\n            padding: 1rem 1.5rem;\n            align-items: stretch;\n        }\n\n        .mbti-sales .testimonial-grid::-webkit-scrollbar {\n            display: none;\n        }\n\n        .mbti-sales .testimonial-card {\n            flex: 0 0 85%;\n            scroll-snap-align: center;\n            padding: 0 2rem 2rem 2rem;\n            display: flex;\n            flex-direction: column;\n            min-height: 550px;\n        }\n\n        .mbti-sales .testimonial-card img {\n            flex-shrink: 0;\n        }\n\n        .mbti-sales .testimonial-card:first-child {\n            margin-left: 1.5rem;\n        }\n\n        .mbti-sales .testimonial-card:last-child {\n            margin-right: 1.5rem;\n        }\n\n        .mbti-sales .testimonial-text,\n        .mbti-sales .testimonial-text.fs-30,\n        .mbti-sales .testimonial-card .testimonial-text {\n            font-size: 1.5rem !important;\n            line-height: 1.7 !important;\n        }\n\n        .mbti-sales .testimonial-dots {\n            display: flex;\n            justify-content: center;\n            gap: 0.8rem;\n            margin-top: 2rem;\n        }\n\n        .mbti-sales .testimonial-dot {\n            width: 10px;\n            height: 10px;\n            border-radius: 50%;\n            background: #D4C4B0;\n            cursor: pointer;\n            transition: all 0.3s ease;\n        }\n\n        .mbti-sales .testimonial-dot.active {\n            background: #7B9A9C;\n            width: 30px;\n            border-radius: 5px;\n        }\n\n        .mbti-sales .pricing-grid {\n            grid-template-columns: repeat(2, 1fr);\n            gap: 0.5rem;\n            margin: 2rem 0;\n            display: grid;\n            align-items: stretch;\n        }\n\n        .mbti-sales .pricing-card {\n            padding: 1.5rem 0.8rem;\n            margin-bottom: 0;\n            position: relative;\n            z-index: 10;\n            order: unset;\n            display: flex;\n            flex-direction: column;\n            border-radius: 14px;\n        }\n\n        .mbti-sales .pricing-card.featured {\n            transform: scale(1);\n            margin-bottom: 0;\n            order: unset;\n        }\n\n        .mbti-sales .pricing-card .pricing-title,\n        .mbti-sales .pricing-card .pricing-title.fs-40,\n        .mbti-sales .pricing-card .pricing-title.fs-38 {\n            font-size: 1.25rem !important;\n            margin-bottom: 0.3rem;\n            line-height: 1.3 !important;\n        }\n\n        .mbti-sales .pricing-card .pricing-subtitle,\n        .mbti-sales .pricing-card .pricing-subtitle.fs-36 {\n            font-size: 1.15rem !important;\n            margin-bottom: 0.3rem;\n            line-height: 1.3 !important;\n        }\n\n        .mbti-sales .pricing-card .pricing-description,\n        .mbti-sales .pricing-card .pricing-description.fs-32 {\n            margin-bottom: 0.5rem;\n            font-size: 1.25rem !important;\n            line-height: 1.4 !important;\n        }\n\n        .mbti-sales .pricing-card .pricing-original,\n        .mbti-sales .pricing-card .pricing-original.fs-16 {\n            margin-bottom: 0.3rem;\n            font-size: 1rem !important;\n        }\n\n        .mbti-sales .pricing-card .pricing-price,\n        .mbti-sales .pricing-card .pricing-price.fs-30 {\n            font-size: 1.4rem !important;\n            margin-bottom: 0.3rem;\n            line-height: 1.3 !important;\n        }\n\n        .mbti-sales .pricing-card .pricing-savings,\n        .mbti-sales .pricing-card .pricing-savings.fs-16 {\n            margin-bottom: 0.5rem;\n            font-size: 0.95rem !important;\n        }\n\n        .mbti-sales .pricing-card .pricing-badge,\n        .mbti-sales .pricing-card .pricing-badge.fs-16 {\n            margin-bottom: 0.8rem;\n            font-size: 0.95rem !important;\n            padding: 0.4rem 0.8rem !important;\n        }\n\n        .mbti-sales .pricing-badge-placeholder {\n            margin-bottom: 0.8rem;\n            padding: 0.4rem 0.8rem;\n        }\n\n        .mbti-sales .pricing-savings-placeholder {\n            margin-bottom: 0.5rem;\n        }\n\n        .mbti-sales .pricing-card .pricing-features .pricing-feature,\n        .mbti-sales .pricing-card .pricing-feature.fs-16 {\n            font-size: 0.95rem !important;\n            padding: 0.4rem 0;\n            line-height: 1.4 !important;\n        }\n\n        .mbti-sales .pricing-card .cta-button {\n            font-size: 1rem !important;\n            padding: 0.7rem 0.3rem !important;\n        }\n\n        .mbti-sales .pricing-card.featured::after {\n            font-size: 0.8rem !important;\n            padding: 0.3rem 2rem !important;\n            top: 8px !important;\n            right: -28px !important;\n        }\n\n        .mbti-sales .pricing-features .pricing-feature {\n            padding: 0.7rem 0;\n        }\n\n        .mbti-sales .pricing-section div[style*=\"max-width: 900px\"] p {\n            font-size: 1rem !important;\n        }\n\n        .mbti-sales .cta-button {\n            display: block;\n            margin: 0 auto;\n            width: 90%;\n            padding: 1.2rem 2rem;\n            font-size: 1.05rem;\n        }\n\n        .mbti-sales .cta-group {\n            margin-top: 2.5rem;\n        }\n\n        .mbti-sales .cta-group .cta-button:first-of-type {\n            margin-bottom: 0.5rem;\n        }\n\n        .mbti-sales .cta-group .cta-button:last-of-type {\n            margin-top: 2rem;\n        }\n\n        .mbti-sales .guarantee {\n            margin-top: 2.5rem;\n            padding: 2rem 1.5rem;\n            font-size: 1rem;\n        }\n\n        .mbti-sales .final-cta-content p[style*=\"padding: 0 3rem\"] {\n            font-size: 0.75rem !important;\n            padding: 0 1rem !important;\n            line-height: 1.6 !important;\n        }\n\n        .mbti-sales .mobile-br {\n            display: inline !important;\n        }\n\n        .mbti-sales table {\n            font-size: 0.875rem;\n        }\n\n        .mbti-sales th,\n        .mbti-sales td {\n            padding: 1.2rem 0.8rem;\n            font-size: 0.875rem;\n        }\n\n        .mbti-sales th:first-child,\n        .mbti-sales td:first-child {\n            padding-left: 1rem;\n        }\n\n        .mbti-sales .floating-cta {\n            bottom: 15px;\n            left: 50%;\n            right: auto;\n            width: 88%;\n            max-width: 88%;\n            transform: translateX(-50%);\n        }\n\n        .mbti-sales .floating-cta .cta-button {\n            padding: 1rem 1.5rem;\n            font-size: 1rem;\n            white-space: nowrap;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            width: 100%;\n            min-width: 0;\n            box-sizing: border-box;\n        }\n\n        .mbti-sales .bonus-gift {\n            padding: 2rem 15px !important;\n        }\n\n        .mbti-sales .bonus-gift .section-title {\n            font-size: 1.75rem !important;\n            margin-bottom: 1.5rem !important;\n        }\n\n        .mbti-sales .bonus-gift div[style*=\"grid-template-columns\"] {\n            grid-template-columns: 1fr !important;\n            gap: 1.5rem !important;\n            margin: 2rem auto !important;\n        }\n\n        .mbti-sales .bonus-gift div[style*=\"backdrop-filter\"] {\n            padding: 2rem 1.5rem !important;\n        }\n\n        .mbti-sales .pain-item:hover {\n            transform: none;\n        }\n\n        .mbti-sales .pain-points .container>div {\n            gap: 1rem !important;\n            \n        }\n\n        .mbti-sales .pain-points .container>div>div {\n            gap: 0.8rem !important;\n            \n        }\n\n        .mbti-sales .pain-points .container>div>div>div:first-child {\n            width: 130px !important;\n            min-width: 130px !important;\n        }\n\n        .mbti-sales .pain-points img {\n            width: 100% !important;\n        }\n\n        .mbti-sales .pain-points .pain-item {\n            min-width: 0 !important;\n            flex: 1 !important;\n        }\n\n        .mbti-sales .feature-card:hover,\n        .mbti-sales .report-feature:hover,\n        .mbti-sales .testimonial-card:hover,\n        .mbti-sales .pricing-card:hover {\n            transform: none;\n            box-shadow: 0 10px 30px rgba(139, 125, 107, 0.15);\n            border-width: 3px;\n        }\n\n        .mbti-sales .fit-check-section {\n            padding: 2rem 15px !important;\n        }\n\n        .mbti-sales .value-stack-section {\n            padding: 2rem 15px !important;\n        }\n\n        .mbti-sales .pain-points .container>div:last-child {\n            margin-top: 1.5rem !important;\n            padding: 0.8rem 1rem !important;\n        }\n\n        .mbti-sales .product-intro p[style*=\"margin-bottom: 3rem\"] {\n            margin-bottom: 1.5rem !important;\n        }\n\n        .mbti-sales .product-intro div[style*=\"gap: 3rem\"] {\n            gap: 1.5rem !important;\n            margin: 1.5rem auto !important;\n        }\n\n        .mbti-sales .product-intro div[style*=\"gap: 2rem\"] {\n            margin: 1rem auto !important;\n        }\n\n        .mbti-sales p[style*=\"margin-top: 3rem\"] {\n            margin-top: 1.5rem !important;\n        }\n\n        .mbti-sales img[style*=\"margin: 0 0 3rem\"] {\n            margin-bottom: 1.5rem !important;\n        }\n\n        .mbti-sales .fit-check-section div[style*=\"margin-top: 3rem\"] {\n            margin-top: 1.5rem !important;\n            padding: 1rem !important;\n        }\n\n        .mbti-sales .pain-points .section-title[style*=\"margin-bottom: 3rem\"] {\n            margin-bottom: 1.5rem !important;\n        }\n\n        .mbti-sales .value-timeline {\n            margin-top: 1rem !important;\n        }\n\n        .mbti-sales section+section {\n            margin-top: 0 !important;\n        }\n\n        .mbti-sales .hero::before,\n        .mbti-sales .hero::after,\n        .mbti-sales .hero-content::before,\n        .mbti-sales .pain-points::before,\n        .mbti-sales .pain-points::after,\n        .mbti-sales .product-intro::before,\n        .mbti-sales .product-intro::after,\n        .mbti-sales .comparison-section::before,\n        .mbti-sales .comparison-section::after,\n        .mbti-sales .report-showcase::before,\n        .mbti-sales .report-showcase::after,\n        .mbti-sales .soul-talk::before,\n        .mbti-sales .soul-talk::after,\n        .mbti-sales .testimonials::before,\n        .mbti-sales .testimonials::after,\n        .mbti-sales .pricing-section::before,\n        .mbti-sales .pricing-section::after,\n        .mbti-sales .final-cta::before,\n        .mbti-sales .final-cta::after,\n        .mbti-sales .fit-check-section::before,\n        .mbti-sales .value-stack-section::before {\n            animation: none !important;\n            display: none !important;\n        }\n\n        .mbti-sales .hero-content {\n            -webkit-backdrop-filter: none !important;\n            backdrop-filter: none !important;\n            background: rgba(255, 255, 255, 0.3) !important;\n        }\n\n        .mbti-sales .guarantee {\n            -webkit-backdrop-filter: none !important;\n            backdrop-filter: none !important;\n            background: rgba(123, 154, 156, 0.3) !important;\n        }\n\n    }\n\n    .zh-tw-version.mbti-sales[style*=\"display: none\"],\n    .zh-cn-version.mbti-sales[style*=\"display: none\"],\n    .zh-tw-version.mbti-sales[style*=\"display:none\"],\n    .zh-cn-version.mbti-sales[style*=\"display:none\"] {\n        animation: none !important;\n    }\n    .zh-tw-version.mbti-sales[style*=\"display: none\"] *,\n    .zh-cn-version.mbti-sales[style*=\"display: none\"] *,\n    .zh-tw-version.mbti-sales[style*=\"display:none\"] *,\n    .zh-cn-version.mbti-sales[style*=\"display:none\"] * {\n        animation: none !important;\n        transition: none !important;\n    }\n\n    html:not(.i18n-ready):not(.i18n-fallback) .mbti-sales *::before,\n    html:not(.i18n-ready):not(.i18n-fallback) .mbti-sales *::after {\n        animation: none !important;\n    }\n\n    html {\n        scroll-behavior: smooth;\n    }\n\n    .mbti-sales .scroll-animate {\n        opacity: 0;\n        transform: translateY(30px);\n        transition: all 0.6s ease;\n    }\n\n    .mbti-sales .scroll-animate.active {\n        opacity: 1;\n        transform: translateY(0);\n    }\n\n    .pricing-modal-overlay {\n        display: none;\n        position: fixed;\n        inset: 0;\n        z-index: 99999;\n        background: rgba(0, 0, 0, 0.6);\n        backdrop-filter: blur(4px);\n        -webkit-backdrop-filter: blur(4px);\n        align-items: center;\n        justify-content: center;\n        padding: 1.5rem;\n        opacity: 0;\n        transition: opacity 0.25s ease;\n    }\n\n    .pricing-modal-overlay.show {\n        display: flex;\n        opacity: 1;\n    }\n\n    .pricing-modal-body {\n        background: white;\n        border-radius: 18px;\n        padding: 0;\n        max-width: 380px;\n        width: 100%;\n        max-height: 85vh;\n        overflow-y: auto;\n        position: relative;\n        box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);\n        text-align: center;\n        animation: modalSlideUp 0.3s ease;\n    }\n\n    .pricing-modal-body.featured-modal {\n        border: 3px solid #7B9A9C;\n        background: linear-gradient(135deg, #ffffff 0%, #F5F0EA 100%);\n    }\n\n    @keyframes modalSlideUp {\n        from {\n            transform: translateY(40px);\n            opacity: 0;\n        }\n\n        to {\n            transform: translateY(0);\n            opacity: 1;\n        }\n    }\n\n    .pricing-modal-close {\n        position: absolute;\n        top: 12px;\n        right: 12px;\n        width: 36px;\n        height: 36px;\n        border: none;\n        background: rgba(0, 0, 0, 0.08);\n        border-radius: 50%;\n        font-size: 1rem;\n        color: #666;\n        cursor: pointer;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        transition: background 0.2s;\n        z-index: 2;\n        line-height: 1;\n        padding: 0;\n    }\n\n    .pricing-modal-close:hover {\n        background: rgba(0, 0, 0, 0.15);\n    }\n\n    .pricing-modal-body .pricing-card {\n        background: white;\n        border: none;\n        box-shadow: none;\n        border-radius: 0;\n        padding: 2.5rem 2rem 2rem !important;\n        text-align: center;\n        position: relative;\n        overflow: visible;\n    }\n\n    .pricing-modal-body .pricing-card::before {\n        content: \"\";\n        position: absolute;\n        top: 0;\n        left: 0;\n        right: 0;\n        height: 5px;\n        background: linear-gradient(90deg, #B5A290, #7B9A9C, #B5A290);\n        border-radius: 18px 18px 0 0;\n    }\n\n    .pricing-modal-body .pricing-card.featured::after {\n        content: \"\u63a8\u85a6\";\n        position: absolute;\n        top: 10px;\n        right: -28px;\n        background: linear-gradient(135deg, #7B9A9C, #6B8A8C);\n        color: white;\n        padding: 0.4rem 2.5rem !important;\n        transform: rotate(45deg);\n        font-size: 0.8rem !important;\n        box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);\n        font-weight: 800;\n    }\n\n    .pricing-modal-body .pricing-subtitle {\n        font-size: 1.3rem !important;\n        margin-bottom: 0.6rem;\n        color: #5A7A7C;\n        line-height: 1.2 !important;\n    }\n\n    .pricing-modal-body .pricing-title {\n        font-size: 1.7rem !important;\n        margin-bottom: 0.8rem;\n        color: #5A7A7C;\n        line-height: 1.3 !important;\n    }\n\n    .pricing-modal-body .pricing-description {\n        font-size: 1.5rem !important;\n        color: #8C653F;\n        margin-bottom: 1.2rem;\n        line-height: 1.5 !important;\n    }\n\n    .pricing-modal-body .pricing-original {\n        font-size: 1.05rem !important;\n        text-decoration: line-through;\n        color: #999;\n        margin-bottom: 0.6rem;\n    }\n\n    .pricing-modal-body .pricing-badge {\n        display: inline-block;\n        background: linear-gradient(135deg, #9A6F47 0%, #7B5A37 100%);\n        color: white;\n        padding: 0.5rem 1.5rem !important;\n        border-radius: 50px;\n        font-size: 1rem !important;\n        margin-bottom: 0.8rem;\n    }\n\n    .pricing-modal-body .pricing-badge-placeholder {\n        display: none;\n    }\n\n    .pricing-modal-body .pricing-savings-placeholder {\n        display: none;\n    }\n\n    .pricing-modal-body .pricing-price {\n        font-size: 2rem !important;\n        color: var(--dark, #4A4542);\n        margin-bottom: 0.5rem;\n        line-height: 1.2 !important;\n        font-weight: 900;\n    }\n\n    .pricing-modal-body .pricing-savings {\n        font-size: 1rem !important;\n        color: #5A7A7C;\n        margin-bottom: 1.2rem;\n    }\n\n    .pricing-modal-body .pricing-features {\n        text-align: left;\n        margin: 1.5rem 0;\n    }\n\n    .pricing-modal-body .pricing-feature {\n        padding: 0.8rem 0;\n        border-bottom: 1px solid #eee;\n        display: flex;\n        align-items: center;\n        font-size: 1.05rem !important;\n        line-height: 1.5 !important;\n        color: #4A4542;\n    }\n\n    .pricing-modal-body .pricing-feature::before {\n        content: \"\u2713\";\n        color: #5A7A7C;\n        margin-right: 0.8rem;\n        font-size: 1.3rem !important;\n        flex-shrink: 0;\n        font-weight: 700;\n    }\n\n    .pricing-modal-body .cta-button {\n        display: block;\n        width: 100%;\n        padding: 1.2rem !important;\n        border-radius: 50px;\n        font-size: 1.15rem !important;\n        font-weight: 700;\n        text-decoration: none;\n        text-align: center;\n        margin-top: 1.5rem;\n        transition: all 0.3s ease;\n    }\n\n    .pricing-modal-body .cta-primary {\n        background: linear-gradient(135deg, #8B7D6B, #6B5D4B);\n        color: white;\n        border: none;\n    }\n\n    .pricing-modal-body .cta-secondary {\n        background: white;\n        color: #4A4542;\n        border: 2px solid #D4C4B0;\n    }\n\n    .mbti-sales .fw-400 {\n        font-weight: 400;\n    }\n\n    .mbti-sales .fw-500 {\n        font-weight: 500;\n    }\n\n    .mbti-sales .fw-600 {\n        font-weight: 600;\n    }\n\n    .mbti-sales .fw-700 {\n        font-weight: 700;\n    }\n\n    .mbti-sales .fw-800 {\n        font-weight: 800;\n    }\n\n    .mbti-sales .fw-900 {\n        font-weight: 900;\n    }\n\n    .mbti-sales .fs-fluid-xs {\n        font-size: clamp(12px, 1.2vw, 14px);\n    }\n\n    .mbti-sales .fs-fluid-sm {\n        font-size: clamp(14px, 1.5vw, 16px);\n    }\n\n    .mbti-sales .fs-fluid-base {\n        font-size: clamp(16px, 1.8vw, 18px);\n    }\n\n    .mbti-sales .fs-fluid-md {\n        font-size: clamp(18px, 2vw, 20px);\n    }\n\n    .mbti-sales .fs-fluid-lg {\n        font-size: clamp(20px, 2.5vw, 24px);\n    }\n\n    .mbti-sales .fs-fluid-xl {\n        font-size: clamp(24px, 3vw, 30px);\n    }\n\n    .mbti-sales .fs-fluid-2xl {\n        font-size: clamp(30px, 4vw, 40px);\n    }\n\n    .mbti-sales .fs-fluid-3xl {\n        font-size: clamp(40px, 5vw, 56px);\n    }\n\n    .mbti-sales .fs-12 {\n        font-size: 12px !important;\n    }\n\n    .mbti-sales .fs-14 {\n        font-size: 14px !important;\n    }\n\n    .mbti-sales .fs-16 {\n        font-size: 16px !important;\n    }\n\n    .mbti-sales .fs-18 {\n        font-size: 18px !important;\n    }\n\n    .mbti-sales .fs-20 {\n        font-size: 20px !important;\n    }\n\n    .mbti-sales .fs-22 {\n        font-size: 22px !important;\n    }\n\n    .mbti-sales .fs-24 {\n        font-size: 24px !important;\n    }\n\n    .mbti-sales .fs-26 {\n        font-size: 26px !important;\n    }\n\n    .mbti-sales .fs-28 {\n        font-size: 28px !important;\n    }\n\n    .mbti-sales .fs-30 {\n        font-size: 30px !important;\n    }\n\n    .mbti-sales .fs-32 {\n        font-size: 32px !important;\n    }\n\n    .mbti-sales .fs-34 {\n        font-size: 34px !important;\n    }\n\n    .mbti-sales .fs-36 {\n        font-size: 36px !important;\n    }\n\n    .mbti-sales .fs-38 {\n        font-size: 38px !important;\n    }\n\n    .mbti-sales .fs-40 {\n        font-size: 40px !important;\n    }\n\n    .mbti-sales .fs-48 {\n        font-size: 48px !important;\n    }\n\n    .mbti-sales .fs-56 {\n        font-size: 56px !important;\n    }\n\n    @media (min-width: 769px) {\n\n        .mbti-sales .fs-md-14 {\n            font-size: 14px !important;\n        }\n\n        .mbti-sales .fs-md-16 {\n            font-size: 16px !important;\n        }\n\n        .mbti-sales .fs-md-18 {\n            font-size: 18px !important;\n        }\n\n        .mbti-sales .fs-md-20 {\n            font-size: 20px !important;\n        }\n\n        .mbti-sales .fs-md-22 {\n            font-size: 22px !important;\n        }\n\n        .mbti-sales .fs-md-24 {\n            font-size: 24px !important;\n        }\n\n        .mbti-sales .fs-md-26 {\n            font-size: 26px !important;\n        }\n\n        .mbti-sales .fs-md-28 {\n            font-size: 28px !important;\n        }\n\n        .mbti-sales .fs-md-30 {\n            font-size: 30px !important;\n        }\n\n        .mbti-sales .fs-md-32 {\n            font-size: 32px !important;\n        }\n\n        .mbti-sales .fs-md-34 {\n            font-size: 34px !important;\n        }\n\n        .mbti-sales .fs-md-36 {\n            font-size: 36px !important;\n        }\n\n        .mbti-sales .fs-md-38 {\n            font-size: 38px !important;\n        }\n\n        .mbti-sales .fs-md-40 {\n            font-size: 40px !important;\n        }\n\n        .mbti-sales .fs-md-48 {\n            font-size: 48px !important;\n        }\n\n        .mbti-sales .fs-md-56 {\n            font-size: 56px !important;\n        }\n\n        .mbti-sales .fs-md-64 {\n            font-size: 64px !important;\n        }\n\n    }\n\n    .mbti-sales .p-0 {\n        padding: 0 !important;\n    }\n\n    .mbti-sales .p-2 {\n        padding: 0.5rem;\n    }\n\n    .mbti-sales .p-4 {\n        padding: 1rem;\n    }\n\n    .mbti-sales .p-6 {\n        padding: 1.5rem;\n    }\n\n    .mbti-sales .p-8 {\n        padding: 2rem;\n    }\n\n    .mbti-sales .p-10 {\n        padding: 2.5rem;\n    }\n\n    .mbti-sales .p-12 {\n        padding: 3rem;\n    }\n\n    .mbti-sales .py-2 {\n        padding-top: 0.5rem;\n        padding-bottom: 0.5rem;\n    }\n\n    .mbti-sales .py-4 {\n        padding-top: 1rem;\n        padding-bottom: 1rem;\n    }\n\n    .mbti-sales .py-6 {\n        padding-top: 1.5rem;\n        padding-bottom: 1.5rem;\n    }\n\n    .mbti-sales .py-8 {\n        padding-top: 2rem;\n        padding-bottom: 2rem;\n    }\n\n    .mbti-sales .py-10 {\n        padding-top: 2.5rem;\n        padding-bottom: 2.5rem;\n    }\n\n    .mbti-sales .py-12 {\n        padding-top: 3rem;\n        padding-bottom: 3rem;\n    }\n\n    .mbti-sales .py-20 {\n        padding-top: 5rem;\n        padding-bottom: 5rem;\n    }\n\n    .mbti-sales .px-2 {\n        padding-left: 0.5rem;\n        padding-right: 0.5rem;\n    }\n\n    .mbti-sales .px-4 {\n        padding-left: 1rem;\n        padding-right: 1rem;\n    }\n\n    .mbti-sales .px-6 {\n        padding-left: 1.5rem;\n        padding-right: 1.5rem;\n    }\n\n    .mbti-sales .px-8 {\n        padding-left: 2rem;\n        padding-right: 2rem;\n    }\n\n    .mbti-sales .px-10 {\n        padding-left: 2.5rem;\n        padding-right: 2.5rem;\n    }\n\n    .mbti-sales .p-section {\n        padding: 5rem 2rem;\n    }\n\n    .mbti-sales .p-card {\n        padding: 2rem 1.5rem;\n    }\n\n    .mbti-sales .p-card-lg {\n        padding: 2.5rem 2rem;\n    }\n\n    .mbti-sales .p-card-xl {\n        padding: 3rem 2.5rem;\n    }\n\n    .mbti-sales .m-0 {\n        margin: 0 !important;\n    }\n\n    .mbti-sales .m-auto {\n        margin: 0 auto;\n    }\n\n    .mbti-sales .m-2 {\n        margin: 0.5rem;\n    }\n\n    .mbti-sales .m-4 {\n        margin: 1rem;\n    }\n\n    .mbti-sales .m-6 {\n        margin: 1.5rem;\n    }\n\n    .mbti-sales .m-8 {\n        margin: 2rem;\n    }\n\n    .mbti-sales .m-10 {\n        margin: 2.5rem;\n    }\n\n    .mbti-sales .m-12 {\n        margin: 3rem;\n    }\n\n    .mbti-sales .mt-0 {\n        margin-top: 0;\n    }\n\n    .mbti-sales .mt-2 {\n        margin-top: 0.5rem;\n    }\n\n    .mbti-sales .mt-4 {\n        margin-top: 1rem;\n    }\n\n    .mbti-sales .mt-6 {\n        margin-top: 1.5rem;\n    }\n\n    .mbti-sales .mt-8 {\n        margin-top: 2rem;\n    }\n\n    .mbti-sales .mt-10 {\n        margin-top: 2.5rem;\n    }\n\n    .mbti-sales .mt-12 {\n        margin-top: 3rem;\n    }\n\n    .mbti-sales .mt-16 {\n        margin-top: 4rem;\n    }\n\n    .mbti-sales .mt-20 {\n        margin-top: 5rem;\n    }\n\n    .mbti-sales .mb-0 {\n        margin-bottom: 0;\n    }\n\n    .mbti-sales .mb-2 {\n        margin-bottom: 0.5rem;\n    }\n\n    .mbti-sales .mb-4 {\n        margin-bottom: 1rem;\n    }\n\n    .mbti-sales .mb-6 {\n        margin-bottom: 1.5rem;\n    }\n\n    .mbti-sales .mb-8 {\n        margin-bottom: 2rem;\n    }\n\n    .mbti-sales .mb-10 {\n        margin-bottom: 2.5rem;\n    }\n\n    .mbti-sales .mb-12 {\n        margin-bottom: 3rem;\n    }\n\n    .mbti-sales .mb-16 {\n        margin-bottom: 4rem;\n    }\n\n    .mbti-sales .mb-20 {\n        margin-bottom: 5rem;\n    }\n\n    .mbti-sales .my-0 {\n        margin-top: 0;\n        margin-bottom: 0;\n    }\n\n    .mbti-sales .my-4 {\n        margin-top: 1rem;\n        margin-bottom: 1rem;\n    }\n\n    .mbti-sales .my-6 {\n        margin-top: 1.5rem;\n        margin-bottom: 1.5rem;\n    }\n\n    .mbti-sales .my-8 {\n        margin-top: 2rem;\n        margin-bottom: 2rem;\n    }\n\n    .mbti-sales .my-10 {\n        margin-top: 2.5rem;\n        margin-bottom: 2.5rem;\n    }\n\n    .mbti-sales .my-12 {\n        margin-top: 3rem;\n        margin-bottom: 3rem;\n    }\n\n    .mbti-sales .my-16 {\n        margin-top: 4rem;\n        margin-bottom: 4rem;\n    }\n\n    .mbti-sales .my-20 {\n        margin-top: 5rem;\n        margin-bottom: 5rem;\n    }\n\n    .mbti-sales .mx-auto {\n        margin-left: auto;\n        margin-right: auto;\n    }\n\n    .mbti-sales .mx-2 {\n        margin-left: 0.5rem;\n        margin-right: 0.5rem;\n    }\n\n    .mbti-sales .mx-4 {\n        margin-left: 1rem;\n        margin-right: 1rem;\n    }\n\n    .mbti-sales .mx-6 {\n        margin-left: 1.5rem;\n        margin-right: 1.5rem;\n    }\n\n    .mbti-sales .mx-8 {\n        margin-left: 2rem;\n        margin-right: 2rem;\n    }\n\n    .mbti-sales .rounded-none {\n        border-radius: 0;\n    }\n\n    .mbti-sales .rounded-sm {\n        border-radius: 4px;\n    }\n\n    .mbti-sales .rounded {\n        border-radius: 12px;\n    }\n\n    .mbti-sales .rounded-md {\n        border-radius: 16px;\n    }\n\n    .mbti-sales .rounded-lg {\n        border-radius: 20px;\n    }\n\n    .mbti-sales .rounded-xl {\n        border-radius: 24px;\n    }\n\n    .mbti-sales .rounded-2xl {\n        border-radius: 30px;\n    }\n\n    .mbti-sales .rounded-full {\n        border-radius: 50%;\n    }\n\n    .mbti-sales .section-base {\n        position: relative;\n        overflow: hidden;\n    }\n\n    .mbti-sales .section-padding {\n        padding: 5rem 2rem;\n        \n    }\n\n    .mbti-sales .section-padding-sm {\n        padding: 3rem 2rem;\n        \n    }\n\n    .mbti-sales .section-padding-lg {\n        padding: 7rem 2rem;\n        \n    }\n\n    .mbti-sales .section-light {\n        background: var(--gradient-section-light);\n    }\n\n    .mbti-sales .section-warm {\n        background: var(--gradient-section-warm);\n    }\n\n    .mbti-sales .section-hero {\n        background: var(--gradient-hero);\n    }\n\n    .mbti-sales .decorated-soft::before {\n        content: \"\";\n        position: absolute;\n        width: 600px;\n        height: 600px;\n        background: var(--gradient-radial-soft);\n        border-radius: 50%;\n        top: -15%;\n        left: -15%;\n        animation: morphing 20s ease-in-out infinite;\n    }\n\n    .mbti-sales .decorated-soft::after {\n        content: \"\";\n        position: absolute;\n        width: 500px;\n        height: 500px;\n        background: var(--gradient-radial-warm);\n        border-radius: 50%;\n        bottom: -12%;\n        right: -12%;\n        animation: morphing 24s ease-in-out infinite reverse;\n    }\n\n    .mbti-sales .bg-gradient-hero {\n        background: var(--gradient-hero);\n    }\n\n    .mbti-sales .bg-gradient-light {\n        background: var(--gradient-section-light);\n    }\n\n    .mbti-sales .bg-gradient-warm {\n        background: var(--gradient-section-warm);\n    }\n\n    .mbti-sales .bg-gradient-teal {\n        background: var(--gradient-teal);\n    }\n\n    .mbti-sales .bg-gradient-accent {\n        background: var(--gradient-accent);\n    }\n\n    .mbti-sales .text-left {\n        text-align: left;\n    }\n\n    .mbti-sales .text-center {\n        text-align: center;\n    }\n\n    .mbti-sales .text-right {\n        text-align: right;\n    }\n\n    .mbti-sales .block {\n        display: block;\n    }\n\n    .mbti-sales .inline-block {\n        display: inline-block;\n    }\n\n    .mbti-sales .flex {\n        display: flex;\n    }\n\n    .mbti-sales .inline-flex {\n        display: inline-flex;\n    }\n\n    .mbti-sales .hidden {\n        display: none;\n    }\n\n    .mbti-sales .relative {\n        position: relative;\n    }\n\n    .mbti-sales .absolute {\n        position: absolute;\n    }\n\n    .mbti-sales .fixed {\n        position: fixed;\n    }\n\n    .mbti-sales .sticky {\n        position: sticky;\n    }\n\n    .mbti-sales .w-full {\n        width: 100%;\n    }\n\n    .mbti-sales .w-auto {\n        width: auto;\n    }\n\n    .mbti-sales .max-w-800 {\n        max-width: 800px;\n    }\n\n    .mbti-sales .max-w-900 {\n        max-width: 900px;\n    }\n\n    .mbti-sales .max-w-1200 {\n        max-width: 1200px;\n    }\n\n    .mbti-sales .jf-jinxuan-semibold {\n        font-family: \"jf-jinxuan\" !important;\n        font-weight: 600;\n    }\n\n    .mbti-sales .jf-jinxuan-heavy {\n        font-family: \"jf-jinxuan\" !important;\n        font-weight: 900;\n    }\n\n    .mbti-sales .jf-jinxuanlatte-medium {\n        font-family: \"jf-jinxuanlatte\" !important;\n        font-weight: 500;\n    }\n\n    .mbti-sales .jf-jinxuanlatte-semibold {\n        font-family: \"jf-jinxuanlatte\" !important;\n        font-weight: 600;\n    }\n\n    .mbti-sales .jf-jinxuanlatte-extrabold {\n        font-family: \"jf-jinxuanlatte\" !important;\n        font-weight: 800;\n    }\n\n    .mbti-sales .jf-jinxuanlatte-heavy {\n        font-family: \"jf-jinxuanlatte\" !important;\n        font-weight: 900;\n    }\n\n    .mbti-sales .jf-kamabit {\n        font-family: \"jf-kamabit\" !important;\n        font-weight: 700;\n    }\n\n    .mbti-sales .tearsfont {\n        font-family: \"tearsfont\" !important;\n        font-weight: 300;\n    }\n\n    .mbti-sales .lihsianti {\n        font-family: \"lihsianti\" !important;\n        font-weight: 500;\n    }\n\n    .mbti-sales .jf-hornedfrog {\n        font-family: \"jf-hornedfrog\" !important;\n        font-weight: 500;\n    }\n\n    .mbti-sales .font-p {\n        font-family: \"jf-jinxuanlatte\" !important;\n        font-weight: 800;\n    }\n\n    .mbti-sales .font-h2 {\n        font-family: \"jf-jinxuanlatte\" !important;\n        font-weight: 900;\n    }\n\n    .mbti-sales .pain-points p,\n    .mbti-sales .product-intro p,\n    .mbti-sales .comparison-section p,\n    .mbti-sales .report-showcase p,\n    .mbti-sales .soul-talk p,\n    .mbti-sales .testimonials p,\n    .mbti-sales .pricing-section p,\n    .mbti-sales .bonus-gift p,\n    .mbti-sales .final-cta p {\n        font-family: \"jf-jinxuanlatte\", \"ChironGoRoundTC\", sans-serif !important;\n        font-weight: 800;\n        margin-bottom: 0;\n    }\n\n    .zh-cn-version.mbti-sales .cta-button {\n        font-family: \"ChironGoRoundTC\" !important;\n    }\n\n    .zh-cn-version.mbti-sales .testimonial-author {\n        font-family: \"ChironGoRoundTC\" !important;\n    }\n\n    .zh-cn-version.mbti-sales .pricing-card.featured::after {\n        font-family: \"ChironGoRoundTC\" !important;\n        content: \"\u63a8\u8350\";\n    }\n\n    .zh-cn-version.mbti-sales .jf-jinxuan-semibold {\n        font-family: \"ChironGoRoundTC\" !important;\n    }\n\n    .zh-cn-version.mbti-sales .jf-jinxuan-heavy {\n        font-family: \"ChironGoRoundTC\" !important;\n    }\n\n    .zh-cn-version.mbti-sales .jf-jinxuanlatte-medium {\n        font-family: \"ChironGoRoundTC\" !important;\n    }\n\n    .zh-cn-version.mbti-sales .jf-jinxuanlatte-semibold {\n        font-family: \"ChironGoRoundTC\" !important;\n    }\n\n    .zh-cn-version.mbti-sales .jf-jinxuanlatte-extrabold {\n        font-family: \"ChironGoRoundTC\" !important;\n    }\n\n    .zh-cn-version.mbti-sales .jf-jinxuanlatte-heavy {\n        font-family: \"ChironGoRoundTC\" !important;\n    }\n\n    .zh-cn-version.mbti-sales .jf-kamabit {\n        font-family: \"ChironGoRoundTC\" !important;\n    }\n\n    .zh-cn-version.mbti-sales .tearsfont {\n        font-family: \"ChironGoRoundTC\" !important;\n    }\n\n    .zh-cn-version.mbti-sales .font-p {\n        font-family: \"ChironGoRoundTC\" !important;\n    }\n\n    .zh-cn-version.mbti-sales .font-h2 {\n        font-family: \"ChironGoRoundTC\" !important;\n    }\n\n    .zh-cn-version.mbti-sales .pricing-section p,\n    .zh-cn-version.mbti-sales .bonus-gift p,\n    .zh-cn-version.mbti-sales .final-cta p {\n        font-family: \"ChironGoRoundTC\", sans-serif !important;\n    }\n\n    .mbti-sales .fit-check-section {\n        background: linear-gradient(180deg, #E8DDD0 0%, #F5F0EA 30%, #F5F0EA 70%, #E8DDD0 100%);\n        padding: 5rem 2rem;\n        position: relative;\n        overflow: hidden;\n    }\n\n    .mbti-sales .fit-check-section::before {\n        content: \"\";\n        position: absolute;\n        width: 500px;\n        height: 500px;\n        background: radial-gradient(circle, rgba(123, 154, 156, 0.12) 0%, transparent 70%);\n        border-radius: 52% 48% 45% 55% \/ 48% 52% 52% 48%;\n        top: -10%;\n        right: -12%;\n        animation: morphing 20s ease-in-out infinite;\n    }\n\n    .mbti-sales .fit-columns {\n        display: grid;\n        grid-template-columns: 1fr 1fr;\n        gap: 2rem;\n        max-width: 900px;\n        margin: 3rem auto 0;\n    }\n\n    .mbti-sales .fit-card {\n        background: white;\n        border-radius: 20px;\n        padding: 2.5rem;\n        box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06);\n    }\n\n    .mbti-sales .fit-card.suitable {\n        border-top: 4px solid var(--accent-teal);\n    }\n\n    .mbti-sales .fit-card.not-suitable {\n        border-top: 4px solid var(--secondary-color);\n    }\n\n    .mbti-sales .fit-card-title {\n        font-size: 1.7rem;\n        font-weight: 700;\n        margin-bottom: 1.5rem;\n        color: var(--dark);\n    }\n\n    .mbti-sales .fit-item {\n        display: flex;\n        gap: 0.8rem;\n        margin-bottom: 1.5rem;\n        align-items: flex-start;\n    }\n\n    .mbti-sales .fit-icon {\n        flex-shrink: 0;\n        width: 28px;\n        height: 28px;\n        border-radius: 50%;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        font-size: 0.9rem;\n        font-weight: 700;\n        margin-top: 2px;\n    }\n\n    .mbti-sales .suitable .fit-icon {\n        background: rgba(123, 154, 156, 0.15);\n        color: var(--accent-teal);\n    }\n\n    .mbti-sales .not-suitable .fit-icon {\n        background: rgba(168, 145, 118, 0.15);\n        color: var(--secondary-color);\n    }\n\n    .mbti-sales .fit-item h4 {\n        font-size: 1.4rem;\n        font-weight: 700;\n        color: var(--dark);\n        margin-bottom: 0.3rem;\n    }\n\n    .mbti-sales .fit-item p {\n        font-size: 1.2rem;\n        color: var(--gray);\n        line-height: 1.7;\n    }\n\n    .mbti-sales .value-stack-section {\n        background: linear-gradient(180deg, #D9C9B8 0%, #F5F0EA 15%, #F5F0EA 85%, #E8DDD0 100%);\n        padding: 5rem 2rem;\n        position: relative;\n        overflow: hidden;\n    }\n\n    .mbti-sales .value-stack-section::before {\n        content: \"\";\n        position: absolute;\n        width: 550px;\n        height: 550px;\n        background: radial-gradient(circle, rgba(181, 162, 144, 0.1) 0%, transparent 70%);\n        border-radius: 48% 52% 55% 45%;\n        bottom: -10%;\n        left: -15%;\n        animation: morphing 22s ease-in-out infinite reverse;\n    }\n\n    .mbti-sales .value-stack-grid {\n        max-width: 800px;\n        margin: 3rem auto 0;\n        display: flex;\n        flex-direction: column;\n        gap: 1.2rem;\n    }\n\n    .mbti-sales .value-stack-item {\n        background: white;\n        border-radius: 16px;\n        padding: 1.8rem 2rem;\n        box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);\n        display: flex;\n        gap: 1.2rem;\n        align-items: flex-start;\n        transition: transform 0.3s ease;\n    }\n\n    .mbti-sales .value-stack-item:hover {\n        transform: translateY(-2px);\n    }\n\n    .mbti-sales .value-stack-emoji {\n        font-size: 2rem;\n        flex-shrink: 0;\n        margin-top: 2px;\n    }\n\n    .mbti-sales .value-stack-item h4 {\n        font-size: 1.5rem;\n        font-weight: 700;\n        color: var(--dark);\n        margin-bottom: 0.4rem;\n    }\n\n    .mbti-sales .value-stack-item p {\n        font-size: 1.2rem;\n        color: var(--gray);\n        line-height: 1.7;\n    }\n\n    .mbti-sales .value-timeline {\n        position: relative;\n        padding-left: 35px;\n        margin-top: 2rem;\n    }\n\n    .mbti-sales .value-timeline::before {\n        content: '';\n        position: absolute;\n        left: 10px;\n        top: 0;\n        bottom: 0;\n        width: 3px;\n        background: linear-gradient(to bottom, #7B9A9C, #B5A290, #7B9A9C);\n        border-radius: 3px;\n    }\n\n    .mbti-sales .value-timeline-item {\n        position: relative;\n        margin-bottom: 2rem;\n        padding: 2rem;\n        border-radius: 16px;\n    }\n\n    .mbti-sales .value-timeline-item::before {\n        content: '';\n        position: absolute;\n        left: -23.5px;\n        transform: translate(-50%, -50%);\n        top: 50%;\n        width: 18px;\n        height: 18px;\n        border-radius: 50%;\n        border: 3px solid #7B9A9C;\n        background: #F5F0EA;\n    }\n\n    .mbti-sales .value-timeline-item.vt-pink {\n        background: #F2E8E1;\n    }\n\n    .mbti-sales .value-timeline-item.vt-blue {\n        background: #E8EEF0;\n    }\n\n    .mbti-sales .value-timeline-item.vt-peach {\n        background: #F5EDE8;\n    }\n\n    .mbti-sales .value-timeline-item.vt-yellow {\n        background: #F0EDE4;\n    }\n\n    .mbti-sales .value-timeline-item.vt-green {\n        background: #E8F0E8;\n    }\n\n    .mbti-sales .value-timeline-item.vt-purple {\n        background: #EDE8F0;\n    }\n\n    .mbti-sales .value-timeline-img-wrapper {\n        position: relative;\n        margin-bottom: 1rem;\n    }\n\n    .mbti-sales .value-timeline-img {\n        width: 100%;\n        max-width: 100%;\n        height: auto;\n        border-radius: 12px;\n        display: block;\n    }\n\n    .mbti-sales .value-timeline-item h4 {\n        font-size: 1.3rem;\n        font-weight: 700;\n        margin-bottom: 0.5rem;\n        color: var(--dark);\n    }\n\n    .mbti-sales .value-timeline-item p {\n        color: var(--gray);\n        font-size: 1.05rem;\n        line-height: 1.7;\n    }\n\n    .mbti-sales .value-timeline-badge {\n        position: absolute;\n        top: 0.5rem;\n        left: 0.5rem;\n        background: #7B9A9C;\n        color: white;\n        padding: 0.3rem 0.8rem;\n        border-radius: 50px;\n        font-size: 0.75rem;\n        font-weight: 600;\n        letter-spacing: 0.5px;\n        z-index: 2;\n    }\n\n    @media (max-width: 768px) {\n        .mbti-sales .fit-columns {\n            grid-template-columns: 1fr;\n        }\n\n        .mbti-sales .fit-card {\n            padding: 2rem 1.5rem;\n        }\n\n        .mbti-sales .value-stack-item {\n            padding: 1.5rem;\n        }\n\n        .mbti-sales .fit-table-wrapper {\n            margin: 0 -1rem;\n        }\n\n        .mbti-sales .fit-table th,\n        .mbti-sales .fit-table td {\n            padding: 0.8rem 1rem !important;\n            font-size: 0.9rem;\n        }\n\n        .mbti-sales .fit-table thead th {\n            font-size: 0.95rem !important;\n        }\n\n        .mbti-sales .fit-table-wrapper>div {\n            border-radius: 16px !important;\n        }\n\n        .mbti-sales .fit-table-wrapper>div>div {\n            padding: 1rem !important;\n            font-size: 0.95rem !important;\n        }\n\n        .mbti-sales .fit-table-wrapper>div>div span[data-i18n^=\"fit_yes_title\"],\n        .mbti-sales .fit-table-wrapper>div>div span[data-i18n^=\"fit_no_title\"] {\n            font-size: 1.15rem !important;\n        }\n\n        .mbti-sales .fit-table-wrapper>div>div span[data-i18n^=\"fit_yes_\"],\n        .mbti-sales .fit-table-wrapper>div>div span[data-i18n^=\"fit_no_\"] {\n            font-size: 0.95rem !important;\n        }\n\n        .mbti-sales .pain-avatar {\n            width: 130px !important;\n            min-width: 130px !important;\n            flex-shrink: 0 !important;\n        }\n\n        .mbti-sales .value-timeline {\n            padding-left: 28px;\n        }\n\n        .mbti-sales .value-timeline::before {\n            left: 8px;\n        }\n\n        .mbti-sales .value-timeline-item::before {\n            left: -18.5px;\n            width: 14px;\n            height: 14px;\n        }\n\n        .mbti-sales .value-timeline-item {\n            padding: 1.5rem;\n            margin-bottom: 1.5rem;\n        }\n\n        .mbti-sales .value-timeline-img-wrapper {\n            display: flex;\n            flex-direction: column;\n        }\n\n        .mbti-sales .value-timeline-badge {\n            position: static;\n            order: -1;\n            margin-bottom: 0.5rem;\n            width: fit-content;\n        }\n    }\n\n\n.zh-tw-version.mbti-sales,\n.zh-cn-version.mbti-sales {\n    opacity: 1 !important;\n    visibility: visible !important;\n}\n[data-i18n] {\n    opacity: 1 !important;\n}\n.mbti-sales .scroll-animate {\n    opacity: 1 !important;\n    transform: none !important;\n}\n<\/style>\n<div id=\"mbti-root\">\n<div class=\"zh-tw-version mbti-sales\">\n\n    <section class=\"hero\">\n        <div class=\"hero-content\">\n            <h1 class=\"jf-kamabit fs-36 fs-md-56\" data-i18n=\"hero_title\">\u4eba\u751f 80% \u7684\u5361\u95dc<br>\u90fd\u85cf\u8457\u540c\u4e00\u500b\u539f\u56e0<\/h1>\n\n            <img fetchpriority=\"high\" decoding=\"async\" src=\"https:\/\/mbti.life365.day\/ad\/20260205008-image.jpg\" alt=\"Which way? The answer is inside\"\n                width=\"800\" height=\"600\" loading=\"eager\"\n                style=\"max-width: 100%; height: auto; border-radius: 20px; margin: 2rem auto; display: block; box-shadow: 0 10px 30px rgba(139, 125, 107, 0.2);\">\n\n            <p class=\"font-p fs-18 fs-md-24 mobile-text-left\"\n                style=\"margin-bottom: 2rem; max-width: 800px; margin-left: auto; margin-right: auto;\"\n                data-i18n=\"hero_subtitle\">\u4e0d\u662f\u4e0d\u5920\u52aa\u529b\uff0c\u662f\u529b\u6c23\u53ef\u80fd\u7528\u932f\u5730\u65b9<br>\n                \u4e0d\u662f\u6c92\u6709\u65b9\u5411\uff0c\u662f\u9084\u6c92\u627e\u5230\u771f\u6b63\u9069\u5408\u7684<br>\n                \u4e0d\u662f\u4e0d\u60f3\u6539\u8b8a\uff0c\u662f\u5c11\u4e86\u4e00\u500b\u770b\u6e05\u81ea\u5df1\u7684\u6a5f\u6703<\/p>\n\n            <p class=\"jf-hornedfrog fs-22 fs-md-32\" style=\"max-width: 800px; margin-left: auto; margin-right: auto;\">\n                <strong data-i18n=\"hero_quote1\">\u4f60\u4e00\u5b9a\u807d\u904e\uff0c\u9078\u64c7\u6bd4\u52aa\u529b\u66f4\u91cd\u8981<br>\u4f46\u5f88\u5c11\u4eba\u544a\u8a34\u4f60\u4e0b\u4e00\u53e5\u2014\u2014<\/strong>\n            <\/p>\n            <p class=\"jf-hornedfrog fs-22 fs-md-32\" style=\"max-width: 800px; margin-left: auto; margin-right: auto;\">\n                <strong data-i18n=\"hero_quote2\">\u505a\u51fa\u597d\u9078\u64c7\u7684\u524d\u63d0\uff0c\u662f\u5148\u770b\u61c2\u81ea\u5df1<\/strong>\n            <\/p>\n\n            <p class=\"font-p fs-18 fs-md-28\"\n                style=\"margin-top: 1rem; max-width: 800px; margin-left: auto; margin-right: auto;\"\n                data-i18n=\"hero_desc\">\n                \u800c\u9019\u4e00\u5207\uff0c\u5176\u5be6\u6709\u8de1\u53ef\u5faa<br>\n                \u800c\u4e14\u6bd4\u4f60\u60f3\u7684\u66f4\u7c21\u55ae\n            <\/p>\n\n            <div style=\"margin-top: 3rem;\">\n                <a href=\"#fit-section\" class=\"cta-button cta-primary fs-18 fs-md-24\" data-i18n=\"hero_cta\">\ud83d\udc47\n                    \u770b\u770b\u8aaa\u7684\u662f\u4e0d\u662f\u4f60<\/a>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <section id=\"fit-section\" class=\"fit-check-section scroll-animate\">\n        <div class=\"container\" style=\"position: relative; z-index: 1;\">\n            <h2 class=\"section-title font-h2 fs-28 fs-md-48\" style=\"color: var(--dark);\" data-i18n=\"fit_title\">\u5982\u679c\u4f60\u662f\u9019\u6a23\u7684\u4eba\n            <\/h2>\n\n            <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/mbti.life365.day\/ad\/20260205006-image.jpg\" alt=\"\u60f3\u8981\u66f4\u597d vs \u9019\u6a23\u5c31\u597d\" width=\"900\" height=\"506\"\n                style=\"max-width: 100%; height: auto; display: block; margin: 2rem auto; border-radius: 16px; box-shadow: 0 8px 24px rgba(139, 125, 107, 0.15);\">\n\n            <p class=\"fs-16 fs-md-20\" style=\"text-align: center; color: var(--gray); margin-bottom: 2.5rem;\"\n                data-i18n=\"fit_subtitle\">\u82b1 10 \u79d2\u770b\u4e00\u4e0b\uff0c\u6709\u6c92\u6709\u54ea\u4e00\u689d\u8b93\u4f60\u9ede\u982d<\/p>\n\n            <div class=\"fit-table-wrapper\" style=\"max-width: 900px; margin: 0 auto;\">\n                <div\n                    style=\"display: grid; grid-template-columns: 1fr 1fr; gap: 0; border-radius: 20px; overflow: hidden; box-shadow: 0 8px 32px rgba(0,0,0,0.12);\">\n\n                    <div\n                        style=\"background: linear-gradient(135deg, #7B9A9C 0%, #5a7a7c 100%); padding: 1.5rem 1rem; text-align: center;\">\n                        <span style=\"color: white; font-size: 1.4rem; font-weight: 700;\" data-i18n=\"fit_yes_title\">\u2713\n                            \u60f3\u8981\u66f4\u597d<\/span>\n                    <\/div>\n                    \n                    <div\n                        style=\"background: linear-gradient(135deg, #c4b5a5 0%, #a89683 100%); padding: 1.5rem 1rem; text-align: center;\">\n                        <span style=\"color: white; font-size: 1.4rem; font-weight: 700;\" data-i18n=\"fit_no_title\">\u2715\n                            \u9019\u6a23\u5c31\u597d<\/span>\n                    <\/div>\n\n                    <div\n                        style=\"background: rgba(123, 154, 156, 0.08); padding: 1.2rem 1.5rem; border-bottom: 1px solid rgba(123, 154, 156, 0.15); display: flex; align-items: center; gap: 0.6rem;\">\n                        <span style=\"color: #7B9A9C; font-size: 1.2rem; font-weight: bold;\">\u2713<\/span>\n                        <span style=\"font-size: 1.05rem; color: #3d4f4f;\"\n                            data-i18n=\"fit_yes_1_title\">\u5076\u723e\u6703\u60f3\u300c\u6211\u61c9\u8a72\u4e0d\u53ea\u9019\u6a23\u300d<\/span>\n                    <\/div>\n                    <div\n                        style=\"background: rgba(180, 162, 144, 0.06); padding: 1.2rem 1.5rem; border-bottom: 1px solid rgba(180, 162, 144, 0.15); display: flex; align-items: center; gap: 0.6rem;\">\n                        <span style=\"color: #a89683; font-size: 1.2rem; font-weight: bold;\">\u2715<\/span>\n                        <span style=\"font-size: 1.05rem; color: #7a7066;\" data-i18n=\"fit_no_1_title\">\u300c\u60f3\u90a3\u9ebc\u591a\u5e79\u561b\u300d<\/span>\n                    <\/div>\n\n                    <div\n                        style=\"background: rgba(123, 154, 156, 0.04); padding: 1.2rem 1.5rem; border-bottom: 1px solid rgba(123, 154, 156, 0.15); display: flex; align-items: center; gap: 0.6rem;\">\n                        <span style=\"color: #7B9A9C; font-size: 1.2rem; font-weight: bold;\">\u2713<\/span>\n                        <span style=\"font-size: 1.05rem; color: #3d4f4f;\"\n                            data-i18n=\"fit_yes_2_title\">\u60f3\u8b8a\u5f97\u66f4\u597d\uff0c\u4f46\u4e0d\u78ba\u5b9a\u5f9e\u54ea\u958b\u59cb<\/span>\n                    <\/div>\n                    <div\n                        style=\"background: rgba(180, 162, 144, 0.03); padding: 1.2rem 1.5rem; border-bottom: 1px solid rgba(180, 162, 144, 0.15); display: flex; align-items: center; gap: 0.6rem;\">\n                        <span style=\"color: #a89683; font-size: 1.2rem; font-weight: bold;\">\u2715<\/span>\n                        <span style=\"font-size: 1.05rem; color: #7a7066;\" data-i18n=\"fit_no_2_title\">\u300c\u6211\u9019\u6a23\u5c31\u5f88\u597d\u4e86\u300d<\/span>\n                    <\/div>\n\n                    <div\n                        style=\"background: rgba(123, 154, 156, 0.08); padding: 1.2rem 1.5rem; border-bottom: 1px solid rgba(123, 154, 156, 0.15); display: flex; align-items: center; gap: 0.6rem;\">\n                        <span style=\"color: #7B9A9C; font-size: 1.2rem; font-weight: bold;\">\u2713<\/span>\n                        <span style=\"font-size: 1.05rem; color: #3d4f4f;\"\n                            data-i18n=\"fit_yes_3_title\">\u60f3\u627e\u5230\u771f\u6b63\u9069\u5408\u81ea\u5df1\u7684\u65b9\u5411<\/span>\n                    <\/div>\n                    <div\n                        style=\"background: rgba(180, 162, 144, 0.06); padding: 1.2rem 1.5rem; border-bottom: 1px solid rgba(180, 162, 144, 0.15); display: flex; align-items: center; gap: 0.6rem;\">\n                        <span style=\"color: #a89683; font-size: 1.2rem; font-weight: bold;\">\u2715<\/span>\n                        <span style=\"font-size: 1.05rem; color: #7a7066;\" data-i18n=\"fit_no_3_title\">\u300c\u8239\u5230\u6a4b\u982d\u81ea\u7136\u76f4\u300d<\/span>\n                    <\/div>\n\n                    <div\n                        style=\"background: rgba(123, 154, 156, 0.04); padding: 1.2rem 1.5rem; border-bottom: 1px solid rgba(123, 154, 156, 0.15); display: flex; align-items: center; gap: 0.6rem;\">\n                        <span style=\"color: #7B9A9C; font-size: 1.2rem; font-weight: bold;\">\u2713<\/span>\n                        <span style=\"font-size: 1.05rem; color: #3d4f4f;\" data-i18n=\"fit_yes_4_title\">\u9858\u610f\u82b1\u6642\u9593\u597d\u597d\u8a8d\u8b58\u81ea\u5df1<\/span>\n                    <\/div>\n                    <div\n                        style=\"background: rgba(180, 162, 144, 0.03); padding: 1.2rem 1.5rem; border-bottom: 1px solid rgba(180, 162, 144, 0.15); display: flex; align-items: center; gap: 0.6rem;\">\n                        <span style=\"color: #a89683; font-size: 1.2rem; font-weight: bold;\">\u2715<\/span>\n                        <span style=\"font-size: 1.05rem; color: #7a7066;\" data-i18n=\"fit_no_4_title\">\u300c\u6211\u9084\u4e0d\u8a8d\u8b58\u81ea\u5df1\u55ce\u300d<\/span>\n                    <\/div>\n\n                    <div\n                        style=\"background: rgba(123, 154, 156, 0.08); padding: 1.2rem 1.5rem; display: flex; align-items: center; gap: 0.6rem;\">\n                        <span style=\"color: #7B9A9C; font-size: 1.2rem; font-weight: bold;\">\u2713<\/span>\n                        <span style=\"font-size: 1.05rem; color: #3d4f4f;\" data-i18n=\"fit_yes_5_title\">\u5c0d\u672a\u4f86\u7684\u81ea\u5df1\u9084\u6709\u671f\u5f85<\/span>\n                    <\/div>\n                    <div\n                        style=\"background: rgba(180, 162, 144, 0.06); padding: 1.2rem 1.5rem; display: flex; align-items: center; gap: 0.6rem;\">\n                        <span style=\"color: #a89683; font-size: 1.2rem; font-weight: bold;\">\u2715<\/span>\n                        <span style=\"font-size: 1.05rem; color: #7a7066;\" data-i18n=\"fit_no_5_title\">\u300c\u96a8\u7de3\u5427\u300d<\/span>\n                    <\/div>\n\n                <\/div>\n            <\/div>\n\n            <div style=\"text-align: center; margin-top: 3rem; padding: 2rem 1rem;\">\n                <p class=\"jf-hornedfrog fs-24 fs-md-36\" style=\"color: var(--dark); margin-bottom: 0.8rem;\"\n                    data-i18n=\"fit_conclusion1\">\u5982\u679c\u5de6\u908a\u8aaa\u4e2d\u4e86\u4f60<\/p>\n                <p class=\"jf-hornedfrog fs-28 fs-md-40\" style=\"color: var(--accent-teal); font-weight: 600;\"\n                    data-i18n=\"fit_conclusion2\">\u4f60\u6709\u6c92\u6709\u60f3\u904e\uff0c\u70ba\u4ec0\u9ebc\u9019\u4e9b\u4e8b\u6703\u4e00\u76f4\u91cd\u8907\u767c\u751f\uff1f<\/p>\n            <\/div>\n\n        <\/div>\n    <\/section>\n\n    <section id=\"pain-section\" class=\"pain-points scroll-animate\">\n        <div class=\"container\">\n            <h2 class=\"section-title font-h2 fs-28 fs-md-48\" style=\"margin-bottom: 3rem;\" data-i18n=\"pain_title\">\n                \u4f60\u53ef\u80fd\u4e5f\u8a66\u904e\u9019\u4e9b\u65b9\u6cd5<\/h2>\n\n            <div style=\"display: flex; flex-direction: column; gap: 1.5rem; max-width: 900px; margin: 0 auto;\">\n\n                <div style=\"display: flex; align-items: center; gap: 1.5rem; flex-wrap: wrap;\">\n                    <div class=\"pain-avatar\" style=\"flex: 0 0 auto; width: 180px; min-width: 160px;\">\n                        <img decoding=\"async\" src=\"https:\/\/mbti.life365.day\/ad\/20260204001-paste_1770228664137-1.png\" alt=\"\u56f0\u60d1\u7684\u4eba\u72691\"\n                            style=\"width: 100%; height: auto; display: block; filter: drop-shadow(0 5px 15px rgba(139, 125, 107, 0.2));\">\n                    <\/div>\n                    <div class=\"pain-item fs-22 fs-md-34\"\n                        style=\"font-weight: bold; flex: 1; min-width: 0; background: white; padding: 1.8rem 1.5rem; border-radius: 15px 30px 15px 30px; box-shadow: 0 10px 30px rgba(139, 125, 107, 0.15); position: relative; border: 2px solid rgba(232, 221, 208, 0.5);\">\n                        \n                        <div\n                            style=\"position: absolute; left: -15px; top: 30px; width: 0; height: 0; border-top: 15px solid transparent; border-bottom: 15px solid transparent; border-right: 15px solid white;\">\n                        <\/div>\n                        <span data-i18n=\"pain_1\">\u63db\u4e86\u5de5\u4f5c\uff0c\u4ee5\u70ba\u6703\u4e0d\u4e00\u6a23\uff0c\u7d50\u679c\u5361\u4f4f\u7684\u611f\u89ba\u9084\u662f\u8ddf\u8457\u6211<\/span>\n                    <\/div>\n                <\/div>\n\n                <div\n                    style=\"display: flex; align-items: center; gap: 1.5rem; flex-wrap: wrap; flex-direction: row-reverse;\">\n                    <div class=\"pain-avatar\" style=\"flex: 0 0 auto; width: 180px; min-width: 160px;\">\n                        <img decoding=\"async\" src=\"https:\/\/mbti.life365.day\/ad\/20260204002-paste_1770228664137-2.png\" alt=\"\u56f0\u60d1\u7684\u4eba\u72692\"\n                            style=\"width: 100%; height: auto; display: block; filter: drop-shadow(0 5px 15px rgba(139, 125, 107, 0.2));\">\n                    <\/div>\n                    <div class=\"pain-item fs-22 fs-md-34\"\n                        style=\"font-weight: bold; flex: 1; min-width: 0; background: white; padding: 1.8rem 1.5rem; border-radius: 15px 30px 15px 30px; box-shadow: 0 10px 30px rgba(139, 125, 107, 0.15); position: relative; border: 2px solid rgba(232, 221, 208, 0.5);\">\n                        \n                        <div\n                            style=\"position: absolute; right: -15px; top: 30px; width: 0; height: 0; border-top: 15px solid transparent; border-bottom: 15px solid transparent; border-left: 15px solid white;\">\n                        <\/div>\n                        <span data-i18n=\"pain_2\">\u770b\u4e86\u5f88\u591a\u66f8\u3001\u4e0a\u4e86\u5f88\u591a\u8ab2\uff0c\u9053\u7406\u90fd\u61c2\uff0c\u4f46\u5c31\u662f\u505a\u4e0d\u5230<\/span>\n                    <\/div>\n                <\/div>\n\n                <div style=\"display: flex; align-items: center; gap: 1.5rem; flex-wrap: wrap;\">\n                    <div class=\"pain-avatar\" style=\"flex: 0 0 auto; width: 180px; min-width: 160px;\">\n                        <img decoding=\"async\" src=\"https:\/\/mbti.life365.day\/ad\/20260204003-paste_1770228664137-3.png\" alt=\"\u56f0\u60d1\u7684\u4eba\u72693\"\n                            style=\"width: 100%; height: auto; display: block; filter: drop-shadow(0 5px 15px rgba(139, 125, 107, 0.2));\">\n                    <\/div>\n                    <div class=\"pain-item fs-22 fs-md-34\"\n                        style=\"font-weight: bold; flex: 1; min-width: 0; background: white; padding: 1.8rem 1.5rem; border-radius: 15px 30px 15px 30px; box-shadow: 0 10px 30px rgba(139, 125, 107, 0.15); position: relative; border: 2px solid rgba(232, 221, 208, 0.5);\">\n                        \n                        <div\n                            style=\"position: absolute; left: -15px; top: 30px; width: 0; height: 0; border-top: 15px solid transparent; border-bottom: 15px solid transparent; border-right: 15px solid white;\">\n                        <\/div>\n                        <span data-i18n=\"pain_3\">\u554f\u904e\u670b\u53cb\u3001\u554f\u904e\u5bb6\u4eba\uff0c\u4f46\u4ed6\u5011\u7d66\u7684\u5efa\u8b70\u597d\u50cf\u90fd\u4e0d\u592a\u9069\u5408\u6211<\/span>\n                    <\/div>\n                <\/div>\n\n                <div\n                    style=\"display: flex; align-items: center; gap: 1.5rem; flex-wrap: wrap; flex-direction: row-reverse;\">\n                    <div class=\"pain-avatar\" style=\"flex: 0 0 auto; width: 180px; min-width: 160px;\">\n                        <img decoding=\"async\" src=\"https:\/\/mbti.life365.day\/ad\/20260204004-paste_1770228664137-4.png\" alt=\"\u56f0\u60d1\u7684\u4eba\u72694\"\n                            style=\"width: 100%; height: auto; display: block; filter: drop-shadow(0 5px 15px rgba(139, 125, 107, 0.2));\">\n                    <\/div>\n                    <div class=\"pain-item fs-22 fs-md-34\"\n                        style=\"font-weight: bold; flex: 1; min-width: 0; background: white; padding: 1.8rem 1.5rem; border-radius: 15px 30px 15px 30px; box-shadow: 0 10px 30px rgba(139, 125, 107, 0.15); position: relative; border: 2px solid rgba(232, 221, 208, 0.5);\">\n                        \n                        <div\n                            style=\"position: absolute; right: -15px; top: 30px; width: 0; height: 0; border-top: 15px solid transparent; border-bottom: 15px solid transparent; border-left: 15px solid white;\">\n                        <\/div>\n                        <span data-i18n=\"pain_4\">\u505a\u904e\u514d\u8cbb\u7684 MBTI \u6e2c\u9a57\uff0c\u6bcf\u6b21\u7d50\u679c\u90fd\u4e0d\u4e00\u6a23\uff0c\u6839\u672c\u4e0d\u77e5\u9053\u54ea\u500b\u624d\u662f\u771f\u7684<\/span>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <div style=\"text-align: center; margin-top: 3rem; padding: 2rem 1rem;\">\n                <p class=\"font-p fs-18 fs-md-24\" style=\"color: var(--gray); margin-bottom: 0.8rem;\"\n                    data-i18n=\"pain_conclusion1\">\u4e0d\u662f\u90a3\u4e9b\u65b9\u6cd5\u4e0d\u597d<\/p>\n                <p class=\"font-p fs-18 fs-md-24\" style=\"color: var(--gray); margin-bottom: 1.5rem;\"\n                    data-i18n=\"pain_conclusion2\">\u800c\u662f\u5728\u770b\u6e05\u81ea\u5df1\u4e4b\u524d\uff0c\u4ec0\u9ebc\u65b9\u6cd5\u90fd\u53ea\u662f\u9694\u9774\u6414\u7662<\/p>\n                <p class=\"jf-hornedfrog fs-22 fs-md-32\" style=\"color: var(--accent-teal); font-weight: 700;\"\n                    data-i18n=\"pain_conclusion3\">\u9019\u4efd\u5831\u544a\uff0c\u5c31\u662f\u70ba\u4e86\u89e3\u6c7a\u9019\u4ef6\u4e8b<\/p>\n            <\/div>\n\n        <\/div>\n    <\/section>\n\n    <section class=\"product-intro scroll-animate\">\n        <div class=\"container\">\n            <h2 class=\"font-h2 fs-28 fs-md-48\" style=\"margin-bottom: 1.5rem; position: relative; padding-bottom: 2rem;\">\n                <span data-i18n=\"product_title\">MBTI \u81ea\u6211\u89e3\u8b80\u624b\u518a \u00d7 \ud83c\udfa7 Soul Talk \u807d\u898b\u81ea\u5df1<\/span>\n                <span\n                    style=\"content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 140px; height: 4px; background: linear-gradient(90deg, transparent, #B5A290 20%, #7B9A9C 50%, #B5A290 80%, transparent); border-radius: 4px; display: block;\"><\/span>\n            <\/h2>\n            <p class=\"fs-18 fs-md-24\" style=\"margin-bottom: 3rem; line-height: 1.8;\" data-i18n=\"product_desc\">\n                \u9019\u4e0d\u53ea\u662f\u6e2c\u9a57\u2014\u2014\u800c\u662f\u4e00\u4efd\u70ba\u4f60\u91cf\u8eab\u6253\u9020\u7684\u300c\u4eba\u751f\u4f7f\u7528\u8aaa\u660e\u66f8\u300d<br>\n                \u770b\u5b8c\u4e4b\u5f8c\uff0c\u4f60\u6703\u77e5\u9053\u81ea\u5df1\u70ba\u4ec0\u9ebc\u6703\u9019\u6a23\uff0c\u4ee5\u53ca\u63a5\u4e0b\u4f86\u53ef\u4ee5\u600e\u9ebc\u505a\n            <\/p>\n\n            <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/p.maybeits.me\/mbti-p\/F374-2.png\" alt=\"\u624b\u62ff\u5831\u544a\u548c\u8033\u6a5f\" width=\"800\" height=\"600\" style=\"width: 100%; height: auto; display: block; margin: 0 0 3rem 0; border-radius: 20px; box-shadow: 0 10px 30px rgba(139, 125, 107, 0.2);\">\n\n            <div class=\"features-grid\">\n                <div class=\"feature-card\">\n                    <div class=\"feature-icon\">\u23f1\ufe0f<\/div>\n                    <div class=\"feature-title fs-28 fs-md-40\" data-i18n=\"feat_time_title\">\u53ea\u82b1 25 \u5206\u9418<\/div>\n                    <p class=\"fs-16 fs-md-20\" data-i18n=\"feat_time_desc\">93 \u9053\u771f\u5be6\u751f\u6d3b\u5834\u666f\u984c\uff0c\u76f4\u89ba\u9078\u5c31\u597d\u2014\u2014\u4e0d\u7528\u601d\u8003\uff0c\u53cd\u800c\u66f4\u6e96<\/p>\n                <\/div>\n                <div class=\"feature-card\">\n                    <div class=\"feature-icon\">\ud83d\udcd6<\/div>\n                    <div class=\"feature-title fs-28 fs-md-40\" data-i18n=\"feat_report_title\">1 \u842c+ \u5b57\u89e3\u6790<\/div>\n                    <p class=\"fs-16 fs-md-20\" data-i18n=\"feat_report_desc\">100% \u6839\u64da\u4f60\u7684\u4f5c\u7b54\u7d50\u679c\u751f\u6210\uff0c\u6c92\u6709\u5169\u4efd\u5831\u544a\u6703\u4e00\u6a23<\/p>\n                <\/div>\n                <div class=\"feature-card\">\n                    <div class=\"feature-icon\">\ud83c\udfa8<\/div>\n                    <div class=\"feature-title fs-28 fs-md-40\" data-i18n=\"feat_illust_title\">10+ \u5f35\u5c08\u5c6c\u63d2\u5716<\/div>\n                    <p class=\"fs-16 fs-md-20\" data-i18n=\"feat_illust_desc\">\u7528\u53ef\u611b\u756b\u9762\u5448\u73fe\u4f60\u7684\u65e5\u5e38\u7fd2\u6163\u3001\u60c5\u7dd2\u53cd\u61c9\u548c\u4e92\u52d5\u65b9\u5f0f<\/p>\n                <\/div>\n                <div class=\"feature-card\">\n                    <div class=\"feature-icon\">\ud83c\udfa7<\/div>\n                    <div class=\"feature-title fs-28 fs-md-40\" data-i18n=\"feat_voice_title\">\u8a9e\u97f3\u7248\u89e3\u8b80<\/div>\n                    <p class=\"fs-16 fs-md-20\" data-i18n=\"feat_voice_desc\">\u4e0d\u60f3\u8b80\u5b57\uff1f\u958b\u555f Soul Talk\uff0c\u7528\u807d\u7684\u4e5f\u80fd\u5b8c\u6574\u7406\u89e3\u4f60\u81ea\u5df1<\/p>\n                <\/div>\n            <\/div>\n\n            <p class=\"fs-20 fs-md-28\" style=\"margin-top: 3rem;\" data-i18n=\"product_summary\">\n                \u4f60\u6703\u62ff\u5230\u4e00\u6574\u4efd\u5831\u544a\uff0c\u544a\u8a34\u4f60\uff1a<br class=\"mobile-br\">\u4f60\u7684\u80fd\u91cf\u5f9e\u54ea\u4f86\u3001\u5de5\u4f5c\u70ba\u4ec0\u9ebc\u5361\u4f4f\u3001\u4eba\u969b\u95dc\u4fc2\u7684\u5730\u96f7\u5728\u54ea\u3001\u4ee5\u53ca\u4f60\u53ef\u4ee5\u600e\u9ebc\u8abf\u6574\n            <\/p>\n        <\/div>\n    <\/section>\n\n    <section class=\"pain-points scroll-animate\">\n        <div class=\"container\">\n            <h2 class=\"section-title jf-kamabit fs-32 fs-md-48\" data-i18n=\"report_title\">MBTI \u81ea\u6211\u89e3\u8b80\u624b\u518a<\/h2>\n            <p class=\"fs-16 fs-md-20\"\n                style=\"text-align: center; color: var(--gray); margin-top: -1rem; margin-bottom: 2rem;\"\n                data-i18n=\"report_subtitle\">\u4e00\u4efd\u5c08\u5c6c\u65bc\u4f60\u7684\u4eba\u683c\u8aaa\u660e\u66f8\uff0c\u5f9e\u601d\u7dad\u6a21\u5f0f\u5230\u884c\u70ba\u76f2\u9ede\uff0c\u5e6b\u4f60\u770b\u6e05\u81ea\u5df1\u3001\u627e\u5230\u65b9\u5411<\/p>\n\n            <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/p.maybeits.me\/mbti-p\/F374-4.png\" alt=\"\u7ffb\u958b\u7684\u5831\u544a\u66f8\" width=\"800\" height=\"600\" style=\"width: 100%; height: auto; border-radius: 20px; margin: 0 0 3rem 0; display: block; box-shadow: 0 15px 50px rgba(139, 125, 107, 0.45); border: 10px solid white;\">\n\n            <h3 class=\"font-h2 fs-24 fs-md-32\" style=\"text-align: center; margin-bottom: 1.5rem; color: var(--dark);\">\n                \ud83d\udcd6 <span data-i18n=\"report_gif_title\">\u5b8c\u6574\u5831\u544a\u793a\u610f\u5716<\/span>\n            <\/h3>\n            <div class=\"report-preview-gif\">\n                <img decoding=\"async\" class=\"report-gif-img\"\n                    src=\"data:image\/gif;base64,R0lGODlhAQABAIAAAAAAAP\/\/\/yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\"\n                    alt=\"\u5b8c\u6574\u5831\u544a\u793a\u610f\u5716\" \/>\n                <div class=\"gif-overlay\">\n                    <div class=\"gif-overlay-text\">\n                        <strong class=\"gif-overlay-title\" data-i18n=\"gif_overlay_title\">\u8cb7\u96fb\u5668\u90fd\u6709\u8aaa\u660e\u66f8\u4e86<span\n                                class=\"mobile-hide\">\uff0c<\/span><br class=\"mobile-br\">\u4f60\u7684\u4eba\u751f\u4e0d\u914d\u64c1\u6709\u4e00\u672c\u55ce\uff1f<\/strong>\n                        <span class=\"gif-overlay-body\" data-i18n=\"gif_overlay_body1\">\u5225\u4eba\u53ea\u7d66\u4f60\u8cbc\u6a19\u7c64<span\n                                class=\"mobile-hide\">\uff0c<\/span><br class=\"mobile-br\">\u6211\u5011\u7d66\u4f60\u6574\u5957\u751f\u5b58\u6230\u7565<\/span>\n                        <span class=\"gif-overlay-body\" data-i18n=\"gif_overlay_body2\">\u6ed1\u5f97\u9019\u9ebc\u5feb\uff0c\u662f\u56e0\u70ba\u5167\u5bb9\u591a\u5230\u770b\u4e0d\u5b8c<span\n                                class=\"mobile-hide\">\u3002<\/span><br class=\"mobile-br\">\u8077\u5834\u600e\u9ebc\u885d\u3001\u6200\u611b\u600e\u9ebc\u8ac7\u3001\u5167\u8017\u600e\u9ebc\u505c...<br\n                                class=\"mobile-br\">\u6240\u6709\u4f60\u5361\u4f4f\u7684\u554f\u984c\uff0c\u7b54\u6848\u90fd\u5728\u9019\u88e1\u9762\u4e86<\/span>\n                        <span class=\"gif-overlay-sub\" data-i18n=\"gif_overlay_sub\">\u9019\u662f\u4ed8\u8cbb\u5b8c\u6574\u7248\u793a\u610f\u5716\uff0c\u4f60\u7684\u6703\u66f4\u7cbe\u5f69<\/span>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <p class=\"fs-20 fs-md-28\" style=\"text-align: center; margin-top: 3rem; color: var(--primary-color);\"\n                data-i18n=\"report_summary\">\n                \u9019\u4efd\u5831\u544a\u4e0d\u662f\u8981\u544a\u8a34\u4f60<br class=\"mobile-br\">\u300c\u4f60\u61c9\u8a72\u8b8a\u6210\u4ec0\u9ebc\u6a23\u300d\u2014\u2014<br>\n                \u800c\u662f\u5e6b\u4f60\u770b\u6e05\u695a\u4f60\u672c\u4f86\u5c31\u6709\u7684\u512a\u52e2\uff0c\u7136\u5f8c\u6559\u4f60\u600e\u9ebc\u7528\n            <\/p>\n        <\/div>\n    <\/section>\n\n    <section class=\"value-stack-section scroll-animate\">\n        <div class=\"container\" style=\"position: relative; z-index: 1;\">\n            <h2 class=\"section-title font-h2 fs-28 fs-md-48\" style=\"color: var(--dark);\" data-i18n=\"value_title\">\n                \u5b8c\u6574\u5167\u5bb9\uff0c\u9019\u4e9b\u5340\u584a\u6703\u7acb\u5373\u89e3\u9396<\/h2>\n            <p class=\"fs-22 fs-md-28\" style=\"text-align: center; color: var(--dark); font-weight: 700;\"\n                data-i18n=\"value_subtitle\">\u4e0d\u662f\u5206\u6279\u7d66\u4f60\uff0c\u662f\u4e00\u6b21\u5168\u90e8\u62ff\u5230<\/p>\n\n            <div class=\"value-timeline\">\n                <div class=\"value-timeline-item vt-pink\">\n                    <div class=\"value-timeline-img-wrapper\">\n                        <img decoding=\"async\" class=\"value-timeline-img\" src=\"https:\/\/mbti.life365.day\/ad\/S__95625221.png\" alt=\"\u4eba\u683c\u6df1\u5ea6\u89e3\u6790\">\n                        <span class=\"value-timeline-badge\" data-i18n=\"value_1_badge\">\u6838\u5fc3\u5831\u544a<\/span>\n                    <\/div>\n                    <h4 data-i18n=\"value_1_title\">\u4f60\u7684\u4eba\u683c\u6df1\u5ea6\u89e3\u6790<\/h4>\n                    <p data-i18n=\"value_1_desc\">1 \u842c+ \u5b57\u5b8c\u6574\u5831\u544a\u2014\u2014\u5f9e\u4f60\u7684\u6c7a\u7b56\u908f\u8f2f\u3001\u601d\u8003\u76f2\u9ede\u5230\u5929\u8ce6\u4e0a\u9650\uff0c\u5168\u90e8\u62c6\u958b\u4f86\u8ddf\u4f60\u8aaa\u6e05\u695a<\/p>\n                <\/div>\n                <div class=\"value-timeline-item vt-blue\">\n                    <div class=\"value-timeline-img-wrapper\">\n                        <img decoding=\"async\" class=\"value-timeline-img\" src=\"https:\/\/mbti.life365.day\/ad\/S__95625222.png\" alt=\"\u8077\u5834\u5b9a\u4f4d\u5206\u6790\">\n                        <span class=\"value-timeline-badge\" data-i18n=\"value_2_badge\">\u8077\u5834\u7bc7<\/span>\n                    <\/div>\n                    <h4 data-i18n=\"value_2_title\">\u8077\u5834\u5b9a\u4f4d \u00d7 \u5de5\u4f5c\u76f2\u5340\u5206\u6790<\/h4>\n                    <p data-i18n=\"value_2_desc\">\u544a\u8a34\u4f60\u4ec0\u9ebc\u74b0\u5883\u6700\u80fd\u8b93\u4f60\u767c\u5149\u3001\u4f60\u5728\u5de5\u4f5c\u4e2d\u6700\u5bb9\u6613\u8e29\u7684\u96f7\u5728\u54ea\uff0c\u4ee5\u53ca\u600e\u9ebc\u907f\u958b\u5b83<\/p>\n                <\/div>\n                <div class=\"value-timeline-item vt-peach\">\n                    <div class=\"value-timeline-img-wrapper\">\n                        <img decoding=\"async\" class=\"value-timeline-img\" src=\"https:\/\/mbti.life365.day\/ad\/S__95625223.png\" alt=\"\u611f\u60c5\u6a21\u5f0f\u89e3\u8b80\">\n                        <span class=\"value-timeline-badge\" data-i18n=\"value_3_badge\">\u611f\u60c5\u7bc7<\/span>\n                    <\/div>\n                    <h4 data-i18n=\"value_3_title\">\u611f\u60c5\u6a21\u5f0f \u00d7 \u95dc\u4fc2\u4e92\u52d5\u89e3\u8b80<\/h4>\n                    <p data-i18n=\"value_3_desc\">\u70ba\u4ec0\u9ebc\u4f60\u7e3d\u5728\u611f\u60c5\u88e1\u91cd\u8907\u540c\u4e00\u500b\u5287\u672c\uff1f\u5831\u544a\u6703\u62c6\u89e3\u4f60\u7684\u4f9d\u9644\u6a21\u5f0f\uff0c\u5e6b\u4f60\u770b\u61c2\u81ea\u5df1\u5728\u95dc\u4fc2\u88e1\u7684\u771f\u5be6\u9700\u6c42<\/p>\n                <\/div>\n                <div class=\"value-timeline-item vt-yellow\">\n                    <div class=\"value-timeline-img-wrapper\">\n                        <img decoding=\"async\" class=\"value-timeline-img\" src=\"https:\/\/mbti.life365.day\/ad\/S__95625224.png\" alt=\"\u4eba\u969b\u95dc\u4fc2\u8aaa\u660e\u66f8\">\n                        <span class=\"value-timeline-badge\" data-i18n=\"value_4_badge\">\u4eba\u969b\u7bc7<\/span>\n                    <\/div>\n                    <h4 data-i18n=\"value_4_title\">\u4eba\u969b\u95dc\u4fc2\u4f7f\u7528\u8aaa\u660e\u66f8<\/h4>\n                    <p data-i18n=\"value_4_desc\">\u8ddf\u5bb6\u4eba\u3001\u670b\u53cb\u3001\u540c\u4e8b\u7684\u76f8\u8655\u653b\u7565\u2014\u2014\u6559\u4f60\u600e\u9ebc\u8a2d\u7acb\u754c\u7dda\u800c\u4e0d\u50b7\u611f\u60c5\uff0c\u4e0d\u518d\u7576\u90a3\u500b\u300c\u4ec0\u9ebc\u90fd\u597d\u300d\u7684\u4eba<\/p>\n                <\/div>\n                <div class=\"value-timeline-item vt-green\">\n                    <div class=\"value-timeline-img-wrapper\">\n                        <img decoding=\"async\" class=\"value-timeline-img\" src=\"https:\/\/mbti.life365.day\/ad\/S__95625225.png\" alt=\"\u80fd\u91cf\u7ba1\u7406\u6307\u5357\">\n                        <span class=\"value-timeline-badge\" data-i18n=\"value_5_badge\">\u80fd\u91cf\u7bc7<\/span>\n                    <\/div>\n                    <h4 data-i18n=\"value_5_title\">\u80fd\u91cf\u7ba1\u7406 \u00d7 \u5167\u8017\u7d42\u7d50\u6307\u5357<\/h4>\n                    <p data-i18n=\"value_5_desc\">\u627e\u51fa\u4f60\u7684\u80fd\u91cf\u9ed1\u6d1e\u5728\u54ea\u3001\u4ec0\u9ebc\u4e8b\u5728\u5077\u5077\u6d88\u8017\u4f60\uff0c\u518d\u7d66\u4f60\u4e00\u5957\u5c08\u5c6c\u7684\u5145\u96fb\u65b9\u6cd5<\/p>\n                <\/div>\n                <div class=\"value-timeline-item vt-purple\">\n                    <div class=\"value-timeline-img-wrapper\">\n                        <img decoding=\"async\" class=\"value-timeline-img\" src=\"https:\/\/mbti.life365.day\/ad\/S__95625226.png\" alt=\"\u5c08\u5c6cQ\u7248\u63d2\u5716\">\n                        <span class=\"value-timeline-badge\" data-i18n=\"value_6_badge\">\u5c08\u5c6c\u63d2\u5716<\/span>\n                    <\/div>\n                    <h4 data-i18n=\"value_6_title\">10+ \u5f35\u5c08\u5c6c Q \u7248\u63d2\u5716<\/h4>\n                    <p data-i18n=\"value_6_desc\">\u5de5\u4f5c\u6642\u7684\u4f60\u3001\u7368\u8655\u6642\u7684\u4f60\u3001\u793e\u4ea4\u4e2d\u7684\u4f60\u2014\u2014\u5168\u90e8\u7528\u53ef\u611b\u63d2\u5716\u756b\u51fa\u4f86\uff0c\u6bcf\u4e00\u5f35\u90fd\u53ea\u5c6c\u65bc\u4f60<\/p>\n                <\/div>\n            <\/div>\n\n            <p class=\"fs-18 fs-md-24\" style=\"text-align: center; margin-top: 3rem; color: var(--primary-color);\">\n                <strong data-i18n=\"value_note\">\u4ee5\u4e0a\u5167\u5bb9 100% \u6839\u64da\u4f60\u7684\u6e2c\u9a57\u7d50\u679c\u751f\u6210\u2014\u2014\u6c92\u6709\u5169\u4efd\u5831\u544a\u6703\u4e00\u6a23<\/strong>\n            <\/p>\n        <\/div>\n    <\/section>\n\n    <section class=\"comparison-section scroll-animate\">\n        <div class=\"container\">\n            <h2 class=\"section-title font-h2 fs-28 fs-md-48\" data-i18n=\"compare_title\"><span\n                    class=\"compare-first-line\">\u514d\u8cbb\u6e2c\u9a57\u544a\u8a34\u4f60\u300c\u4f60\u662f\u8ab0\u300d\u5c31\u7d50\u675f\u4e86<\/span><br>\u9019\u4efd\u5831\u544a\u6703\u63a5\u8457\u544a\u8a34\u4f60\uff1a<br class=\"mobile-br\">\u300c\u6240\u4ee5\u4f60\u53ef\u4ee5\u600e\u9ebc\u505a\u300d\n            <\/h2>\n\n            <div class=\"comparison-table font-p\">\n                <table>\n                    <thead>\n                        <tr>\n                            <th class=\"fs-14 fs-md-20\"\n                                style=\"width: 30%; background: linear-gradient(135deg, #7B9296 0%, #5A7A7C 100%);\"\n                                data-i18n=\"compare_th1\">\u6bd4\u8f03\u9805\u76ee<\/th>\n                            <th class=\"fs-14 fs-md-20\"\n                                style=\"background: linear-gradient(135deg, #A89589 0%, #9A6F47 100%);\"\n                                data-i18n=\"compare_th2\">\u4e00\u822c\u514d\u8cbb\u6e2c\u9a57<\/th>\n                            <th class=\"fs-14 fs-md-22\"\n                                style=\"background: linear-gradient(135deg, #5A7A7C 0%, #3D5456 100%);\"\n                                data-i18n=\"compare_th3\">\u4f60\u6703\u5f97\u5230\u7684 \u2728<\/th>\n                        <\/tr>\n                    <\/thead>\n                    <tbody>\n                        <tr>\n                            <td class=\"fs-14 fs-md-20\" data-i18n=\"compare_r1_label\">\u984c\u76ee\u8a2d\u8a08<\/td>\n                            <td class=\"fs-14 fs-md-20\" data-i18n=\"compare_r1_free\">10\uff5e20 \u984c\uff0c\u5e7e\u5206\u9418\u5c31\u7d50\u675f<\/td>\n                            <td class=\"check fs-14 fs-md-22\" data-i18n=\"compare_r1_ours\">93 \u984c\u771f\u5be6\u751f\u6d3b\u5834\u666f\uff0c\u6e2c\u51fa\u4f60\u771f\u6b63\u7684\u50be\u5411<\/td>\n                        <\/tr>\n                        <tr>\n                            <td class=\"fs-14 fs-md-20\" data-i18n=\"compare_r2_label\">\u7d50\u679c\u5448\u73fe<\/td>\n                            <td class=\"fs-14 fs-md-20\" data-i18n=\"compare_r2_free\">\u56db\u500b\u5b57\u6bcd\uff0b\u4e00\u6bb5\u901a\u7528\u63cf\u8ff0<\/td>\n                            <td class=\"check fs-14 fs-md-22\" data-i18n=\"compare_r2_ours\">1 \u842c+ \u5b57\u5831\u544a\uff0c\u6bcf\u4e00\u6bb5\u90fd\u53ea\u91dd\u5c0d\u4f60<\/td>\n                        <\/tr>\n                        <tr>\n                            <td class=\"fs-14 fs-md-20\" data-i18n=\"compare_r3_label\">\u8996\u89ba\u5448\u73fe<\/td>\n                            <td class=\"fs-14 fs-md-20\" data-i18n=\"compare_r3_free\">\u7121\u6216\u56fa\u5b9a\u914d\u5716<\/td>\n                            <td class=\"check fs-14 fs-md-22\" data-i18n=\"compare_r3_ours\">10+ \u5f35\u53ea\u5c6c\u65bc\u4f60\u7684 Q \u7248\u63d2\u5716<\/td>\n                        <\/tr>\n                        <tr>\n                            <td class=\"fs-14 fs-md-20\" data-i18n=\"compare_r4_label\">\u5167\u5bb9\u5b8c\u6574\u5ea6<\/td>\n                            <td class=\"fs-14 fs-md-20\" data-i18n=\"compare_r4_free\">\u9700\u5206\u7ae0\u8cfc\u8cb7\u6216\u4ed8\u8cbb\u5347\u7d1a<\/td>\n                            <td class=\"check fs-14 fs-md-22\" data-i18n=\"compare_r4_ours\">\u4e00\u6b21\u4ed8\u8cbb\uff0c\u5168\u90e8\u89e3\u9396<\/td>\n                        <\/tr>\n                        <tr>\n                            <td class=\"fs-14 fs-md-20\" data-i18n=\"compare_r5_label\">\u5831\u544a\u8a9e\u6c23<\/td>\n                            <td class=\"fs-14 fs-md-20\" data-i18n=\"compare_r5_free\">\u50cf\u8003\u5377\u8a55\u8a9e\uff0c\u6c92\u611f\u89ba<\/td>\n                            <td class=\"check fs-14 fs-md-22\" data-i18n=\"compare_r5_ours\">\u50cf\u670b\u53cb\u8ddf\u4f60\u804a\u5929\uff0c\u6eab\u6696\u53c8\u76f4\u63a5<\/td>\n                        <\/tr>\n                        <tr>\n                            <td class=\"fs-14 fs-md-20\" data-i18n=\"compare_r6_label\">\u5ef6\u4f38\u670d\u52d9<\/td>\n                            <td class=\"cross fs-14 fs-md-20\" data-i18n=\"compare_r6_free_tw\">\u901a\u5e38\u7121<\/td>\n                            <td class=\"check fs-14 fs-md-22\" data-i18n=\"compare_r6_ours\">\u8a9e\u97f3\u7248\u5831\u544a (Soul Talk)<\/td>\n                        <\/tr>\n                        <tr>\n                            <td class=\"fs-14 fs-md-20\" data-i18n=\"compare_r7_label\">\u9000\u8cbb\u4fdd\u8b49<\/td>\n                            <td class=\"cross fs-14 fs-md-20\" data-i18n=\"compare_r7_free_tw\">\u7121\u9000\u8cbb\u653f\u7b56<\/td>\n                            <td class=\"check fs-14 fs-md-22\" data-i18n=\"compare_r7_ours\">24 \u5c0f\u6642\u5168\u984d\u9000\u8cbb<\/td>\n                        <\/tr>\n                    <\/tbody>\n                <\/table>\n            <\/div>\n\n            <p class=\"fs-20 fs-md-28\" style=\"text-align: center; margin-top: 3rem; color: var(--primary-color);\"\n                data-i18n=\"compare_summary\">\n                \u4f60\u62ff\u5230\u7684\u4e0d\u662f\u7b97\u547d\u7d50\u679c\uff0c\u4e5f\u4e0d\u662f\u5fc3\u9748\u96de\u6e6f\u2014\u2014<br>\n                \u662f\u4e00\u4efd\u53ef\u4ee5\u76f4\u63a5\u62ff\u4f86\u7528\u7684\u300c\u884c\u52d5\u6307\u5357\u300d\n            <\/p>\n        <\/div>\n    <\/section>\n\n    <section class=\"product-intro scroll-animate\">\n        <div class=\"container\">\n            <h2 class=\"font-h2 fs-28 fs-md-48\" style=\"margin-bottom: 1.5rem; position: relative; padding-bottom: 2rem;\">\n                <span data-i18n=\"char_title\">\u9078\u4e00\u500b\u6700\u50cf\u4f60\u7684\u89d2\u8272<br class=\"mobile-br\">\u4f60\u7684\u5831\u544a\u63d2\u5716\u6703\u7528\u9019\u500b\u5f62\u8c61\u4f86\u5448\u73fe<\/span>\n                <span\n                    style=\"content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 140px; height: 4px; background: linear-gradient(90deg, transparent, #B5A290 20%, #7B9A9C 50%, #B5A290 80%, transparent); border-radius: 4px; display: block;\"><\/span>\n            <\/h2>\n            <p class=\"fs-18 fs-md-24 mobile-text-left\"\n                style=\"margin-bottom: 3rem; line-height: 1.8; color: var(--gray);\" data-i18n=\"char_subtitle\">\n                \u5728\u6e2c\u9a57\u4e2d\u9078\u64c7\u4e00\u500b\u6700\u50cf\u4f60\u7684\u89d2\u8272\u5f62\u8c61<br>\n                \u6211\u5011\u7684\u5c08\u5c6c\u89d2\u8272\u966a\u4f60\u8d70\u5b8c\u6574\u500b93\u984c\u7684\u751f\u6d3b\u60c5\u5883\uff0c\u4e0d\u518d\u53ea\u662f\u55ae\u8abf\u7684\u6587\u5b57\uff1a<br class=\"mobile-br\">\u5834\u666f\u4e2d\u50cf\u662f\u7368\u8655\u6642\u7684\u4f60\u3001\u793e\u4ea4\u4e2d\u7684\u4f60\u3001\u5de5\u4f5c\u6642\u7684\u4f60<br\n                    class=\"mobile-br\">\u8b93\u6e2c\u9a57\u4e2d\u7684\u300c\u4f60\u300d\u66f4\u6709\u4ee3\u5165\u611f\n            <\/p>\n\n            <div\n                style=\"display: grid; grid-template-columns: repeat(2, 1fr); gap: 3rem; max-width: 900px; margin: 3rem auto;\">\n                <div style=\"text-align: center;\">\n                    <img decoding=\"async\" src=\"https:\/\/pub-692abbec3b20435e888c103b6c121447.r2.dev\/role\/M1-M6.gif\" alt=\"\u7537\u751f\u89d2\u8272 6 \u6b3e\"\n                        loading=\"lazy\"\n                        style=\"width: 100%; height: auto; border-radius: 20px; box-shadow: 0 10px 30px rgba(139, 125, 107, 0.2); border: 4px solid #7B9A9C;\">\n                    <p class=\"jf-hornedfrog fs-34 fs-md-34\"\n                        style=\"font-family: jf-hornedfrog !important; font-weight: bold; margin-top: 1.5rem; color: var(--primary-color);\"\n                        data-i18n=\"char_male\">\ud83d\udc68 \u7537\u751f\u89d2\u8272 6 \u6b3e<\/p>\n                <\/div>\n                <div style=\"text-align: center;\">\n                    <img decoding=\"async\" src=\"https:\/\/pub-692abbec3b20435e888c103b6c121447.r2.dev\/role\/F1-F6.gif\" alt=\"\u5973\u751f\u89d2\u8272 6 \u6b3e\"\n                        loading=\"lazy\"\n                        style=\"width: 100%; height: auto; border-radius: 20px; box-shadow: 0 10px 30px rgba(139, 125, 107, 0.2); border: 4px solid #7B9A9C;\">\n                    <p class=\"jf-hornedfrog fs-34 fs-md-34\"\n                        style=\"font-family: jf-hornedfrog !important; font-weight: bold; margin-top: 1.5rem; color: var(--primary-color);\"\n                        data-i18n=\"char_female\">\ud83d\udc69 \u5973\u751f\u89d2\u8272 6 \u6b3e<\/p>\n                <\/div>\n            <\/div>\n\n            <div\n                style=\"background: rgba(255,255,255,0.3); padding: 2rem; border-radius: 15px; max-width: 700px; margin: 3rem auto; border: 2px solid rgba(123, 154, 156, 0.2);\">\n                <p class=\"fs-18 fs-md-20\" style=\"line-height: 1.8; color: var(--dark);\" data-i18n=\"char_tip\">\n                    \ud83d\udca1 \u4f46\u662f\u5831\u544a\u4e2d\u7684 Q \u7248\u5716\u4e00\u6a23\u662f\u7528\u4f60\u81ea\u5df1\u4e0a\u50b3\u7684\u500b\u4eba\u7167\u7247\u53bb\u5448\u73fe<br>\n                    \u6c92\u6709\u901a\u7528\u6a21\u677f\u5716\uff0c100% \u5c08\u5c6c\u65bc\u4f60\n                <\/p>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <section class=\"report-showcase scroll-animate\">\n        <div class=\"container\">\n            <h2 class=\"section-title font-h2 fs-28 fs-md-48\" style=\"color: var(--dark);\" data-i18n=\"audience_title\">\n                \u4e0d\u7ba1\u4f60\u662f\u7b2c\u4e00\u6b21\u63a5\u89f8 MBTI<br>\u9084\u662f\u5df2\u7d93\u6e2c\u5230\u6703\u80cc\u81ea\u5df1\u7684\u56db\u500b\u5b57\u6bcd<\/h2>\n\n            <div class=\"report-features\">\n                <div class=\"report-feature\">\n                    <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/p.maybeits.me\/mbti-p\/F374-3-1.png\" alt=\"\u7b2c\u4e00\u6b21\u6e2c\u9a57\u7684\u65b0\u624b\" width=\"400\" height=\"400\"\n                        style=\"width: 100%; height: auto; margin-bottom: 1.5rem;\">\n                    <h3 class=\"fs-40 fs-md-40\" style=\"margin-bottom: 1rem; color: var(--primary-color);\"\n                        data-i18n=\"audience_first_title\">\u5982\u679c\u4f60\u662f\u7b2c\u4e00\u6b21<\/h3>\n                    <p class=\"fs-16 fs-md-18\" data-i18n=\"audience_first_desc\">\u7167\u76f4\u89ba\u56de\u7b54 93 \u984c\u751f\u6d3b\u5834\u666f\u984c\uff0c\u5c31\u80fd\u5f97\u5230\u4e00\u4efd\u53ea\u5c6c\u65bc\u4f60\u7684\u5b8c\u6574\u4eba\u683c\u5831\u544a<\/p>\n                <\/div>\n                <div class=\"report-feature\">\n                    <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/p.maybeits.me\/mbti-p\/F374-3-2a.png\" alt=\"\u6e2c\u904e\u591a\u6b21\u7684\u8001\u624b\" width=\"400\" height=\"400\"\n                        style=\"width: 100%; height: auto; margin-bottom: 1.5rem;\">\n                    <h3 class=\"fs-36 fs-md-40\" style=\"margin-bottom: 1rem; color: var(--primary-color);\"\n                        data-i18n=\"audience_repeat_title\">\u5982\u679c\u4f60\u5df2\u7d93\u6e2c\u904e\u5f88\u591a\u6b21<\/h3>\n                    <p class=\"fs-16 fs-md-18\" data-i18n=\"audience_repeat_desc\">\u9019\u4efd\u5831\u544a\u4e0d\u4e00\u6a23\u2014\u2014\u5b83\u6703\u76f4\u63a5\u9ede\u51fa\u4f60\u70ba\u4ec0\u9ebc\u7e3d\u9677\u5165\u540c\u6a23\u7684\u7cfe\u7d50\uff0c\u4ee5\u53ca\u8a72\u600e\u9ebc\u8abf\u6574<\/p>\n                <\/div>\n            <\/div>\n\n            <p class=\"fs-22 fs-md-32\" style=\"text-align: center; margin-top: 3rem; color: var(--dark);\"\n                data-i18n=\"audience_summary\">\n                \u9019\u4efd\u5b8c\u6574\u7248\u5831\u544a\u4e0d\u6703\u53ea\u8cbc\u6a19\u7c64<br class=\"mobile-br\">\u544a\u8a34\u4f60\u300c\u4f60\u662f XXXX\u300d<br class=\"mobile-br\">\u5b83\u6703\u544a\u8a34\u4f60\u63a5\u4e0b\u4f86\u8a72\u600e\u9ebc\u505a\n            <\/p>\n        <\/div>\n    <\/section>\n\n    <section class=\"product-intro scroll-animate\">\n        <div class=\"container\">\n            <h2 class=\"font-h2 fs-28 fs-md-48\" style=\"margin-bottom: 2rem; position: relative; padding-bottom: 2rem;\">\n                <span data-i18n=\"qillust_title\">\u4f60\u7684\u5831\u544a\u4e0d\u53ea\u6709\u6587\u5b57<br class=\"mobile-br\">\u9084\u6709\u8d85\u904e 10+ \u5f35\u70ba\u4f60<br class=\"mobile-br\">\u91cf\u8eab\u6253\u9020\u7684 Q\n                    \u7248\u63d2\u5716<\/span>\n                <span\n                    style=\"content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 140px; height: 4px; background: linear-gradient(90deg, transparent, #B5A290 20%, #7B9A9C 50%, #B5A290 80%, transparent); border-radius: 4px; display: block;\"><\/span>\n            <\/h2>\n\n            <div\n                style=\"display: grid; grid-template-columns: repeat(2, 1fr); gap: 2rem; max-width: 800px; margin: 2rem auto;\">\n                <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/p.maybeits.me\/5956-WP01-MBTI-05A.png\" alt=\"\u5de5\u4f5c\u601d\u8003\" width=\"300\" height=\"300\"\n                    style=\"width: 100%; height: auto; border-radius: 15px; box-shadow: 0 8px 25px rgba(139, 125, 107, 0.15);\">\n                <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/p.maybeits.me\/mbti-p\/F374-5-2.png\" alt=\"\u4f11\u606f\u653e\u9b06\" width=\"300\" height=\"300\" style=\"width: 100%; height: auto; border-radius: 15px; box-shadow: 0 8px 25px rgba(139, 125, 107, 0.15);\">\n                <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/p.maybeits.me\/mbti-p\/F374-5-3.png\" alt=\"\u4eba\u969b\u4e92\u52d5\" width=\"300\" height=\"300\" style=\"width: 100%; height: auto; border-radius: 15px; box-shadow: 0 8px 25px rgba(139, 125, 107, 0.15);\">\n                <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/p.maybeits.me\/5959-WP01-MBTI-05D.png\" alt=\"\u7368\u8655\u6c89\u601d\" width=\"300\" height=\"300\"\n                    style=\"width: 100%; height: auto; border-radius: 15px; box-shadow: 0 8px 25px rgba(139, 125, 107, 0.15);\">\n            <\/div>\n\n            <p class=\"fs-18 fs-md-24 mobile-text-left\" style=\"margin: 2rem 0; line-height: 1.8;\"\n                data-i18n=\"qillust_desc\">\n                \u5b8c\u6574\u7248\u5831\u544a\u5167\u5bb9<br>\n                \u4f60\u6703\u6536\u5230 10 \u5f35\u4ee5\u4e0a\u7684\u5c08\u5c6c Q \u7248\u63d2\u5716\uff0c<br>\n                \u756b\u51fa\u4f60\u5de5\u4f5c\u6642\u7684\u6a23\u5b50\u3001\u7368\u8655\u6642\u7684\u72c0\u614b\u3001\u8ddf\u670b\u53cb\u5728\u4e00\u8d77\u6642\u7684\u53cd\u61c9\u22ef\u22ef<br class=\"mobile-br\">\u5168\u90e8\u90fd\u662f\u300c\u4f60\u300d\n            <\/p>\n\n            <div\n                style=\"background: rgba(255,255,255,0.2); padding: 2rem 2.5rem; border-radius: 15px; max-width: 750px; margin: 2rem auto;\">\n                <p class=\"jf-hornedfrog fs-26 fs-md-32\"\n                    style=\"font-family: jf-hornedfrog !important; font-weight: bold; font-style: italic;\">\n                    <span data-i18n=\"qillust_quote\">\u300c\u770b\u5230\u90a3\u5f35\u6211\u4e00\u908a\u6253\u5b57\u3001\u4e00\u908a\u61f7\u7591\u4eba\u751f\u7684\u5716\uff0c\u6211\u76f4\u63a5\u7b11\u51fa\u4f86\u2014\u2014\u4e5f\u592a\u50cf\u4e86\u5427\uff01\u300d<\/span>\n                <\/p>\n            <\/div>\n\n            <p class=\"fs-18 fs-md-24\" style=\"margin-top: 2rem;\" data-i18n=\"qillust_note\">\n                \u4f60\u9700\u8981\u4e0a\u50b3\u81ea\u5df1\u7684\u7167\u7247<br class=\"mobile-br\">\u4f60\u7684\u5c08\u5c6c\u6027\u683c\u5831\u544a+\u81ea\u5df1\u7684\u53ef\u611b\u63d2\u756b<br class=\"mobile-br\">\u5b8c\u6574\u6536\u9304\u5728\u5b8c\u6574\u7248\u7684\u5831\u544a\u88e1<br\n                    class=\"mobile-br\">\u96a8\u6642\u53ef\u4ee5\u56de\u4f86\u770b\n            <\/p>\n        <\/div>\n    <\/section>\n\n    <section class=\"soul-talk scroll-animate\">\n        <div class=\"soul-talk-content\">\n            <h2 class=\"jf-kamabit fs-32 fs-md-48\"\n                style=\"margin-bottom: 2.5rem; line-height: 1.4; position: relative; padding-bottom: 2rem; text-align: center; color: #F5F0EA;\"\n                data-i18n=\"soul_title\">\n                \ud83c\udfa7 Soul Talk\uff5c\u807d\u898b\u81ea\u5df1<\/h2>\n\n            <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/p.maybeits.me\/mbti-p\/F374-6.png\" alt=\"\u8046\u807d\u4e2d\u7684\u4eba\u7269\" width=\"500\" height=\"400\" style=\"max-width: 500px; width: 100%; height: auto; border-radius: 20px; margin: 2rem auto; display: block;\">\n\n            <p class=\"fs-20 fs-md-24\" style=\"margin-bottom: 1.5rem;\" data-i18n=\"soul_desc1\">\u4f60\u7684\u5831\u544a\u592a\u9577\u4e0d\u60f3\u8b80\uff1f<br\n                    class=\"mobile-br\">\u6216\u662f\u8b80\u5b8c\u60f3\u8981\u66f4\u6df1\u5165\u7406\u89e3\uff1f<\/p>\n            <p class=\"fs-20 fs-md-24\" data-i18n=\"soul_desc2\">Soul Talk \u6703\u7528\u81ea\u7136\u7684\u8a9e\u6c23<br class=\"mobile-br\">\u628a\u4f60\u7684\u5831\u544a\u91cd\u9ede\u300c\u8aaa\u7d66\u4f60\u807d\u300d<br\n                    class=\"mobile-br\">\u50cf\u4e00\u500b\u61c2\u4f60\u7684\u670b\u53cb\u5728\u5e6b\u4f60\u6574\u7406\u601d\u7dd2<\/p>\n\n            <div style=\"background: rgba(255,255,255,0.2); padding: 2rem; border-radius: 15px; margin: 2rem 0;\">\n                <p class=\"fs-18 fs-md-20 mobile-text-left\" style=\"line-height: 1.9;\" data-i18n=\"soul_tip\">\n                    \u901a\u52e4\u7684\u6642\u5019\u3001\u7761\u524d\u8eba\u5728\u5e8a\u4e0a\u7684\u6642\u5019\u3001\u6563\u6b65\u7684\u6642\u5019\u2014\u2014<br>\n                    \u6234\u4e0a\u8033\u6a5f\uff0c\u4f60\u6703\u807d\u5230\u4e00\u6bb5\u5c08\u9580\u70ba\u4f60\u9304\u88fd\u7684\u8a9e\u97f3\uff0c<br>\n                    \u628a\u4f60\u7684\u5831\u544a\u91cd\u9ede\u7528\u6700\u597d\u61c2\u7684\u65b9\u5f0f\u8b1b\u7d66\u4f60\u807d\n                <\/p>\n            <\/div>\n\n            <div class=\"features-grid\" style=\"margin-top: 3rem;\">\n                <div class=\"feature-card\">\n                    <div class=\"feature-icon\">\ud83d\udc42<\/div>\n                    <div class=\"feature-title fs-28 fs-md-40\" data-i18n=\"soul_f1_title\">\u4e0d\u7528\u76ef\u87a2\u5e55<\/div>\n                    <p class=\"fs-16 fs-md-20\" data-i18n=\"soul_f1_desc\">\u901a\u52e4\u3001\u904b\u52d5\u3001\u7761\u524d\u90fd\u80fd\u807d\u2014\u2014\u7528\u6700\u8f15\u9b06\u7684\u65b9\u5f0f\u7406\u89e3\u4f60\u81ea\u5df1<\/p>\n                <\/div>\n                <div class=\"feature-card\">\n                    <div class=\"feature-icon\">\ud83c\udfaf<\/div>\n                    <div class=\"feature-title fs-28 fs-md-40\" data-i18n=\"soul_f2_title\">\u6bcf\u6bb5\u90fd\u8ddf\u4f60\u6709\u95dc<\/div>\n                    <p class=\"fs-16 fs-md-20\" data-i18n=\"soul_f2_desc\">\u4e0d\u662f\u901a\u7528\u5167\u5bb9\uff0c\u662f\u6839\u64da\u4f60\u7684\u5831\u544a\u7d50\u679c\u5c08\u9580\u751f\u6210\u7684\u8a9e\u97f3\u8b1b\u89e3<\/p>\n                <\/div>\n                <div class=\"feature-card\">\n                    <div class=\"feature-icon\">\ud83c\udfb5<\/div>\n                    <div class=\"feature-title fs-28 fs-md-40\" data-i18n=\"soul_f3_title\">\u807d\u5b8c\u66f4\u6709\u65b9\u5411<\/div>\n                    <p class=\"fs-16 fs-md-20\" data-i18n=\"soul_f3_desc\">\u8b80\u5831\u544a\u53ef\u80fd\u53ea\u8a18\u4f4f 30%\uff0c\u807d\u5b8c\u8a9e\u97f3\u5f8c\u4f60\u6703\u66f4\u6e05\u695a\u81ea\u5df1\u8a72\u600e\u9ebc\u8abf\u6574<\/p>\n                <\/div>\n                <div class=\"feature-card\">\n                    <div class=\"feature-icon\">\ud83d\udc9d<\/div>\n                    <div class=\"feature-title fs-28 fs-md-40\" data-i18n=\"soul_f4_title\">\u6eab\u6696\u4f46\u76f4\u63a5<\/div>\n                    <p class=\"fs-16 fs-md-20\" data-i18n=\"soul_f4_desc\">\u8a9e\u6c23\u50cf\u670b\u53cb\u8ddf\u4f60\u804a\u5929\uff0c\u4f46\u6bcf\u4e00\u53e5\u90fd\u6709\u6839\u64da\u2014\u2014\u56e0\u70ba\u5b83\u771f\u7684\u8b80\u904e\u4f60\u7684\u5831\u544a<\/p>\n                <\/div>\n            <\/div>\n\n            <p class=\"fs-18 fs-md-24 mobile-text-left\" style=\"margin-top: 3rem;\" data-i18n=\"soul_quote\">\n                \u6709\u4eba\u8aaa\uff1a<br class=\"mobile-br\">\u300c\u807d\u5b8c\u90a3\u6bb5\u8a9e\u97f3\uff0c\u6bd4\u8b80\u5b8c\u5831\u544a\u66f4\u6709\u611f\u89ba\uff0c\u56e0\u70ba\u6709\u4eba\u5728\u5e6b\u6211\u6574\u7406\u6211\u81ea\u5df1\u300d\n            <\/p>\n        <\/div>\n    <\/section>\n\n    <section class=\"testimonials scroll-animate\">\n        <div class=\"container\">\n            <h2 class=\"section-title font-h2 fs-28 fs-md-48\" data-i18n=\"testi_title\">\u771f\u5be6\u4f7f\u7528\u8005\u56de\u994b\uff0c\u770b\u770b\u4ed6\u5011\u600e\u9ebc\u8aaa<\/h2>\n\n            <div class=\"testimonial-grid\">\n                <div class=\"testimonial-card\">\n                    <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/p.maybeits.me\/mbti-p\/F374-7-1.png\" alt=\"\u6eff\u610f\u4f7f\u7528\u80051\" width=\"300\" height=\"300\"\n                        style=\"width: 100%; height: auto;\">\n                    <div class=\"testimonial-text fs-30 fs-md-32\">\n                        <span\n                            data-i18n=\"testi_1_text\">\u6211\u4ee5\u70ba\u53ea\u662f\u666e\u901a\u6e2c\u9a57\u5831\u544a\uff0c\u7d50\u679c\u770b\u5230\u7b2c\u4e09\u6bb5\u5c31\u54ed\u4e86\u3002\u6bcf\u4e00\u53e5\u90fd\u662f\u6211\u5e73\u5e38\u4e0d\u6562\u8aaa\u51fa\u53e3\u7684\u611f\u53d7\u3002\u6211\u622a\u5716\u50b3\u7d66\u95a8\u871c\uff0c\u5979\u8aaa\u300c\u9019\u6839\u672c\u662f\u4f60\u7684\u8aaa\u660e\u66f8\u5427\u300d<\/span>\n                    <\/div>\n                    <div class=\"testimonial-author fs-18 fs-md-20\" data-i18n=\"testi_1_author\">\u2014 Mei\uff0f27\u6b72\uff0fINFP<\/div>\n                <\/div>\n                <div class=\"testimonial-card\">\n                    <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/p.maybeits.me\/mbti-p\/F374-7-2.png\" alt=\"\u6eff\u610f\u4f7f\u7528\u80052\" width=\"300\" height=\"300\"\n                        style=\"width: 100%; height: auto;\">\n                    <div class=\"testimonial-text fs-30 fs-md-32\">\n                        <span data-i18n=\"testi_2_text\">\u4e00\u958b\u59cb\u89ba\u5f97\u8a9e\u97f3\u7248\u6709\u9ede\u591a\u9918\uff0c\u7d50\u679c\u901a\u52e4\u6642\u807d\u4e86\u4e00\u6bb5\u5c31\u505c\u4e0d\u4e0b\u4f86\u3002\u8a9e\u6c23\u771f\u7684\u5f88\u8212\u670d\uff0c\u4e0d\u662f\u786c\u90a6\u90a6\u7684 AI \u611f\u89ba\u3002\u5927\u63a8 Soul\n                            Talk\uff01<\/span>\n                    <\/div>\n                    <div class=\"testimonial-author fs-18 fs-md-20\" data-i18n=\"testi_2_author\">\u2014 Jay\uff0f31\u6b72\uff0fINTJ<\/div>\n                <\/div>\n                <div class=\"testimonial-card\">\n                    <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/p.maybeits.me\/mbti-p\/F374-7-3.png\" alt=\"\u6eff\u610f\u4f7f\u7528\u80053\" width=\"300\" height=\"300\"\n                        style=\"width: 100%; height: auto;\">\n                    <div class=\"testimonial-text fs-30 fs-md-32\">\n                        <span\n                            data-i18n=\"testi_3_text\">\u6211\u4e00\u76f4\u89ba\u5f97\u81ea\u5df1\u300c\u592a\u654f\u611f\u300d\u300c\u60f3\u592a\u591a\u300d\uff0c\u770b\u5b8c\u5831\u544a\u624d\u767c\u73fe\u9019\u4e9b\u662f\u6211\u7684\u512a\u52e2\u3002\u5b83\u751a\u81f3\u6559\u6211\u600e\u9ebc\u5728\u5de5\u4f5c\u4e0a\u5584\u7528\u9019\u4e9b\u7279\u8cea\uff0c\u73fe\u5728\u6211\u7d42\u65bc\u4e0d\u90a3\u9ebc\u81ea\u6211\u61f7\u7591\u4e86<\/span>\n                    <\/div>\n                    <div class=\"testimonial-author fs-18 fs-md-20\" data-i18n=\"testi_3_author\">\u2014 Zoe\uff0f29\u6b72\uff0fENFJ<\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"testimonial-dots\">\n                <span class=\"testimonial-dot active\" data-index=\"0\"><\/span>\n                <span class=\"testimonial-dot\" data-index=\"1\"><\/span>\n                <span class=\"testimonial-dot\" data-index=\"2\"><\/span>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <section id=\"pricing\" class=\"pricing-section scroll-animate\" style=\"display:none;\">\n        <div class=\"container\">\n            <h2 class=\"section-title font-h2 fs-30 fs-md-48\" style=\"color: var(--dark);\" data-i18n=\"pricing_title\">\n                \u9078\u64c7\u6700\u9069\u5408\u4f60\u7684\u65b9\u6848<\/h2>\n            <p class=\"fs-18 fs-md-24 mobile-text-left\"\n                style=\"text-align: center; margin-bottom: 3rem; color: var(--gray);\" data-i18n=\"pricing_subtitle\">\n                \u4e00\u6b21\u4ed8\u8cbb\uff0c\u6c38\u4e45\u4fdd\u5b58\u3002\u4e0d\u7d81\u8a02\u95b1\u3001\u4e0d\u53e6\u5916\u6536\u8cbb<br>\n                \u6587\u5b57\u89e3\u6790 24 \u5c0f\u6642\u5167\u4e0d\u6eff\u610f\uff1f\u5168\u984d\u9000\u8cbb\uff0c\u96f6\u98a8\u96aa\n            <\/p>\n\n            <div class=\"pricing-grid\">\n                \n                <div class=\"pricing-card\" style=\"display: flex; flex-direction: column;\">\n                    <div class=\"jf-kamabit pricing-subtitle fs-36 fs-md-36\" data-i18n=\"planA_badge\">\u3010\u6df1\u5ea6\u5bdf\u89ba\u7248\u3011<\/div>\n                    <div class=\"jf-kamabit pricing-title fs-40 fs-md-40\" data-i18n=\"planA_name\">MBTI \u81ea\u6211\u89e3\u8b80\u624b\u518a<\/div>\n                    <div class=\"lihsianti pricing-description fs-32 fs-md-36\">\n                        <span data-i18n=\"planA_desc\">\u60f3\u5148\u4e86\u89e3\u81ea\u5df1\uff1f\u5f9e\u9019\u88e1\u958b\u59cb<\/span>\n                    <\/div>\n                    <div class=\"jf-jinxuanlatte-semibold pricing-original fs-16 fs-md-20\"><span\n                            data-i18n=\"price_original_label\">\u539f\u50f9<\/span> <span class=\"jf-jinxuanlatte-semibold\"\n                            data-price=\"planA-original\">---<\/span><\/div>\n                    <div class=\"pricing-badge-placeholder\" style=\"visibility: hidden;\"><span\n                            class=\"fs-16 fs-md-18\">&nbsp;<\/span><\/div>\n                    <div class=\"jf-jinxuanlatte-heavy pricing-price fs-30 fs-md-36\"><span\n                            data-i18n=\"price_sale_label\">\u9650\u6642\u512a\u60e0<\/span><br><span data-price=\"planA-sale\">---<\/span>\n                    <\/div>\n                    <div class=\"pricing-savings-placeholder\" style=\"visibility: hidden;\"><span\n                            class=\"fs-16 fs-md-20\">&nbsp;<\/span><\/div>\n\n                    <div class=\"pricing-features font-p\">\n                        <div class=\"pricing-feature fs-16 fs-md-18\" data-i18n=\"planA_f1\">93 \u9053\u771f\u5be6\u751f\u6d3b\u5834\u666f\u6e2c\u9a57<\/div>\n                        <div class=\"pricing-feature fs-16 fs-md-18\" data-i18n=\"planA_f2\">1 \u842c+ \u5b57\u4f60\u7684\u5c08\u5c6c\u4eba\u683c\u5831\u544a<\/div>\n                        <div class=\"pricing-feature fs-16 fs-md-18\" data-i18n=\"planA_f3\">10+ \u5f35\u53ea\u5c6c\u65bc\u4f60\u7684 Q \u7248\u63d2\u5716<\/div>\n                        <div class=\"pricing-feature fs-16 fs-md-18\" data-i18n=\"planA_f4\">\u5b8c\u6574\u89e3\u6790\uff1a\u80fd\u91cf\u3001\u5de5\u4f5c\u3001\u4eba\u969b\u3001\u884c\u52d5\u5efa\u8b70<\/div>\n                        <div class=\"pricing-feature fs-16 fs-md-18\" data-i18n=\"planA_f5\">24 \u5c0f\u6642\u4e0d\u6eff\u610f\u5168\u984d\u9000\u8cbb<\/div>\n                    <\/div>\n\n                    <a href=\"https:\/\/maybeits.me\/zh-hk\/mbti-start\/?plan=A\" data-plan-link=\"A\"\n                        class=\"cta-button cta-secondary fs-18 fs-md-20\" style=\"width: 100%; margin: 2rem 0 0 0;\"\n                        data-i18n=\"planA_cta\">\u9078\u64c7\u9019\u500b\u65b9\u6848<\/a>\n                <\/div>\n\n                <div class=\"pricing-card featured\">\n                    <div class=\"jf-kamabit pricing-subtitle fs-36 fs-md-36\" data-i18n=\"planB_badge\">\u3010\u6c89\u6d78\u5171\u9cf4\u7248\u3011<\/div>\n                    <div class=\"jf-kamabit pricing-title fs-38 fs-md-38\" data-i18n=\"planB_name\">MBTI \u624b\u518a\uff0b<br>Soul Talk\n                        \u807d\u898b\u81ea\u5df1<\/div>\n                    <div class=\"lihsianti pricing-description fs-32 fs-md-36\">\n                        <span data-i18n=\"planB_desc\">\u7528\u770b\u7684 + \u7528\u807d\u7684\uff0c\u96d9\u91cd\u7406\u89e3\u4f60\u81ea\u5df1<\/span>\n                    <\/div>\n                    <div class=\"jf-jinxuanlatte-semibold pricing-original fs-16 fs-md-20\"><span\n                            data-i18n=\"price_original_label\">\u539f\u50f9<\/span> <span class=\"jf-jinxuanlatte-semibold\"\n                            data-price=\"planB-original\">---<\/span><\/div>\n                    <div class=\"font-p fs-16 fs-md-18 pricing-badge\" data-i18n=\"planB_popular\">\u2b50 \u6700\u591a\u4eba\u9078<\/div>\n                    <div class=\"jf-jinxuanlatte-heavy pricing-price fs-30 fs-md-36\"><span\n                            data-i18n=\"price_sale_label\">\u9650\u6642\u512a\u60e0<\/span><br><span data-price=\"planB-sale\">---<\/span>\n                    <\/div>\n                    <div class=\"jf-jinxuanlatte-extrabold pricing-savings fs-16 fs-md-20\"\n                        data-i18n=\"price_savings_prefix\">\ud83d\udcb0 \u73fe\u7701 <span data-price=\"savings\">---<\/span>\uff08<span\n                            data-price=\"discount\">---<\/span>\uff09<\/div>\n\n                    <div class=\"pricing-features font-p\">\n                        <div class=\"pricing-feature fs-16 fs-md-18\" data-i18n=\"planB_f1\">\u5b8c\u6574\u7248\u624b\u518a\uff08\u5831\u544a + \u63d2\u5716\uff0c\u5168\u90e8\u5305\u542b\uff09<\/div>\n                        <div class=\"pricing-feature fs-16 fs-md-18\" data-i18n=\"planB_f3\">\u5c08\u5c6c Q \u7248\u63d2\u5716\u7d44\u2014\u2014\u4f60\u7684\u65e5\u5e38\u5168\u90e8\u756b\u51fa\u4f86<\/div>\n                        <div class=\"pricing-feature fs-16 fs-md-18\" data-i18n=\"planB_f4\">\u96a8\u6642\u91cd\u807d\uff0c\u7d42\u8eab\u4fdd\u5b58<\/div>\n                        <div class=\"pricing-feature fs-16 fs-md-18\" data-i18n=\"planB_f2\">\ud83c\udfa7 Soul Talk 25 \u5206\u9418\u5c08\u5c6c\u8a9e\u97f3\u5c0d\u8a71<\/div>\n                        <div class=\"pricing-sub-features\"\n                            style=\"padding-left: 2.2rem; margin-top: -0.3rem; margin-bottom: 0.5rem;\">\n                            <div class=\"fs-14 fs-md-16\" style=\"color: var(--gray); line-height: 2;\"\n                                data-i18n=\"planB_f2_sub\">\u221f 60%+ \u662f\u5831\u544a\u88e1\u6c92\u6709\u7684\u7368\u5bb6\u5167\u5bb9<br>\u221f \u7528\u4f60\u7684\u65e5\u5e38\u5834\u666f\u9a57\u8b49\u6bcf\u500b\u7d50\u8ad6<br>\u221f \u8de8\u7dad\u5ea6\u56e0\u679c\u4e32\u806f\u5206\u6790<br>\u221f\n                                \u9644\u8d08\u5c08\u5c6c\u97f3\u6a02 MV<\/div>\n                        <\/div>\n                    <\/div>\n\n                    <a href=\"https:\/\/maybeits.me\/zh-hk\/mbti-start\/?plan=B\" data-plan-link=\"B\"\n                        class=\"cta-button cta-primary fs-18 fs-md-20\" style=\"width: 100%; margin: 2rem 0 0 0;\"\n                        data-i18n=\"planB_cta\">\u5373\u523b\u89e3\u9396\u5b8c\u6574\u9ad4\u9a57<\/a>\n                <\/div>\n            <\/div>\n\n            <div\n                style=\"max-width: 900px; margin: 3rem auto; background: white; padding: 2rem; border-radius: 15px; box-shadow: 0 5px 20px rgba(90, 122, 124, 0.1); border-left: 4px solid #5A7A7C; text-align: justify;\">\n                <p class=\"fs-16 fs-md-20\" style=\"color: #3D4848; line-height: 1.7; margin-bottom: 1rem;\">\n                    <strong style=\"color: #5A7A7C;\"><span data-i18n=\"pricing_warn_label\">\u26a0\ufe0f \u91cd\u8981\u63d0\u9192\uff1a<\/span><\/strong><br>\n                    <span data-i18n=\"pricing_warn_desc\">\u300cSoul Talk \u8a9e\u97f3\u8b1b\u89e3\u300d\u670d\u52d9\u50c5\u9650\u5df2\u8cfc\u8cb7\u300c\u81ea\u6211\u89e3\u8b80\u624b\u518a\u300d\u8005\u52a0\u8cfc\uff08\u52a0\u8cfc\u50f9<\/span> <span\n                        data-price=\"audio-addon\">---<\/span>\uff09\n                <\/p>\n                <p class=\"fs-16 fs-md-20\" style=\"color: #3D4848; line-height: 1.7;\">\n                    <strong>\u5206\u958b\u8cfc\u8cb7\uff1a<\/strong><span data-price=\"planA-sale-alt\">---<\/span>\uff08\u624b\u518a\uff09+ <span\n                        data-price=\"audio-addon-alt\">---<\/span>\uff08\u8a9e\u97f3\uff09= \u7e3d\u82b1\u8cbb <span data-price=\"total-separate\">---\n                        975<\/span><br>\n                    <strong style=\"color: #5A7A7C;\">\u9078\u64c7\u300c\u5b8c\u6574\u5957\u7d44\u300d\u53ef\u73fe\u7701 <span data-price=\"savings-alt\">---\n                            198<\/span>\uff0c\u6700\u5212\u7b97<\/strong>\n                <\/p>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <section class=\"bonus-gift scroll-animate\"\n        style=\"background: linear-gradient(135deg, #E8DDD0 0%, #F5F0EA 30%, #E8DDD0 70%, #D9C9B8 100%); padding: 5rem 2rem; position: relative; overflow: hidden;\">\n        \n        <div\n            style=\"content: ''; position: absolute; width: 650px; height: 650px; background: radial-gradient(circle, rgba(123, 154, 156, 0.12) 0%, rgba(123, 154, 156, 0.04) 50%, transparent 100%); border-radius: 52% 48% 45% 55% \/ 48% 52% 52% 48%; top: -15%; left: -18%; animation: morphing 20s ease-in-out infinite; pointer-events: none;\">\n        <\/div>\n        <div\n            style=\"content: ''; position: absolute; width: 550px; height: 550px; background: radial-gradient(circle, rgba(181, 162, 144, 0.1) 0%, transparent 70%); border-radius: 45% 55% 52% 48%; bottom: -12%; right: -15%; animation: morphing 24s ease-in-out infinite reverse; pointer-events: none;\">\n        <\/div>\n\n        <div class=\"container\">\n            <h2 class=\"section-title font-h2 fs-28 fs-md-48\"\n                style=\"text-align: center; margin-bottom: 2rem; color: #4A4542; position: relative; padding-bottom: 2rem; line-height: 1.5;\">\n                <span data-i18n=\"bonus_title_1\">\ud83c\udf81 \u518d\u52a0\u78bc\u9001<\/span><br>\n                <span class=\"fs-24 fs-md-36\" data-i18n=\"bonus_title_2\">MBTI AI \u667a\u5eab\u5de5\u5177\u5305<br class=\"mobile-br\">\uff08\u9ad8\u6548\u65d7\u8266\u7248\uff09<\/span>\n            <\/h2>\n\n            <p class=\"fs-18 fs-md-24 mobile-text-left\"\n                style=\"text-align: center; margin-bottom: 3rem; color: #4A4542; line-height: 1.8; max-width: 800px; margin-left: auto; margin-right: auto;\"\n                data-i18n=\"bonus_desc\">\n                \u4e0d\u662f\u53ea\u62ff\u5230\u4e00\u4efd\u5831\u544a<br>\n                \u4f60\u9084\u6703\u514d\u8cbb\u6536\u5230\u4e00\u6574\u5957 AI \u5de5\u5177\u5305<br><br>\n                <strong style=\"color: #5A7A7C;\">\ud83d\udcd6 1 \u842c+ \u5b57\u6df1\u5ea6\u89e3\u6790<\/strong> \u2192 \u5e6b\u4f60\u770b\u61c2\u81ea\u5df1<br>\n                <strong style=\"color: #5A7A7C;\">\ud83d\udee0\ufe0f 30 \u500b AI \u5f15\u5c0e\u5de5\u5177<\/strong> \u2192 \u5e6b\u4f60\u89e3\u6c7a\u554f\u984c\n            <\/p>\n\n            <div class=\"bonus-tools-grid\"\n                style=\"display: grid; grid-template-columns: repeat(2, 1fr); gap: 2rem; max-width: 900px; margin: 3rem auto; align-items: stretch;\">\n                \n                <div\n                    style=\"background: white; padding: 2.5rem 2rem; border-radius: 24px; box-shadow: 0 10px 30px rgba(139, 125, 107, 0.15); border-left: 5px solid #7B9A9C; transition: all 0.3s ease; display: flex; flex-direction: column;\">\n                    <h3 class=\"font-p fs-24 fs-md-28\" style=\"margin-bottom: 1.5rem; color: #7B9A9C;\"\n                        data-i18n=\"bonus_mbti_title\">\u2728 MBTI \u5c08\u5c6c\u5de5\u5177 15 \u500b<\/h3>\n                    <ul class=\"font-p fs-16 fs-md-18\"\n                        style=\"list-style: none; padding: 0; margin: 0; line-height: 2.5; color: #4A4542;\">\n                        <li data-i18n=\"bonus_mbti_1\">\u2022 \u4f60\u7e3d\u652c\u592a\u591a\u4e8b\uff1f\u2192 \u8cac\u4efb\u6e05\u55ae\u5be9\u8a08\u5668<\/li>\n                        <li data-i18n=\"bonus_mbti_2\">\u2022 \u4f60\u662f\u5b8c\u7f8e\u4e3b\u7fa9\u8005\uff1f\u2192 \u5b8c\u7f8e\u4e3b\u7fa9\u6e1b\u58d3\u7cfb\u7d71<\/li>\n                        <li data-i18n=\"bonus_mbti_3\">\u2022 \u4e0d\u64c5\u9577\u8868\u9054\u611f\u53d7\uff1f\u2192 \u60c5\u7dd2\u8868\u9054\u8a13\u7df4\u7cfb\u7d71<\/li>\n                        <li data-i18n=\"bonus_mbti_4\">\u2022 \u60f3\u4e86\u89e3\u8ddf\u53e6\u4e00\u534a\u5408\u4e0d\u5408\uff1f\u2192 \u95dc\u4fc2\u76f8\u5bb9\u6027\u5206\u6790<\/li>\n                        <li data-i18n=\"bonus_mbti_5\">\u2022 \u4e0d\u77e5\u9053\u9001\u4ec0\u9ebc\u79ae\u7269\uff1f\u2192 \u5be6\u7528\u79ae\u7269\u63a8\u85a6\u7cfb\u7d71<\/li>\n                        <li data-i18n=\"bonus_mbti_6\">\u2022 \u611f\u60c5\u8d70\u4e0d\u4e0b\u53bb\u4e86\uff1f\u2192 \u7406\u6027\u5206\u624b\u6c7a\u7b56\u7cfb\u7d71<\/li>\n                        <li style=\"color: #8C8580; font-style: italic;\" data-i18n=\"bonus_mbti_more\">... \u9084\u6709 9 \u500b\u5c08\u5c6c\u5de5\u5177<\/li>\n                    <\/ul>\n                <\/div>\n\n                <div\n                    style=\"background: white; padding: 2.5rem 2rem; border-radius: 24px; box-shadow: 0 10px 30px rgba(139, 125, 107, 0.15); border-left: 5px solid #B5A290; transition: all 0.3s ease; display: flex; flex-direction: column;\">\n                    <h3 class=\"font-p fs-24 fs-md-28\" style=\"margin-bottom: 1.5rem; color: #B5A290;\"\n                        data-i18n=\"bonus_general_title\">\u2728 \u901a\u7528\u5be6\u7528\u5de5\u5177 15 \u500b<\/h3>\n                    <div class=\"fs-16 fs-md-18\" style=\"line-height: 2; color: #4A4542;\">\n                        <p style=\"margin-bottom: 0.8rem;\"><strong style=\"color: #8B7D6B;\"><span\n                                    data-i18n=\"bonus_cat_emotion_label\">\u60c5\u7dd2\u7ba1\u7406\uff1a<\/span><\/strong><span\n                                data-i18n=\"bonus_cat_emotion_items\">\u6025\u6551\u7ad9\u3001\u7126\u616e\u89e3\u78bc\u5668\u3001\u60b2\u50b7\u966a\u4f34\u8005...<\/span><\/p>\n                        <p style=\"margin-bottom: 0.8rem;\"><strong style=\"color: #8B7D6B;\"><span\n                                    data-i18n=\"bonus_cat_decision_label\">\u6c7a\u7b56\u652f\u63f4\uff1a<\/span><\/strong><span\n                                data-i18n=\"bonus_cat_decision_items\">\u9078\u64c7\u5929\u79e4\u3001\u76ee\u6a19\u62c6\u89e3\u5668\u3001\u7fd2\u6163\u5efa\u7acb\u5668...<\/span><\/p>\n                        <p style=\"margin-bottom: 0.8rem;\"><strong style=\"color: #8B7D6B;\"><span\n                                    data-i18n=\"bonus_cat_social_label\">\u4eba\u969b\u6e9d\u901a\uff1a<\/span><\/strong><span\n                                data-i18n=\"bonus_cat_social_items\">\u6e9d\u901a\u8173\u672c\u751f\u6210\u5668\u3001\u885d\u7a81\u8abf\u89e3\u54e1\u3001\u793e\u4ea4\u96fb\u91cf\u8a08\u3001\u95dc\u4fc2\u6aa2\u8996\u93e1...<\/span><\/p>\n                        <p style=\"margin-bottom: 0.8rem;\"><strong style=\"color: #8B7D6B;\"><span\n                                    data-i18n=\"bonus_cat_growth_label\">\u500b\u4eba\u6210\u9577\uff1a<\/span><\/strong><span\n                                data-i18n=\"bonus_cat_growth_items\">\u81ea\u6211\u89ba\u5bdf\u65e5\u8a18\u3001\u512a\u52e2\u767c\u6398\u6a5f\u3001\u5b78\u7fd2\u52a0\u901f\u5668...<\/span><\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <div\n                style=\"background: rgba(255,255,255,0.3); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); padding: 3rem 2.5rem; border-radius: 24px; margin: 3rem auto; max-width: 800px; border: 2px solid rgba(255,255,255,0.4); box-shadow: 0 10px 40px rgba(123, 154, 156, 0.2);\">\n                <div style=\"text-align: center; line-height: 2; color: #4A4542;\">\n                    <p class=\"fs-18 fs-md-24\" style=\"margin-bottom: 1.5rem;\">\n                        \ud83d\udc8e <strong class=\"fs-20 fs-md-28\" style=\"color: #5A7A7C;\"><span data-i18n=\"bonus_value_text\">\u9019\n                                30 \u500b\u5de5\u5177\u5305\uff0c\u55ae\u7368\u8ce3\u50f9\u503c\u8d85\u904e<\/span> <span data-price=\"toolkit-value\">---<\/span><\/strong><br>\n                        <span class=\"fs-18 fs-md-24\" style=\"color: #7B9A9C;\"><span\n                                data-i18n=\"bonus_value_free\">\u4f46\u53ea\u8981\u4f60\u8cfc\u8cb7\u4efb\u4e00\u65b9\u6848\uff0c\u5c31\u76f4\u63a5\u514d\u8cbb\u9001\u4f60\u5168\u5957<\/span><\/span>\n                    <\/p>\n\n                    <p class=\"fs-16 fs-md-20\" style=\"margin-bottom: 1.5rem; color: #5A7A7C;\" data-i18n=\"bonus_quality\">\n                        \u597d\u7684\u5de5\u5177\u4e0d\u7528\u591a\uff0c\u6bcf\u4e00\u500b\u90fd\u662f\u7cbe\u6e96\u6311\u9078\u7684\u7cbe\u83ef\uff01\n                    <\/p>\n\n                    <div\n                        style=\"background: linear-gradient(135deg, rgba(123, 154, 156, 0.1) 0%, rgba(168, 191, 190, 0.1) 100%); padding: 1.5rem; border-radius: 15px; margin: 1.5rem 0;\">\n                        <p class=\"fs-18 fs-md-24\" style=\"color: #5A7A7C; margin-bottom: 0.5rem;\"\n                            data-i18n=\"bonus_equal\">\n                            \ud83c\udfaf \u7b49\u65bc\u4f60\u82b1\u4e00\u4efd\u5831\u544a\u7684\u9322\n                        <\/p>\n                        <p class=\"fs-16 fs-md-20\" style=\"color: #4A4542;\" data-i18n=\"bonus_get_tools\">\n                            \u62ff\u5230\u300c\u8d85\u7d1a\u597d\u7528\u7684 30 \u500b\u5de5\u5177\u300d\n                        <\/p>\n                    <\/div>\n\n                    <p class=\"fs-16 fs-md-20\" style=\"margin: 1.5rem 0; color: #9A6F47; line-height: 1.8;\">\n                        <span data-i18n=\"bonus_personalized\">\u6bcf\u7a2e MBTI \u4eba\u683c\u9069\u5408\u7684\u5de5\u5177\u4e0d\u4e00\u6a23\u2014\u2014<br>\n                            \u4f60\u62ff\u5230\u7684 15 \u500b\u5c08\u5c6c\u5de5\u5177\uff0c\u662f\u6839\u64da\u4f60\u7684\u4eba\u683c\u7279\u8cea\u6311\u9078\u7684\uff0c\u4e0d\u662f\u96a8\u4fbf\u585e\u7d66\u4f60\u7684<\/span>\n                    <\/p>\n\n                    <p class=\"fs-16 fs-md-20\" style=\"margin: 1.5rem 0;\">\n                        <span data-i18n=\"bonus_ai_prompt\">\u2728 <strong>\u6bcf\u500b\u5de5\u5177\u90fd\u662f\u53ef\u4ee5\u76f4\u63a5\u7528\u7684 AI \u5c0d\u8a71\u6307\u4ee4<\/strong><br>\n                            \u6253\u958b ChatGPT \u6216\u4efb\u4f55 AI \u5de5\u5177\uff0c\u8cbc\u4e0a\u5c31\u80fd\u7528\u3002\u6c92\u6709\u4f7f\u7528\u671f\u9650\uff0c\u6301\u7e8c\u66f4\u65b0<\/span>\n                    <\/p>\n                <\/div>\n            <\/div>\n\n            <div style=\"text-align: center; margin-top: 3rem;\">\n                <a href=\"https:\/\/maybeits.me\/zh-hk\/mbti-start\/?plan=B\" data-plan-link=\"B\"\n                    class=\"fs-18 fs-md-24 cta-button cta-primary\" style=\"display: inline-block; padding: 1.5rem 3.5rem;\"\n                    data-i18n=\"bonus_cta\">\n                    \ud83d\udd25 \u7acb\u5373\u89e3\u9396\u5b8c\u6574\u7d44\u5408\n                <\/a>\n                <p class=\"fs-16 fs-md-20\" style=\"margin-top: 1rem; color: #8C8580;\" data-i18n=\"bonus_cta_sub\">\n                    \u5831\u544a + \u5de5\u5177\u5305\uff0c\u4e00\u6b21\u5168\u90e8\u64c1\u6709\n                <\/p>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <section class=\"final-cta scroll-animate\" style=\"display:none;\">\n        <div class=\"final-cta-content\">\n            <h2 class=\"jf-jinxuanlatte-heavy fs-32 fs-md-56\"\n                style=\"margin-bottom: 2.5rem; line-height: 1.4; position: relative; padding-bottom: 2rem; text-align: center; color: #F5F0EA;\"\n                data-i18n=\"final_title\">\n                \u6700\u5f8c\uff0c\u4f60\u5df2\u7d93\u770b\u5230\u9019\u88e1\u4e86\u2014\u2014\u4ee3\u8868\u4f60\u771f\u7684\u60f3\u66f4\u4e86\u89e3\u81ea\u5df1<\/h2>\n\n            <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/p.maybeits.me\/mbti-p\/F374-8.png\" alt=\"\u8d70\u5411\u5149\u660e\" width=\"900\" height=\"675\" style=\"max-width: 900px; width: 100%; height: auto; border-radius: 20px; margin: 2rem auto 3rem auto; display: block; box-shadow: 0 10px 30px rgba(123, 154, 156, 0.3);\">\n\n            <p class=\"fs-18 fs-md-24\" data-i18n=\"final_desc1\">\u4f60\u4e0d\u662f\u6c92\u65b9\u5411\uff0c\u4f60\u53ea\u662f\u9084\u6c92\u6709\u4eba\u597d\u597d\u5e6b\u4f60\u6574\u7406\u904e\u2014\u2014<br>\n                \u4f60\u7684\u80fd\u91cf\u82b1\u5728\u54ea\u3001\u5de5\u4f5c\u70ba\u4ec0\u9ebc\u5361\u3001\u4eba\u969b\u95dc\u4fc2\u7684\u96f7\u5728\u54ea\u22ef\u22ef\u9019\u4e9b\u7b54\u6848\uff0c\u5168\u90e8\u90fd\u5728\u4f60\u7684\u5831\u544a\u88e1<\/p>\n\n            <p class=\"fs-18 fs-md-24\" data-i18n=\"final_desc2\">\u53ea\u8981 25 \u5206\u9418\uff0c\u4f60\u5c31\u6703\u62ff\u5230\uff1a<br>\n                \u4e00\u4efd 1 \u842c\u5b57\u7684\u6df1\u5ea6\u4eba\u683c\u5831\u544a + 10 \u5f35\u5c08\u5c6c\u63d2\u5716 + \u8a9e\u97f3\u7248\u8b1b\u89e3 + 30 \u500b AI \u5de5\u5177<\/p>\n\n            <div style=\"margin: 3rem 0;\">\n                <p class=\"fs-20 fs-md-28\" style=\"margin-bottom: 2rem;\" data-i18n=\"final_encourage1\">\n                    \u82b1 25 \u5206\u9418\u505a\u6e2c\u9a57<br>\n                    \u63db\u4e00\u4efd\u80fd\u5e6b\u4f60\u770b\u61c2\u81ea\u5df1\u3001\u505a\u5c0d\u9078\u64c7\u7684\u5b8c\u6574\u5831\u544a\n                <\/p>\n                <p class=\"fs-20 fs-md-28\">\n                    <span data-i18n=\"final_encourage2\">\u4e0d\u7ba1\u4f60\u6700\u5f8c\u8cb7\u4e0d\u8cb7\u2014\u2014\u4f46\u5982\u679c\u4f60\u6b63\u5728\u7336\u8c6b<br>\n                        \u8a18\u5f97\uff1a24 \u5c0f\u6642\u5167\u4e0d\u6eff\u610f\u53ef\u4ee5\u5168\u984d\u9000\u8cbb<\/span>\uff0c\u4f60\u4ec0\u9ebc\u90fd\u4e0d\u6703\u640d\u5931\n                <\/p>\n            <\/div>\n\n            <div class=\"cta-group\">\n                <a href=\"https:\/\/maybeits.me\/zh-hk\/mbti-start\/?plan=B\" data-plan-link=\"B\"\n                    class=\"fs-20 fs-md-24 cta-button cta-primary\" style=\"padding: 1rem 4rem;\"\n                    data-i18n=\"final_cta_primary\">\u5373\u523b\u89e3\u9396\u5b8c\u6574\u9ad4\u9a57\u5957\u7d44<\/a>\n                <p class=\"fs-16 fs-md-20\" style=\"margin-top: 0.3rem; opacity: 0.9;\">\u73fe\u7701 <span\n                        data-price=\"savings-final\">---<\/span>\uff08\u539f\u50f9 <span data-price=\"planB-original-final\">---<\/span>\uff0c\u7279\u50f9\n                    <span data-price=\"planB-sale-final\">---<\/span>\uff09<\/p>\n\n                <a href=\"https:\/\/maybeits.me\/zh-hk\/mbti-start\/?plan=A\" data-plan-link=\"A\"\n                    class=\"fs-18 fs-md-20 cta-button cta-secondary\" style=\"margin-top: 1.2rem; padding: 1.5rem 5rem;\"\n                    data-i18n=\"final_cta_secondary\">\u6211\u5148\u8cb7\u81ea\u6211\u89e3\u8b80\u624b\u518a<\/a>\n                <p class=\"fs-16 fs-md-20\" style=\"margin-top: 0.3rem; opacity: 0.9;\"><span\n                        data-price=\"planA-sale-final\">---<\/span><\/p>\n            <\/div>\n\n            <div class=\"guarantee fs-28 fs-md-36\" data-i18n=\"final_guarantee\">\n                \u2728 \u96f6\u98a8\u96aa\u627f\u8afe\uff1a24 \u5c0f\u6642\u5167\u4e0d\u6eff\u610f\uff0c\u5168\u984d\u9000\u8cbb \u2728\n            <\/div>\n\n            <p class=\"fs-16 fs-md-18\"\n                style=\"margin-top: 2.5rem; line-height: 1.7; color: rgba(245,240,234,0.75); text-align: center; padding: 0 3rem;\">\n                <strong style=\"color: rgba(245,240,234,0.9);\">\u26a0\ufe0f \u91cd\u8981\u8aaa\u660e\uff1a<\/strong>\u672c\u6e2c\u9a57\u70ba MBTI\n                \u4eba\u683c\u985e\u578b\u81ea\u6211\u63a2\u7d22\u5de5\u5177\uff0c\u65e8\u5728\u5354\u52a9\u60a8\u4e86\u89e3\u81ea\u5df1\u7684\u4eba\u683c\u50be\u5411\u8207\u7279\u8cea\u3002\u672c\u6e2c\u9a57\u4e26\u975e\u5c08\u696d\u5fc3\u7406\u6e2c\u9a57\u6216\u5fc3\u7406\u8a55\u4f30\uff0c\u4e0d\u5177\u8a3a\u65b7\u6216\u6cbb\u7642\u529f\u80fd\u3002\u82e5\u60a8\u6709\u5fc3\u7406\u5065\u5eb7\u76f8\u95dc\u9700\u6c42\uff0c\u8acb\u8aee\u8a62\u5408\u683c\u7684\u5fc3\u7406\u5e2b\u6216\u91ab\u7642\u5c08\u696d\u4eba\u54e1\u3002\n            <\/p>\n        <\/div>\n    <\/section>\n\n    <div class=\"floating-cta\">\n        <a href=\"https:\/\/maybeits.me\/zh-hk\/mbti-start\/?plan=B\" data-plan-link=\"B\"\n            class=\"cta-button cta-primary fs-18 fs-md-20\" data-i18n=\"floating_cta\">\n            \ud83d\udd25 \u514d\u8cbb\u958b\u59cb\u6e2c\u9a57\n        <\/a>\n    <\/div>\n\n<\/div>\n\n<\/div>\n<script>(function(){function c(){var b=a.contentDocument||(a.contentWindow&&a.contentWindow.document);if(b){var d=b.createElement('script');d.innerHTML=\"window.__CF$cv$params={r:'a2491122ee638a98',t:'MTc4NTYzMTYwMQ=='};var a=document.createElement('script');a.src='\/cdn-cgi\/challenge-platform\/scripts\/jsd\/main.js';document.getElementsByTagName('head')[0].appendChild(a);\";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState&&(document.onreadystatechange=e,c())}}}})();<\/script>\n<script src=\"https:\/\/mbti-home-page.maybeits.me\/hydrate.js\" defer><\/script><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"","protected":false},"author":2,"featured_media":1354,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","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":"disabled","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-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":"","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-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":"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":""},"mobile":{"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":""}},"footnotes":""},"class_list":["post-7984","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/maybeits.me\/zh-hk\/wp-json\/wp\/v2\/pages\/7984","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/maybeits.me\/zh-hk\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/maybeits.me\/zh-hk\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/maybeits.me\/zh-hk\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/maybeits.me\/zh-hk\/wp-json\/wp\/v2\/comments?post=7984"}],"version-history":[{"count":138,"href":"https:\/\/maybeits.me\/zh-hk\/wp-json\/wp\/v2\/pages\/7984\/revisions"}],"predecessor-version":[{"id":9246,"href":"https:\/\/maybeits.me\/zh-hk\/wp-json\/wp\/v2\/pages\/7984\/revisions\/9246"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/maybeits.me\/zh-hk\/wp-json\/wp\/v2\/media\/1354"}],"wp:attachment":[{"href":"https:\/\/maybeits.me\/zh-hk\/wp-json\/wp\/v2\/media?parent=7984"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}