{"id":22926,"date":"2026-02-11T00:30:51","date_gmt":"2026-02-11T08:30:51","guid":{"rendered":"https:\/\/smcovered.com\/cn\/?page_id=22926"},"modified":"2026-02-24T18:40:45","modified_gmt":"2026-02-25T02:40:45","slug":"travel-trip-insurance-short-term-insurance-2026","status":"publish","type":"page","link":"https:\/\/smcovered.com\/cn\/travel-trip-insurance-short-term-insurance-2026\/","title":{"rendered":"\u65c5\u6e38\u4fdd\u9669"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"22926\" class=\"elementor elementor-22926\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-88a8402 e-con-full e-flex e-con e-parent\" data-id=\"88a8402\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-eac524c elementor-widget__width-inherit elementor-widget elementor-widget-shortcode\" data-id=\"eac524c\" data-element_type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-shortcode\">\ufeff\ufeff<link href=\"https:\/\/fonts.googleapis.com\/css?family=Lato:400,700&display=swap\" rel=\"stylesheet\">\r\n<div id=\"travel-insurance-wrapper\" x-data=\"travel\"\r\n     x-effect=\"document.body.classList.toggle('overflow-hidden', whoNeedsModalOpen)\"\r\n     class=\"tw:max-w-7xl tw:mx-auto tw:px-2 tw:sm:px-6 tw:lg:px-4 tw:py-12 tw:font-sans\" x-cloak>\r\n    <script>\r\n        window.travelLang = \"cn\";\r\n    <\/script>\r\n    <!-- Loading State -->\r\n    <div x-show.important=\"loading\" class=\"tw:flex tw:justify-center tw:items-center tw:h-64\">\r\n        <svg style=\"width: 20px; height: 20px\" class=\"tw:animate-spin tw:h-10 tw:w-10 tw:text-red-500\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\"\r\n             viewBox=\"0 0 24 24\">\r\n            <circle class=\"tw:opacity-25\" cx=\"12\" cy=\"12\" r=\"10\" stroke=\"currentColor\" stroke-width=\"4\"><\/circle>\r\n            <path class=\"tw:opacity-75\" fill=\"currentColor\"\r\n                  d=\"M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z\"><\/path>\r\n        <\/svg>\r\n    <\/div>\r\n\r\n    <!-- Who Needs This Coverage Modal -->\r\n    <div x-show.important=\"whoNeedsModalOpen\" class=\"tw:fixed tw:inset-0 tw:z-50 tw:overflow-y-auto\" aria-labelledby=\"modal-title\"\r\n         role=\"dialog\" aria-modal=\"true\" style=\"display: none;\">\r\n        <div class=\"tw:flex tw:items-end tw:justify-center tw:min-h-screen tw:pt-4 tw:px-4 tw:pb-20 tw:text-center tw:sm:block tw:sm:p-0\">\r\n            <div x-show.important=\"whoNeedsModalOpen\" x-transition:enter=\"ease-out duration-300\"\r\n                 x-transition:enter-start=\"opacity-0\" x-transition:enter-end=\"opacity-100\"\r\n                 x-transition:leave=\"ease-in duration-200\" x-transition:leave-start=\"opacity-100\"\r\n                 x-transition:leave-end=\"opacity-0\" class=\"tw:fixed tw:inset-0 tw:bg-black\/50 tw:transition-opacity\"\r\n                 aria-hidden=\"true\" @click=\"whoNeedsModalOpen = false\"><\/div>\r\n\r\n            <span class=\"tw:hidden tw:sm:inline-block tw:sm:align-middle tw:sm:h-screen\" aria-hidden=\"true\">&#8203;<\/span>\r\n\r\n            <div x-show.important=\"whoNeedsModalOpen\" x-transition:enter=\"ease-out duration-300\"\r\n                 x-transition:enter-start=\"opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95\"\r\n                 x-transition:enter-end=\"opacity-100 translate-y-0 sm:scale-100\"\r\n                 x-transition:leave=\"ease-in duration-200\"\r\n                 x-transition:leave-start=\"opacity-100 translate-y-0 sm:scale-100\"\r\n                 x-transition:leave-end=\"opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95\"\r\n                 class=\"tw:relative tw:z-10 tw:inline-block tw:align-bottom tw:bg-white tw:rounded-lg tw:px-4 tw:pt-5 tw:pb-4 tw:text-left tw:overflow-hidden tw:shadow-xl tw:transform tw:transition-all tw:sm:my-8 tw:sm:align-middle tw:sm:max-w-lg tw:sm:w-full tw:sm:p-6\">\r\n                <div class=\"tw:hidden tw:sm:block tw:absolute tw:top-0 tw:right-0 tw:pt-4 tw:pr-4\">\r\n                    <button type=\"button\"\r\n                            class=\"tw:bg-white tw:rounded-md tw:text-gray-400 tw:hover:text-gray-500 tw:focus:outline-none tw:focus:ring-2 tw:focus:ring-offset-2 tw:focus:ring-red-500\"\r\n                            @click=\"whoNeedsModalOpen = false\">\r\n                        <span class=\"tw:sr-only\">Close<\/span>\r\n                        <svg class=\"tw:h-6 tw:w-6\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\"\r\n                             stroke=\"currentColor\" aria-hidden=\"true\">\r\n                            <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"\r\n                                  d=\"M6 18L18 6M6 6l12 12\"\/>\r\n                        <\/svg>\r\n                    <\/button>\r\n                <\/div>\r\n                <div class=\"tw:sm:flex tw:sm:items-start\">\r\n                    <div class=\"tw:mt-3 tw:text-center tw:sm:mt-0 tw:sm:ml-4 tw:sm:text-left tw:w-full\">\r\n                        <h3 class=\"tw:text-lg tw:leading-6 tw:font-medium tw:text-gray-900\" id=\"modal-title\"\r\n                            x-text=\"activeWhoNeedsContent?.title\"><\/h3>\r\n                        <div class=\"tw:mt-4\">\r\n                            <div class=\"tw:text-sm tw:text-gray-500\" x-html=\"activeWhoNeedsContent?.content\"><\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <!-- Home View: Category Selection -->\r\n    <div x-show.important=\"!loading && view === 'home'\" class=\"tw:space-y-12\">\r\n        <div class=\"tw:text-left\">\r\n            <h2 class=\"tw:text-3xl tw:font-bold tw:text-gray-900\"\r\n                x-text=\"lang === 'cn' ? '\u63a2\u7d22\u4fdd\u9669\u7c7b\u578b\u5e76\u4e86\u89e3\u60a8\u7684\u9009\u62e9' : 'Discover Coverage Types and Explore Your Options'\"><\/h2>\r\n            <div class=\"tw:w-16 tw:h-1 tw:bg-red-500 tw:mt-4 tw:rounded-full\"><\/div>\r\n        <\/div>\r\n\r\n        <div class=\"tw:grid tw:grid-cols-1 tw:md:grid-cols-3 tw:gap-8\">\r\n            <template x-for=\"(category,index) in categories\">\r\n                <div class=\"tw:rounded-md tw:overflow-hidden tw:transition-shadow tw:duration-300 tw:flex tw:flex-col tw:h-full tw:border tw:border-gray-100\"\r\n                     :class=\"{'tw:shadow-lg': index === 1,'tw:bg-white': index === 1,'tw:bg-[#F5F5F5]': index === 0,'tw:bg-[#F7F7FA]': index === 2}\"\r\n                >\r\n                    <div class=\"tw:relative tw:h-76 tw:w-full tw:bg-gray-100\">\r\n                        <img :src=\"getAssetUrl(category.image)\" :alt=\"category.title\"\r\n                             class=\"tw:w-full tw:h-full! tw:object-cover\"\r\n                             :class=\"index === 2 ? 'tw:object-[50%_34%]' : 'tw:object-center'\">\r\n                    <\/div>\r\n\r\n                    <div class=\"tw:p-4 tw:lg:p-8 tw:flex tw:flex-col tw:items-center tw:flex-grow\">\r\n                        <h3 class=\"tw:text-xl tw:font-bold tw:text-gray-800 tw:mb-3\" x-text=\"category.title\"><\/h3>\r\n                        <p class=\"tw:text-gray-500! tw:text-sm! tw:leading-relaxed tw:mb-6 tw:flex-grow\"\r\n                           x-text=\"category.description\"><\/p>\r\n\r\n                        <div class=\"tw:w-full tw:mb-6\">\r\n                            <button @click.prevent=\"openWhoNeedsModal(category)\"\r\n                                    class=\"tw:text-gray-500! tw:text-xs! tw:font-semibold! tw:hover:text-red-500!  tw:flex tw:items-center tw:transition-colors tw:focus:outline-none\">\r\n                                <span x-text=\"lang === 'cn' ? '\u8c01\u9700\u8981\u6b64\u4fdd\u9669' : 'Who Needs This Coverage'\"><\/span>\r\n                                <svg class=\"tw:w-3 tw:h-3 tw:ml-1\" fill=\"currentColor\" viewBox=\"0 0 20 20\"\r\n                                     xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n                                    <path fill-rule=\"evenodd\"\r\n                                          d=\"M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z\"\r\n                                          clip-rule=\"evenodd\"><\/path>\r\n                                <\/svg>\r\n                            <\/button>\r\n                        <\/div>\r\n\r\n                        <button @click=\"selectCategory(category)\"\r\n                                class=\"tw:bg-[#F04E3E] tw:hover:bg-red-600 tw:text-white! tw:font-medium tw:py-2 tw:px-8 tw:rounded-full tw:transition-colors tw:duration-300 tw:text-sm tw:shadow-md tw:shadow-red-200\">\r\n                            <span x-text=\"lang === 'cn' ? '\u67e5\u770b\u8ba1\u5212' : 'View Plans'\"><\/span>\r\n                        <\/button>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/template>\r\n        <\/div>\r\n\r\n        <!-- FAQ Section -->\r\n        <div class=\"tw:mt-20\">\r\n            <div class=\"tw:text-left tw:mb-8\">\r\n                <h2 class=\"tw:text-2xl tw:font-bold tw:text-gray-900\"\r\n                    x-text=\"lang === 'cn' ? '\u5e38\u89c1\u95ee\u9898' : 'Frequently Asked Questions'\"><\/h2>\r\n                <div class=\"tw:w-12 tw:h-1 tw:bg-red-500 tw:mt-2 tw:rounded-full\"><\/div>\r\n            <\/div>\r\n            <div class=\"tw:space-y-4\">\r\n                <template x-for=\"(faq, index) in faqs\" :key=\"index\">\r\n                    <div class=\"tw:bg-gray-100 tw:rounded-3xl tw:overflow-hidden\" x-data=\"{ expanded: false }\">\r\n                        <button\r\n                                @click=\"expanded = !expanded\"\r\n                                class=\"tw:w-full tw:px-4 tw:lg:px-8 tw:py-5 tw:flex tw:items-center tw:justify-between tw:text-left tw:focus:outline-none tw:hover:bg-gray-200 tw:transition-colors tw:duration-200\"\r\n                        >\r\n                            <div class=\"tw:flex tw:items-center\">\r\n                                <span class=\"tw:text-red-500 tw:mr-4 tw:transform tw:transition-transform tw:duration-300\"\r\n                                      :class=\"expanded ? 'tw:rotate-90' : 'tw:rotate-0'\">\r\n                                    <svg class=\"tw:w-6 tw:h-6\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"\r\n                                         xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path stroke-linecap=\"round\"\r\n                                                                                  stroke-linejoin=\"round\"\r\n                                                                                  stroke-width=\"3\"\r\n                                                                                  d=\"M9 5l7 7-7 7\"><\/path><\/svg>\r\n                                <\/span>\r\n                                <span class=\"tw:text-lg tw:font-bold tw:text-gray-900\" x-text=\"faq.question\"><\/span>\r\n                            <\/div>\r\n                        <\/button>\r\n\r\n                        <div\r\n                                class=\"tw:grid tw:transition-[grid-template-rows] tw:duration-300 tw:ease-out\"\r\n                                :class=\"expanded ? 'tw:grid-rows-[1fr]' : 'tw:grid-rows-[0fr]'\"\r\n                        >\r\n                            <div class=\"tw:overflow-hidden\">\r\n                                <div class=\"tw:px-8 tw:pb-6 tw:pt-0 tw:ml-10 tw:text-gray-700 tw:leading-relaxed\"\r\n                                     x-html=\"faq.answer\"><\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/template>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <!-- Plans View -->\r\n    <div x-show.important=\"!loading && view === 'plans'\" class=\"tw:space-y-8\">\r\n        <div class=\"tw:flex tw:flex-col tw:items-start tw:gap-4\">\r\n            <div class=\"tw:text-left\">\r\n                <h2 class=\"tw:text-3xl tw:font-bold tw:text-gray-900\" x-text=\"activeCategory ? activeCategory.title : ''\"><\/h2>\r\n                <div class=\"tw:w-16 tw:h-1 tw:bg-red-500 tw:mt-4 tw:rounded-full\"><\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"tw:space-y-8\">\r\n            <template x-for=\"plan in filteredPlans\" :key=\"plan.ID\">\r\n                <div class=\"tw:bg-white tw:rounded-3xl tw:border-2 tw:border-[#F04E3E] tw:overflow-hidden tw:relative tw:sm-travel-insurance-item-shadow\"\r\n                     x-data=\"{ expanded: false }\">\r\n                    <!-- Plan Card Content -->\r\n                    <div class=\"tw:p-4 tw:md:p-8\">\r\n                        <div class=\"tw:flex tw:flex-col tw:lg:flex-row tw:justify-between tw:relative tw:z-10\">\r\n                            <!-- Left Content -->\r\n                            <div class=\"tw:flex-grow tw:pr-0 tw:lg:pr-8\">\r\n                                <div class=\"tw:flex tw:items-center tw:gap-2 tw:mb-6\">\r\n                                    <!-- Shield Icon -->\r\n                                    <div class=\"tw:w-12 tw:h-14 tw:rounded-full tw:flex tw:items-center tw:justify-center tw:flex-shrink-0 tw:text-blue-500\">\r\n                                        <img :src=\"getAssetUrl(plan.Icon)\" class=\"tw:w-full tw:h-full\">\r\n                                    <\/div>\r\n                                    <h3 class=\"tw:text-2xl tw:font-bold tw:text-gray-900\" x-text=\"plan.PlanName\"><\/h3>\r\n                                <\/div>\r\n\r\n                                <!-- Key Attributes (Manual mapping for now based on Plan ID\/Type or raw fields) -->\r\n                                <div class=\"tw:space-y-3 tw:mb-6 tw:mx-0 tw:md:mx-14 tw:font-medium tw:text-sm tw:text-gray-700\">\r\n                                    <!-- Example: Show bullet points as simplified attributes if structured that way, else list them -->\r\n                                    <!-- Since JSON has BulletPoints array, we display top 2-3 or specific fields if we parse them -->\r\n\r\n                                    <!-- Hardcoded approximation of the table-like look in design -->\r\n                                    <template x-for=\"bulletPoint in plan.BulletPoints\">\r\n                                        <div class=\"tw:flex tw:justify-between tw:gap-2 tw:border-b-2 tw:border-red-50 tw:pb-2\">\r\n                                            <template x-if=\"plan.PlanName === 'UHOne Short Term Medical Insurance'\">\r\n                                                <span class=\"tw:md:text-left tw:text-gray-600\"\r\n                                                      x-text=\"bulletPoint.value\"><\/span>\r\n                                            <\/template>\r\n                                            <template x-if=\"plan.PlanName !== 'UHOne Short Term Medical Insurance'\">\r\n                                                <span class=\"tw:font-bold tw:text-gray-900\" x-text=\"bulletPoint.label\"><\/span>\r\n                                            <\/template>\r\n                                            <template x-if=\"plan.PlanName !== 'UHOne Short Term Medical Insurance'\">\r\n                                                <span class=\"tw:text-right tw:md:text-left tw:text-gray-600\"\r\n                                                      x-text=\"bulletPoint.value\"><\/span>\r\n                                            <\/template>\r\n                                        <\/div>\r\n                                    <\/template>\r\n                                <\/div>\r\n\r\n                                <template x-if=\"plan.PlanName !== 'UHOne Short Term Medical Insurance'\">\r\n                                    <div class=\"tw:flex tw:flex-wrap tw:items-center tw:gap-6 tw:mt-8\">\r\n                                        <button @click=\"expanded = !expanded\"\r\n                                                class=\"tw:flex tw:items-center tw:text-[#F04E3E]! tw:font-bold! tw:hover:text-red-700! tw:transition-colors\">\r\n                                        <span class=\"tw:w-5 tw:h-5 tw:bg-[#F04E3E] tw:text-white! tw:rounded-full tw:flex tw:items-center tw:justify-center tw:mr-2 tw:text-xs\"\r\n                                              x-show.important=\"!expanded\">\r\n                                            <svg class=\"tw:w-3 tw:h-3\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path\r\n                                                        stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"3\"\r\n                                                        d=\"M19 9l-7 7-7-7\"><\/path><\/svg>\r\n                                        <\/span>\r\n                                            <span class=\"tw:w-5 tw:h-5 tw:bg-[#F04E3E] tw:text-white! tw:rounded-full tw:flex tw:items-center tw:justify-center tw:mr-2 tw:text-xs\"\r\n                                                  x-show.important=\"expanded\">\r\n                                            <svg class=\"tw:w-3 tw:h-3\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path\r\n                                                        stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"3\"\r\n                                                        d=\"M5 15l7-7 7 7\"><\/path><\/svg>\r\n                                        <\/span>\r\n                                            <span x-text=\"lang === 'cn' ? (expanded ? '\u6536\u8d77\u8be6\u60c5' : '\u66f4\u591a\u8be6\u60c5') : (expanded ? 'Less Details' : 'More Details')\"><\/span>\r\n                                        <\/button>\r\n\r\n                                        <a :href=\"plan.Brochure\" target=\"_blank\"\r\n                                           class=\"tw:text-[#F04E3E]! tw:font-bold tw:hover:text-red-700! tw:transition-colors\"\r\n                                           x-text=\"lang === 'cn' ? '\u4ea7\u54c1\u624b\u518c' : 'Brochure'\"><\/a>\r\n\r\n                                        <template x-if=\"activeCategory.planType!=='Trip'\">\r\n                                            <a :href=\"plan.SampleContract\" target=\"_blank\"\r\n                                               class=\"tw:text-[#F04E3E]! tw:font-bold tw:hover:text-red-700! tw:transition-colors\"\r\n                                               x-text=\"lang === 'cn' ? '\u793a\u8303\u5408\u540c' : 'Sample Contract'\"><\/a>\r\n                                        <\/template>\r\n                                    <\/div>\r\n                                <\/template>\r\n\r\n\r\n                            <\/div>\r\n\r\n                            <!-- Mascot Image (Absolute or Float right) -->\r\n                            <div class=\"tw:mt-6 tw:lg:mt-0 tw:flex-shrink-0 tw:flex tw:justify-end tw:md:justify-center tw:lg:block\">\r\n                                <div class=\"tw:w-55 tw:h-55 tw:bg-white tw:overflow-hidden tw:relative tw:hidden tw:lg:block\">\r\n                                    <!-- Placeholder Mascot if specific one isn't mapped, or use general -->\r\n                                    <img :src=\"getAssetUrl(plan.Image)\"\r\n                                         class=\"tw:w-full tw:h-full tw:object-cover\">\r\n                                <\/div>\r\n\r\n                                <!-- Get Quote Button -->\r\n                                <div class=\"tw:met-0 tw:lg:mt-6 tw:flex tw:justify-end tw:md:justify-center\">\r\n                                    <a :href=\"plan.Link\" target=\"_blank\"\r\n                                       class=\"tw:bg-[#DF382C]! tw:text-white! tw:font-bold tw:py-3 tw:px-8 tw:rounded-full tw:shadow-lg tw:hover:bg-red-700! tw:transition-all tw:transform tw:hover:-translate-y-1 tw:block tw:text-center tw:lg:w-auto tw:w-full\">\r\n                                        <span x-text=\"lang === 'cn' ? '\u83b7\u53d6\u62a5\u4ef7' : 'Get Quote'\"><\/span>\r\n                                    <\/a>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n\r\n                    <\/div>\r\n\r\n                    <!-- Enhanced Details Expansion -->\r\n                    <div x-show.important=\"expanded\" x-collapse class=\"tw:bg-red-50\">\r\n                        <div class=\"tw:p-4 tw:md:p-8\" x-data=\"{ activeTab: 'Highlights' }\">\r\n                            <div class=\"tw:flex tw:flex-col tw:md:flex-row tw:gap-6\">\r\n\r\n                                <!-- Left Sidebar with Category Buttons -->\r\n                                <div class=\"tw:w-full tw:md:w-64 tw:flex-shrink-0 tw:space-y-3\">\r\n\r\n                                    <template x-for=\"(detailPoint, index) in plan.DetailPoints\" :key=\"index\">\r\n                                        <button @click=\"activeTab = detailPoint.key\"\r\n                                                :class=\"activeTab === detailPoint.key ? 'tw:bg-[#F04E3E] tw:text-white!' : 'bg-white\/50 tw:text-gray-700 tw:hover:bg-white'\"\r\n                                                class=\"tw:w-full tw:px-6 tw:py-3 tw:rounded-full tw:flex tw:items-center tw:gap-3 tw:transition-colors tw:font-semibold tw:text-left\">\r\n                                            <!-- Dynamic Icon based on label -->\r\n                                            <img class=\"tw:w-5 tw:h-5\" :alt=\"detailPoint.label\"\r\n                                                 :src=\"getAssetIconUrl(activeTab === detailPoint.key ? detailPoint.icon1 : detailPoint.icon)\"\/>\r\n\r\n                                            <!-- Dynamic Label with Translation -->\r\n                                            <span x-text=\"detailPoint.label\" class=\"tw:whitespace-nowrap\"><\/span>\r\n\r\n                                            <svg x-show.important=\"activeTab === detailPoint.key\" class=\"tw:w-4 tw:h-4 tw:ml-auto\"\r\n                                                 fill=\"currentColor\" viewBox=\"0 0 20 20\">\r\n                                                <path fill-rule=\"evenodd\"\r\n                                                      d=\"M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z\"\r\n                                                      clip-rule=\"evenodd\"\/>\r\n                                            <\/svg>\r\n                                        <\/button>\r\n                                    <\/template>\r\n                                <\/div>\r\n\r\n\r\n                                <!-- Right Content Area -->\r\n                                <div class=\"tw:flex-1 tw:bg-white\/70 tw:rounded-2xl tw:p-6 tw:min-h-[300px]\">\r\n                                    <template x-for=\"detailPoint in plan.DetailPoints\" :key=\"detailPoint.label\">\r\n                                        <div x-show.important=\"activeTab === detailPoint.key\" class=\"tw:space-y-3\">\r\n                                            <!-- Array Type Content (Highlights, Eligibility) -->\r\n                                            <template x-if=\"detailPoint.type === 'array'\">\r\n                                                <ul class=\"tw:space-y-2 tw:text-sm tw:text-gray-700\">\r\n                                                    <template x-for=\"point in detailPoint.value\">\r\n                                                        <li class=\"tw:flex tw:items-start tw:gap-2\">\r\n                                                            <span class=\"tw:text-red-500\">\u2022<\/span>\r\n                                                            <span x-text=\"point\"><\/span>\r\n                                                        <\/li>\r\n                                                    <\/template>\r\n                                                <\/ul>\r\n                                            <\/template>\r\n\r\n                                            <!-- Items Type Content (MedicalBenefits, OtherBenefits, etc.) -->\r\n                                            <template x-if=\"detailPoint.type === 'items'\">\r\n                                                <div class=\"tw:space-y-2\">\r\n                                                    <template x-for=\"item in detailPoint.value\">\r\n                                                        <div>\r\n                                                            <!-- Check if item has both label and value (table-like display) -->\r\n                                                            <template x-if=\"item.label && item.value\">\r\n                                                                <div class=\"tw:grid tw:grid-cols-2 tw:gap-4 tw:py-2 tw:border-b tw:border-red-100\">\r\n                                                                    <div class=\"tw:font-semibold tw:text-gray-900 tw:text-sm\"\r\n                                                                         x-html=\"item.label\"><\/div>\r\n                                                                    <div class=\"tw:text-gray-700 tw:text-sm tw:text-right\"\r\n                                                                         x-html=\"item.value\"><\/div>\r\n                                                                <\/div>\r\n                                                            <\/template>\r\n                                                        <\/div>\r\n                                                    <\/template>\r\n                                                <\/div>\r\n                                            <\/template>\r\n                                            <template x-if=\"detailPoint.type === 'items1'\">\r\n                                                <div class=\"tw:space-y-2\">\r\n                                                    <template x-for=\"item in detailPoint.value\">\r\n                                                        <div>\r\n                                                            <!-- Check if item has both label and value (table-like display) -->\r\n                                                            <template x-if=\"item.label && item.value\">\r\n                                                                <div class=\"tw:flex tw:flex-col tw:gap-4 tw:py-2\">\r\n                                                                    <div class=\"tw:font-semibold tw:text-gray-900 tw:text-sm\"\r\n                                                                         x-html=\"item.label\"><\/div>\r\n                                                                    <div class=\"tw:text-gray-700 tw:text-sm\"\r\n                                                                         x-html=\"item.value\"><\/div>\r\n                                                                <\/div>\r\n                                                            <\/template>\r\n                                                        <\/div>\r\n                                                    <\/template>\r\n                                                <\/div>\r\n                                            <\/template>\r\n                                        <\/div>\r\n                                    <\/template>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/template>\r\n        <\/div>\r\n\r\n        <div class=\"tw:mt-8\">\r\n            <p class=\"tw:text-sm tw:text-gray-500 tw:mb-6\"\r\n               x-html=\"contactUs\"><\/p>\r\n            <button @click=\"goBack()\"\r\n                    class=\"tw:bg-[#F04E3E] tw:text-white! tw:font-bold tw:py-3 tw:px-10 tw:rounded-full tw:hover:bg-red-700 tw:transition-colors tw:shadow-md\">\r\n                <span x-text=\"lang === 'cn' ? '\u8fd4\u56de' : 'Back'\"><\/span>\r\n            <\/button>\r\n        <\/div>\r\n    <\/div>\r\n<\/div><\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\ufeff\ufeff<\/p>\n","protected":false},"author":7,"featured_media":2580,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"om_disable_all_campaigns":false,"_uf_show_specific_survey":0,"_uf_disable_surveys":false,"footnotes":""},"class_list":["post-22926","page","type-page","status-publish","has-post-thumbnail","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/smcovered.com\/cn\/wp-json\/wp\/v2\/pages\/22926"}],"collection":[{"href":"https:\/\/smcovered.com\/cn\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/smcovered.com\/cn\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/smcovered.com\/cn\/wp-json\/wp\/v2\/users\/7"}],"replies":[{"embeddable":true,"href":"https:\/\/smcovered.com\/cn\/wp-json\/wp\/v2\/comments?post=22926"}],"version-history":[{"count":12,"href":"https:\/\/smcovered.com\/cn\/wp-json\/wp\/v2\/pages\/22926\/revisions"}],"predecessor-version":[{"id":22942,"href":"https:\/\/smcovered.com\/cn\/wp-json\/wp\/v2\/pages\/22926\/revisions\/22942"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/smcovered.com\/cn\/wp-json\/wp\/v2\/media\/2580"}],"wp:attachment":[{"href":"https:\/\/smcovered.com\/cn\/wp-json\/wp\/v2\/media?parent=22926"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}