{"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-cn\/","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=\"\u4e0d\u53ea\u662f\u56db\u4e2a\u5b57\u6bcd\uff01\u8d85\u8fc7 10,000 \u5b57\u7684 MBTI \u6df1\u5ea6\u89e3\u6790\u62a5\u544a\uff0c\u6db5\u76d6\u4eba\u683c\u7279\u8d28\u3001\u804c\u4e1a\u65b9\u5411\u3001\u4eba\u9645\u5173\u7cfb\u3001\u76f2\u70b9\u5206\u6790\u300225 \u5206\u949f\u6d4b\u9a8c\uff0c\u627e\u5230\u771f\u6b63\u7684\u81ea\u5df1\u3002\">\n<meta property=\"og:title\" content=\"MBTI \u6df1\u5ea6\u89e3\u6790\u62a5\u544a\uff5c\u4e07\u5b57\u6df1\u5ea6\u4eba\u683c\u5206\u6790\">\n<meta property=\"og:description\" content=\"\u4e0d\u53ea\u662f\u56db\u4e2a\u5b57\u6bcd\uff01\u8d85\u8fc7 10,000 \u5b57\u7684 MBTI \u6df1\u5ea6\u89e3\u6790\u62a5\u544a\uff0c\u6db5\u76d6\u4eba\u683c\u7279\u8d28\u3001\u804c\u4e1a\u65b9\u5411\u3001\u4eba\u9645\u5173\u7cfb\u3001\u76f2\u70b9\u5206\u6790\u300225 \u5206\u949f\u6d4b\u9a8c\uff0c\u627e\u5230\u771f\u6b63\u7684\u81ea\u5df1\u3002\">\n<meta property=\"og:type\" content=\"website\">\n<meta property=\"og:url\" content=\"https:\/\/maybeits.me\/zh-cn\/zh-cn\/\">\n<meta property=\"og:locale\" content=\"zh_CN\">\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\u62a5\u544a\uff5c\u4e07\u5b57\u6df1\u5ea6\u4eba\u683c\u5206\u6790\">\n<meta name=\"twitter:description\" content=\"\u4e0d\u53ea\u662f\u56db\u4e2a\u5b57\u6bcd\uff01\u8d85\u8fc7 10,000 \u5b57\u7684 MBTI \u6df1\u5ea6\u89e3\u6790\u62a5\u544a\uff0c\u6db5\u76d6\u4eba\u683c\u7279\u8d28\u3001\u804c\u4e1a\u65b9\u5411\u3001\u4eba\u9645\u5173\u7cfb\u3001\u76f2\u70b9\u5206\u6790\u300225 \u5206\u949f\u6d4b\u9a8c\uff0c\u627e\u5230\u771f\u6b63\u7684\u81ea\u5df1\u3002\">\n<link rel=\"alternate\" hreflang=\"zh-Hant\" href=\"https:\/\/maybeits.me\/zh-cn\/\" \/>\n<link rel=\"alternate\" hreflang=\"zh-Hans\" href=\"https:\/\/maybeits.me\/zh-cn\/zh-cn\/\" \/>\n<link rel=\"alternate\" hreflang=\"zh-HK\" href=\"https:\/\/maybeits.me\/zh-cn\/zh-hk\/\" \/>\n<link rel=\"alternate\" hreflang=\"en\" href=\"https:\/\/maybeits.me\/zh-cn\/en\/\" \/>\n<link rel=\"alternate\" hreflang=\"ja\" href=\"https:\/\/maybeits.me\/zh-cn\/jp\/\" \/>\n<link rel=\"alternate\" hreflang=\"ko\" href=\"https:\/\/maybeits.me\/zh-cn\/kr\/\" \/>\n<link rel=\"alternate\" hreflang=\"th\" href=\"https:\/\/maybeits.me\/zh-cn\/th\/\" \/>\n<link rel=\"alternate\" hreflang=\"vi\" href=\"https:\/\/maybeits.me\/zh-cn\/vi\/\" \/>\n<link rel=\"alternate\" hreflang=\"pt-BR\" href=\"https:\/\/maybeits.me\/zh-cn\/br\/\" \/>\n<link rel=\"alternate\" hreflang=\"id\" href=\"https:\/\/maybeits.me\/zh-cn\/id\/\" \/>\n<link rel=\"alternate\" hreflang=\"x-default\" href=\"https:\/\/maybeits.me\/zh-cn\/\" \/>\n\n<script type=\"application\/ld+json\">{\n    \"@context\": \"https:\\\/\\\/schema.org\",\n    \"@type\": \"Product\",\n    \"name\": \"MBTI \\u6df1\\u5ea6\\u89e3\\u6790\\u62a5\\u544a\\uff5c\\u4e07\\u5b57\\u6df1\\u5ea6\\u4eba\\u683c\\u5206\\u6790\",\n    \"description\": \"\\u4e0d\\u53ea\\u662f\\u56db\\u4e2a\\u5b57\\u6bcd\\uff01\\u8d85\\u8fc7 10,000 \\u5b57\\u7684 MBTI \\u6df1\\u5ea6\\u89e3\\u6790\\u62a5\\u544a\\uff0c\\u6db5\\u76d6\\u4eba\\u683c\\u7279\\u8d28\\u3001\\u804c\\u4e1a\\u65b9\\u5411\\u3001\\u4eba\\u9645\\u5173\\u7cfb\\u3001\\u76f2\\u70b9\\u5206\\u6790\\u300225 \\u5206\\u949f\\u6d4b\\u9a8c\\uff0c\\u627e\\u5230\\u771f\\u6b63\\u7684\\u81ea\\u5df1\\u3002\",\n    \"brand\": {\n        \"@type\": \"Brand\",\n        \"name\": \"Maybe it's me\"\n    },\n    \"url\": \"https:\\\/\\\/maybeits.me\\\/zh-cn\\\/zh-cn\\\/\"\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-cn-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\u751f80% \u7684\u5361\u4f4f<br>\u90fd\u85cf\u7740\u540c\u4e00\u4e2a\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\u591f\u52aa\u529b\uff0c\u662f\u529b\u6c14\u53ef\u80fd\u7528\u9519\u5730\u65b9<br>\n                \u4e0d\u662f\u6ca1\u6709\u65b9\u5411\uff0c\u662f\u8fd8\u6ca1\u627e\u5230\u771f\u6b63\u9002\u5408\u7684<br>\n                \u4e0d\u662f\u4e0d\u60f3\u6539\u53d8\uff0c\u662f\u5c11\u4e86\u4e00\u4e2a\u770b\u6e05\u81ea\u5df1\u7684\u673a\u4f1a<\/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\u542c\u8fc7\uff0c\u9009\u62e9\u6bd4\u52aa\u529b\u66f4\u91cd\u8981<br>\u4f46\u5f88\u5c11\u4eba\u544a\u8bc9\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\u9009\u62e9\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\u8fd9\u4e00\u5207\uff0c\u5176\u5b9e\u6709\u8ff9\u53ef\u5faa<br>\n                \u800c\u4e14\u6bd4\u4f60\u60f3\u7684\u66f4\u7b80\u5355\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\u8bf4\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\u8fd9\u6837\u7684\u4eba\n            <\/h2>\n\n            <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/mbti.life365.day\/ad\/20260205006-image.jpg\" alt=\"\u60f3\u8981\u66f4\u597dvs \u8fd9\u6837\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\">\u82b110 \u79d2\u770b\u4e00\u4e0b\uff0c\u6709\u6ca1\u6709\u54ea\u4e00\u6761\u8ba9\u4f60\u70b9\u5934<\/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                            \u8fd9\u6837\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\u5c14\u4f1a\u60f3\u300c\u6211\u5e94\u8be5\u4e0d\u53ea\u8fd9\u6837\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\u4e48\u591a\u5e72\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\u53d8\u5f97\u66f4\u597d\uff0c\u4f46\u4e0d\u786e\u5b9a\u4ece\u54ea\u5f00\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\u8fd9\u6837\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\u9002\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\u6865\u5934\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\">\u613f\u610f\u82b1\u65f6\u95f4\u597d\u597d\u8ba4\u8bc6\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\u8fd8\u4e0d\u8ba4\u8bc6\u81ea\u5df1\u5417\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\">\u5bf9\u672a\u6765\u7684\u81ea\u5df1\u8fd8\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\u968f\u7f18\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\u8fb9\u8bf4\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\u6ca1\u6709\u60f3\u8fc7\uff0c\u4e3a\u4ec0\u4e48\u8fd9\u4e9b\u4e8b\u4f1a\u4e00\u76f4\u91cd\u590d\u53d1\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\u8bd5\u8fc7\u8fd9\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\">\u6362\u4e86\u5de5\u4f5c\uff0c\u4ee5\u4e3a\u4f1a\u4e0d\u4e00\u6837\uff0c\u7ed3\u679c\u5361\u4f4f\u7684\u611f\u89c9\u8fd8\u662f\u8ddf\u7740\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\u4e66\u3001\u4e0a\u4e86\u5f88\u591a\u8bfe\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\">\u95ee\u8fc7\u670b\u53cb\u3001\u95ee\u8fc7\u5bb6\u4eba\uff0c\u4f46\u4ed6\u4eec\u7ed9\u7684\u5efa\u8bae\u597d\u50cf\u90fd\u4e0d\u592a\u9002\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\u8fc7\u514d\u8d39\u7684MBTI \u6d4b\u8bd5\uff0c\u6bcf\u6b21\u7ed3\u679c\u90fd\u4e0d\u4e00\u6837\uff0c\u6839\u672c\u4e0d\u77e5\u9053\u54ea\u4e2a\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\u61c2\u81ea\u5df1\u4e4b\u524d\uff0c\u4ec0\u4e48\u65b9\u6cd5\u90fd\u53ea\u662f\u9694\u9774\u6414\u75d2<\/p>\n                <p class=\"jf-hornedfrog fs-22 fs-md-32\" style=\"color: var(--accent-teal); font-weight: 700;\"\n                    data-i18n=\"pain_conclusion3\">\u8fd9\u4efd\u62a5\u544a\uff0c\u5c31\u662f\u4e3a\u4e86\u89e3\u51b3\u8fd9\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\u8bfb\u624b\u518c \u00d7 \ud83c\udfa7 Soul Talk \u542c\u89c1\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                \u8fd9\u4e0d\u53ea\u662f\u6d4b\u8bd5\u2014\u2014\u800c\u662f\u4e00\u4efd\u4e3a\u4f60\u91cf\u8eab\u6253\u9020\u7684\u300c\u4eba\u751f\u4f7f\u7528\u8bf4\u660e\u4e66\u300d<br>\n                \u770b\u5b8c\u4e4b\u540e\uff0c\u4f60\u4f1a\u77e5\u9053\u81ea\u5df1\u4e3a\u4ec0\u4e48\u4f1a\u8fd9\u6837\uff0c\u4ee5\u53ca\u63a5\u4e0b\u6765\u53ef\u4ee5\u600e\u4e48\u505a\n            <\/p>\n\n            <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/p.maybeits.me\/mbti-p\/F374-2.png\" alt=\"\u624b\u62ff\u62a5\u544a\u548c\u8033\u673a\" 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\u82b125 \u5206\u949f<\/div>\n                    <p class=\"fs-16 fs-md-20\" data-i18n=\"feat_time_desc\">93 \u9053\u771f\u5b9e\u751f\u6d3b\u573a\u666f\u9898\uff0c\u76f4\u89c9\u9009\u5c31\u597d\u2014\u2014\u4e0d\u7528\u601d\u8003\uff0c\u53cd\u800c\u66f4\u51c6<\/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 \u4e07+ \u5b57\u89e3\u6790<\/div>\n                    <p class=\"fs-16 fs-md-20\" data-i18n=\"feat_report_desc\">100% \u6839\u636e\u4f60\u7684\u4f5c\u7b54\u7ed3\u679c\u751f\u6210\uff0c\u6ca1\u6709\u4e24\u4efd\u62a5\u544a\u4f1a\u4e00\u6837<\/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+ \u5f20\u4e13\u5c5e\u63d2\u56fe<\/div>\n                    <p class=\"fs-16 fs-md-20\" data-i18n=\"feat_illust_desc\">\u7528\u53ef\u7231\u753b\u9762\u5448\u73b0\u4f60\u7684\u65e5\u5e38\u4e60\u60ef\u3001\u60c5\u7eea\u53cd\u5e94\u548c\u4e92\u52a8\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\">\u8bed\u97f3\u7248\u89e3\u8bfb<\/div>\n                    <p class=\"fs-16 fs-md-20\" data-i18n=\"feat_voice_desc\">\u4e0d\u60f3\u8bfb\u5b57\uff1f\u5f00\u542fSoul Talk\uff0c\u7528\u542c\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\u4f1a\u62ff\u5230\u4e00\u6574\u4efd\u62a5\u544a\uff0c\u544a\u8bc9\u4f60\uff1a<br class=\"mobile-br\">\u4f60\u7684\u80fd\u91cf\u4ece\u54ea\u6765\u3001\u5de5\u4f5c\u4e3a\u4ec0\u4e48\u5361\u4f4f\u3001\u4eba\u9645\u5173\u7cfb\u7684\u5730\u96f7\u5728\u54ea\u3001\u4ee5\u53ca\u4f60\u53ef\u4ee5\u600e\u4e48\u8c03\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\u8bfb\u624b\u518c<\/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\">\n                \u4f60\u7684\u62a5\u544a\u4f1a\u6db5\u76d6\u4ee5\u4e0b4 \u5927\u9762\u5411\u2014\u2014\u6bcf\u4e00\u6bb5\u90fd\u662f\u6839\u636e\u4f60\u7684\u56de\u7b54\u91cf\u8eab\u5199\u51fa\u6765\u7684\n            <\/p>\n\n            <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/p.maybeits.me\/mbti-p\/F374-4.png\" alt=\"\u7ffb\u5f00\u7684\u62a5\u544a\u4e66\" 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\u62a5\u544a\u793a\u610f\u56fe<\/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\u62a5\u544a\u793a\u610f\u56fe\" \/>\n                <div class=\"gif-overlay\">\n                    <div class=\"gif-overlay-text\">\n                        <strong class=\"gif-overlay-title\" data-i18n=\"gif_overlay_title\">\u4e70\u7535\u5668\u90fd\u6709\u8bf4\u660e\u4e66\u4e86<span\n                                class=\"mobile-hide\">\uff0c<\/span><br class=\"mobile-br\">\u4f60\u7684\u4eba\u751f\u4e0d\u914d\u62e5\u6709\u4e00\u672c\u5417\uff1f<\/strong>\n                        <span class=\"gif-overlay-body\" data-i18n=\"gif_overlay_body1\">\u522b\u4eba\u53ea\u7ed9\u4f60\u8d34\u6807\u7b7e<span\n                                class=\"mobile-hide\">\uff0c<\/span><br class=\"mobile-br\">\u6211\u4eec\u7ed9\u4f60\u6574\u5957\u751f\u5b58\u6218\u7565<\/span>\n                        <span class=\"gif-overlay-body\" data-i18n=\"gif_overlay_body2\">\u6ed1\u5f97\u8fd9\u4e48\u5feb\uff0c\u662f\u56e0\u4e3a\u5185\u5bb9\u591a\u5230\u770b\u4e0d\u5b8c<span\n                                class=\"mobile-hide\">\u3002<\/span><br class=\"mobile-br\">\u804c\u573a\u600e\u4e48\u51b2\u3001\u604b\u7231\u600e\u4e48\u8c08\u3001\u5185\u8017\u600e\u4e48\u505c...<br\n                                class=\"mobile-br\">\u6240\u6709\u4f60\u5361\u4f4f\u7684\u95ee\u9898\uff0c\u7b54\u6848\u90fd\u5728\u8fd9\u91cc\u9762\u4e86<\/span>\n                        <span class=\"gif-overlay-sub\" data-i18n=\"gif_overlay_sub\">\u8fd9\u662f\u4ed8\u8d39\u5b8c\u6574\u7248\u793a\u610f\u56fe\uff0c\u4f60\u7684\u4f1a\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                \u8fd9\u4efd\u62a5\u544a\u4e0d\u662f\u8981\u544a\u8bc9\u4f60<br class=\"mobile-br\">\u300c\u4f60\u5e94\u8be5\u53d8\u6210\u4ec0\u4e48\u6837\u300d\u2014\u2014<br>\n                \u800c\u662f\u5e2e\u4f60\u770b\u6e05\u695a\u4f60\u672c\u6765\u5c31\u6709\u7684\u4f18\u52bf\uff0c\u7136\u540e\u6559\u4f60\u600e\u4e48\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\u5185\u5bb9\uff0c\u8fd9\u4e9b\u533a\u5757\u4f1a\u7acb\u5373\u89e3\u9501<\/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\u7ed9\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\u62a5\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 \u4e07+ \u5b57\u5b8c\u6574\u62a5\u544a\u2014\u2014\u4ece\u4f60\u7684\u51b3\u7b56\u903b\u8f91\u3001\u601d\u8003\u76f2\u70b9\u5230\u5929\u8d4b\u4e0a\u9650\uff0c\u5168\u90e8\u62c6\u5f00\u6765\u544a\u8bc9\u4f60\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=\"\u804c\u573a\u5b9a\u4f4d\u5206\u6790\">\n                        <span class=\"value-timeline-badge\" data-i18n=\"value_2_badge\">\u804c\u573a\u7bc7<\/span>\n                    <\/div>\n                    <h4 data-i18n=\"value_2_title\">\u804c\u573a\u5b9a\u4f4d\u00d7 \u5de5\u4f5c\u76f2\u70b9\u5206\u6790<\/h4>\n                    <p data-i18n=\"value_2_desc\">\u544a\u8bc9\u4f60\u4ec0\u4e48\u73af\u5883\u6700\u80fd\u8ba9\u4f60\u53d1\u5149\u3001\u4f60\u5728\u5de5\u4f5c\u4e2d\u6700\u5bb9\u6613\u8e29\u7684\u96f7\u5728\u54ea\uff0c\u4ee5\u53ca\u600e\u4e48\u907f\u5f00\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\u8bfb\">\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 \u5173\u7cfb\u4e92\u52a8\u89e3\u8bfb<\/h4>\n                    <p data-i18n=\"value_3_desc\">\u4e3a\u4ec0\u4e48\u4f60\u603b\u5728\u611f\u60c5\u91cc\u91cd\u590d\u540c\u4e00\u4e2a\u5267\u672c\uff1f\u62a5\u544a\u4f1a\u62c6\u89e3\u4f60\u7684\u4f9d\u9644\u6a21\u5f0f\uff0c\u5e2e\u4f60\u770b\u61c2\u81ea\u5df1\u5728\u5173\u7cfb\u91cc\u7684\u771f\u5b9e\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\u9645\u5173\u7cfb\u8bf4\u660e\u4e66\">\n                        <span class=\"value-timeline-badge\" data-i18n=\"value_4_badge\">\u4eba\u9645\u7bc7<\/span>\n                    <\/div>\n                    <h4 data-i18n=\"value_4_title\">\u4eba\u9645\u5173\u7cfb\u4f7f\u7528\u8bf4\u660e\u4e66<\/h4>\n                    <p data-i18n=\"value_4_desc\">\u8ddf\u5bb6\u4eba\u3001\u670b\u53cb\u3001\u540c\u4e8b\u7684\u76f8\u5904\u653b\u7565\u2014\u2014\u6559\u4f60\u600e\u4e48\u8bbe\u7acb\u754c\u7ebf\u800c\u4e0d\u4f24\u611f\u60c5\uff0c\u4e0d\u518d\u5f53\u90a3\u4e2a\u300c\u4ec0\u4e48\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 \u5185\u8017\u7ec8\u7ed3\u6307\u5357<\/h4>\n                    <p data-i18n=\"value_5_desc\">\u627e\u51fa\u4f60\u7684\u80fd\u91cf\u9ed1\u6d1e\u5728\u54ea\u3001\u4ec0\u4e48\u4e8b\u5728\u5077\u5077\u6d88\u8017\u4f60\uff0c\u518d\u7ed9\u4f60\u4e00\u5957\u4e13\u5c5e\u7684\u5145\u7535\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=\"\u4e13\u5c5eQ\u7248\u63d2\u56fe\">\n                        <span class=\"value-timeline-badge\" data-i18n=\"value_6_badge\">\u4e13\u5c5e\u63d2\u56fe<\/span>\n                    <\/div>\n                    <h4 data-i18n=\"value_6_title\">10+ \u5f20\u4e13\u5c5eQ \u7248\u63d2\u56fe<\/h4>\n                    <p data-i18n=\"value_6_desc\">\u5de5\u4f5c\u65f6\u7684\u4f60\u3001\u72ec\u5904\u65f6\u7684\u4f60\u3001\u793e\u4ea4\u4e2d\u7684\u4f60\u2014\u2014\u5168\u90e8\u7528\u53ef\u7231\u63d2\u56fe\u753b\u51fa\u6765\uff0c\u6bcf\u4e00\u5f20\u90fd\u53ea\u5c5e\u4e8e\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\u5185\u5bb9100% \u6839\u636e\u4f60\u7684\u6d4b\u8bd5\u7ed3\u679c\u751f\u6210\u2014\u2014\u6ca1\u6709\u4e24\u4efd\u62a5\u544a\u4f1a\u4e00\u6837<\/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\u8d39\u6d4b\u8bd5\u544a\u8bc9\u4f60\u300c\u4f60\u662f\u8c01\u300d\u5c31\u7ed3\u675f\u4e86<\/span><br>\u8fd9\u4efd\u62a5\u544a\u4f1a\u63a5\u7740\u544a\u8bc9\u4f60\uff1a<br class=\"mobile-br\">\u300c\u6240\u4ee5\u4f60\u53ef\u4ee5\u600e\u4e48\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\u8f83\u9879\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\u8d39\u6d4b\u8bd5<\/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\u4f1a\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\">\u9898\u76ee\u8bbe\u8ba1<\/td>\n                            <td class=\"fs-14 fs-md-20\" data-i18n=\"compare_r1_free\">10\uff5e20 \u9898\uff0c\u51e0\u5206\u949f\u5c31\u7ed3\u675f<\/td>\n                            <td class=\"check fs-14 fs-md-22\" data-i18n=\"compare_r1_ours\">93 \u9898\u771f\u5b9e\u751f\u6d3b\u573a\u666f\uff0c\u6d4b\u51fa\u4f60\u771f\u6b63\u7684\u503e\u5411<\/td>\n                        <\/tr>\n                        <tr>\n                            <td class=\"fs-14 fs-md-20\" data-i18n=\"compare_r2_label\">\u7ed3\u679c\u5448\u73b0<\/td>\n                            <td class=\"fs-14 fs-md-20\" data-i18n=\"compare_r2_free\">\u56db\u4e2a\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 \u4e07+ \u5b57\u62a5\u544a\uff0c\u6bcf\u4e00\u6bb5\u90fd\u53ea\u9488\u5bf9\u4f60<\/td>\n                        <\/tr>\n                        <tr>\n                            <td class=\"fs-14 fs-md-20\" data-i18n=\"compare_r3_label\">\u89c6\u89c9\u5448\u73b0<\/td>\n                            <td class=\"fs-14 fs-md-20\" data-i18n=\"compare_r3_free\">\u65e0\u6216\u56fa\u5b9a\u914d\u56fe<\/td>\n                            <td class=\"check fs-14 fs-md-22\" data-i18n=\"compare_r3_ours\">10+ \u5f20\u53ea\u5c5e\u4e8e\u4f60\u7684Q \u7248\u63d2\u56fe<\/td>\n                        <\/tr>\n                        <tr>\n                            <td class=\"fs-14 fs-md-20\" data-i18n=\"compare_r4_label\">\u5185\u5bb9\u5b8c\u6574\u5ea6<\/td>\n                            <td class=\"fs-14 fs-md-20\" data-i18n=\"compare_r4_free\">\u9700\u5206\u7ae0\u8d2d\u4e70\u6216\u4ed8\u8d39\u5347\u7ea7<\/td>\n                            <td class=\"check fs-14 fs-md-22\" data-i18n=\"compare_r4_ours\">\u4e00\u6b21\u4ed8\u8d39\uff0c\u5168\u90e8\u89e3\u9501<\/td>\n                        <\/tr>\n                        <tr>\n                            <td class=\"fs-14 fs-md-20\" data-i18n=\"compare_r5_label\">\u62a5\u544a\u8bed\u6c14<\/td>\n                            <td class=\"fs-14 fs-md-20\" data-i18n=\"compare_r5_free\">\u50cf\u8003\u5377\u8bc4\u8bed\uff0c\u6ca1\u611f\u89c9<\/td>\n                            <td class=\"check fs-14 fs-md-22\" data-i18n=\"compare_r5_ours\">\u50cf\u670b\u53cb\u8ddf\u4f60\u804a\u5929\uff0c\u6e29\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\u52a1<\/td>\n                            <td class=\"cross fs-14 fs-md-20\" data-i18n=\"compare_r6_free_cn\">\u901a\u5e38\u65e0<\/td>\n                            <td class=\"check fs-14 fs-md-22\" data-i18n=\"compare_r6_ours\">\u8bed\u97f3\u7248\u62a5\u544a(Soul Talk)<\/td>\n                        <\/tr>\n                        <tr>\n                            <td class=\"fs-14 fs-md-20\" data-i18n=\"compare_r7_label\">\u9000\u6b3e\u4fdd\u8bc1<\/td>\n                            <td class=\"cross fs-14 fs-md-20\" data-i18n=\"compare_r7_free_cn\">\u65e0\u9000\u6b3e\u653f\u7b56<\/td>\n                            <td class=\"check fs-14 fs-md-22\" data-i18n=\"compare_r7_ours\">24 \u5c0f\u65f6\u5168\u989d\u9000\u6b3e<\/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\u7ed3\u679c\uff0c\u4e5f\u4e0d\u662f\u5fc3\u7075\u9e21\u6c64\u2014\u2014<br>\n                \u662f\u4e00\u4efd\u53ef\u4ee5\u76f4\u63a5\u62ff\u6765\u7528\u7684\u300c\u884c\u52a8\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\">\u9009\u4e00\u4e2a\u6700\u50cf\u4f60\u7684\u89d2\u8272<br class=\"mobile-br\">\u4f60\u7684\u62a5\u544a\u63d2\u56fe\u4f1a\u7528\u8fd9\u4e2a\u5f62\u8c61\u6765\u5448\u73b0<\/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\u6d4b\u8bd5\u4e2d\u9009\u62e9\u4e00\u4e2a\u6700\u50cf\u4f60\u7684\u89d2\u8272\u5f62\u8c61<br>\n                \u6211\u4eec\u7684\u4e13\u5c5e\u89d2\u8272\u966a\u4f60\u8d70\u5b8c\u6574\u4e2a93\u9898\u7684\u751f\u6d3b\u60c5\u5883\uff0c\u4e0d\u518d\u53ea\u662f\u5355\u8c03\u7684\u6587\u5b57\uff1a<br class=\"mobile-br\">\u573a\u666f\u4e2d\u50cf\u662f\u72ec\u5904\u65f6\u7684\u4f60\u3001\u793e\u4ea4\u4e2d\u7684\u4f60\u3001\u5de5\u4f5c\u65f6\u7684\u4f60<br\n                    class=\"mobile-br\">\u8ba9\u6d4b\u8bd5\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\u82726 \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\u82726 \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\u62a5\u544a\u4e2d\u7684 Q \u7248\u56fe\u4e00\u6837\u662f\u7528\u4f60\u81ea\u5df1\u4e0a\u4f20\u7684\u4e2a\u4eba\u7167\u7247\u53bb\u5448\u73b0<br>\n                    \u6ca1\u6709\u901a\u7528\u6a21\u677f\u56fe\uff0c100% \u4e13\u5c5e\u4e8e\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\u89e6MBTI<br>\u8fd8\u662f\u5df2\u7ecf\u6d4b\u5230\u4f1a\u80cc\u81ea\u5df1\u7684\u56db\u4e2a\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\u6d4b\u8bd5\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\u89c9\u56de\u7b54 93 \u9898\u751f\u6d3b\u573a\u666f\u9898\uff0c\u5c31\u80fd\u5f97\u5230\u4e00\u4efd\u53ea\u5c5e\u65bc\u4f60\u7684\u5b8c\u6574\u4eba\u683c\u62a5\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=\"\u6d4b\u8fc7\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\u7ecf\u6d4b\u8fc7\u5f88\u591a\u6b21<\/h3>\n                    <p class=\"fs-16 fs-md-18\" data-i18n=\"audience_repeat_desc\">\u8fd9\u4efd\u62a5\u544a\u4e0d\u4e00\u6837\u2014\u2014\u5b83\u4f1a\u76f4\u63a5\u70b9\u51fa\u4f60\u4e3a\u4ec0\u4e48\u603b\u9677\u5165\u540c\u6837\u7684\u7ea0\u7ed3\uff0c\u4ee5\u53ca\u8be5\u600e\u4e48\u8c03\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                \u8fd9\u4efd\u5b8c\u6574\u7248\u62a5\u544a\u4e0d\u4f1a\u53ea\u8d34\u6807\u7b7e<br class=\"mobile-br\">\u544a\u8bc9\u4f60\u300c\u4f60\u662f XXXX\u300d<br class=\"mobile-br\">\u5b83\u4f1a\u544a\u8bc9\u4f60\u63a5\u4e0b\u6765\u8be5\u600e\u4e48\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\u62a5\u544a\u4e0d\u53ea\u6709\u6587\u5b57<br class=\"mobile-br\">\u8fd8\u6709\u8d85\u8fc7 10+ \u5f20\u4e3a\u4f60<br class=\"mobile-br\">\u91cf\u8eab\u6253\u9020\u7684 Q\n                    \u7248\u63d2\u56fe<\/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\u677e\" 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\u9645\u4e92\u52a8\" 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=\"\u72ec\u5904\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\u62a5\u544a\u5185\u5bb9<br>\n                \u4f60\u4f1a\u6536\u5230 10 \u5f20\u4ee5\u4e0a\u7684\u4e13\u5c5e Q \u7248\u63d2\u56fe\uff0c<br>\n                \u753b\u51fa\u4f60\u5de5\u4f5c\u65f6\u7684\u6837\u5b50\u3001\u72ec\u5904\u65f6\u7684\u72b6\u6001\u3001\u8ddf\u670b\u53cb\u5728\u4e00\u8d77\u65f6\u7684\u53cd\u5e94\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\u5f20\u6211\u4e00\u8fb9\u6253\u5b57\u3001\u4e00\u8fb9\u6000\u7591\u4eba\u751f\u7684\u56fe\uff0c\u6211\u76f4\u63a5\u7b11\u51fa\u6765\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\u4f20\u81ea\u5df1\u7684\u7167\u7247<br class=\"mobile-br\">\u4f60\u7684\u4e13\u5c5e\u6027\u683c\u62a5\u544a+\u81ea\u5df1\u7684\u53ef\u7231\u63d2\u753b<br class=\"mobile-br\">\u5b8c\u6574\u6536\u5f55\u5728\u5b8c\u6574\u7248\u7684\u62a5\u544a\u91cc<br\n                    class=\"mobile-br\">\u968f\u65f6\u53ef\u4ee5\u56de\u6765\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\u542c\u89c1\u81ea\u5df1<\/h2>\n\n            <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/p.maybeits.me\/mbti-p\/F374-6.png\" alt=\"\u8046\u542c\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\u62a5\u544a\u592a\u957f\u4e0d\u60f3\u8bfb\uff1f<br\n                    class=\"mobile-br\">\u6216\u662f\u8bfb\u5b8c\u60f3\u8981\u66f4\u6df1\u5165\u7406\u89e3\uff1f<\/p>\n            <p class=\"fs-20 fs-md-24\" data-i18n=\"soul_desc2\">Soul Talk \u4f1a\u7528\u81ea\u7136\u7684\u8bed\u6c14<br class=\"mobile-br\">\u628a\u4f60\u7684\u62a5\u544a\u91cd\u70b9\u300c\u8bf4\u7ed9\u4f60\u542c\u300d<br\n                    class=\"mobile-br\">\u50cf\u4e00\u4e2a\u61c2\u4f60\u7684\u670b\u53cb\u5728\u5e2e\u4f60\u6574\u7406\u601d\u7eea<\/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\u65f6\u5019\u3001\u7761\u524d\u8eba\u5728\u5e8a\u4e0a\u7684\u65f6\u5019\u3001\u6563\u6b65\u7684\u65f6\u5019\u2014\u2014<br>\n                    \u6234\u4e0a\u8033\u673a\uff0c\u4f60\u4f1a\u542c\u5230\u4e00\u6bb5\u4e13\u95e8\u4e3a\u4f60\u5f55\u5236\u7684\u8bed\u97f3\uff0c<br>\n                    \u628a\u4f60\u7684\u62a5\u544a\u91cd\u70b9\u7528\u6700\u597d\u61c2\u7684\u65b9\u5f0f\u8bb2\u7ed9\u4f60\u542c\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\u5c4f\u5e55<\/div>\n                    <p class=\"fs-16 fs-md-20\" data-i18n=\"soul_f1_desc\">\u901a\u52e4\u3001\u8fd0\u52a8\u3001\u7761\u524d\u90fd\u80fd\u542c\u2014\u2014\u7528\u6700\u8f7b\u677e\u7684\u65b9\u5f0f\u7406\u89e3\u4f60\u81ea\u5df1<\/p>\n                <\/div>\n                <div class=\"feature-card\">\n                    <div class=\"feature-icon\">\ud83d\udeb6<\/div>\n                    <div class=\"feature-title fs-28 fs-md-40\" data-i18n=\"soul_f2_title\">\u6bcf\u6bb5\u90fd\u8ddf\u4f60\u6709\u5173<\/div>\n                    <p class=\"fs-16 fs-md-20\" data-i18n=\"soul_f2_desc\">\u4e0d\u662f\u901a\u7528\u5185\u5bb9\uff0c\u662f\u6839\u636e\u4f60\u7684\u62a5\u544a\u7ed3\u679c\u4e13\u95e8\u751f\u6210\u7684\u8bed\u97f3\u8bb2\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\">\u542c\u5b8c\u66f4\u6709\u65b9\u5411<\/div>\n                    <p class=\"fs-16 fs-md-20\" data-i18n=\"soul_f3_desc\">\u8bfb\u62a5\u544a\u53ef\u80fd\u53ea\u8bb0\u4f4f30%\uff0c\u542c\u5b8c\u8bed\u97f3\u540e\u4f60\u4f1a\u66f4\u6e05\u695a\u81ea\u5df1\u8be5\u600e\u4e48\u8c03\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\">\u6e29\u6696\u4f46\u76f4\u63a5<\/div>\n                    <p class=\"fs-16 fs-md-20\" data-i18n=\"soul_f4_desc\">\u8bed\u6c14\u50cf\u670b\u53cb\u8ddf\u4f60\u804a\u5929\uff0c\u4f46\u6bcf\u4e00\u53e5\u90fd\u6709\u6839\u636e\u2014\u2014\u56e0\u4e3a\u5b83\u771f\u7684\u8bfb\u8fc7\u4f60\u7684\u62a5\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\u8bf4\uff1a<br class=\"mobile-br\">\u300c\u542c\u5b8c\u90a3\u6bb5\u8bed\u97f3\uff0c\u6bd4\u8bfb\u5b8c\u62a5\u544a\u66f4\u6709\u611f\u89c9\uff0c\u56e0\u4e3a\u6709\u4eba\u5728\u5e2e\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\u5b9e\u4f7f\u7528\u8005\u56de\u9988\uff0c\u770b\u770b\u4ed6\u4eec\u600e\u4e48\u8bf4<\/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=\"\u6ee1\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\u4e3a\u53ea\u662f\u666e\u901a\u6d4b\u8bd5\u62a5\u544a\uff0c\u7ed3\u679c\u770b\u5230\u7b2c\u4e09\u6bb5\u5c31\u54ed\u4e86\u3002\u6bcf\u4e00\u53e5\u90fd\u662f\u6211\u5e73\u5e38\u4e0d\u6562\u8bf4\u51fa\u53e3\u7684\u611f\u53d7\u3002\u6211\u622a\u56fe\u4f20\u7ed9\u95fa\u871c\uff0c\u5979\u8bf4\u300c\u8fd9\u6839\u672c\u662f\u4f60\u7684\u8bf4\u660e\u4e66\u5427\u300d<\/span>\n                    <\/div>\n                    <div class=\"testimonial-author fs-18 fs-md-20\" data-i18n=\"testi_1_author\">\u2014 Mei\uff0f27\u5c81\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=\"\u6ee1\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\u5f00\u59cb\u89c9\u5f97\u8bed\u97f3\u7248\u6709\u70b9\u591a\u4f59\uff0c\u7ed3\u679c\u901a\u52e4\u65f6\u542c\u4e86\u4e00\u6bb5\u5c31\u505c\u4e0d\u4e0b\u6765\u3002\u8bed\u6c14\u771f\u7684\u5f88\u8212\u670d\uff0c\u4e0d\u662f\u786c\u90a6\u90a6\u7684 AI \u611f\u89c9\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\u5c81\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=\"\u6ee1\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\u89c9\u5f97\u81ea\u5df1\u300c\u592a\u654f\u611f\u300d\u300c\u60f3\u592a\u591a\u300d\uff0c\u770b\u5b8c\u62a5\u544a\u624d\u53d1\u73b0\u8fd9\u4e9b\u662f\u6211\u7684\u4f18\u52bf\u3002\u5b83\u751a\u81f3\u6559\u6211\u600e\u4e48\u5728\u5de5\u4f5c\u4e0a\u5584\u7528\u8fd9\u4e9b\u7279\u8d28\uff0c\u73b0\u5728\u6211\u7ec8\u4e8e\u4e0d\u90a3\u4e48\u81ea\u6211\u6000\u7591\u4e86<\/span>\n                    <\/div>\n                    <div class=\"testimonial-author fs-18 fs-md-20\" data-i18n=\"testi_3_author\">\u2014 Zoe\uff0f29\u5c81\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-cn\" 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                \u9009\u62e9\u6700\u9002\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\u8d39\uff0c\u6c38\u4e45\u4fdd\u5b58\u3002\u4e0d\u7ed1\u8ba2\u9605\u3001\u4e0d\u53e6\u5916\u6536\u8d39<br>\n                \u6587\u5b57\u89e3\u6790 24 \u5c0f\u65f6\u5185\u4e0d\u6ee1\u610f\uff1f\u5168\u989d\u9000\u6b3e\uff0c\u96f6\u98ce\u9669\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\u89c9\u7248\u3011<\/div>\n                    <div class=\"jf-kamabit pricing-title fs-40 fs-md-40\" data-i18n=\"planA_name\">MBTI \u81ea\u6211\u89e3\u8bfb\u624b\u518c<\/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\u4ece\u8fd9\u91cc\u5f00\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\u4ef7<\/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\u65f6\u4f18\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\u5b9e\u751f\u6d3b\u573a\u666f\u6d4b\u8bd5<\/div>\n                        <div class=\"pricing-feature fs-16 fs-md-18\" data-i18n=\"planA_f2\">1 \u4e07+ \u5b57\u4f60\u7684\u4e13\u5c5e\u4eba\u683c\u62a5\u544a<\/div>\n                        <div class=\"pricing-feature fs-16 fs-md-18\" data-i18n=\"planA_f3\">10+ \u5f20\u53ea\u5c5e\u4e8e\u4f60\u7684Q \u7248\u63d2\u56fe<\/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\u9645\u3001\u884c\u52a8\u5efa\u8bae<\/div>\n                        <div class=\"pricing-feature fs-16 fs-md-18\" data-i18n=\"planA_f5\">24 \u5c0f\u65f6\u4e0d\u6ee1\u610f\u5168\u989d\u9000\u6b3e<\/div>\n                    <\/div>\n\n                    <a href=\"https:\/\/maybeits.me\/zh-cn\/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\">\n                        \u9009\u62e9\u6b64\u65b9\u6848\n                    <\/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\u9e23\u7248\u3011<\/div>\n                    <div class=\"jf-kamabit pricing-title fs-38 fs-md-38\" data-i18n=\"planB_name\">MBTI \u624b\u518c\uff0b<br>Soul Talk\n                        \u542c\u89c1\u81ea\u5df1<\/div>\n                    <div class=\"lihsianti pricing-description fs-32 fs-md-36\">\n                        <span data-i18n=\"planB_desc\">\u7528\u770b\u7684+ \u7528\u542c\u7684\uff0c\u53cc\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\u4ef7<\/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\u9009<\/div>\n                    <div class=\"jf-jinxuanlatte-heavy pricing-price fs-30 fs-md-36\"><span\n                            data-i18n=\"price_sale_label\">\u9650\u65f6\u4f18\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 \u73b0\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\u518c\uff08\u62a5\u544a + \u63d2\u56fe\uff0c\u5168\u90e8\u5305\u542b\uff09<\/div>\n                        <div class=\"pricing-feature fs-16 fs-md-18\" data-i18n=\"planB_f3\">\u4e13\u5c5e Q \u7248\u63d2\u56fe\u7ec4\u2014\u2014\u4f60\u7684\u65e5\u5e38\u5168\u90e8\u753b\u51fa\u6765<\/div>\n                        <div class=\"pricing-feature fs-16 fs-md-18\" data-i18n=\"planB_f4\">\u968f\u65f6\u91cd\u542c\uff0c\u7ec8\u8eab\u4fdd\u5b58<\/div>\n                        <div class=\"pricing-feature fs-16 fs-md-18\" data-i18n=\"planB_f2\">\ud83c\udfa7 Soul Talk 25 \u5206\u949f\u4e13\u5c5e\u8bed\u97f3\u5bf9\u8bdd<\/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\u62a5\u544a\u91cc\u6ca1\u6709\u7684\u72ec\u5bb6\u5185\u5bb9<br>\u221f \u7528\u4f60\u7684\u65e5\u5e38\u573a\u666f\u9a8c\u8bc1\u6bcf\u4e2a\u7ed3\u8bba<br>\u221f \u8de8\u7ef4\u5ea6\u56e0\u679c\u4e32\u8054\u5206\u6790<br>\u221f\n                                \u9644\u8d60\u4e13\u5c5e\u97f3\u4e50 MV<\/div>\n                        <\/div>\n                    <\/div>\n\n                    <a href=\"https:\/\/maybeits.me\/zh-cn\/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\">\n                        \u7acb\u5373\u89e3\u9501\u5b8c\u6574\u4f53\u9a8c\n                    <\/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 \u8bed\u97f3\u8bb2\u89e3\u300d\u670d\u52a1\u4ec5\u9650\u5df2\u8d2d\u4e70\u300c\u81ea\u6211\u89e3\u8bfb\u624b\u518c\u300d\u8005\u52a0\u8d2d\uff08\u52a0\u8d2d\u4ef7<\/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\u5f00\u8d2d\u4e70\uff1a<\/strong><span data-price=\"planA-sale-alt\">---<\/span>\uff08\u624b\u518c\uff09+ <span\n                        data-price=\"audio-addon-alt\">---<\/span>\uff08\u8bed\u97f3\uff09= \u603b\u82b1\u8d39 <span data-price=\"total-separate\">---\n                        975<\/span><br>\n                    <strong style=\"color: #5A7A7C;\">\u9009\u62e9\u300c\u5b8c\u6574\u5957\u7ec4\u300d\u53ef\u73b0\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\u7801\u9001<\/span><br>\n                <span class=\"fs-24 fs-md-36\" data-i18n=\"bonus_title_2\">MBTI AI \u667a\u5e93\u5de5\u5177\u5305<br class=\"mobile-br\">\uff08\u9ad8\u6548\u65d7\u8230\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\u62a5\u544a<br>\n                \u4f60\u8fd8\u4f1a\u514d\u8d39\u6536\u5230\u4e00\u6574\u5957 AI \u5de5\u5177\u5305<br><br>\n                <strong style=\"color: #5A7A7C;\">\ud83d\udcd6 1 \u4e07+ \u5b57\u6df1\u5ea6\u89e3\u6790<\/strong> \u2192 \u5e2e\u4f60\u770b\u61c2\u81ea\u5df1<br>\n                <strong style=\"color: #5A7A7C;\">\ud83d\udee0\ufe0f 30 \u4e2a AI \u5f15\u5bfc\u5de5\u5177<\/strong> \u2192 \u5e2e\u4f60\u89e3\u51b3\u95ee\u9898\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 \u4e13\u5c5e\u5de5\u517715 \u4e2a<\/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\u603b\u63fd\u592a\u591a\u4e8b\uff1f \u2192 \u8d23\u4efb\u6e05\u5355\u5ba1\u8ba1\u5668<\/li>\n                        <li data-i18n=\"bonus_mbti_2\">\u2022 \u4f60\u662f\u5b8c\u7f8e\u4e3b\u4e49\u8005\uff1f \u2192 \u5b8c\u7f8e\u4e3b\u4e49\u51cf\u538b\u7cfb\u7edf<\/li>\n                        <li data-i18n=\"bonus_mbti_3\">\u2022 \u4e0d\u64c5\u957f\u8868\u8fbe\u611f\u53d7\uff1f \u2192 \u60c5\u7eea\u8868\u8fbe\u8bad\u7ec3\u7cfb\u7edf<\/li>\n                        <li data-i18n=\"bonus_mbti_4\">\u2022 \u60f3\u4e86\u89e3\u8ddf\u53e6\u4e00\u534a\u5408\u4e0d\u5408\uff1f\u2192 \u5173\u7cfb\u76f8\u5bb9\u6027\u5206\u6790<\/li>\n                        <li data-i18n=\"bonus_mbti_5\">\u2022 \u4e0d\u77e5\u9053\u9001\u4ec0\u4e48\u793c\u7269\uff1f \u2192 \u5b9e\u7528\u793c\u7269\u63a8\u8350\u7cfb\u7edf<\/li>\n                        <li data-i18n=\"bonus_mbti_6\">\u2022 \u611f\u60c5\u8d70\u4e0d\u4e0b\u53bb\u4e86\uff1f \u2192 \u7406\u6027\u5206\u624b\u51b3\u7b56\u7cfb\u7edf<\/li>\n                        <li style=\"color: #8C8580; font-style: italic;\" data-i18n=\"bonus_mbti_more\">... \u8fd8\u67099 \u4e2a\u4e13\u5c5e\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\u5b9e\u7528\u5de5\u517715 \u4e2a<\/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\u7eea\u7ba1\u7406\uff1a<\/span><\/strong><span\n                                data-i18n=\"bonus_cat_emotion_items\">\u6025\u6551\u7ad9\u3001\u7126\u8651\u89e3\u7801\u5668\u3001\u60b2\u4f24\u966a\u4f34\u8005...<\/span><\/p>\n                        <p style=\"margin-bottom: 0.8rem;\"><strong style=\"color: #8B7D6B;\"><span\n                                    data-i18n=\"bonus_cat_decision_label\">\u51b3\u7b56\u652f\u63f4\uff1a<\/span><\/strong><span\n                                data-i18n=\"bonus_cat_decision_items\">\u9009\u62e9\u5929\u79e4\u3001\u76ee\u6807\u62c6\u89e3\u5668\u3001\u4e60\u60ef\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\u9645\u6c9f\u901a\uff1a<\/span><\/strong><span\n                                data-i18n=\"bonus_cat_social_items\">\u6c9f\u901a\u811a\u672c\u751f\u6210\u5668\u3001\u51b2\u7a81\u8c03\u89e3\u5458\u3001\u793e\u4ea4\u7535\u91cf\u8ba1\u3001\u5173\u7cfb\u68c0\u89c6\u955c...<\/span><\/p>\n                        <p style=\"margin-bottom: 0.8rem;\"><strong style=\"color: #8B7D6B;\"><span\n                                    data-i18n=\"bonus_cat_growth_label\">\u4e2a\u4eba\u6210\u957f\uff1a<\/span><\/strong><span\n                                data-i18n=\"bonus_cat_growth_items\">\u81ea\u6211\u89c9\u5bdf\u65e5\u8bb0\u3001\u4f18\u52bf\u53d1\u6398\u673a\u3001\u5b66\u4e60\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\">\u8fd9\n                                30 \u4e2a\u5de5\u5177\u5305\uff0c\u5355\u72ec\u5356\u4ef7\u503c\u8d85\u8fc7<\/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\u8d2d\u4e70\u4efb\u4e00\u65b9\u6848\uff0c\u5c31\u76f4\u63a5\u514d\u8d39\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\u4e2a\u90fd\u662f\u7cbe\u51c6\u6311\u9009\u7684\u7cbe\u534e\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\u62a5\u544a\u7684\u94b1\n                        <\/p>\n                        <p class=\"fs-16 fs-md-20\" style=\"color: #4A4542;\" data-i18n=\"bonus_get_tools\">\n                            \u62ff\u5230\u300c\u8d85\u7ea7\u5b9e\u7528\u768430 \u4e2a\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\u79cdMBTI \u4eba\u683c\u9002\u5408\u7684\u5de5\u5177\u4e0d\u4e00\u6837\u2014\u2014<br>\n                            \u4f60\u62ff\u5230\u768415 \u4e2a\u4e13\u5c5e\u5de5\u5177\uff0c\u662f\u6839\u636e\u4f60\u7684\u4eba\u683c\u7279\u8d28\u6311\u9009\u7684\uff0c\u4e0d\u662f\u968f\u4fbf\u585e\u7ed9\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\u4e2a\u5de5\u5177\u90fd\u662f\u53ef\u4ee5\u76f4\u63a5\u7528\u7684AI \u5bf9\u8bdd\u6307\u4ee4<\/strong><br>\n                            \u968f\u65f6\u4f7f\u7528\u3001\u65e0\u4f7f\u7528\u671f\u9650\u3001\u4e0d\u5b9a\u671f\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-cn\/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\u9501\u5b8c\u6574\u7ec4\u5408\n                <\/a>\n                <p class=\"fs-16 fs-md-20\" style=\"margin-top: 1rem; color: #8C8580;\" data-i18n=\"bonus_cta_sub\">\n                    \u62a5\u544a + \u5de5\u5177\u5305\uff0c\u4e00\u6b21\u5168\u90e8\u62e5\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\u540e\uff0c\u4f60\u5df2\u7ecf\u770b\u5230\u8fd9\u91cc\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\u6ca1\u65b9\u5411\uff0c\u4f60\u53ea\u662f\u8fd8\u6ca1\u6709\u4eba\u597d\u597d\u5e2e\u4f60\u6574\u7406\u8fc7\u2014\u2014<br>\n                \u4f60\u7684\u80fd\u91cf\u82b1\u5728\u54ea\u3001\u5de5\u4f5c\u4e3a\u4ec0\u4e48\u5361\u3001\u4eba\u9645\u5173\u7cfb\u7684\u96f7\u5728\u54ea\u22ef\u22ef\u8fd9\u4e9b\u7b54\u6848\uff0c\u5168\u90e8\u90fd\u5728\u4f60\u7684\u62a5\u544a\u91cc<\/p>\n\n            <p class=\"fs-18 fs-md-24\" data-i18n=\"final_desc2\">\u53ea\u898125 \u5206\u949f\uff0c\u4f60\u5c31\u4f1a\u62ff\u5230\uff1a<br>\n                \u4e00\u4efd 1 \u4e07\u5b57\u7684\u6df1\u5ea6\u4eba\u683c\u62a5\u544a + 10 \u5f20\u4e13\u5c5e\u63d2\u56fe + \u8bed\u97f3\u7248\u8bb2\u89e3 + 30 \u4e2a 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                    \u82b125 \u5206\u949f\u505a\u6d4b\u8bd5<br>\n                    \u6362\u4e00\u4efd\u80fd\u5e2e\u4f60\u770b\u61c2\u81ea\u5df1\u3001\u505a\u5bf9\u9009\u62e9\u7684\u5b8c\u6574\u62a5\u544a\n                <\/p>\n                <p class=\"fs-20 fs-md-28\">\n                    <span data-i18n=\"final_encourage2\">\u4e0d\u7ba1\u4f60\u6700\u540e\u4e70\u4e0d\u4e70\u2014\u2014\u4f46\u5982\u679c\u4f60\u6b63\u5728\u72b9\u8c6b<br>\n                        \u8bb0\u5f97\uff1a24 \u5c0f\u65f6\u5185\u4e0d\u6ee1\u610f\u53ef\u4ee5\u5168\u989d\u9000\u6b3e<\/span>\uff01\n                <\/p>\n            <\/div>\n\n            <div class=\"cta-group\">\n                <a href=\"https:\/\/maybeits.me\/zh-cn\/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\">\n                    \u7acb\u5373\u89e3\u9501\u5b8c\u6574\u4f53\u9a8c\u5957\u7ec4\n                <\/a>\n                <p class=\"fs-16 fs-md-20\" style=\"margin-top: 0.3rem; opacity: 0.9;\"><span\n                        data-i18n=\"price_savings_prefix\">\ud83d\udcb0 \u73b0\u7701 <span data-price=\"savings\">---<\/span> <span\n                            data-price=\"savings-final\">---<\/span>\uff08\u539f\u4ef7 <span\n                            data-price=\"planB-original-final\">---<\/span>\uff0c\u7279\u4ef7 <span\n                            data-price=\"planB-sale-final\">---<\/span>\uff09<\/p>\n\n                <a href=\"https:\/\/maybeits.me\/zh-cn\/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\">\n                    \u6211\u5148\u8d2d\u4e70\u81ea\u6211\u89e3\u8bfb\u624b\u518c\n                <\/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\u98ce\u9669\u627f\u8bfa\uff1a24 \u5c0f\u65f6\u5185\u4e0d\u6ee1\u610f\uff0c\u5168\u989d\u9000\u6b3e\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\u8bf4\u660e\uff1a<\/strong>\u672c\u6d4b\u8bd5\u4e3aMBTI \u4eba\u683c\u7c7b\u578b\u81ea\u6211\u63a2\u7d22\u5de5\u5177\uff0c\u65e8\u5728\u534f\u52a9\u60a8\u4e86\u89e3\u81ea\u5df1\u7684\u4eba\u683c\u503e\u5411\u4e0e\u7279\u8d28\u3002\u672c\u6d4b\u8bd5\u5e76\u975e\u4e13\u4e1a\u5fc3\u7406\u6d4b\u8bd5\u6216\u5fc3\u7406\u8bc4\u4f30\uff0c\u4e0d\u5177\u8bca\u65ad\u6216\u6cbb\u7597\u529f\u80fd\u3002\u82e5\u60a8\u6709\u5fc3\u7406\u5065\u5eb7\u76f8\u5173\u9700\u6c42\uff0c\u8bf7\u54a8\u8be2\u5408\u683c\u7684\u5fc3\u7406\u5e08\u6216\u533b\u7597\u4e13\u4e1a\u4eba\u5458\u3002\n            <\/p>\n        <\/div>\n    <\/section>\n\n    <div class=\"floating-cta\">\n        <a href=\"https:\/\/maybeits.me\/zh-cn\/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\u8d39\u5f00\u59cb\u6d4b\u8bd5\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:'a24865ea2a57e35e',t:'MTc4NTYyNDU4Nw=='};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-cn\/wp-json\/wp\/v2\/pages\/7984","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/maybeits.me\/zh-cn\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/maybeits.me\/zh-cn\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/maybeits.me\/zh-cn\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/maybeits.me\/zh-cn\/wp-json\/wp\/v2\/comments?post=7984"}],"version-history":[{"count":138,"href":"https:\/\/maybeits.me\/zh-cn\/wp-json\/wp\/v2\/pages\/7984\/revisions"}],"predecessor-version":[{"id":9246,"href":"https:\/\/maybeits.me\/zh-cn\/wp-json\/wp\/v2\/pages\/7984\/revisions\/9246"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/maybeits.me\/zh-cn\/wp-json\/wp\/v2\/media\/1354"}],"wp:attachment":[{"href":"https:\/\/maybeits.me\/zh-cn\/wp-json\/wp\/v2\/media?parent=7984"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}