{"id":37790,"date":"2026-02-05T13:42:05","date_gmt":"2026-02-05T05:42:05","guid":{"rendered":"https:\/\/www.goglobalsafe.com\/?page_id=37790"},"modified":"2026-02-05T13:51:19","modified_gmt":"2026-02-05T05:51:19","slug":"schools","status":"publish","type":"page","link":"https:\/\/www.goglobalsafe.com\/zh\/schools\/","title":{"rendered":"schools"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"37790\" class=\"elementor elementor-37790\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-4741ae0 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"4741ae0\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-a00af96\" data-id=\"a00af96\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-fca01c4 elementor-widget elementor-widget-shortcode\" data-id=\"fca01c4\" 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\t\t<div class=\"elementor-shortcode\">\n    <script>\n        window.us_config = {\"school_slug\":null,\"school_id\":null,\"source\":null};\n    <\/script>\n\n    <head>\n    <link href=\"\/wp-content\/static\/element\/index.min.css\" rel=\"stylesheet\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n<\/head>\n<script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n<!--<link href=\"\/wp-content\/static\/js\/tailwind.min.css\" rel=\"stylesheet\">-->\n<link href=\"https:\/\/cdn.jsdelivr.net\/npm\/tailwindcss@2.2.19\/dist\/tailwind.min.css\" rel=\"stylesheet\">\n<script src=\"\/wp-content\/static\/js\/vue.global.js\"><\/script>\n<script src=\"\/wp-content\/static\/js\/axios.min.js\"><\/script>\n<script src=\"\/wp-content\/static\/element\/index.full.min.js\"><\/script>\n\n<style>\n    .arrow-icon {\n        display: inline-block;\n        width: 0;\n        height: 0;\n        border-style: solid;\n        border-width: 6px 4px 0 4px;\n        border-color: #000 transparent transparent transparent;\n        margin-left: 5px;\n        transition: transform 0.3s;\n        \/* \u6dfb\u52a0\u65cb\u8f6c\u6548\u679c\u7684\u8fc7\u6e21 *\/\n    }\n\n    [v-cloak] {\n        display: none;\n    }\n\n    \/* \u8fc7\u6e21\u6548\u679c *\/\n    @font-face {\n        font-family: 'PingFang SC-Bold';\n        src: url('\/wp-content\/static\/font\/minFont\/PINGFANG_BOLD.subset.woff2') format('woff2');\n    }\n\n    @font-face {\n        font-family: 'Archivo Black-Regular';\n        src: url('\/wp-content\/static\/font\/minFont\/ArchivoBlack-Regular.woff2') format('woff2');\n        font-weight: bold;\n        font-style: normal;\n    }\n\n    @font-face {\n        font-family: 'Alibaba Sans Medium';\n        src: url('\/wp-content\/static\/font\/minFont\/AlibabaSans-Medium.woff2') format('woff2');\n    }\n\n    @font-face {\n        font-family: 'Alibaba Sans Bold';\n        src: url('\/wp-content\/static\/font\/minFont\/AlibabaSans-Bold.woff2') format('woff2');\n    }\n\n    @font-face {\n        font-family: 'Alibaba Sans Regular';\n        src: url('\/wp-content\/static\/font\/minFont\/AlibabaSans-Regular.woff2') format('woff2');\n    }\n\n    @font-face {\n        font-family: 'Fredoka';\n        src: url('\/wp-content\/static\/font\/minFont\/Fredoka-Bold.ttf') format('truetype');\n        font-style: normal;\n        font-display: swap;\n    }\n\n    @font-face {\n        font-family: 'Nunito';\n        src: url('\/wp-content\/static\/font\/minFont\/Nunito-Black.ttf') format('truetype');\n        font-style: normal;\n        font-display: swap;\n    }\n\n    .entry-content {\n        background-color: #fff;\n    }\n\n    .schoole_name {\n        font-family: 'Archivo Black-Regular', sans-serif;\n    }\n\n    .din-font {\n        font-family: 'Alibaba Sans Medium', sans-serif;\n    }\n\n    .sc {\n        font-family: 'PingFang SC-Bold', sans-serif;\n    }\n\n    .cards {\n        font-family: 'PingFang SC-Bold;', sans-serif;\n    }\n\n    .site-content {\n        background-color: #fff;\n    }\n\n    .custom-link {\n        text-decoration: none;\n        \/* \u53bb\u9664\u4e0b\u5212\u7ebf *\/\n        cursor: pointer;\n        \/* \u6dfb\u52a0\u70b9\u51fb\u6548\u679c *\/\n    }\n\n    .custom-link:hover {\n        color: black;\n        \/* \u60ac\u505c\u65f6\u6539\u53d8\u989c\u8272 *\/\n    }\n\n    .arrow-rotated {\n        transform: rotate(180deg);\n        \/* \u5f53\u6298\u53e0\u72b6\u6001\u4e3afalse\u65f6\u65cb\u8f6c\u7bad\u5934 *\/\n    }\n\n    .fade-enter-active,\n    .fade-leave-active {\n        transition: opacity 1s;\n    }\n\n    .fade-enter,\n    .fade-leave-to\n\n        \/* .fade-leave-active below version 2.1.8 *\/\n    {\n        opacity: 0;\n    }\n\n    .product-card {\n        width: calc(33.33% - 2rem);\n        transition: box-shadow 0.5s ease-in-out, transform 0.5s ease-in-out;\n        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);\n    }\n\n    .product-card.shadow-lg {\n        box-shadow: 0 10px 15px rgba(0, 0, 0, 0.1), 0 4px 6px rgba(0, 0, 0, 0.05);\n        transform: scale(1.04);\n    }\n\n    .slide-fade-enter-active,\n    .slide-fade-leave-active {\n        transition: all 0.5s ease;\n    }\n\n    .slide-fade-enter {\n        transform: translateX(100%);\n        opacity: 0;\n    }\n\n    .slide-fade-enter-to {\n        transform: translateX(0);\n        opacity: 1;\n    }\n\n    .slide-fade-leave-to {\n        transform: translateX(100%);\n        opacity: 0;\n    }\n\n\n\n    \/* \u72ec\u7279\u7684\u60ac\u6d6e\u63d0\u793a\u5bb9\u5668\u6837\u5f0f *\/\n    .unique-hover-container {\n        position: relative;\n        z-index: 50;\n        \/* \u786e\u4fdd\u5176\u5728\u5927\u90e8\u5206\u5143\u7d20\u4e4b\u4e0a\uff0c\u4f46\u5728\u5176\u4ed6\u9700\u8981\u9ad8\u4e8e\u5b83\u7684\u5143\u7d20\u4e4b\u4e0b *\/\n    }\n\n    .unique-hover-content {\n        z-index: 60;\n        \/* \u786e\u4fdd\u60ac\u6d6e\u5185\u5bb9\u5728\u5176\u4ed6\u5143\u7d20\u4e4b\u4e0a *\/\n    }\n\n    .unique-hover-tooltip {\n        z-index: 60;\n        \/* \u786e\u4fdd\u60ac\u6d6e\u63d0\u793a\u5728\u5176\u4ed6\u5143\u7d20\u4e4b\u4e0a *\/\n    }\n\n    input:checked ~ .dot {\n        transform: translateX(100%);\n        \/* background-color: #132b50; *\/\n    }\n\n    .no-select {\n        user-select: none;\n    }\n\n    .transition-all {\n        transition: all 0.3s ease-in-out;\n    }\n\n    .white-card {\n        position: relative;\n        z-index: 1;\n        display: flex;\n        flex-wrap: wrap;\n        justify-content: center;\n        align-items: center;\n        gap: 2rem;\n        \/* Ensure the card stays on top of the background *\/\n    }\n\n    \/*\u4fee\u6539\u6ed1\u5757\u5f97css*\/\n    .range-container {\n        position: relative;\n    }\n\n    .tooltip-container {\n        position: relative;\n        width: 100%;\n    }\n\n    input[type=range] {\n        margin-top: 10px;\n        outline: none;\n        -webkit-appearance: none;\n        \/* \u6e05\u9664\u7cfb\u7edf\u9ed8\u8ba4\u6837\u5f0f *\/\n        width: 250px;\n        \/* \u5360\u6ee1\u7236\u5bb9\u5668\u7684\u5bbd\u5ea6 *\/\n        height: 14px;\n        \/* \u6a2a\u6761\u7684\u9ad8\u5ea6 *\/\n        background: linear-gradient(to right,\n        #ffd146 0%,\n        #ffd146 var(--range-progress, 0%),\n        #e0e0e0 var(--range-progress, 0%),\n        #e0e0e0 100%);\n        border-radius: 8px;\n        \/* \u5706\u89d2\u534a\u5f84\uff0c\u8bbe\u4e3a\u9ad8\u5ea6\u7684\u4e00\u534a *\/\n        transition: background 0.2s ease-in-out;\n    }\n\n    \/* Chrome, Safari, Opera *\/\n    input[type=\"range\"]::-webkit-slider-runnable-track {\n        height: 14px;\n        \/* \u6a2a\u6761\u7684\u9ad8\u5ea6 *\/\n        background: transparent;\n        \/* \u900f\u660e\u80cc\u666f\uff0c\u80cc\u666f\u7531\u7236\u5143\u7d20\u63a7\u5236 *\/\n    }\n\n    \/* Firefox *\/\n    input[type=\"range\"]::-moz-range-track {\n        height: 14px;\n        \/* \u6a2a\u6761\u7684\u9ad8\u5ea6 *\/\n        background: transparent;\n        \/* \u900f\u660e\u80cc\u666f\uff0c\u80cc\u666f\u7531\u7236\u5143\u7d20\u63a7\u5236 *\/\n    }\n\n    \/* IE *\/\n    input[type=\"range\"]::-ms-track {\n        height: 14px;\n        \/* \u6a2a\u6761\u7684\u9ad8\u5ea6 *\/\n        background: transparent;\n        \/* \u900f\u660e\u80cc\u666f\uff0c\u80cc\u666f\u7531\u7236\u5143\u7d20\u63a7\u5236 *\/\n        border-color: transparent;\n        \/* \u9690\u85cf\u9ed8\u8ba4\u8fb9\u6846 *\/\n        color: transparent;\n        \/* \u9690\u85cf\u9ed8\u8ba4\u989c\u8272 *\/\n    }\n\n    \/* Thumb: Firefox *\/\n    input[type=\"range\"]::-moz-range-thumb {\n        height: 30px;\n        width: 30px;\n        background-image: url(\"\/wp-content\/static\/product\/age1.png\");\n        background-size: cover;\n        border: none;\n        border-radius: 15%;\n        \/* \u5916\u89c2\u8bbe\u7f6e\u4e3a\u5706\u5f62 *\/\n        transition: transform 0.2s ease-in-out;\n        position: relative;\n        top: -8px;\n        \/* \u6839\u636e\u9700\u8981\u8c03\u6574 *\/\n    }\n\n    \/* Thumb: Chrome, Safari, Opera *\/\n    input[type=\"range\"]::-webkit-slider-thumb {\n        height: 30px;\n        width: 30px;\n        background-image: url(\"\/wp-content\/static\/product\/age1.png\");\n        background-size: cover;\n        border: none;\n        border-radius: 15%;\n        \/* \u5916\u89c2\u8bbe\u7f6e\u4e3a\u5706\u5f62 *\/\n        transition: transform 0.2s ease-in-out;\n        -webkit-appearance: none;\n        \/* \u6e05\u9664\u7cfb\u7edf\u9ed8\u8ba4\u6837\u5f0f *\/\n        position: relative;\n        top: -2px;\n        \/* \u6839\u636e\u9700\u8981\u8c03\u6574 *\/\n    }\n\n    \/* Thumb: IE *\/\n    input[type=\"range\"]::-ms-thumb {\n        height: 30px;\n        width: 30px;\n        background-image: url(\"\/wp-content\/static\/product\/age1.png\");\n        background-size: cover;\n        border: none;\n        border-radius: 15%;\n        \/* \u5916\u89c2\u8bbe\u7f6e\u4e3a\u5706\u5f62 *\/\n        transition: transform 0.2s ease-in-out;\n        position: relative;\n        top: -2px;\n        \/* \u6839\u636e\u9700\u8981\u8c03\u6574 *\/\n    }\n\n    \/* Age Indicator *\/\n    .age-indicator {\n        position: absolute;\n        bottom: 2.2rem;\n        \/* Position above the slider *\/\n        left: 50%;\n        \/* Center horizontally *\/\n        transform: translateX(-50%);\n        \/* Center the indicator *\/\n        background-image: url('\/wp-content\/static\/product\/age2.png');\n        background-size: contain;\n        \/* Ensure the image fits within the container *\/\n        background-repeat: no-repeat;\n        background-position: center;\n        padding: 5px;\n        \/* Adjust padding as needed to fit the tooltip image *\/\n        color: #000000;\n        \/* Ensure text is readable *\/\n        font-family: 'Alibaba Sans Medium', sans-serif;\n        border-radius: 4px;\n        \/* Optional: rounded corners *\/\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        width: 38px;\n        \/* Adjust to fit the tooltip image *\/\n        height: 38px;\n        \/* Adjust to fit the tooltip image *\/\n    }\n\n    .qunhover {\n        position: fixed;\n        top: 50%;\n        left: .5%;\n        z-index: 49;\n    }\n\n    .qunhover .qunhover1 {\n        position: relative;\n        max-width: 115.03px;\n        max-height: 167px;\n    }\n\n    .qunhover .qunhover1 .qunjian {\n        position: absolute;\n        right: -23%;\n        bottom: 0;\n        max-width: 54px;\n        max-height: 74px;\n    }\n\n    .qunhover .qunhover2 {\n        position: absolute;\n        top: -165%;\n        left: 0%;\n        max-width: 300px;\n        max-height: 420px;\n        width: 150px;\n        height: 210px;\n        background-image: url(\"\/wp-content\/static\/home\/Product\/school\/Group\\ 748.png\");\n        background-repeat: no-repeat;\n        background-size: cover;\n\n        display: flex;\n        flex-direction: column;\n        justify-content: center;\n        align-items: center;\n        padding: 10px;\n    }\n\n    .qunhover .qunhover2 p {\n        font-family: \"PingFang SC-Bold\";\n        font-weight: 600;\n        font-size: 14px;\n        color: #000000;\n        line-height: 18px;\n        text-align: center;\n        font-style: normal;\n        text-transform: none;\n        margin-bottom: 5px !important;\n    }\n\n    .qunhover .qunhover2 img {\n        width: 206px;\n        max-width: 80%;\n        \/* height: 356px; *\/\n        margin-bottom: -35px;\n    }\n\n    .dayi-enter-active,\n    .dayi-leave-active {\n        transition: opacity 1s ease;\n        opacity: 1;\n    }\n\n    .dayi-enter,\n    .dayi-leave-to\n\n        \/* .dayi-leave-active in <2.1.8 *\/\n    {\n        opacity: 0;\n    }\n    .date-area {\n        margin-top: 3rem;\n    }\n\n\n    \/* \u95ee\u9898\u90e8\u5206\u6837\u5f0f *\/\n    @media (max-width: 1380px) {\n        \/* .questions .question2 h2{\n            white-space:wrap!important;\n        } *\/\n        .questions {\n            flex-direction: column;\n            align-items: center;\n        }\n\n        .looking .lookingContent h1 {\n            white-space: wrap !important;\n\n        }\n    }\n\n    @media (max-width: 1280px) {\n        .questions .questions2 {\n            \/* margin-right: 50px!important; *\/\n        }\n    }\n    @media (max-width: 1000px) {\n        .product-card {\n            width: 100%;\n        }\n    }\n\n    @media (max-width: 913px) {\n        .looking .lookingImg {\n            display: none;\n        }\n\n        .looking .lookingContent h1,\n        .looking .lookingContent h3 {\n            text-align: center !important;\n        }\n\n        .looking .lookingContent button {\n            width: 60%;\n            justify-content: space-around !important;\n            margin: 0 auto;\n        }\n    }\n\n    @media (max-width: 768px) {\n        .date-area {\n            margin-top: 1rem;\n        }\n        .questions {\n            flex-direction: column !important;\n            justify-content: center !important;\n            align-items: center !important;\n            padding: 50px 0 !important;\n        }\n\n        .questions .question2 h2 {\n            font-size: 20px !important;\n            line-height: 24px !important;\n            text-align: center !important;\n            margin-bottom: 10px;\n        }\n\n        .questions .question2 {\n            background-size: 40% !important;\n            margin-right: 0px !important;\n            padding-left: 0px !important;\n        }\n\n        .questions .question2 h3 {\n            font-size: 20px !important;\n            line-height: 20px !important;\n        }\n\n        .questions .questions2 {\n            margin-right: 0px !important;\n        }\n\n        .questions .question2 button {\n            margin: 0 auto !important;\n            height: 60px !important;\n            font-size: 20px !important;\n            margin-bottom: 20px !important;\n        }\n\n        .questions .questions2 .questions21 {\n            margin-left: 20px !important;\n            margin-right: 20px !important;\n        }\n\n        .questions .questions2 .question1 {\n            align-items: start !important;\n        }\n\n        .looking .lookingContent button {\n            width: 90% !important;\n            font-size: 19px !important;\n            padding: 10px 16px !important;\n            width: 80% !important;\n        }\n\n        .looking .lookingContent h1 {\n            font-size: 34px !important;\n            line-height: 39px !important;\n        }\n\n        .looking .lookingContent h3 {\n            font-size: 23px !important;\n            line-height: 20px !important;\n        }\n    }\n\n    \/* questions *\/\n    .questions {\n        \/* background-color: #FAFAF9; *\/\n        display: flex;\n        flex-direction: column;\n        justify-content: center;\n        align-items: center;\n        padding: 100px 0;\n    }\n\n    \/* \u5de6\u4fa7\u6807\u9898\u76d2\u5b50 *\/\n    .questions .question2 {\n        display: flex;\n        flex-direction: column;\n        \/* justify-content:center; *\/\n        margin-right: 93px;\n        background-image: url(\"\/wp-content\/themes\/astra\/imgs\/index\/Vector 62.png\");\n        background-repeat: no-repeat;\n        \/* background-position: 10% 10%; *\/\n        padding-left: 49px;\n        margin-bottom: 30px;\n    }\n\n    .questions .question2 h2 {\n        font-family: 'Archivo Black-Regular';\n        font-weight: 400;\n        font-size: 50px;\n        color: #1E293B;\n        line-height: 59px;\n        text-align: left;\n        font-style: normal;\n        text-transform: none;\n        white-space: nowrap;\n    }\n\n    .questions .question2 h3 {\n        font-family: 'Archivo Black-Regular';\n        font-weight: 400;\n        font-size: 36px;\n        color: #1E293B;\n        line-height: 42px;\n        text-align: left;\n        font-style: normal;\n        text-transform: none;\n    }\n\n    .questions .question2 button {\n        display: flex;\n        justify-content: space-evenly;\n        align-items: center;\n        width: 185px;\n        height: 78px;\n        background: #1558DA;\n        border-radius: 12px 12px 12px 12px;\n\n        font-family: 'PingFang SC-Bold';\n        font-weight: bold;\n        font-size: 24px;\n        color: #FFFFFF;\n        line-height: 28px;\n        text-align: center;\n        font-style: normal;\n        text-transform: none;\n        position: relative; \/* \u76f8\u5bf9\u5b9a\u4f4d\u4ee5\u5bb9\u7eb3\u4f2a\u5143\u7d20 *\/\n        overflow: hidden; \/* \u9690\u85cf\u8d85\u51fa\u7684\u4f2a\u5143\u7d20 *\/\n        z-index: 0; \/* \u8ba9\u6309\u94ae\u5185\u5bb9\u5728\u4f2a\u5143\u7d20\u4e4b\u4e0a *\/\n    }\n\n    .questions .question2 button:hover {\n        border-style: none !important;\n        border-color: transparent !important;\n        box-shadow: none !important;\n    }\n\n    .questions .question2 button::before {\n        content: '';\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 200%;\n        background-color: #304159;\n        border-radius: 50%;\n        transform: scale(0);\n        transition: all 0.5s ease;\n        z-index: -1; \/* \u4f2a\u5143\u7d20\u5728\u6309\u94ae\u5185\u5bb9\u4e0b\u65b9 *\/\n    }\n\n    .questions .question2 button:hover::before {\n        \/* width: 100%; *\/\n        \/* height: 200%; *\/\n        transform: scale(2);\n    }\n\n    \/* \u53f3\u4fa7\u95ee\u9898\u76d2\u5b50 *\/\n    .questions .questions2 {\n        display: flex;\n        flex-direction: column;\n    }\n\n    .questions .questions2 .questions21 {\n        border-radius: 10px 10px 10px 10px;\n        max-width: 830px;\n        background: #FFD146;\n        padding-left: 30px;\n        padding-right: 30px;\n        margin-bottom: 16px;\n        cursor: pointer;\n        transition: all 1s ease;\n    }\n\n    .questions .questions2 .questions21 p {\n        background-color: #fff;\n        border-radius: 12px 12px 12px 12px;\n\n        font-family: 'PingFang SC-Bold';\n        font-weight: 400;\n        font-size: 16px;\n        color: #333333;\n        line-height: 19px;\n        text-align: left;\n        font-style: normal;\n        text-transform: none;\n        padding: 20px 30px;\n        \/* overflow:hidden; *\/\n        \/* max-height: 0; *\/\n        margin-bottom: 16px;\n    }\n\n    .content-wrapper1 {\n        overflow: hidden;\n        transition: height 0.5s ease-in-out;\n        height: 0;\n    }\n\n    .questions .questions2 .question1 {\n        display: flex;\n        align-items: center;\n        justify-content: space-between;\n        max-width: 830px;\n        padding: 18px 0px;\n    }\n\n    .questions .questions2 p {\n        max-width: 770px;\n        transition: all .3s ease;\n    }\n\n    .questions .questions2 p p {\n        padding: 0 !important;\n        margin-bottom: 0 !important;\n        font-family: 'PingFang SC-Bold';\n    }\n\n    .questions .question1 h5 {\n        font-family: 'PingFang SC-Bold';\n        font-weight: bold;\n        font-size: 18px;\n        color: #333333;\n        line-height: 21px;\n        text-align: left;\n        font-style: normal;\n        text-transform: none;\n        margin-bottom: 0;\n    }\n\n    .questions .question1 span {\n        font-family: 'Archivo Black-Regular';\n        font-weight: 400;\n        font-size: 20px;\n        color: #1558DA;\n        line-height: 23px;\n        text-align: left;\n        font-style: normal;\n        text-transform: none;\n        margin-right: 10px;\n    }\n\n    .questions .question1 img {\n        width: 18px;\n        height: 18px;\n    }\n\n    .questions .question1 .question12 {\n        display: flex;\n    }\n\n    .site-content {\n        background-color: #f9f9f9;\n    }\n    .welave {\n        width: 100%;\n        height: 100%;\n    }\n    .bird-main {\n        display: flex;\n        flex-direction: row;\n        justify-content: center;\n        top: 50%;\n        position: absolute; \/* \u6216\u8005 relative, \u53d6\u51b3\u4e8e\u4f60\u5e0c\u671b\u5b83\u5982\u4f55\u5b9a\u4f4d *\/\n        left: 50%; \/* \u4ece\u5de6\u8fb9\u5f00\u59cb50% *\/\n        transform: translate(-50%, -50%); \/* \u81ea\u8eab\u5bbd\u5ea6\u7684\u4e00\u534a\u5411\u5de6\u79fb\u52a8 *\/\n        max-width: 1000px; \/* \u793a\u4f8b\u503c\uff0c\u6839\u636e\u4f60\u7684\u8bbe\u8ba1\u8c03\u6574 *\/\n        width: 70%; \/* \u5728\u5927\u90e8\u5206\u5c4f\u5e55\u4e0a\u5360 90% \u5bbd\u5ea6 *\/\n    }\n    .bird-left {\n        background-image: url('\/wp-content\/static\/home\/Product\/waive\/zh\/early-bird-bg.png');\n        background-size: cover; \/* \u8986\u76d6\u6574\u4e2a\u533a\u57df *\/\n        background-position: center; \/* \u5c45\u4e2d\u663e\u793a *\/\n        background-repeat: no-repeat;\n        border-radius: 1.26rem 0 0 1.26rem;\n        flex-basis: 20%; \/* \u6216\u8005\u4f60\u60f3\u8981\u7684\u6bd4\u4f8b\uff0c\u4f8b\u5982 40% *\/\n    }\n    .br-top {\n        display: flex;\n        flex-direction: row;\n        justify-content: space-between;\n        align-items: flex-start;\n    }\n    .bird-right {\n        background: #fffbf0;\n        border-radius: 0 1.26rem 1.26rem 0;\n        padding: 0.84rem 0.84rem 1.11rem 0.84rem;\n        max-width: 28rem;\n    }\n    .br-top .title {\n        display: flex;\n        flex-direction: column;\n        font-family: Fredoka, sans-serif;\n        font-weight: 600;\n        font-size: 0.84rem;\n        color: #000000;\n    }\n    .br-time {\n        display: flex;\n        flex-direction: row;\n        gap: 0.37rem 0;\n        margin-left: 4.26rem;\n    }\n    .per-time {\n        display: flex;\n        flex-direction: column;\n        justify-content: center;\n        width: 11.63rem;\n    }\n    .countdown {\n        display: flex;\n        flex-direction: row;\n        justify-content: space-between;\n        font-family: Nunito, sans-serif;\n        font-weight: 900;\n        font-size: 1.26rem;\n        color: #000000;\n    }\n    .t-title {\n        font-family: Alibaba Sans Regular, sans-serif;\n        font-weight: 400;\n        font-size: 0.63rem;\n        color: #000000;\n        line-height: 0.95rem;\n    }\n    .countdown-title {\n        display: flex;\n        flex-direction: row;\n        justify-content: space-between;\n    }\n    .br-top2 {\n        text-align: right;\n        font-family: Alibaba Sans Regular, sans-serif;\n        font-weight: 400;\n        font-size: 0.63rem;\n        color: #000000;\n        line-height: 0.95rem;\n        margin-top: 0.21rem;\n    }\n    .bird-main-area {\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n    }\n    .big-bird-price {\n        font-family: Nunito, sans-serif;\n        font-weight: 900;\n        font-size: 6.74rem;\n        color: #0064B2;\n        line-height: 5.26rem;\n        margin-top: 2.63rem;\n        margin-bottom: 0.79rem;\n    }\n    .second-bird-price {\n        display: flex;\n        flex-direction: row;\n        gap: 1rem;\n    }\n    .sbp-price {\n        font-family: Nunito, sans-serif;\n        font-weight: 900;\n        text-decoration-line: line-through;\n        font-size: 1.26rem;\n        color: #606266;\n    }\n    .sbp-time {\n        font-family: Alibaba Sans Regular, sans-serif;\n        font-weight: 400;\n        font-size: 0.74rem;\n        color: #E6783C;\n        line-height: 1.05rem;\n        padding: 0.26rem;\n        background: #FAECD8;\n        display: flex;\n        justify-content: center;\n        align-items: center;\n    }\n    .gift-name {\n        font-family: Alibaba Sans Medium, sans-serif;\n        font-weight: 500;\n        font-size: 0.95rem;\n        color: #0064B2;\n        margin: 0.58rem 0;\n    }\n    .second-gift-name {\n        font-family: Alibaba Sans Medium, sans-serif;\n        font-weight: 500;\n        font-size: 0.63rem;\n        color: #0064B2;\n    }\n    .input-email {\n        background: #FFFFFF;\n        box-shadow: 0rem 0.11rem 0.42rem 0rem rgba(0,0,0,0.12) !important;\n        border-radius: 13rem !important;\n        width: 100%;\n        height: 1.63rem !important;\n        font-family: Alibaba Sans Regular, sans-serif;\n        font-weight: 400;\n        font-size: 0.74rem;\n        padding: 0.32rem 1.05rem !important;\n        color: #606266;\n        margin-top: 1.05rem;\n        margin-bottom: 0.53rem;\n        cursor: pointer;\n    }\n    .input-area {\n        width: 100%;\n        padding: 0 2.11rem;\n    }\n    .get-code {\n        background: #F5CD1D;\n        box-shadow: 0rem 0.11rem 0.42rem 0rem rgba(0,0,0,0.12);\n        border-radius: 13rem; \/* \u4fdd\u6301\u4f60\u7684\u5927\u5706\u89d2 *\/\n        font-family: Alibaba Sans Regular, sans-serif;\n        font-weight: 500;\n        font-size: 0.95rem;\n        color: #606266;\n        line-height: 1.37rem;\n        padding: 0.26rem 1rem; \/* \u8c03\u6574\u6c34\u5e73 padding\uff0c\u8ba9\u5b83\u6709\u4e00\u5b9a\u5bbd\u5ea6\uff0c\u800c\u4e0d\u662f100% *\/\n        \/* width: 100%; \/* \u79fb\u9664\u6b64\u884c\uff0c\u8ba9\u6309\u94ae\u5bbd\u5ea6\u81ea\u9002\u5e94\u5185\u5bb9 *\/\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        cursor: pointer;\n        border: none; \/* \u79fb\u9664\u9ed8\u8ba4\u8fb9\u6846 *\/\n        white-space: nowrap; \/* \u9632\u6b62\u6587\u672c\u6362\u884c *\/\n        transition: all 0.2s ease-in-out; \/* \u6dfb\u52a0\u8fc7\u6e21\u6548\u679c *\/\n        flex-shrink: 0; \/* \u9632\u6b62\u6309\u94ae\u88ab\u538b\u7f29 *\/\n        min-width: 8rem; \/* \u7ed9\u6309\u94ae\u4e00\u4e2a\u6700\u5c0f\u5bbd\u5ea6\uff0c\u9632\u6b62\u5185\u5bb9\u8fc7\u5c11\u65f6\u592a\u7a84 *\/\n    }\n    .get-code:hover {\n        border-color: #F5CD1D; \/* \u589e\u52a0\u8fb9\u6846\u989c\u8272\uff0c\u4e0e\u80cc\u666f\u8272\u76f8\u540c\uff0c\u770b\u8d77\u6765\u50cf\u52a0\u7c97 *\/\n        color: #FFFFFF; \/* \u6587\u5b57\u53d8\u4e3a\u767d\u8272 *\/\n        box-shadow: 0rem 0.11rem 0.42rem 0rem rgba(0,0,0,0.2); \/* \u53ef\u4ee5\u7a0d\u5fae\u589e\u5f3a\u9634\u5f71\u6548\u679c *\/\n    }\n    .welave_close {\n        width: 1.42rem;\n        margin-left: 0.63rem;\n    }\n    .entry-content p {\n        margin-bottom: 0 !important;\n    }\n    .code-area {\n        width: 100%;\n        background: #D9ECFF;\n        box-shadow: 0rem 0.11rem 0.42rem 0rem rgba(0,0,0,0.12);\n        border-radius: 1.26rem 1.26rem 1.26rem 1.26rem;\n        padding: 0.26rem 1.05rem;\n        display: flex;\n        flex-direction: row;\n        justify-content: space-between;\n        align-items: center;\n        margin: 1.05rem 0;\n    }\n    .ca-code {\n        font-family: Alibaba Sans Bold, sans-serif;\n        font-weight: bold;\n        font-size: 1.68rem;\n        color: #606266;\n        line-height: 2.11rem;\n    }\n    .copy-code {\n        background: #0064B2;\n        border-radius: 1.26rem;\n        cursor: pointer;\n        padding: 0.26rem 1rem;\n        font-family: Alibaba Sans Medium, sans-serif;\n        font-weight: 500;\n        font-size: 1.05rem;\n        color: #FFFFFF;\n    }\n    .notice {\n        background: #FFFFFF;\n        border-radius: 1.26rem;\n        padding: 1.05rem 1.32rem;\n        display: flex;\n        flex-direction: column;\n    }\n    .notice-title {\n        font-family: Alibaba Sans Bold, sans-serif;\n        font-weight: bold;\n        font-size: 0.74rem;\n        color: #000000;\n        margin-bottom: 0.26rem;\n    }\n    .notice-desc {\n        font-family: Alibaba Sans Regular, sans-serif;\n        font-weight: 400;\n        font-size: 0.63rem;\n        color: #606266;\n        margin-bottom: 0.26rem;\n        padding-left: 0.2rem;\n    }\n    .early-bird {\n        position: fixed;\n        top: 9rem;\n        right: 2rem;\n        width: 6rem;\n        z-index: 50;\n        cursor: pointer;\n    }\n    .welave_close-mobile {\n        display: none;\n    }\n    @media (min-width: 769px) {\n        .grid-cols-custom {\n            grid-template-columns: 1fr 0.5fr 1fr;\n            \/* \u5728\u5927\u5c4f\u5e55\u4e0b\u8bbe\u7f6e\u91d1\u989d\u8ba1\u7b97\u5668\u90e8\u5206\u7684\u4e09\u5217\u5e03\u5c40 *\/\n        }\n\n        .jisuan {\n            width: 100%;\n            margin: -63px auto -12px;\n        }\n    }\n\n    @media (max-width: 768px) {\n        .bird-left {\n            position: relative;\n            flex-basis: auto !important; \/* \u79fb\u9664 flex-basis\uff0c\u8ba9\u5b83\u81ea\u9002\u5e94 *\/\n            width: 100%; \/* \u5360\u6ee1\u7236\u5bb9\u5668\u5bbd\u5ea6 *\/\n            height: 150px; \/* \u7ed9\u5b83\u4e00\u4e2a\u56fa\u5b9a\u7684\u9ad8\u5ea6\uff0c\u786e\u4fdd\u80cc\u666f\u56fe\u6709\u7a7a\u95f4\u663e\u793a *\/\n            border-radius: 1.26rem 1.26rem 0 0; \/* \u8c03\u6574\u5706\u89d2\uff0c\u9876\u90e8\u5706\u89d2\uff0c\u5e95\u90e8\u76f4\u89d2 *\/\n        }\n        .bird-right {\n            border-radius: 0 0 1.26rem 1.26rem;\n        }\n        .welave {\n            scale: 0.95;\n        }\n        .welave_close {\n            display: none;\n        }\n        .early-bird {\n            right: 1rem;\n            width: 4rem;\n        }\n        .welave_close-mobile {\n            display: block;\n            position: absolute;\n            top: 0.5rem;\n            right: 0.8rem;\n        }\n        .input-area {\n            padding: 0;\n        }\n        .input-area2 {\n            padding: 0 1.5rem;\n        }\n        .notice {\n            padding: 0.8rem 0.5rem;\n        }\n        .code-area {\n            padding: 0.26rem 0.5rem;\n            margin: 0.5rem;\n        }\n        .per-time {\n            width: auto;\n        }\n        .br-time {\n            margin-left: 0;\n        }\n        .countdown {\n            font-size: 1rem;\n        }\n        \/*.br-top {*\/\n        \/*    display: flex;*\/\n        \/*    flex-direction: column-reverse;*\/\n        \/*    justify-content: flex-start;*\/\n        \/*    align-items: flex-start;*\/\n        \/*}*\/\n        .bird-main {\n            flex-direction: column; \/* \u5728\u5c0f\u5c4f\u5e55\u4e0a\u5782\u76f4\u5806\u53e0 *\/\n            width: 95%; \/* \u79fb\u52a8\u7aef\u53ef\u4ee5\u66f4\u5bbd\u4e00\u4e9b *\/\n            max-width: none; \/* \u79fb\u9664\u6700\u5927\u5bbd\u5ea6\u9650\u5236 *\/\n            left: 50%; \/* \u4fdd\u6301\u6c34\u5e73\u5c45\u4e2d *\/\n            transform: translateX(-50%); \/* \u4fdd\u6301\u6c34\u5e73\u5c45\u4e2d *\/\n            top: 0; \/* \u8c03\u6574\u79fb\u52a8\u7aef\u7684\u5782\u76f4\u4f4d\u7f6e *\/\n            margin-top: 0; \/* \u53ef\u80fd\u9700\u8981\u4e00\u4e9b\u4e0a\u8fb9\u8ddd *\/\n        }\n        .big-bird-price {\n            font-size: 4.74rem;\n            line-height: 3.26rem;\n            margin-top: 1.63rem;\n            margin-bottom: 0.79rem;\n        }\n\n        .product-card {\n            width: 100%;\n        }\n\n        .grid-cols-1 {\n            grid-template-columns: 1fr;\n            \/* \u5728\u5c0f\u5c4f\u5e55\u4e0b\u8bbe\u7f6e\u91d1\u989d\u8ba1\u7b97\u5668\u90e8\u5206\u7684\u5355\u5217\u5e03\u5c40 *\/\n        }\n\n        .welave {\n            max-width: 100%;\n            height: 100%;\n        }\n\n        .welave_close {\n            width: 1.42rem;\n            margin-left: 0.63rem;\n        }\n\n        .jisuan {\n            width: 71%;\n            margin: -34px auto -23px 53px;\n        }\n\n        .qunhover {\n            position: fixed;\n            left: auto !important;\n            top: 75% !important;\n            right: 18px !important;\n            max-width: 60px !important;\n            max-height: 60px !important;\n            z-index: 3;\n        }\n\n        .qunhover .qunhover1 .qunjian {\n            display: none;\n        }\n\n        .qunhover .qunhover2 {\n            position: fixed !important;\n            top: 50% !important;\n            left: 50% !important;\n            transform: translate(-50%, -50%);\n            height: 100% !important;\n            width: 100% !important;\n            max-height: 100% !important;\n            max-width: 100% !important;\n            background-position: center !important;\n            background-size: 65% auto !important;\n            z-index: 4 !important;\n        }\n\n        .qunhover .qunhover2 p {\n            max-width: 150px !important;\n        }\n\n        .qunhover .qunhover2 img {\n            margin-bottom: -60px !important;\n            max-width: 150px !important;\n        }\n\n    }\n<\/style>\n<!-- Add Pagination -->\n<div id=\"app\" class=\"app pt-10 mb-20\" translate=\"no\" v-cloak data-no-translation=\"\" data-no-auto-translation=\"\">\n\n    <!-- \u52a0\u8f7d\u52a8\u753b -->\n    <div v-if=\"loading2\" v-cloak\n class=\"fixed top-0 left-0 w-full h-screen flex justify-center items-center bg-gray-500 bg-opacity-50 backdrop-blur-xl\"\n         style=\"z-index: 999;\">\n        <span class=\"sr-only\">Loading...<\/span>\n        <div class=\"h-8 w-8 bg-black rounded-full animate-bounce mr-2\"><\/div>\n        <div class=\"h-8 w-8 bg-black rounded-full animate-bounce mr-2\" style=\"animation-delay:  3s;\"><\/div>\n        <div class=\"h-8 w-8 bg-black rounded-full animate-bounce\"><\/div>\n    <\/div>\n    <!--            \u5c0f\u5f39\u7a97\u5185\u5bb9-->\n    <!--<div class=\"early-bird\" @click=\"openBird\">-->\n    <!--    <img decoding=\"async\" src=\"\/wp-content\/static\/home\/Product\/waive\/zh\/early-bird-btn.png\" class=\"max-w-full object-contain\">-->\n    <!--<\/div>-->\n    <!-- \u4e3b\u6d77\u62a5 -->\n    <!--    <div class=\"fixed inset-0 backdrop-blur-sm backdrop-brightness-50 transition-all duration-300\"-->\n    <!--         :class=\"{'opacity-0 pointer-events-none': isClosed,'': isAnimating}\"-->\n    <!--         v-show=\"!isClosed\" style=\"z-index:99\">-->\n    <!--        <div class=\"w-full h-full flex items-center justify-center p-4\">-->\n    <!-- \u6d77\u62a5\u5185\u5bb9 -->\n    <!--            <div class=\"relative welave\">-->\n    <!--\u9650\u65f6\u9886\u53d6-->\n    <!--                <div class=\"absolute bird-main\">-->\n    <!--                    <div class=\"bird-left\" :style=\"{ flexBasis: isShowBirdDetail ? '34%' : '20%' }\">-->\n    <!--                        <img decoding=\"async\" src=\"\/wp-content\/static\/home\/Product\/waive\/zh\/early-bird-bg.png\" class=\"max-w-full object-contain\">-->\n    <!-- \u5173\u95ed\u6309\u94ae -->\n    <!--                        <a @click=\"togglePoster\" class=\"cursor-pointer welave_close welave_close-mobile\">-->\n    <!--                            <img decoding=\"async\" src=\"\/wp-content\/static\/home\/Product\/waive\/close-black.svg\"-->\n    <!--                                 class=\"max-w-full max-h-[100px] object-contain\">-->\n    <!--                        <\/a>-->\n    <!--                    <\/div>-->\n    <!--\u5012\u8ba1\u65f6-->\n    <!--                    <div class=\"bird-right\">-->\n    <!--                        <div class=\"br-top\">-->\n    <!--                            <div class=\"title\">-->\n    <!--                                <span>{{gift.spring}}<\/span>-->\n    <!--                                <span>{{gift.ebird}}<\/span>-->\n    <!--                            <\/div>-->\n    <!--                            <div class=\"br-time\">-->\n    <!--                                <div class=\"per-time\">-->\n    <!--                                    <div class=\"countdown\">-->\n    <!--                                      <span class=\"c-title\">{{ time.days }}<\/span>-->\n    <!--                                      <span class=\"c-title\">:<\/span>-->\n    <!--                                      <span class=\"c-title\">{{ time.hours }}<\/span>-->\n    <!--                                      <span class=\"c-title\">:<\/span>-->\n    <!--                                      <span class=\"c-title\">{{ time.minutes }}<\/span>-->\n    <!--                                      <span class=\"c-title\">:<\/span>-->\n    <!--                                      <span class=\"c-title\">{{ time.seconds }}<\/span>-->\n    <!--                                    <\/div>-->\n    <!--                                    <div class=\"countdown-title\">-->\n    <!--                                        <span class=\"t-title\">{{us_clock.day}}<\/span>-->\n    <!--                                        <span class=\"t-title\">{{us_clock.hour}}<\/span>-->\n    <!--                                        <span class=\"t-title\" style=\"margin-right: 0.19rem;\">{{us_clock.min}}<\/span>-->\n    <!--                                        <span class=\"t-title\" style=\"margin-right: 0.1rem;\">{{us_clock.sec}}<\/span>-->\n    <!--                                    <\/div>-->\n    <!--                                    <div class=\"br-top2\">-->\n    <!--                                        {{gift.time}}-->\n    <!--                                    <\/div>-->\n    <!--                                <\/div>-->\n    <!-- \u5173\u95ed\u6309\u94ae -->\n    <!--                                <a @click=\"togglePoster\" class=\"cursor-pointer welave_close\">-->\n    <!--                                    <img decoding=\"async\" src=\"\/wp-content\/static\/home\/Product\/waive\/close-black.svg\"-->\n    <!--                                         class=\"max-w-full max-h-[100px] object-contain\">-->\n    <!--                                <\/a>-->\n    <!--                            <\/div>-->\n    <!--                        <\/div>-->\n\n    <!--                        <div class=\"bird-main-area\">-->\n    <!--                            <div class=\"big-bird-price\">$20<\/div>-->\n    <!--                            <div class=\"second-bird-price\">-->\n    <!--                                <span class=\"sbp-price\">$15<\/span>-->\n    <!--                                <span class=\"sbp-time\">{{gift.limited}}<\/span>-->\n    <!--                            <\/div>-->\n    <!--                            <span class=\"gift-name\">{{gift.starbucks}}<\/span>-->\n    <!--                            <span class=\"second-gift-name\">{{gift.flywire}}<\/span>-->\n    <!--                            <div class=\"input-area\" v-if=\"isShowBirdDetail\">-->\n    <!--                                <div class=\"code-area\">-->\n    <!--                                    <span class=\"ca-code\">{{vipCode}}<\/span>-->\n    <!--                                    <div class=\"copy-code\" @click=\"copyCode\">{{gift.copy}}<\/div>-->\n    <!--                                <\/div>-->\n    <!--                                <div class=\"notice\">-->\n    <!--                                    <span class=\"notice-title\">{{gift.title1}}<\/span>-->\n    <!--                                    <span class=\"notice-desc\">{{gift.desc1}}<\/span>-->\n    <!--                                    <span class=\"notice-desc\">{{gift.desc2}}<\/span>-->\n    <!--                                    <span class=\"notice-title\" style=\"margin-top: 1.05rem;\">{{gift.title2}}<\/span>-->\n    <!--                                    <span class=\"notice-desc\">{{gift.desc21}}<\/span>-->\n    <!--                                    <span class=\"notice-desc\">{{gift.desc22}}<\/span>-->\n    <!--                                    <span class=\"notice-desc\">{{gift.desc23}}<\/span>-->\n    <!--                                    <span class=\"notice-desc\">{{gift.desc24}}<\/span>-->\n    <!--                                <\/div>-->\n    <!--                            <\/div>-->\n    <!--                            <div class=\"input-area\">-->\n    <!--                                <input type=\"email\" class=\"input-email\"  @input=\"code_email_validateField\" :placeholder=\"gift.enterEmail\">-->\n    <!--                                <div class=\"get-code\">{{gift.getCode}}<\/div>-->\n    <!--                            <\/div>-->\n    <!--                            <div class=\"input-area input-area2\" v-if=\"!isShowBirdDetail\">-->\n    <!--                                <div class=\"relative\">-->\n    <!-- \u90ae\u7bb1\u8f93\u5165\u6846 -->\n    <!--                                    <input-->\n    <!--                                            type=\"email\"-->\n    <!--                                            class=\"input-email\"-->\n    <!--                                            :class=\"{'border-red-500': emailError,'border-blue-400': !emailError && emailValue,'focus:outline-none focus:ring-2 focus:ring-blue-500': true}\"-->\n    <!--                                            v-model=\"emailValue\"-->\n    <!--                                            @input=\"code_email_validateField\"-->\n    <!--                                            :placeholder=\"gift.enterEmail\"-->\n    <!--                                    \/>-->\n    <!-- \u9519\u8bef\u4fe1\u606f -->\n    <!--                                    <p v-if=\"emailError\" class=\"text-red-500 text-xs\">{{ emailError }}<\/p>-->\n    <!--                                <\/div>-->\n\n    <!-- \u83b7\u53d6\u9a8c\u8bc1\u7801\u6309\u94ae -->\n    <!--                                <div class=\"get-code\" @click=\"handleGetCode\" :disabled=\"!isCodeEmailValid || isSendingCode\">-->\n    <!--                                    <span v-if=\"!isSendingCode\">{{ gift.getCode }}<\/span>-->\n    <!--                                    <span v-else>-->\n    <!--                                    <svg class=\"animate-spin h-5 w-5 text-white inline-block mr-2\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\">-->\n    <!--                                      <circle class=\"opacity-25\" cx=\"12\" cy=\"12\" r=\"10\" stroke=\"currentColor\" stroke-width=\"4\"><\/circle>-->\n    <!--                                      <path class=\"opacity-75\" fill=\"currentColor\" 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>-->\n    <!--                                    <\/svg>-->\n    <!--                                    {{ gift.sendingCode }}-->\n    <!--                                  <\/span>-->\n    <!--                                <\/div>-->\n    <!--                            <\/div>-->\n    <!--                        <\/div>-->\n    <!--                    <\/div>-->\n    <!--                <\/div>-->\n    <!--            <\/div>-->\n    <!--        <\/div>-->\n    <!--    <\/div>-->\n    <!--\u633d\u7559\u5f39\u7a97\u5f00\u59cb-->\n    <div id=\"YOUR_ID\"\n         class=\"fixed z-50 inset-0 overflow-y-auto backdrop-blur-sm backdrop-brightness-50 transition-all duration-300\"\n         style=\"z-index:999\" v-if=\"showConfirm\">\n        <div class=\"flex items-end justify-center min-h-screen pt-4 px-4  text-center sm:block sm:p-0\">\n            <span class=\"hidden sm:inline-block sm:align-middle sm:h-screen\" aria-hidden=\"true\">&#8203;<\/span>\n            <div class=\"relative inline-block align-bottom rounded-lg px-4 pt-5 pb-4 text-left overflow-visable transform transition-all sm:my-8 sm:align-middle sm:max-w-lg sm:w-full sm:p-6\"\n                 role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"modal-headline\">\n                <!-- \u80cc\u666f\u56fe -->\n                <div class=\"relative\">\n                    <img :src=\"retention_popup.wanliu_img\"\n                         class=\"w-full h-full object-contain\"\n                         :style=\"{ maxWidth: 'none', maxHeight: 'none' }\">\n                <\/div>\n                <div class=\"\">\n                    <!-- \u8868\u60c5\u56fe -->\n                    <img\n                            :src=\"retention_popup.emoji_img\"\n                            alt=\"\u8868\u60c5\"\n                            class=\"absolute top-4 left-1\/2 -translate-x-1\/2 -translate-y-1\/2 w-20 sm:w-28 z-20\"\n                            style=\"will-change: transform;\">\n                <\/div>\n\n                <!-- \u56fe\u7247\u6309\u94ae\u533a\u57df -->\n                <div class=\"relative z-10 bt-5 sm:mt-4 flex justify-between items-center\">\n                    <img @click=\"confirmClose\"\n                         :src=\"retention_popup.commit_img\"\n                         alt=\"\u5173\u95ed\"\n                         class=\"cursor-pointer absolute bottom-8 left-[4.5rem] w-32 sm:w-46 z-10\">\n                    <img @click=\"keepPoster\"\n                         :src=\"retention_popup.cancel_img\"\n                         alt=\"\u53d6\u6d88\"\n                         class=\"cursor-pointer absolute bottom-8 right-[4.5rem] w-32 sm:w-46 z-10\">\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n    <!--\u633d\u7559\u5f39\u7a97\u7ed3\u675f-->\n    <!--\u60ac\u6d6e\u6846-->\n    <div v-if=\"qunhover_modal\" class=\"qunhover\" v-cloak @mouseenter=\"hoverEnter\" @mouseleave=\"hoverLeave\">\n        <div class=\"qunhover1\">\n            <img decoding=\"async\" style=\"max-width:130%\" src=\"\/wp-content\/static\/home\/Product\/school\/Group 744.png\" alt=\"\">\n            <transition v-cloak name=\"dayi\">\n                <div v-if=\"hoverShow\" v-cloak\n class=\"qunhover2 backdrop-blur-[20px] bg-black\/30 md:backdrop-blur-none  md:bg-inherit\"\n                     @click=\"hideBox\">\n                    <!-- <div v-if=\"true\" v-cloak class=\"qunhover2 backdrop-blur-[20px] bg-black\/30 md:backdrop-blur-none  md:bg-inherit\" @click=\"hideBox\"> -->\n                    <!-- <p>\u66f4\u591a\u8d44\u8baf&\u7b54\u7591 \u6b22\u8fce\u626b\u7801\u8fdb\u7fa4<\/p> -->\n                    <img v-cloak :src=\"jiehuoSrc\" alt=\"jiehuo\">\n                <\/div>\n            <\/transition>\n\n            <!-- <div class=\"qunjian\">\n                <img decoding=\"async\" src=\"\/wp-content\/static\/home\/Product\/image 387@2x.png\" alt=\"\">\n            <\/div> -->\n        <\/div>\n    <\/div>\n    <!---message\u63d0\u793a\u6846\u6ed1\u52a8\u5f00\u59cb-->\n    <div v-if=\"showAlert\" v-cloak\n class=\"bg-red-200 px-6 py-4 mx-2 my-4 rounded-md text-lg w-96 flex items-center fixed left-0 top-1\/3 transform -translate-y-1\/3 z-50\">\n        <svg viewbox=\"0 0 24 24\" class=\"text-red-600 w-5 h-5 sm:w-5 sm:h-5 mr-3\">\n            <path fill=\"currentColor\"\n                  d=\"M11.983,0a12.206,12.206,0,0,0-8.51,3.653A11.8,11.8,0,0,0,0,12.207,11.779,11.779,0,0,0,11.8,24h.214A12.111,12.111,0,0,0,24,11.791h0A11.766,11.766,0,0,0,11.983,0ZM10.5,16.542a1.476,1.476,0,0,1,1.449-1.53h.027a1.527,1.527,0,0,1,1.523,1.47,1.475,1.475,0,0,1-1.449,1.53h-.027A1.529,1.529,0,0,1,10.5,16.542ZM11,12.5v-6a1,1,0,0,1,2,0v6a1,1,0,1,1-2,0Z\">\n            <\/path>\n        <\/svg>\n        <span v-if=\"showAlertMessage\" v-cloak class=\"text-red-800 z-50\">{{showAlertMessage}}<\/span>\n    <\/div>\n    <!---message\u63d0\u793a\u6846\u6ed1\u52a8\u7ed3\u675f-->\n    <!---\u63d0\u793a\u6846\u7ed3\u675f-->\n    <div v-if=\"loading\" v-cloak\n class=\"fixed top-0 left-0 right-0 bottom-0 flex space-x-2 justify-center   items-center bg-white h-screen z-50\">\n        <span class=\"sr-only\">Loading...<\/span>\n        <div class=\"h-8 w-8 bg-black rounded-full animate-bounce [animation-delay:-0.3s]\"><\/div>\n        <div class=\"h-8 w-8 bg-black rounded-full animate-bounce [animation-delay:-0.15s]\"><\/div>\n        <div class=\"h-8 w-8 bg-black rounded-full animate-bounce\"><\/div>\n    <\/div>\n    <div v-else v-cloak>\n        <div v-if=\"!products && !loading\" class=\"relative mx-auto max-w-7xl px-6 text-center lg:px-8\">\n            <div class=\"flex flex-col items-center\">\n                <h1 class=\"text-[120px] font-extrabold text-gray-700\">404<\/h1>\n                <p class=\"text-2xl font-medium text-gray-600 mb-6\">No insurance products suitable for you were found<\/p>\n                <a href=\"\/\"\n                   class=\"px-4 py-2 font-medium text-white bg-indigo-500 rounded-md  duration-200 ease-in-out\">\n                    Go Home\n                <\/a>\n            <\/div>\n        <\/div>\n        <div v-else class=\"relative z-10 mx-auto max-w-7xl px-4 md:px-12 lg:px-4\">\n            <!-- \u5b66\u6821\u540d-->\n            <div v-if=\"schoole\"\n                 class=\"relative mx-auto max-w-7xl px-6 lg:px-8 flex md:flex-row flex-col items-center justify-between\">\n                <div class=\"relative inline-block\">\n                    <div class=\"absolute w-full h-full\">\n                        <img decoding=\"async\" src=\"\/Vector61.svg\" alt=\"Background\" class=\"w-full h-auto\"\n                             style=\"position: absolute;top: -2.25rem;left: -1rem;height: 127px;width: 211px;\">\n                    <\/div>\n                    <p class=\"schoole_name relative md:text-4xl text-xl font-extrabold text-gray-900\">\n                        <span class=\"text-black\" v-html=\"schoole\"><\/span> <span class=\"text-gray-900\">Plans<\/span>\n                    <\/p>\n                <\/div>\n                <!--\u60ac\u6d6e\u63d0\u793a-->\n                <!-- \u6298\u53e0\u5f0f\u60ac\u6d6e\u63d0\u793a -->\n                <div class=\"relative z-50 max-lg:hidden h-max p-0 ml-auto flex unique-hover-container md:mb-0 mb-4\">\n                    <div @mouseenter=\"xuanfuopen\" @mouseleave=\"xuanfuclose\"\n                         class=\"relative flex flex-col items-center justify-center unique-hover-content\">\n                        <!-- \u89e6\u53d1\u5143\u7d20 -->\n                        <div class=\"flex max-w-lg text-base text-center font-semibold px-3 py-2 rounded-lg items-center justify-center\"\n                             style=\"background-color:#fff3e6; white-space: nowrap;\">\n                            <span class=\"ml-2\">{{ xuanfu.title }}<\/span>\n                        <\/div>\n                        <!-- \u6298\u53e0\u5f0f\u6c14\u6ce1\u5361\u7247 -->\n                        <div v-show=\"hover\"\n                             class=\"absolute top-full left-1\/2 transform -translate-x-1\/2 mt-2 bg-white shadow-lg p-4 rounded-lg flex flex-col items-center justify-center unique-hover-tooltip\"\n                             style=\"width: max-content; z-index: 60;\">\n                            <div class=\"bg-white p-4 rounded-lg flex flex-col items-center justify-center\"\n                                 style=\"max-width: 200px;\">\n                                <span class=\"text-lg font-semibold\">{{ xuanfu.subtitle }}<\/span>\n                                <img decoding=\"async\" src=\"\/wp-content\/static\/img\/ceshi.jpg\" alt=\"QR Code\" class=\"mt-4\"\n                                     style=\"width: 150px; height: 150px;\">\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n            <!--\u80cc\u666f\u56fe-->\n            <div class=\"bg-no-repeat bg-[center_top_2rem]\"\n                 style=\"background-image:url('\/wp-content\/static\/img\/Union.svg')\">\n                <!-- \u65e5\u671f -->\n                <!-- <div v-if=\"school_waive\" :class=\"{ -->\n                <div v-if=\"school_waive.coverage_start_date && school_waive.waive_deadline\" :class=\"{                    'md:mb-4 mb-10': school_waive.waive_deadline,                    'grid-cols-custom md:p-4': schoole_price || graduate_price || undergraduate_price,                    'md:grid-cols-2': !(schoole_price || graduate_price || undergraduate_price)                   }\" class=\"grid md:gap-8 gap-6 mb:p-6 p-0 z-50 date-area\">\n                    <!-- Card 1 -->\n                    <div v-if=\"school_waive.waive_deadline\"\n                         class=\"relative rounded-lg md:p-4 p-0 w-full h-auto flex items-center justify-between\">\n                        <div class=\"absolute top-0 left-0 w-full h-full\">\n                            <img decoding=\"async\" src=\"\/wp-content\/static\/Frame563.svg\" alt=\"Background\"\n                                 class=\"object-cover w-full md:max-h-28 max-h-24 h-full\" style=\"border-radius:.5rem\">\n                        <\/div>\n                        <div :class=\"{'md:mb-4': schoole_price || graduate_price || undergraduate_price}\"\n                             class=\"md:mt-0 mt-2 relative z-10 text-center w-full\"\n                             style=\"display: flex;flex-direction: column;justify-content: center;align-items: center;\">\n                            <span class=\"riqi block md:text-xl text-sm font-bold\">{{ School_waive_deadline }}<\/span>\n                            <div style=\"display: flex;flex-direction: row;justify-content: center;align-items: center;\"\n                                 @mouseenter=\"showMessage('You must enroll in an eligible plan and submit the waiver prior to the waiver deadline set by your university.')\"\n                                 @mouseleave=\"clearMessage\"\n                                 class=\"md:mt-4 mt-2 bg-gray-800 md:text-xl text-sm md:min-w-56 min-w-40 text-white rounded-full md:px-16 px-8 py-1\">\n                                {{school_waive.waive_deadline}}\n                                <img decoding=\"async\" style=\"margin-left: 10px;position: relative;\" src=\"\/ques.svg\"\n                                     v-if=\"school_waive.late_fee_msg\"\n                                     @mouseenter=\"showMessage(school_waive.late_fee_msg)\" @mouseleave=\"clearMessage\">\n\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                    <div v-else\n class=\"opacity-0 md:block relative rounded-lg md:p-4 p-0 w-full h-auto flex items-center justify-between\">\n                        <div class=\"absolute top-0 left-0 w-full h-full\">\n                            <img decoding=\"async\" src=\"\/wp-content\/static\/Frame563.svg\" alt=\"Background\"\n                                 class=\"object-cover w-full md:max-h-28 max-h-24 h-full\" style=\"border-radius:.5rem\">\n                        <\/div>\n                        <div :class=\"{'md:mb-4': schoole_price || graduate_price || undergraduate_price}\"\n                             class=\"md:mt-0 mt-2 relative z-10 text-center w-full\">\n                            <span class=\"riqi block md:text-xl text-sm font-bold\">\u6682\u65e0<\/span>\n                            <div class=\"md:mt-4 mt-2 bg-gray-800 md:text-xl text-sm md:min-w-56 min-w-40 text-white rounded-full md:px-16 px-8 py-1 inline-block\">\n                                \u6682\u65e0\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                    <!-- \u91d1\u989d\u8ba1\u7b97\u5668 \u6709\u666e\u901a\u4ef7\u683c -->\n                    <div v-if=\"schoole_price\"\n                         class=\"relative rounded-lg p-0 w-full h-auto flex items-center justify-between\">\n                        <div class=\"absolute top-0 left-0 w-full h-full\">\n                            <img decoding=\"async\" src=\"\/wp-content\/static\/Rectangle184.svg\" alt=\"Background\"\n                                 class=\"object-cover w-full md:max-h-28 max-h-24 h-full\"\n                                 style=\"position: absolute; bottom: 20px; left: 0;\">\n                        <\/div>\n                        <div class=\"md:mt-0 md:p-0 p-6 mt-2 relative z-10 text-center w-full\">\n                            <div class=\"relative jisuan\">\n                                <img decoding=\"async\" src=\"\/wp-content\/static\/Group215.svg\" alt=\"Background\"\n                                     style=\"width: 100%; height: auto;max-width: 220px;\">\n                                <div class=\"absolute top-1\/3 left-1\/3 transform -translate-x-1\/2 -translate-y-1\/2 -rotate-12 flex items-center justify-center\"\n                                     style=\"width: 100%; height: 100%;\">\n                                    <img decoding=\"async\" src=\"\/wp-content\/static\/Group248.svg\" alt=\"Thumb\"\n                                         style=\"width: 40px; height: auto;\">\n                                    <span class=\"md:text-2xl md:mt-1 text-yellow-200 text-lg font-bold ml-2 mt-1\"\n                                          style=\"transform: rotate(6deg);padding-top:5px\">{{difference_price}}<\/span>\n                                <\/div>\n                            <\/div>\n                            <div style=\"position: relative; z-index: 10;\">\n                                <span class=\"block md:text-xl text-sm font-black\" v-bind=\"{ innerHTML: waive }\"><\/span>\n                                <span class=\"block md:text-lg text-sm text-white font-bold\">\n                                    *School price: <span class=\"underline\">${{schoole_price}}<\/span>\n                                <\/span>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                    <!-- \u91d1\u989d\u8ba1\u7b97\u5668 \u672c\u79d1\u4ef7\u683c \u548c\u535a\u58eb\u4ef7\u683c-->\n                    <div v-if=\"undergraduate_price && graduate_price\"\n                         class=\"relative rounded-lg md:p-4 p-0 w-full h-auto justify-center\">\n                        <div class=\"absolute top-0 left-0 w-full h-full\">\n                            <img decoding=\"async\" src=\"\/wp-content\/static\/Rectangle185.svg\" alt=\"Background\"\n                                 class=\"object-cover w-full md:max-h-28 max-h-24 h-full\">\n                        <\/div>\n                        <div class=\"relative z-10 text-center w-full flex flex-col items-center justify-center space-y-2\">\n                            <div class=\"m-auto\">\n                                <span class=\"block md:text-lg text-xl font-black mb-2\">School price annual<\/span>\n                                <span class=\"block md:text-sm text-sm text-white font-normal\">\n                                    Graduate: <span class=\"underline text-base font-bold\">${{graduate_price}}<\/span>\n                                    <br>\n                                    Undergraduate: <span\n                                            class=\"underline text-base font-bold\">${{undergraduate_price}}<\/span>\n                                <\/span>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                    <!-- Card 2 -->\n                    <div v-if=\"school_waive.coverage_start_date\" :class=\"{                        'mt-0':schoole_price || graduate_price || undergraduate_price,                        'mt-4':!(schoole_price || graduate_price || undergraduate_price)                        }\" class=\"md:mt-0 relative rounded-lg p-0 w-full h-auto flex items-center justify-between\">\n                        <div class=\"absolute top-0 left-0 w-full h-full\">\n                            <img decoding=\"async\" src=\"\/wp-content\/static\/Frame563.svg\" alt=\"Background\"\n                                 class=\"object-cover w-full md:max-h-28 max-h-24 h-full\" style=\"border-radius:.5rem\">\n                        <\/div>\n                        <div :class=\"{'md:mb-4': schoole_price || graduate_price || undergraduate_price}\"\n                             class=\"md:mt-0 mt-2 relative z-10 text-center w-full\">\n                            <span class=\"riqi block md:text-xl text-sm font-bold md:mr-5\">{{ School_required_coverage_period }}<\/span>\n                            <div @mouseenter=\"showMessage('The plan also must remain in effect throughout the academic year or a full semester required by your school.')\"\n                                 @mouseleave=\"clearMessage\"\n                                 class=\"md:mt-4 mt-2 bg-gray-800 md:text-xl text-sm md:min-w-56 min-w-40 text-white rounded-full md:px-16 px-8 py-1 inline-block\">\n                                {{school_waive.coverage_start_date}}-{{school_waive.coverage_end_date}}\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                    <div v-else :class=\"{                        'mt-0':schoole_price || graduate_price || undergraduate_price,                        'mt-4':!(schoole_price || graduate_price || undergraduate_price)                        }\"\n                         class=\"opacity-0 md:block md:mt-0 relative rounded-lg p-0 w-full h-auto flex items-center justify-between\">\n                        <div class=\"absolute top-0 left-0 w-full h-full\">\n                            <img decoding=\"async\" src=\"\/wp-content\/static\/Frame563.svg\" alt=\"Background\"\n                                 class=\"object-cover w-full md:max-h-28 max-h-24 h-full\" style=\"border-radius:.5rem\">\n                        <\/div>\n                        <div :class=\"{'md:mb-4': schoole_price || graduate_price || undergraduate_price}\"\n                             class=\"md:mt-0 mt-2 relative z-10 text-center w-full\">\n                            <span class=\"riqi block md:text-xl text-sm font-bold\">\u6682\u65e0<\/span>\n                            <div class=\"md:mt-4 mt-2 bg-gray-800 md:text-xl text-sm md:min-w-56 min-w-40 text-white rounded-full md:px-16 px-8 py-1 inline-block\">\n                                \u6682\u65e0\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                <!--\u6708\u4efd\u5e74\u4efd\u5207\u6362\u5668-->\n                <div :class=\"{'lg:mt-20 md:mt-18 mt-8':!school_waive.waive_deadline || !school_waive.coverage_start_date}\"\n                     class=\"w-full flex flex-col md:flex-row items-center justify-center space-x-0 md:space-x-5\">\n                    <!--switch\u7ec4\u4ef6-->\n                    <div class=\"flex items-center mr-5\">\n                        <label for=\"dark-toggle\" class=\"flex items-center cursor-pointer\">\n                            <!--Monthly-->\n                            <div class=\"relative h-auto\">\n                                <img decoding=\"async\" v-if=\"!switch_status\" src=\"\/wp-content\/static\/img\/Vector259.svg\"\n                                     class=\"w-13 h-auto left-1\/4 absolute top-7  transform -translate-x-1\/3 -translate-y-1\/3\">\n                                <span :class=\"{ 'text-[#828282]': switch_status,'text-black': !switch_status }\"\n                                      class=\"mr-3 sc font-medium md:text-[19px] text-[12px]\"\n                                      style=\"font-weight:500\">{{ switchs.month }}<\/span>\n                            <\/div>\n                            <div class=\"relative no-select\">\n                                <input type=\"checkbox\" name=\"dark-mode\" id=\"dark-toggle\" class=\"checkbox hidden\"\n                                       v-model=\"switch_status\">\n                                <div class=\"block border-[1px]  md:w-14 w-9 md:h-8 h-6 rounded-full transition-all\"\n                                     :class=\"{'bg-[#FFD146]':!switch_status,'bg-[#1558DA]':switch_status}\"><\/div>\n                                <div class=\"dot absolute left-1 top-1 md:w-6 w-4 md:h-6 h-4 rounded-full transition-all\"\n                                     :class=\"{'bg-[#1558DA]':!switch_status,'bg-[#FFD146]':switch_status}\"><\/div>\n                            <\/div>\n                            <!--Yearly-->\n                            <div class=\"relative h-auto\">\n                                <img decoding=\"async\" v-if=\"switch_status\" src=\"\/wp-content\/static\/img\/Vector259.svg\"\n                                     class=\"w-13 h-auto left-1\/2 absolute top-7 transform -translate-x-1\/3 -translate-y-1\/3\">\n                                <span :class=\"{'text-[#828282]': !switch_status,'text-black': switch_status }\"\n                                      class=\"ml-3 sc font-medium md:text-[19px] text-[12px]\"\n                                      style=\"font-weight:500\">{{ school_waive.coverage_start_date != null ? springsummer : switchs.year }}<\/span>\n                            <\/div>\n                        <\/label>\n                    <\/div>\n                    <!--\u5e74\u9f84\u6ed1\u52a8\u8ba1\u7b97\u5668-->\n                    <div class=\"md:mt-0 mt-16 flex items-center space-x-2\">\n                        <label for=\"ageRange\" class=\"xl:text-base font-medium text-sm text-[#000000]\"\n                               :class=\"dynamicClass\">\n                            {{ range_age.title }}\n                        <\/label>\n                        <div class=\"range-container relative\">\n                            <div class=\"tooltip-container relative\">\n                                <!--\u63d0\u793a\u5668-->\n                                <div class=\"age-indicator absolute\"\n                                     :style=\"{ left: indicatorPosition, transform: `translateX(-${translateXOffset}%)` }\">\n                                    <span>{{ selectedAge }}<\/span>\n                                <\/div>\n                                <!--\u6ed1\u52a8\u8f68\u9053-->\n                                <input\n                                        type=\"range\"\n                                        v-model.number=\"selectedAge\"\n                                        :min=\"age_number.min\"\n                                        :max=\"age_number.max\"\n                                        @input=\"updateAgePrice\"\n                                        id=\"ageRange\"\n                                        class=\"w-full\"\/>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                <!-- \u5361\u7247-->\n                <div :class=\"{'md:mt-12': school_waive.coverage_start_date, 'md:mt-12': !school_waive.coverage_start_date}\"\n                     class=\"mx-auto relative  z-10 mt-8 grid max-w-md grid-cols-1 gap-8 lg:max-w-7xl lg:grid-cols-3 white-card lg:gap-8\">\n                    <div v-for=\"(product, index) in filteredProducts\" :key=\"product.id\"\n                         class=\"relative flex product-card flex-col rounded-3xl shadow-xl overflow-hidden bg-white\"\n                         @mouseenter=\"handleMouseEnter(index, product)\" @mouseleave=\"handleMouseLeave\"\n                         :class=\"{ 'shadow-lg': product_result && hoverIndex === index, 'transition-shadow duration-500 ease-in-out': true }\">\n                        <!-- Ribbon -->\n                        <div v-if=\"product.newProperty\"\n                             class=\"absolute w-2\/5 md:w-1\/3 top-3.5 md:top-4 left-0 transform -rotate-45 bg-red-600 py-1\"\n                             style=\"left: -2rem; text-align: center;\">\n                            <span class=\"sc md:text-sm text-xs px-4 text-white transform rotate-12\">{{best_choice}}<\/span>\n                        <\/div>\n                        <div class=\"p-8\">\n                            <div class=\"flex\">\n                                <h3 class=\"schoole_name text-sm m-auto text-center text-teal-600\" id=\"tier-basic\"\n                                    style=\"font-family: 'Archivo Black-Regular', sans-serif\">{{product.name}}<\/h3>\n                            <\/div>\n                            <div class=\"flex justify-center items-center mt-4 text-center text-gray-900 font-semibold\">\n                                <span class=\"text-red-600 text-3xl din-font transition-all\">${{ formatPrice(getDisplayPrice(product, switch_status)) }}<\/span>\n                                <span class=\"sc text-lg font-medium leading-8 ml-2 text-gray-950\">{{ switch_status ? per_year : per_month }}<\/span>\n                            <\/div>\n                            <div class=\"mt-6 leading-7 flex items-center lg:gap-4 gap-4 justify-center\">\n                                <button @click=\"paySelect(product)\" :id=\"`${product.name}-button`\"\n                                        class=\"flex-none md:w-8\/12 w-7\/12 h-auto md:min-h-11 px-2 py-2 bg-blue-500 text-white text-sm font-medium rounded-md transition duration-200 sc\">\n                                    {{ select }}\n                                <\/button>\n                                <button @click=\"docSelect(product)\" :id=\"`${product.name}-Brochure`\"\n                                        style=\"background-color:#FFD146;justify-content: center;\"\n                                        class=\"flex flex-auto md:min-h-11 md:w-4\/12 w-4\/12 h-auto items-center text-sm text-white md:px-2 px-1 py-2 rounded-md\">\n                                    <img decoding=\"async\" src=\"\/pdf.svg\" alt=\"PDF Icon\" class=\"w-4 h-4 mr-1\"> <!-- SVG \u56fe\u6807 -->\n                                    <span class=\"sc\" style=\"color:#000000\">{{ brochure }}<\/span>\n                                <\/button>\n                            <\/div>\n                        <\/div>\n                        <!-- Hover Text Tooltip -->\n                        <!--                                    <div v-if=\"productIndex === index && hoverText.help\" class=\"absolute shadow-lg bg-[#333] text-white font-semibold px-3 py-[6px] text-[13px] max-w-[250px] top-6 left-0 transform -translate-x-1\/2 rounded\">-->\n                        <!--                                        {{ hoverText.help }}-->\n                        <!--                                    <\/div>-->\n                        <div class=\"flex flex-1 flex-col py-0 sc\">\n                            <div class=\"flex flex-col justify-between rounded-2xl\">\n                                <div class=\"relative\" v-if=\"product.annual_maxiumn\">\n                                    <div class=\"flex justify-center\" :title=\"getTooltipText('annual_maxiumn')\">\n                                        <span class=\"flex-shrink-0 mt-1\">\n                                            <svg t=\"1718093628729\" class=\"icon\" viewbox=\"0 0 1024 1024\" version=\"1.1\"\n                                                 xmlns=\"http:\/\/www.w3.org\/2000\/svg\" p-id=\"1447\" width=\"16\" height=\"16\">\n                                                <path d=\"M512 0C228.430769 0 0 228.430769 0 512s228.430769 512 512 512 512-228.430769 512-512S795.569231 0 512 0z m256 413.538462l-271.753846 271.753846c-7.876923 7.876923-19.692308 11.815385-31.507692 11.815384-11.815385 0-23.630769-3.938462-31.507693-11.815384l-169.353846-169.353846c-15.753846-15.753846-15.753846-47.261538 0-63.015385 15.753846-15.753846 47.261538-15.753846 63.015385 0l137.846154 137.846154 240.246153-240.246154c15.753846-15.753846 47.261538-15.753846 63.015385 0 19.692308 15.753846 19.692308 47.261538 0 63.015385z\"\n                                                      fill=\"#16C4AF\" p-id=\"1448\" class=\"h-6 w-6 text-teal-600\"><\/path>\n                                            <\/svg>\n                                        <\/span>\n                                        <span class=\"ml-3 text-sm tracking-wider text-gray-400\">{{ AnnualMaxiumnText }}<\/span>\n                                    <\/div>\n                                    <div class=\"text-center\">\n                                        <span class=\"text-sm text-black\">{{product.annual_maxiumn}}<\/span>\n                                    <\/div>\n                                <\/div>\n                                <!--Maximum limit per illness or injury-->\n                                <div v-if=\"product.maximum_limit_per_illness\" class=\"mt-2\">\n                                    <!-- Hover Text Tooltip -->\n                                    <div class=\"flex justify-center\"\n                                         :title=\"getTooltipText('maximum_limit_per_illness')\">\n                                        <span class=\"flex-shrink-0 mt-1\">\n                                            <svg t=\"1718093628729\" class=\"icon\" viewbox=\"0 0 1024 1024\" version=\"1.1\"\n                                                 xmlns=\"http:\/\/www.w3.org\/2000\/svg\" p-id=\"1447\" width=\"16\" height=\"16\">\n                                                <path d=\"M512 0C228.430769 0 0 228.430769 0 512s228.430769 512 512 512 512-228.430769 512-512S795.569231 0 512 0z m256 413.538462l-271.753846 271.753846c-7.876923 7.876923-19.692308 11.815385-31.507692 11.815384-11.815385 0-23.630769-3.938462-31.507693-11.815384l-169.353846-169.353846c-15.753846-15.753846-15.753846-47.261538 0-63.015385 15.753846-15.753846 47.261538-15.753846 63.015385 0l137.846154 137.846154 240.246153-240.246154c15.753846-15.753846 47.261538-15.753846 63.015385 0 19.692308 15.753846 19.692308 47.261538 0 63.015385z\"\n                                                      fill=\"#16C4AF\" p-id=\"1448\"\n                                                      data-spm-anchor-id=\"a313x.search_index.0.i0.79613a81Jivluq\"\n                                                      class=\"h-6 w-6 text-teal-600\"><\/path>\n                                            <\/svg>\n                                        <\/span>\n                                        <span class=\"ml-3 text-sm leading-6 tracking-wider text-gray-400\">{{ maximum_limit_per_illness }}<\/span>\n                                    <\/div>\n                                    <div class=\"text-center\">\n                                        <span class=\"text-sm text-black\">{{product.maximum_limit_per_illness}}<\/span>\n                                    <\/div>\n                                <\/div>\n                                <!--Deductible(in-network) -->\n                                <div v-if=\"product.deductible_in\" class=\"mt-2\">\n                                    <!-- Hover Text Tooltip -->\n                                    <div class=\"flex justify-center\" :title=\"getTooltipText('Deductible_in_network')\">\n                                        <span class=\"flex-shrink-0 mt-1\">\n                                            <svg t=\"1718093628729\" class=\"icon\" viewbox=\"0 0 1024 1024\" version=\"1.1\"\n                                                 xmlns=\"http:\/\/www.w3.org\/2000\/svg\" p-id=\"1447\" width=\"16\" height=\"16\">\n                                                <path d=\"M512 0C228.430769 0 0 228.430769 0 512s228.430769 512 512 512 512-228.430769 512-512S795.569231 0 512 0z m256 413.538462l-271.753846 271.753846c-7.876923 7.876923-19.692308 11.815385-31.507692 11.815384-11.815385 0-23.630769-3.938462-31.507693-11.815384l-169.353846-169.353846c-15.753846-15.753846-15.753846-47.261538 0-63.015385 15.753846-15.753846 47.261538-15.753846 63.015385 0l137.846154 137.846154 240.246153-240.246154c15.753846-15.753846 47.261538-15.753846 63.015385 0 19.692308 15.753846 19.692308 47.261538 0 63.015385z\"\n                                                      fill=\"#16C4AF\" p-id=\"1448\"\n                                                      data-spm-anchor-id=\"a313x.search_index.0.i0.79613a81Jivluq\"\n                                                      class=\"h-6 w-6 text-teal-600\"><\/path>\n                                            <\/svg>\n                                        <\/span>\n                                        <span class=\"ml-3 text-sm leading-6 tracking-wider text-gray-400\"\n                                              v-html=\"Deductible_in_network\"><\/span>\n                                    <\/div>\n                                    <div class=\"text-center\">\n                                        <span class=\"text-sm text-black\">{{product.deductible_in}}<\/span>\n                                    <\/div>\n                                <\/div>\n                            <\/div>\n                            <!--Coinsurance (in-network) -->\n                            <div v-if=\"product.coinsurance_in\" class=\"mt-2\">\n                                <!-- Hover Text Tooltip -->\n                                <div class=\"flex justify-center\" :title=\"getTooltipText('coinsurance_in_network')\">\n                                    <span class=\"flex-shrink-0 mt-1\">\n                                        <svg t=\"1718093628729\" class=\"icon\" viewbox=\"0 0 1024 1024\" version=\"1.1\"\n                                             xmlns=\"http:\/\/www.w3.org\/2000\/svg\" p-id=\"1447\" width=\"16\" height=\"16\">\n                                            <path d=\"M512 0C228.430769 0 0 228.430769 0 512s228.430769 512 512 512 512-228.430769 512-512S795.569231 0 512 0z m256 413.538462l-271.753846 271.753846c-7.876923 7.876923-19.692308 11.815385-31.507692 11.815384-11.815385 0-23.630769-3.938462-31.507693-11.815384l-169.353846-169.353846c-15.753846-15.753846-15.753846-47.261538 0-63.015385 15.753846-15.753846 47.261538-15.753846 63.015385 0l137.846154 137.846154 240.246153-240.246154c15.753846-15.753846 47.261538-15.753846 63.015385 0 19.692308 15.753846 19.692308 47.261538 0 63.015385z\"\n                                                  fill=\"#16C4AF\" p-id=\"1448\"\n                                                  data-spm-anchor-id=\"a313x.search_index.0.i0.79613a81Jivluq\"\n                                                  class=\"h-6 w-6 text-teal-600\"><\/path>\n                                        <\/svg>\n                                    <\/span>\n                                    <span class=\"ml-3 text-sm leading-6 tracking-wider text-gray-400\">{{coinsurance_in_network}}<\/span>\n                                <\/div>\n                                <div class=\"text-center\">\n                                    <span class=\"text-sm text-black\">{{product.coinsurance_in}}<\/span>\n                                <\/div>\n                            <\/div>\n                            <!--Coinsurance (out-of-network) -->\n                            <div v-if=\"product.coinsurance_of\" class=\"mt-2\">\n                                <!-- Hover Text Tooltip -->\n                                <div class=\"flex justify-center\" :title=\"getTooltipText('coinsurance_out_of_network')\">\n                                    <span class=\"flex-shrink-0 mt-1\">\n                                        <svg t=\"1718093628729\" class=\"icon\" viewbox=\"0 0 1024 1024\" version=\"1.1\"\n                                             xmlns=\"http:\/\/www.w3.org\/2000\/svg\" p-id=\"1447\" width=\"16\" height=\"16\">\n                                            <path d=\"M512 0C228.430769 0 0 228.430769 0 512s228.430769 512 512 512 512-228.430769 512-512S795.569231 0 512 0z m256 413.538462l-271.753846 271.753846c-7.876923 7.876923-19.692308 11.815385-31.507692 11.815384-11.815385 0-23.630769-3.938462-31.507693-11.815384l-169.353846-169.353846c-15.753846-15.753846-15.753846-47.261538 0-63.015385 15.753846-15.753846 47.261538-15.753846 63.015385 0l137.846154 137.846154 240.246153-240.246154c15.753846-15.753846 47.261538-15.753846 63.015385 0 19.692308 15.753846 19.692308 47.261538 0 63.015385z\"\n                                                  fill=\"#16C4AF\" p-id=\"1448\"\n                                                  data-spm-anchor-id=\"a313x.search_index.0.i0.79613a81Jivluq\"\n                                                  class=\"h-6 w-6 text-teal-600\"><\/path>\n                                        <\/svg>\n                                    <\/span>\n                                    <span class=\"ml-3 text-sm leading-6 tracking-wider text-gray-400\">{{coinsurance_out_of_network}}<\/span>\n                                <\/div>\n                                <div class=\"text-center\">\n                                    <span class=\"text-sm text-black\">{{product.coinsurance_of}}<\/span>\n                                <\/div>\n                            <\/div>\n                            <!--\u5f00\u59cb\u6298\u53e0 -->\n                            <div class=\"mt-2 sc\">\n                                <a v-show=\"isCollapsed\"\n                                   class=\"custom-link inline-block w-full rounded-lg px-4 py-2.5 text-center text-black text-lg leading-5\"\n                                   style=\"text-decoration: auto;\" @click=\"toggleCollapse(index)\">\n                                    {{view}} <span class=\"arrow-icon\"\n                                                   :class=\"{ &quot;arrow-rotated&quot;: !isCollapsed}\"><\/span>\n                                <\/a>\n                                <div v-if=\"!isCollapsed\">\n                                    <!-- \u8fd9\u91cc\u653e\u7f6e\u9700\u8981\u5c55\u5f00\u7684\u5185\u5bb9 -->\n                                    <template\n                                            v-if=\"product.name == 'J1 Scholar Premier' || product.name == 'J1 Scholar'\">\n                                        <div v-if=\"product.co_payment_shc\" class=\"px-5 mt-2 flex justify-start\"\n                                             :title=\"getTooltipText('co_payment_in_network')\">\n                                            <span class=\"flex-shrink-0\">\n                                                <svg t=\"1719390642749\" class=\"icon h-4 w-4\" viewbox=\"0 0 1024 1024\"\n                                                     version=\"1.1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" p-id=\"5288\"\n                                                     id=\"mx_n_1719390642749\" width=\"48\" height=\"48\">\n                                                    <path d=\"M159.405 462.713l218.634 218.634L859.54 196.055l94.784 94.151-580.076 583.236L69.676 568.87l89.729-106.157z\"\n                                                          p-id=\"5289\" fill=\"#16C4AF\"><\/path>\n                                                <\/svg>\n                                            <\/span>\n                                            <span class=\"ml-3 text-xs leading-4 tracking-wider text-zinc-900\">{{ co_payment_in_network }} \u2014 {{product.co_payment_shc}}<\/span>\n                                        <\/div>\n                                    <\/template>\n                                    <template v-else>\n                                        <div v-if=\"product.co_payment_shc\" class=\"px-5 mt-2 flex justify-start\"\n                                             :title=\"getTooltipText('co_payment_shc')\">\n                                            <span class=\"flex-shrink-0\">\n                                                <svg t=\"1719390642749\" class=\"icon h-4 w-4\" viewbox=\"0 0 1024 1024\"\n                                                     version=\"1.1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" p-id=\"5288\"\n                                                     id=\"mx_n_1719390642749\" width=\"48\" height=\"48\">\n                                                    <path d=\"M159.405 462.713l218.634 218.634L859.54 196.055l94.784 94.151-580.076 583.236L69.676 568.87l89.729-106.157z\"\n                                                          p-id=\"5289\" fill=\"#16C4AF\"><\/path>\n                                                <\/svg>\n                                            <\/span>\n                                            <span class=\"ml-3 text-xs leading-4 tracking-wider text-zinc-900\">{{ co_payment_shc }} \u2014 {{product.co_payment_shc}}<\/span>\n                                        <\/div>\n                                    <\/template>\n\n                                    <!--Deductible per illness or injury -->\n                                    <div v-if=\"product.deductible_per_illness\" class=\"px-5 mt-2 flex justify-start\"\n                                         :title=\"getTooltipText('deductible_per_illness_or_injury')\">\n                                        <span class=\"flex-shrink-0\">\n                                            <svg t=\"1719390642749\" class=\"icon h-4 w-4\" viewbox=\"0 0 1024 1024\"\n                                                 version=\"1.1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" p-id=\"5288\"\n                                                 id=\"mx_n_1719390642749\" width=\"48\" height=\"48\">\n                                                <path d=\"M159.405 462.713l218.634 218.634L859.54 196.055l94.784 94.151-580.076 583.236L69.676 568.87l89.729-106.157z\"\n                                                      p-id=\"5289\" fill=\"#16C4AF\"><\/path>\n                                            <\/svg>\n                                        <\/span>\n                                        <span class=\"ml-3 text-xs leading-4 tracking-wider text-zinc-900\">\n                                            {{ deductible_per_illness_or_injury }} \u2014{{product.deductible_per_illness ? product.deductible_per_illness : ''}}\n                                        <\/span>\n                                    <\/div>\n                                    <!--Deductible in student health center -->\n                                    <div v-if=\"product.deductible_in_student_health_center\"\n                                         class=\"px-5 mt-2 flex justify-start\"\n                                         :title=\"getTooltipText('deductible_in_student_health_center')\">\n                                        <span class=\"flex-shrink-0\">\n                                            <svg t=\"1719390642749\" class=\"icon h-4 w-4\" viewbox=\"0 0 1024 1024\"\n                                                 version=\"1.1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" p-id=\"5288\"\n                                                 id=\"mx_n_1719390642749\" width=\"48\" height=\"48\">\n                                                <path d=\"M159.405 462.713l218.634 218.634L859.54 196.055l94.784 94.151-580.076 583.236L69.676 568.87l89.729-106.157z\"\n                                                      p-id=\"5289\" fill=\"#16C4AF\"><\/path>\n                                            <\/svg>\n                                        <\/span>\n                                        <span class=\"ml-3 text-xs leading-4 tracking-wider text-zinc-900\">{{ deductible_in_student_health_center }} \u2014 {{product.deductible_in_student_health_center}}<\/span>\n                                    <\/div>\n                                    <!--Out of pocket maximum in-network -->\n                                    <div v-if=\"product.out_of_pocket_maximum_in_network\"\n                                         class=\"px-5 mt-2 flex justify-start\"\n                                         :title=\"getTooltipText('out_of_pocket_maximum_in_network')\">\n                                        <span class=\"flex-shrink-0\">\n                                            <svg t=\"1719390642749\" class=\"icon h-4 w-4\" viewbox=\"0 0 1024 1024\"\n                                                 version=\"1.1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" p-id=\"5288\"\n                                                 id=\"mx_n_1719390642749\" width=\"48\" height=\"48\">\n                                                <path d=\"M159.405 462.713l218.634 218.634L859.54 196.055l94.784 94.151-580.076 583.236L69.676 568.87l89.729-106.157z\"\n                                                      p-id=\"5289\" fill=\"#16C4AF\"><\/path>\n                                            <\/svg>\n                                        <\/span>\n                                        <span class=\"ml-3 text-xs leading-4 tracking-wider text-zinc-900\">{{ out_of_pocket_maximum_in_network }} \u2014\n                                            {{ product.out_of_pocket_maximum_in_network ? product.out_of_pocket_maximum_in_network : '' }}\n                                        <\/span>\n                                    <\/div>\n                                    <!--prescription -->\n                                    <div v-if=\"product.prescription\" class=\"px-5 mt-2 flex justify-start\"\n                                         :title=\"getTooltipText('Prescription')\">\n                                        <span class=\"flex-shrink-0\">\n                                            <svg t=\"1719390642749\" class=\"icon h-4 w-4\" viewbox=\"0 0 1024 1024\"\n                                                 version=\"1.1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" p-id=\"5288\"\n                                                 id=\"mx_n_1719390642749\" width=\"48\" height=\"48\">\n                                                <path d=\"M159.405 462.713l218.634 218.634L859.54 196.055l94.784 94.151-580.076 583.236L69.676 568.87l89.729-106.157z\"\n                                                      p-id=\"5289\" fill=\"#16C4AF\"><\/path>\n                                            <\/svg>\n                                        <\/span>\n                                        <span class=\"ml-3 text-xs leading-4 tracking-wider text-zinc-900\">{{Prescription}} \u2014 {{product.prescription}}<\/span>\n                                    <\/div>\n                                    <!--Pre-existing watiting period -->\n                                    <template\n                                            v-if=\"product.name == 'J1 Scholar Premier' || product.name == 'J1 Scholar'\">\n                                        <div v-if=\"product.pre_existing_watiting_period\"\n                                             class=\"px-5 mt-2 flex justify-start\"\n                                             :title=\"getTooltipText('Pre_existing_condition')\">\n                                            <span class=\"flex-shrink-0\">\n                                                <svg t=\"1719390642749\" class=\"icon h-4 w-4\" viewbox=\"0 0 1024 1024\"\n                                                     version=\"1.1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" p-id=\"5288\"\n                                                     id=\"mx_n_1719390642749\" width=\"48\" height=\"48\">\n                                                    <path d=\"M159.405 462.713l218.634 218.634L859.54 196.055l94.784 94.151-580.076 583.236L69.676 568.87l89.729-106.157z\"\n                                                          p-id=\"5289\" fill=\"#16C4AF\"><\/path>\n                                                <\/svg>\n                                            <\/span>\n                                            <span class=\"ml-3 text-xs leading-4 tracking-wider text-zinc-900\">{{Pre_existing_condition}} \u2014 {{product.pre_existing_watiting_period}}<\/span>\n                                        <\/div>\n                                    <\/template>\n                                    <template v-else>\n                                        <div v-if=\"product.pre_existing_watiting_period\"\n                                             class=\"px-5 mt-2 flex justify-start\"\n                                             :title=\"getTooltipText('Pre_existing_watiting_period')\">\n                                            <span class=\"flex-shrink-0\">\n                                                <svg t=\"1719390642749\" class=\"icon h-4 w-4\" viewbox=\"0 0 1024 1024\"\n                                                     version=\"1.1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" p-id=\"5288\"\n                                                     id=\"mx_n_1719390642749\" width=\"48\" height=\"48\">\n                                                    <path d=\"M159.405 462.713l218.634 218.634L859.54 196.055l94.784 94.151-580.076 583.236L69.676 568.87l89.729-106.157z\"\n                                                          p-id=\"5289\" fill=\"#16C4AF\"><\/path>\n                                                <\/svg>\n                                            <\/span>\n                                            <span class=\"ml-3 text-xs leading-4 tracking-wider text-zinc-900\">{{Pre_existing_watiting_period}} \u2014 {{product.pre_existing_watiting_period}}<\/span>\n                                        <\/div>\n                                    <\/template>\n\n                                    <!--Preventive care (in-network\/SHC) -->\n                                    <div v-if=\"product.preventive_care_in_shc\" class=\"px-5 mt-2 flex justify-start\"\n                                         :title=\"getTooltipText('preventive_care_in_shc')\">\n                                        <span class=\"flex-shrink-0\">\n                                            <svg t=\"1719390642749\" class=\"icon h-4 w-4\" viewbox=\"0 0 1024 1024\"\n                                                 version=\"1.1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" p-id=\"5288\"\n                                                 id=\"mx_n_1719390642749\" width=\"48\" height=\"48\">\n                                                <path d=\"M159.405 462.713l218.634 218.634L859.54 196.055l94.784 94.151-580.076 583.236L69.676 568.87l89.729-106.157z\"\n                                                      p-id=\"5289\" fill=\"#16C4AF\"><\/path>\n                                            <\/svg>\n                                        <\/span>\n                                        <span v-if=\"isNumber(product.preventive_care_in_shc)&& product.preventive_care_in_shc !== null\"\n                                              class=\"ml-3 text-xs leading-4 tracking-wider text-zinc-900\">\n                                            {{preventive_care_in_shc}} \u2014 {{product.preventive_care_in_shc}}\n                                        <\/span>\n                                        <span v-else class=\"ml-3 text-xs leading-4 tracking-wider text-zinc-900\">\n                                            {{preventive_care_in_shc}} \u2014 {{product.preventive_care_in_shc}}\n                                        <\/span>\n                                    <\/div>\n                                    <!--Telehealth -->\n                                    <div v-if=\"product.telehealth\" class=\"px-5 mt-2 flex justify-start\"\n                                         :title=\"getTooltipText('telehealth')\">\n                                        <span class=\"flex-shrink-0\">\n                                            <svg t=\"1719390642749\" class=\"icon h-4 w-4\" viewbox=\"0 0 1024 1024\"\n                                                 version=\"1.1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" p-id=\"5288\"\n                                                 id=\"mx_n_1719390642749\" width=\"48\" height=\"48\">\n                                                <path d=\"M159.405 462.713l218.634 218.634L859.54 196.055l94.784 94.151-580.076 583.236L69.676 568.87l89.729-106.157z\"\n                                                      p-id=\"5289\" fill=\"#16C4AF\"><\/path>\n                                            <\/svg>\n                                        <\/span>\n                                        <span class=\"ml-3 text-xs leading-4 tracking-wider text-zinc-900\">{{telehealth}} \u2014\n                                            {{\n                                         product.telehealth ? product.telehealth : ' '\n                                       }}\n                                        <\/span>\n                                    <\/div>\n                                    <!--Matemity -->\n                                    <div v-if=\"product.matemity\" class=\"px-5 mt-2 flex justify-start\"\n                                         :title=\"getTooltipText('matemity')\">\n                                        <span class=\"flex-shrink-0\">\n                                            <svg t=\"1719390642749\" class=\"icon h-4 w-4\" viewbox=\"0 0 1024 1024\"\n                                                 version=\"1.1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" p-id=\"5288\"\n                                                 id=\"mx_n_1719390642749\" width=\"48\" height=\"48\">\n                                                <path d=\"M159.405 462.713l218.634 218.634L859.54 196.055l94.784 94.151-580.076 583.236L69.676 568.87l89.729-106.157z\"\n                                                      p-id=\"5289\" fill=\"#16C4AF\"><\/path>\n                                            <\/svg>\n                                        <\/span>\n                                        <span class=\"ml-3 text-xs leading-4 tracking-wider text-zinc-900\">{{matemity}} \u2014\u2014\n                                            {{\n                                      product.matemity ? product.matemity : ' '\n                                      }}\n                                        <\/span>\n                                    <\/div>\n                                    <!--Intercollegiate Sports Coverage -->\n                                    <div v-if=\"product.intercollegiate_sports_coverage\"\n                                         class=\"px-5 mt-2 flex justify-start\"\n                                         :title=\"getTooltipText('intercollegiate_sports_coverage')\">\n                                        <span class=\"flex-shrink-0\">\n                                            <svg t=\"1719390642749\" class=\"icon h-4 w-4\" viewbox=\"0 0 1024 1024\"\n                                                 version=\"1.1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" p-id=\"5288\"\n                                                 id=\"mx_n_1719390642749\" width=\"48\" height=\"48\">\n                                                <path d=\"M159.405 462.713l218.634 218.634L859.54 196.055l94.784 94.151-580.076 583.236L69.676 568.87l89.729-106.157z\"\n                                                      p-id=\"5289\" fill=\"#16C4AF\"><\/path>\n                                            <\/svg>\n                                        <\/span>\n                                        <span class=\"ml-3 text-xs leading-4 tracking-wider text-zinc-900\">{{intercollegiate_sports_coverage}} \u2014\u2014\n                                            {{\n                                         product.intercollegiate_sports_coverage ? product.intercollegiate_sports_coverage : ' '\n                                      }}\n                                        <\/span>\n                                    <\/div>\n                                    <!--Emergency medical evacuation -->\n                                    <div v-if=\"product.emergency_medical_evacuation\"\n                                         class=\"px-5 mt-2 flex justify-start\"\n                                         :title=\"getTooltipText('emergency_medical_evacuation')\">\n                                        <span class=\"flex-shrink-0\">\n                                            <svg t=\"1719390642749\" class=\"icon h-4 w-4\" viewbox=\"0 0 1024 1024\"\n                                                 version=\"1.1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" p-id=\"5288\"\n                                                 id=\"mx_n_1719390642749\" width=\"48\" height=\"48\">\n                                                <path d=\"M159.405 462.713l218.634 218.634L859.54 196.055l94.784 94.151-580.076 583.236L69.676 568.87l89.729-106.157z\"\n                                                      p-id=\"5289\" fill=\"#16C4AF\"><\/path>\n                                            <\/svg>\n                                        <\/span>\n                                        <span v-if=\"isNumber(product.emergency_medical_evacuation)\"\n                                              class=\"ml-3 text-xs leading-4 tracking-wider text-zinc-900 font-bold\">\n                                            {{emergency_medical_evacuation}} \u2014 {{product.emergency_medical_evacuation}}\n                                        <\/span>\n                                        <span v-else class=\"ml-3 text-xs leading-4 tracking-wider text-zinc-900\">\n                                            {{emergency_medical_evacuation}} \u2014 {{product.emergency_medical_evacuation}}\n                                        <\/span>\n                                    <\/div>\n                                    <!--Accidental Death -->\n                                    <div v-if=\"product.accidental_death\" class=\"px-5 mt-2 flex justify-start\"\n                                         :title=\"getTooltipText('accidental_death')\">\n                                        <span class=\"flex-shrink-0\">\n                                            <svg t=\"1719390642749\" class=\"icon h-4 w-4\" viewbox=\"0 0 1024 1024\"\n                                                 version=\"1.1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" p-id=\"5288\"\n                                                 id=\"mx_n_1719390642749\" width=\"48\" height=\"48\">\n                                                <path d=\"M159.405 462.713l218.634 218.634L859.54 196.055l94.784 94.151-580.076 583.236L69.676 568.87l89.729-106.157z\"\n                                                      p-id=\"5289\" fill=\"#16C4AF\"><\/path>\n                                            <\/svg>\n                                        <\/span>\n                                        <span class=\"ml-3 text-xs leading-4 tracking-wider text-zinc-900\">{{accidental_death}} \u2014\u2014\n                                            {{ product.accidental_death ? product.accidental_death : '' }}\n                                        <\/span>\n                                    <\/div>\n                                    <!--Repatriation of mortal remains -->\n                                    <div v-if=\"product.repatriation_of_mortal_remains\"\n                                         class=\"px-5 mt-2 flex justify-start\"\n                                         :title=\"getTooltipText('repatriation_of_mortal_remains')\">\n                                        <span class=\"flex-shrink-0\">\n                                            <svg t=\"1719390642749\" class=\"icon h-4 w-4\" viewbox=\"0 0 1024 1024\"\n                                                 version=\"1.1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" p-id=\"5288\"\n                                                 id=\"mx_n_1719390642749\" width=\"48\" height=\"48\">\n                                                <path d=\"M159.405 462.713l218.634 218.634L859.54 196.055l94.784 94.151-580.076 583.236L69.676 568.87l89.729-106.157z\"\n                                                      p-id=\"5289\" fill=\"#16C4AF\"><\/path>\n                                            <\/svg>\n                                        <\/span>\n                                        <span class=\"ml-3 text-xs leading-4 tracking-wider text-zinc-900\">\n                                            {{ repatriation_of_mortal_remains }} \u2014 {{ product.repatriation_of_mortal_remains }}\n                                        <\/span>\n                                    <\/div>\n                                    <!--Coverage -->\n                                    <div v-if=\"product.coverage\" class=\"px-5 mt-2 flex justify-start\"\n                                         :title=\"getTooltipText('coverage')\">\n                                        <span class=\"flex-shrink-0\">\n                                            <svg t=\"1719390642749\" class=\"icon h-4 w-4\" viewbox=\"0 0 1024 1024\"\n                                                 version=\"1.1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" p-id=\"5288\"\n                                                 id=\"mx_n_1719390642749\" width=\"48\" height=\"48\">\n                                                <path d=\"M159.405 462.713l218.634 218.634L859.54 196.055l94.784 94.151-580.076 583.236L69.676 568.87l89.729-106.157z\"\n                                                      p-id=\"5289\" fill=\"#16C4AF\"><\/path>\n                                            <\/svg>\n                                        <\/span>\n                                        <span class=\"ml-3 text-xs leading-4 tracking-wider text-zinc-900\">{{coverage}} \u2014\n                                            {{ product.coverage ? product.coverage : '' }}\n                                        <\/span>\n                                    <\/div>\n                                    <!--Network-->\n                                    <div v-if=\"product.network\" class=\"px-5 mt-2 flex justify-start\"\n                                         :title=\"getTooltipText('network')\">\n                                        <span class=\"flex-shrink-0\">\n                                            <svg t=\"1719390642749\" class=\"icon h-4 w-4\" viewbox=\"0 0 1024 1024\"\n                                                 version=\"1.1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" p-id=\"5288\"\n                                                 id=\"mx_n_1719390642749\" width=\"48\" height=\"48\">\n                                                <path d=\"M159.405 462.713l218.634 218.634L859.54 196.055l94.784 94.151-580.076 583.236L69.676 568.87l89.729-106.157z\"\n                                                      p-id=\"5289\" fill=\"#16C4AF\"><\/path>\n                                            <\/svg>\n                                        <\/span>\n                                        <span class=\"px-3 text-xs leading-4 tracking-wider text-zinc-900\">{{network}} \u2014\n                                            <a v-if=\"product.network === 'UnitedHealthcare'\"\n                                               href=\"https:\/\/connect.werally.com\/guest\/eyJkZWxzeXMiOiIwMSIsInBsYW5OYW1lIjoiT3B0aW9ucyBQUE8ifQVLFsGPr47EfrRoLy_tUboAapKh8zyHMxof6WugRzNUU\"\n                                               target=\"_blank\" rel=\"noopener noreferrer\"\n                                               class=\"no-underline text-blue-500\">{{ product.network }}<\/a>\n                                            <a v-else-if=\"product.network === 'UnitedHealthcare PPO'\"\n                                               href=\"https:\/\/connect.werally.com\/guest\/eyJkZWxzeXMiOiIwMSIsInBsYW5OYW1lIjoiT3B0aW9ucyBQUE8ifQVLFsGPr47EfrRoLy_tUboAapKh8zyHMxof6WugRzNUU\"\n                                               target=\"_blank\" rel=\"noopener noreferrer\"\n                                               class=\"no-underline text-blue-500\">{{ product.network }}<\/a>\n                                            <a v-else-if=\"product.network === 'Aetna'\"\n                                               href=\"https:\/\/www.aetna.com\/dsepublic\/#\/contentPage?page=providerSearchLanding&site_id=passport\"\n                                               target=\"_blank\" rel=\"noopener noreferrer\"\n                                               class=\"no-underline text-blue-500\">{{ product.network }}<\/a>\n                                            <span v-else>{{ product.network || '' }}<\/span>\n                                        <\/span>\n                                    <\/div>\n                                    <!-- \u8981\u6298\u53e0\u83b7\u53d6\u5f97\u6309\u94ae-->\n                                    <!-- \"View less\" \u6309\u94ae -->\n                                    <a v-show=\"!isCollapsed\"\n                                       class=\"custom-link inline-block w-full rounded-lg px-4 py-2.5 text-center text-black text-lg leading-5 mt-2\"\n                                       style=\"text-decoration: auto;\" @click=\"toggleCollapse(index)\">\n                                        {{view_less}} <span class=\"arrow-icon\"\n                                                            :class=\"{ &quot;arrow-rotated&quot;: !isCollapsed }\"><\/span>\n                                    <\/a>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                <!-- \u63d0\u793a-->\n                <!--                <p class=\"sc md:mt-10 mt-4 pl-4 text-zinc-900 text-[16px]\">*{{ hint }}<\/p>-->\n            <\/div>\n        <\/div>\n    <\/div>\n    <!---\u63d0\u793a\u6846\u5f00\u59cb-->\n    <transition name=\"fade\" v-cloak>\n        <div v-show=\"point\" v-cloak class=\"fixed inset-x-0 top-0  md:max-h-32 max-h-28 rounded-lg z-[100]\">\n            <div class=\"bg-green-700\">\n                <div class=\"mx-auto max-w-7xl py-3 px-3 sm:px-6 lg:px-8\">\n                    <div class=\"flex flex-col items-center justify-between lg:flex-row lg:justify-center\">\n                        <div class=\"flex flex-1 items-center justify-center w-full\">\n                            <span class=\"ml-3 text-center font-medium text-white\">\n                                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewbox=\"0 0 24 24\" stroke-width=\"2\"\n                                     stroke=\"currentColor\" aria-hidden=\"true\" class=\"mr-2 hidden h-6 w-6 lg:inline\">\n                                    <path stroke-linecap=\"round\" stroke-linejoin=\"round\"\n                                          d=\"M11 5.882V19.24a1.76 1.76 0 01-3.417.592l-2.147-6.15M18 13a3 3 0 100-6M5.436 13.683A4.001 4.001 0 017 6h1.832c4.1 0 7.625-1.234 9.168-3v14c-1.543-1.766-5.067-3-9.168-3H7a3.988 3.988 0 01-1.564-.317z\">\n                                    <\/path>\n                                <\/svg>\n                            <\/span>\n                            <span class=\"md:text-lg  justify-center text-sm text-white\">\n                                {{message}}\n                            <\/span>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/transition>\n    <!--select\u63d0\u793a\u5f39\u7a97\u5f00\u59cb-->\n    <div v-show=\"is_select\" v-cloak\n class=\"fixed inset-0 p-4 flex flex-wrap justify-center items-center w-full h-full z-[1000] before:fixed before:inset-0 before:w-full before:h-full before:bg-[rgba(0,0,0,0.5)] overflow-auto font-[sans-serif]\">\n        <div class=\"w-full md:max-w-md max-w-sm bg-white shadow-lg rounded-lg p-6 relative mx-auto text-center\">\n            <img decoding=\"async\" src=\"\/wp-content\/static\/home\/button\/tishi1.svg\"\n                 class=\"w-32 h-auto absolute left-1\/2 top-0 -translate-x-1\/2 -translate-y-1\/2\">\n            <div @click=\"close_select\">\n                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\n                     class=\"w-3.5 cursor-pointer shrink-0 fill-gray-800 hover:fill-red-500 float-right\"\n                     viewbox=\"0 0 320.591 320.591\">\n                    <path\n                            d=\"M30.391 318.583a30.37 30.37 0 0 1-21.56-7.288c-11.774-11.844-11.774-30.973 0-42.817L266.643 10.665c12.246-11.459 31.462-10.822 42.921 1.424 10.362 11.074 10.966 28.095 1.414 39.875L51.647 311.295a30.366 30.366 0 0 1-21.256 7.288z\"\n                            data-original=\"#000000\"><\/path>\n                    <path\n                            d=\"M287.9 318.583a30.37 30.37 0 0 1-21.257-8.806L8.83 51.963C-2.078 39.225-.595 20.055 12.143 9.146c11.369-9.736 28.136-9.736 39.504 0l259.331 257.813c12.243 11.462 12.876 30.679 1.414 42.922-.456.487-.927.958-1.414 1.414a30.368 30.368 0 0 1-23.078 7.288z\"\n                            data-original=\"#000000\"><\/path>\n                <\/svg>\n            <\/div>\n            <div v-cloak class=\"max-w-xl mt-12 mx-auto justify-center\">\n                <div v-cloak class=\"text-center schoole_name md:text-2xl text-lg\" style=\"font-weight:800\">\n                    {{select_modal.title}}\n                <\/div>\n                <div v-cloak class=\"px-8 md:mt-4 leading-5\">\n                    <span class=\"block sc text-start  md:text-[16px] text-[14px]\">{{select_modal.title_one}}<\/span>\n                    <span class=\"block sc text-start md:text-[16px] mt-1 text-[14px]\">{{select_modal.title_two}}<\/span>\n                <\/div>\n                <!--\u5b66\u6821\u540d\u79f0 \u4fdd\u9669\u65f6\u95f4-->\n                <div v-if=\"school_waive.coverage_start_date\" class=\"relative inline-block mt-8\">\n                    <img decoding=\"async\" src=\"\/wp-content\/static\/home\/button\/beijing2.svg\"\n                         class=\"w-56 h-auto absolute left-1\/2 top-10 -translate-x-1\/2 -translate-y-1\/2\">\n                    <div class=\"px-8 relative\">\n                        <span v-if=\"schoole\"\n                              class=\"block text-center sc md:text-[16px] text-[12px] text-[#000000] font-bold\">{{ schoole }}<\/span>\n                        <span class=\"block mt-2 text-center sc md:text-[16px] text-[14px] text-[#000000]\">{{select_modal.baoxian_start }}<\/span>\n                        <span v-if=\"school_waive.coverage_start_date\"\n                              class=\"block mt-1 text-center sc md:text-[16px] leading-5 text-[14px] text-[#000000] font-bold\">{{ school_waive.coverage_start_date }}<\/span>\n                    <\/div>\n                <\/div>\n                <div v-if=\"is_code\"\n                     class=\"flex flex-col justify-center md:mt-4 mt-8 max-w-md mx-auto px-8 space-y-4 font-[sans-serif] text-[#838383]\"\n                     style=\"position: relative; z-index: 50;\">\n                    <div>\n                        <input type='email' v-model=\"code_from.email\"\n                               :placeholder=\"select_modal.email\"\n                               :style=\"emailInputStyle\"\n                               class=\"px-4 py-2 text-sm sc  bg-['F0F7FF'] border  w-full outline-blue-500\"\n                               style=\"border-radius:0.7rem;padding:0.5rem;\"\/>\n                    <\/div>\n                    <div class=\"relative\">\n                        <input type='text' v-model=\"code_from.code\"\n                               :placeholder=\"select_modal.referral_code\"\n                               :disabled=\"!isEmailValid\"\n                               class=\"px-4 py-2 text-sm sc bg-['F0F7FF'] border border-blue-400 w-full outline-blue-500\"\n                               style=\"border-radius:0.7rem;padding:0.5rem;background-color:#F0F7FF\"\/>\n                        <!--\u63d0\u793a\u9519\u8bef\u4fe1\u606f-->\n                        <span class=\"absolute right-2 top-12 transform -translate-y-1\/2 text-red-500 font-bold text-xs subtitle\">\n                            {{ code_validationMessage }}\n                        <\/span>\n                    <\/div>\n                <\/div>\n                <!--\u63a8\u8350\u7801-->\n                <div v-else class=\"flex justify-end px-11 md:mt-4 mt-2\" style=\"position: relative; z-index: 50;\">\n                    <div class=\"text-sm\">\n                        <a @click=\"code_modal\" class=\"font-semibold cursor-pointer\"\n                           style=\"color:#3962b4;font-size:0.8rem\">\n                            {{select_modal.referral_code}}\n                        <\/a>\n                    <\/div>\n                <\/div>\n                <div class=\"mt-8 px-8\">\n                    <div class=\"!mt-8\">\n                        <button type=\"button\" @click=\"select_pay\"\n                                class=\"w-full py-4 px-4 text-sm font-semibold rounded text-white focus:outline-none\"\n                                style=\"background-color:#242424\">\n                            {{ select_modal.submit }}\n                        <\/button>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n    <!--select_code\u63d0\u793a\u5f39\u7a97\u5f00\u59cb-->\n    <div v-show=\"select_code\" v-cloak\n class=\"fixed inset-0 px-4 flex flex-wrap justify-center items-center w-full h-full z-[1000] before:fixed before:inset-0 before:w-full before:h-full before:bg-[rgba(0,0,0,0.5)] overflow-auto font-[sans-serif]\">\n        <div class=\"w-full max-w-md bg-white shadow-lg rounded-lg p-6 relative mx-auto text-center\">\n            <div @click=\"close_select_code\">\n                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\n                     class=\"w-3.5 cursor-pointer shrink-0 fill-gray-400 hover:fill-red-500 float-right\"\n                     viewbox=\"0 0 320.591 320.591\">\n                    <path\n                            d=\"M30.391 318.583a30.37 30.37 0 0 1-21.56-7.288c-11.774-11.844-11.774-30.973 0-42.817L266.643 10.665c12.246-11.459 31.462-10.822 42.921 1.424 10.362 11.074 10.966 28.095 1.414 39.875L51.647 311.295a30.366 30.366 0 0 1-21.256 7.288z\"\n                            data-original=\"#000000\"><\/path>\n                    <path\n                            d=\"M287.9 318.583a30.37 30.37 0 0 1-21.257-8.806L8.83 51.963C-2.078 39.225-.595 20.055 12.143 9.146c11.369-9.736 28.136-9.736 39.504 0l259.331 257.813c12.243 11.462 12.876 30.679 1.414 42.922-.456.487-.927.958-1.414 1.414a30.368 30.368 0 0 1-23.078 7.288z\"\n                            data-original=\"#000000\"><\/path>\n                <\/svg>\n            <\/div>\n\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\n                 class=\"w-20 h-20 fill-[#ffd146] absolute left-1\/2 top-0 -translate-x-1\/2 -translate-y-1\/2\"\n                 viewbox=\"0 0 60 60\">\n                <circle cx=\"30\" cy=\"30\" r=\"29\" data-original=\"#5edd60\"\/>\n                <path fill=\"#fff\"\n                      d=\"m24.262 42.07-6.8-6.642a1.534 1.534 0 0 1 0-2.2l2.255-2.2a1.621 1.621 0 0 1 2.256 0l4.048 3.957 11.353-17.26a1.617 1.617 0 0 1 2.2-.468l2.684 1.686a1.537 1.537 0 0 1 .479 2.154L29.294 41.541a3.3 3.3 0 0 1-5.032.529z\"\n                      data-original=\"#ffffff\"\/>\n            <\/svg>\n            <div class=\"mt-12\">\n                <h3 class=\"text-gray-800 text-2xl font-bold flex-1 cards\">{{ codeText.title }}<\/h3>\n                <span class=\"text-sm text-black mt-3 cards\">{{ codeText.subtitle }}<\/span>\n                <div class=\"mt-8 mb-4\">\n                    <div class=\"w-full rounded-lg overflow-hidden border border-gray-300 flex items-center mt-4\">\n                        <span class=\"text-base text-black flex-1 ml-4 font-bold cards\">{{ vip_code }}<\/span>\n                        <button class=\"bg-blue-600  flex items-center py-3 text-sm text-white\"\n                                :class=\"{'space-x-2 px-6':!copied,'space-x-3 px-4':copied  }\" @click=\"copy_link\"\n                                style=\"background-color:#ff8555;box-shadow:none!important;\">\n                            <span class=\"cards\">{{ copied ? copiedText : copyTextLabel }}<\/span>\n                            <img decoding=\"async\" v-if=\"copied\" src=\"\/wp-content\/static\/home\/button\/duigou.png\" alt=\"copied\"\n                                 class=\"w-4 h-4\">\n                        <\/button>\n                    <\/div>\n                <\/div>\n                <img decoding=\"async\" style=\"width:50%;margin:0 auto;\" src=\"\/wp-content\/static\/home\/Product\/school\/other.png\" alt=\"\">\n            <\/div>\n        <\/div>\n    <\/div>\n    <!-- \u95ee\u9898 -->\n    <div v-if=\"questionsArray.length\" class=\"questions\" v-cloak style=\"user-select: none\">\n        <div v-if=\"questionsArray\" v-cloak class=\"question2\">\n            <h2 v-cloak :style=\"lang==='zh' ? {fontFamily: 'PingFang SC-Bold'} : {fontFamily: 'Archivo Black-Regular'}\">\n                {{Morequestions}}<\/h2>\n        <\/div>\n        <div v-cloak class=\"questions2\">\n            <div v-cloak v-for=\"(items,index) in questions\" :key=\"index\" class=\"questions21\" @click=\"getpShow1(index)\">\n                <div v-cloak class=\"question1\">\n                    <div class=\"question12\">\n                        <span>Q{{index + 1}}<\/span>\n                        <h5 style=\"user-select: none\">{{items.title}}<\/h5>\n                    <\/div>\n                    <img decoding=\"async\" style=\"user-select: none\" src=\"\/wp-content\/themes\/astra\/imgs\/index\/Frame.png\" alt=\"\">\n                <\/div>\n\n                <div v-cloak :style=\"{ height: pShow1[index] ? contentHeight1[index] : '0px' }\"\n                     class=\"content-wrapper1\"><p v-html=\"items.content\"><\/p><\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n    <!--\u767b\u5f55\u5f39\u7a97-->\n    <div v-if=\"is_login\" v-cloak\n class=\"fixed inset-0 p-4 flex flex-wrap justify-center items-center w-full h-full z-[1000] before:fixed before:inset-0 before:w-full before:h-full before:bg-[rgba(0,0,0,0.5)] overflow-auto font-[sans-serif]\">\n        <div class=\"w-full max-w-xl bg-white shadow-lg rounded-md p-8 relative\">\n            <div @click=\"close_login\">\n                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\n                     class=\"w-3.5 cursor-pointer shrink-0 fill-gray-800 hover:fill-red-500 float-right\"\n                     viewbox=\"0 0 320.591 320.591\">\n                    <path\n                            d=\"M30.391 318.583a30.37 30.37 0 0 1-21.56-7.288c-11.774-11.844-11.774-30.973 0-42.817L266.643 10.665c12.246-11.459 31.462-10.822 42.921 1.424 10.362 11.074 10.966 28.095 1.414 39.875L51.647 311.295a30.366 30.366 0 0 1-21.256 7.288z\"\n                            data-original=\"#000000\"><\/path>\n                    <path\n                            d=\"M287.9 318.583a30.37 30.37 0 0 1-21.257-8.806L8.83 51.963C-2.078 39.225-.595 20.055 12.143 9.146c11.369-9.736 28.136-9.736 39.504 0l259.331 257.813c12.243 11.462 12.876 30.679 1.414 42.922-.456.487-.927.958-1.414 1.414a30.368 30.368 0 0 1-23.078 7.288z\"\n                            data-original=\"#000000\"><\/path>\n                <\/svg>\n            <\/div>\n            <form class=\"max-w-xl mx-auto justify-center\" v-cloak @submit.prevent=\"handleSubmit\" action=\"\">\n                <h3 class=\"text-center md:text-base text-sm\" style=\"font-weight:800\">{{ login_title }}<\/h3>\n                <div class=\"relative h-auto\">\n                    <img decoding=\"async\" src=\"\/wp-content\/static\/Vector260.svg\" alt=\"Background\"\n                         :class=\"{'left-1\/2':lang==='zh','left-1\/3':lang==='en'}\"\n                         class=\"w-13 h-auto absolute top-6  transform -translate-x-1\/3 -translate-y-1\/3\">\n                    <h3 class=\"text-center\" style=\"color:#000000;font-size:19px;font-weight:500\">{{ login_subtitle\n                        }}<\/h3>\n                <\/div>\n                <div class=\"mt-8 px-8\">\n                    <div class=\"space-y-4\">\n                        <div>\n                            <input v-model=\"loginform.email\" name=\"email\" @input=\"email_validateField\"\n                                   autocomplete=\"email\" type=\"email\" required\n class=\"bg-gray-100 w-full text-sm text-gray-800 px-4 py-3.5 rounded-md outline-blue-600 focus:bg-transparent\"\n                                   placeholder=\"Email\"\/>\n                        <\/div>\n                        <span class=\"text-red-500 font-bold text-xs mt-1 ml-2\"\n                              v-if=\"login_from_error.emailMessage\">{{ login_from_error.emailMessage }}<\/span>\n                        <span class=\"text-red-500 font-bold text-xs mt-1 ml-2\"\n                              v-if=\"login_from_error.errorMessage\">{{ login_from_error.errorMessage }}<\/span>\n                        <div v-if=\"emailSubmitted\">\n                            <input v-model=\"loginform.password\" name=\"password\" type=\"password\"\n                                   autocomplete=\"current-password\" required\n class=\"bg-gray-100 w-full text-sm text-gray-800 px-4 py-3.5 rounded-md outline-blue-600 focus:bg-transparent\"\n                                   placeholder=\"Password\"\/>\n                        <\/div>\n                        <div v-if=\"emailSubmitted\" class=\"flex flex-wrap items-center justify-between gap-4\">\n                            <div class=\"flex items-center\">\n                            <\/div>\n                            <div class=\"text-sm\">\n                                <a href=\"\/forget-password\/\" class=\"font-semibold\" style=\"color:#1558DA;font-size:14px\">\n                                    {{ login_forget_password }}\n                                <\/a>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                    <div class=\"!mt-8\">\n                        <button type=\"submit\"\n                                class=\"w-full shadow-xl py-4 px-4 text-sm font-semibold rounded text-white focus:outline-none\"\n                                style=\"background-color:#242424\">\n                            {{ emailSubmitted ? login_submit_password : login_submit }}\n                        <\/button>\n                    <\/div>\n                <\/div>\n            <input type=\"hidden\" name=\"trp-form-language\" value=\"zh\"\/><\/form>\n        <\/div>\n    <\/div>\n\n<\/div>\n\n<script>\n    const {\n        createApp,\n        ref,\n        computed,\n        nextTick,\n        onMounted,\n        watch,\n        reactive,\n        watchEffect\n    } = Vue;\n    const {ElMessage} = ElementPlus;  \/\/ \u5f15\u5165 Element Plus \u7684 Message\n    createApp({\n        setup() {\n            const api_email_exist = 'https:\/\/agent.goglobalsafe.com\/api\/v1\/student\/email\/email_exist'\n            const api_early_bird = 'https:\/\/agent.goglobalsafe.com\/api\/v1\/early\/sendEarlyBird'\n            const api_login = 'https:\/\/agent.goglobalsafe.com\/api\/v1\/student\/user\/login';\n            const messages = {\n                en: {\n                    emailInvalid: 'Invalid email format',\n                },\n                zh: {\n                    emailInvalid: '\u7535\u5b50\u90ae\u4ef6\u683c\u5f0f\u65e0\u6548',\n                }\n            };\n            const loading2 = ref(false)\n\n            const emailSubmitted = ref(false)\n            const age_number = reactive({\n                min: 17,\n                max: 45\n            })\n            const selectedAge = ref(age_number.min)\n            \/\/\u66f4\u65b0\u586b\u5145\u6846\n            const updateTrackStyle = (event) => {\n                const range = event.target;\n                const value = ((range.value - range.min) \/ (range.max - range.min)) * 100;\n                range.style.setProperty('--range-progress', `${value}%`);\n            }\n            \/\/ \u8f68\u9053\u6307\u793a\u5668\u7684\u4f4d\u7f6e\n            const indicatorPosition = computed(() => {\n                const percentage = ((selectedAge.value - age_number.min) \/ (age_number.max - age_number.min)) * 100;\n                \/\/ \u521d\u59cb\u503c\u548c\u7ec8\u70b9\u7684\u504f\u79fb\u91cf\n                return `${percentage}%`;\n            });\n            const time = reactive({\n                days: '00',\n                hours: '00',\n                minutes: '00',\n                seconds: '00',\n            })\n            \/\/\u9a8c\u8bc1\u90ae\u4ef6\u683c\u5f0f\n            const email_validateField = () => {\n                \/\/ \u90ae\u4ef6\u683c\u5f0f\u7684\u6b63\u5219\u8868\u8fbe\u5f0f\n                const emailPattern = \/^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$\/;\n                if (!emailPattern.test(loginform.value.email)) {\n                    login_from_error.emailMessage = messages[lang].emailInvalid;\n                    return false\n                }\n                login_from_error.emailMessage = '';\n                return true\n            }\n\n            \/\/\u5224\u65ad\u5f53\u524d\u8bed\u8a00\n            \/\/\u5224\u65ad\u5f53\u524d\u662f\u4e2d\u6587\u8fd8\u662f\u82f1\u6587\n            const path = window.location.pathname;\n            const lang = path.includes('\/zh') ? 'zh' : 'en';\n            const translateXOffset = computed(() => {\n                \/\/ console.log(selectedAge.value);\n                if (selectedAge.value === '25') {\n                    return 32; \/\/ Adjust this value as needed\n                } else if (selectedAge.value === '26') {\n                    return 34; \/\/ Adjust this value as needed\n                } else if (selectedAge.value === '27') {\n                    return 40; \/\/ Adjust this value as needed\n                } else if (selectedAge.value === '28') {\n                    return 40; \/\/ Adjust this value as needed\n                } else if (selectedAge.value === '29') {\n                    return 42; \/\/ Adjust this value as needed\n                } else if (selectedAge.value === '30') {\n                    return 46; \/\/ Adjust this value as needed\n                } else if (selectedAge.value === '31') {\n                    return 52; \/\/ Adjust this value as needed\n                } else if (selectedAge.value === '32') {\n                    return 58; \/\/ Adjust this value as needed\n                } else if (selectedAge.value === '33') {\n                    return 64; \/\/ Adjust this value as needed\n                } else if (selectedAge.value === '34') {\n                    return 70; \/\/ Adjust this value as needed\n                } else if (selectedAge.value === '35') {\n                    return 74; \/\/ Adjust this value as needed\n                } else if (selectedAge.value === '36') {\n                    return 74; \/\/ Adjust this value as needed\n                } else if (selectedAge.value === '37') {\n                    return 74; \/\/ Adjust this value as needed\n                } else if (selectedAge.value === '38') {\n                    return 74; \/\/ Adjust this value as needed\n                } else if (selectedAge.value === '39') {\n                    return 75; \/\/ Adjust this value as needed\n                } else if (selectedAge.value === '40') {\n                    return 76; \/\/ Adjust this value as needed\n                } else if (selectedAge.value === '41') {\n                    return 76; \/\/ Adjust this value as needed\n                } else if (selectedAge.value === '42') {\n                    return 76; \/\/ Adjust this value as needed\n                } else if (selectedAge.value === '43') {\n                    return 77; \/\/ Adjust this value as needed\n                } else if (selectedAge.value === '44') {\n                    return 78; \/\/ Adjust this value as needed\n                } else if (selectedAge.value === '45') {\n                    return 82; \/\/ Adjust this value as needed\n                } else {\n                    return 20;\n                }\n            })\n            \/\/\u633d\u7559\u5f39\u7a97\n            const retention_popup = reactive({\n                title: lang === 'zh' ? '\u771f\u7684\u4e0d\u8981 $30 \u661f\u5df4\u514b\u795e\u5238\u4e86\u5417\uff1f' : \"Don't miss your $30 Starbucks Coupon\uff01\",\n                commit: lang === 'zh' ? '\u6682\u4e0d\u9700\u8981' : 'Maybe Later',\n                cancel: lang === 'zh' ? '\u7acb\u5373\u9886\u5238' : 'Claim Now',\n                commit_img: lang === 'zh' ? '\/wp-content\/static\/home\/Product\/waive\/wanliu\/zh\/cancel.png' : '\/wp-content\/static\/home\/Product\/waive\/wanliu\/en\/cancel.png',\n                cancel_img: lang === 'zh' ? '\/wp-content\/static\/home\/Product\/waive\/wanliu\/zh\/commit.png' : '\/wp-content\/static\/home\/Product\/waive\/wanliu\/en\/commit.png',\n                emoji_img: '\/wp-content\/static\/home\/Product\/waive\/wanliu\/en\/wanliu.gif',\n                wanliu_img: lang === 'zh' ? '\/wp-content\/static\/home\/Product\/waive\/wanliu\/zh\/content.png' : '\/wp-content\/static\/home\/Product\/waive\/wanliu\/en\/content.png',\n            })\n            \/\/\u6ed1\u52a8\u5e74\u9f84\u8ba1\u7b97\u4ef7\u683c\n            const updateAgePrice = (event) => {\n                selectedAge.value = event.target.value;\n                updateTrackStyle(event);\n            }\n            \/\/\u521d\u59cb\u5316\u8fdb\u5ea6\u6761\n            const initializeProgress = () => {\n                const range = document.getElementById('ageRange');\n                if (range) {\n                    updateTrackStyle({\n                        target: range\n                    });\n                }\n            };\n            \/\/\u5f53\u524d\u590d\u5236\u72b6\u6001\u9ed8\u8ba4\u672a\u590d\u5236\u72b6\u6001\n            const copied = ref(false);\n            \/\/\u8fd4\u56de\u6807\u9898code\n            const codeText = reactive({\n                title: lang === 'zh' ? '\u4f60\u7684\u63a8\u8350\u7801' : 'Your Code',\n                copy: lang === 'zh' ? '\u590d\u5236' : 'Copy',\n                subtitle: lang === 'zh' ? '\u53d1\u9001\u7ed9\u597d\u53cb\uff0c\u9080\u8bf7\u53c2\u4e0e\u6d3b\u52a8\u4e00\u8d77\u83b7\u5f97\u5956\u52b1\u5427\uff01' : 'Send it to your friends , invite them to earn rewards together!'\n            })\n            const copyTextLabel = computed(() => (lang === 'zh' ? '\u590d\u5236' : 'Copy'))\n            const copiedText = computed(() => (lang === 'zh' ? '\u5df2\u590d\u5236' : 'copied'))\n            const jiehuoSrc = computed(() => {\n                console.log(school_id.value);\n                const images = {\n                    1725: '\/wp-content\/static\/home\/Product\/school\/1725.jpg',\n                    662: '\/wp-content\/static\/home\/Product\/school\/662.jpg',\n                    163: '\/wp-content\/static\/home\/Product\/school\/163.jpg'\n                };\n                return images[school_id.value] || '\/wp-content\/static\/home\/Product\/school\/other.png';\n            })\n\n            \/\/\u590d\u5236\u6309\u94ae\n            const copy_link = async () => {\n                const link = vip_code.value;\n                if (navigator.clipboard && navigator.clipboard.writeText) {\n                    \/\/ \u73b0\u4ee3\u6d4f\u89c8\u5668\u65b9\u6cd5\n                    navigator.clipboard.writeText(link).then(() => {\n                        console.log('\u94fe\u63a5\u5df2\u590d\u5236: ', vip_code.value);\n                    }).catch(err => {\n                        console.error('\u590d\u5236\u5931\u8d25: ', err);\n                        \/\/ alert('\u590d\u5236\u5931\u8d25\uff0c\u8bf7\u624b\u52a8\u590d\u5236\u94fe\u63a5');\n                    });\n                } else {\n                    \/\/ \u517c\u5bb9\u65e7\u7248\u6d4f\u89c8\u5668\u7684\u89e3\u51b3\u65b9\u6848\n                    const textarea = document.createElement('textarea');\n                    textarea.value = link;\n                    textarea.style.position = 'fixed'; \/\/ \u9632\u6b62\u9875\u9762\u6eda\u52a8\n                    document.body.appendChild(textarea);\n                    textarea.focus();\n                    textarea.select();\n                }\n                try {\n                    const successful = document.execCommand('copy');\n                    if (successful) {\n                        console.log('\u94fe\u63a5\u5df2\u590d\u5236: ', vip_code.value);\n                        copied.value = true\n                        setTimeout(() => {\n                            copied.value = false;\n                        }, 3000);\n                        \/\/ alert('\u94fe\u63a5\u5df2\u590d\u5236');\n                    } else {\n                        alert('\u590d\u5236\u5931\u8d25\uff0c\u8bf7\u624b\u52a8\u590d\u5236\u94fe\u63a5');\n                        \/\/ success_modal.value = false;\n                        \/\/ alert('\u590d\u5236\u5931\u8d25\uff0c\u8bf7\u624b\u52a8\u590d\u5236\u94fe\u63a5');\n                    }\n                } catch (err) {\n                    console.error('\u590d\u5236\u5931\u8d25: ', err);\n                    alert('\u590d\u5236\u5931\u8d25\uff0c\u8bf7\u624b\u52a8\u590d\u5236\u94fe\u63a5');\n                }\n            }\n            \/\/http::\/\/baoxian.io https:\/\/agent.goglobalsafe.com\n            const api_url = \"https:\/\/agent.goglobalsafe.com\/api\/v1\/insurance\/baoxian\/\" \/\/\u4e0a\u7ebf\u66ff\u6362\u4e3a\u751f\u4ea7\u7684 API \u5730\u5740\n            \/\/ const api_url = \"https:\/\/agent.goglobalsafe.com\/api\/v1\/insurance\/baoxian\/\" \/\/\u4e0a\u7ebf\u66ff\u6362\u4e3a\u751f\u4ea7\u7684 API \u5730\u5740\n            const ceshi_url = 'https:\/\/agent.goglobalsafe.com\/api\/v1\/insurance\/baoxian'\n            const renew_url = 'https:\/\/agent.goglobalsafe.com\/api\/v1\/Enrollment\/renewEmail'\n            const searchParams = new URLSearchParams(window.location.search);\n            \/\/ \u83b7\u53d6 school_id \u53c2\u6570\n            const school_id = ref(searchParams.get('school_id') ? searchParams.get('school_id').split('\/')[0] : null);\n            const school_slug = ref('')\n            const renewEmail = ref(searchParams.get('renew') ? searchParams.get('renew') : '');\n            \/\/ \u68c0\u67e5 URL \u540e\u7f00\u662f\u5426\u6709 aff25tripalink\n            if (window.location.href.includes('?aff25tripalink')) {\n                \/\/ \u5b58\u50a8\u5230 localStorage\n                console.log('\u67e5\u8be2\u5230\u4e86tripalink')\n                localStorage.setItem('tripalink', 'aff25tripalink');\n            }\n            \/\/switch\u5f00\u5173\n            const switch_status = ref(true)\n            const is_code = ref(false);\n            const products = ref([]);\n            const hover = ref(false);\n            const schoole = ref();\n            const isCollapsed = ref();\n            const hoverText = ref({\n                help: ''\n            });\n            const loading = ref(true)\n            const school_waive = ref('');\n            const point = ref(false);\n            const product_result = ref(false)\n            const hoverIndex = ref('')\n            const productIndex = ref('')\n            const message = ref();\n            const showAlert = ref(false);\n            const showAlertMessage = ref('')\n            const schoole_price = ref() \/\/\u5b66\u6821\u901a\u7528\u4ef7\u683c\n            const undergraduate_price = ref() \/\/\u5b66\u6821\u672c\u79d1\u4ef7\u683c\n            const graduate_price = ref() \/\/\u535a\u58eb\u751f\u4ef7\u683c\n            const min_price = ref(); \/\/\u5361\u7247\u6700\u5c0f\u4ef7\u683c\n            const hoveredProduct = ref('');\n            const is_select = ref(false);\n            const select_code = ref(false); \/\/\u81ea\u52a9\u7533\u8bf7\u63a8\u8350\u7801\u5f39\u7a97\n            const vip_code = ref(); \/\/\u81ea\u52a9\u7533\u8bf7code\u7801\n            const pay_link = ref('');\n\n            \/\/ \u8ba1\u7b97\u5e74\u4ef7\uff08\u8003\u8651\u7279\u6b8a\u4ea7\u54c1\uff09\n            const calculateAnnualPrice = (monthlyPrice, productName) => {\n                if (isSpecialProduct(productName)) {\n                    const dailyPrice = (monthlyPrice * 12) \/ 365;\n                    const roundedDaily = Math.round(dailyPrice * 100) \/ 100;\n                    return roundedDaily * 365;\n                } else if (isDaily(productName)) {\n                    \/\/\u7279\u6b8a\u516c\u5f0f\n                    const yeartotal = (monthlyPrice * 365);\n                    return Math.round(yeartotal * 100) \/ 100;\n                } else {\n                    return dailyPrice(monthlyPrice * 12);\n                }\n            };\n            const renewEmailApply = (email) => {\n                try {\n                    const response = window.apiClient.post(`${renew_url}`, {\n                        email: email,\n                    });\n                    console.log(response);\n                } catch (error) {\n                    console.log(error)\n                }\n            }\n            \/\/\u60ac\u6d6e\u5dee\u4ef7\n            const difference_price = computed(() => {\n                if (hoveredProduct.value) {\n                    return (schoole_price.value - getDisplayPrice(hoveredProduct.value, true)).toFixed(2);\n                } else {\n                    return (schoole_price.value - min_price.value).toFixed(2); \/\/\u6700\u540e\u5dee\u4ef7\n                }\n                \/\/ if (hoveredProduct.value) {\n                \/\/     const annualPrice = calculateAnnualPrice(\n                \/\/         hoveredProduct.value.monthly_price,\n                \/\/         hoveredProduct.value.name\n                \/\/     );\n                \/\/     return (schoole_price.value - annualPrice).toFixed(2);\n                \/\/ } else {\n                \/\/     return (schoole_price.value - min_price.value).toFixed(2); \/\/\u6700\u540e\u5dee\u4ef7\n                \/\/ }\n            })\n\n            \/\/\u4ea7\u54c1\u5c5e\u6027 \u60ac\u6d6e\u4e8b\u4ef6\n            \/\/\u8d2d\u4e70\u63d0\u793a\u5f39\u7a97\n            \/\/\u5173\u95ed\u5f39\u7a97\n            const close_select = () => {\n                is_select.value = false\n                pay_link.value = ''\n                is_code.value = false\n                code_from.email = ''\n                code_from.code = ''\n            }\n            const code_from = reactive({\n                email: '',\n                code: ''\n            });\n            \/\/\u63a5\u6536code\u7ed3\u679c\n            const code_validationMessage = ref();\n            \/\/\u9a8c\u8bc1email\u90ae\u7bb1\u683c\u5f0f\n            const isValidEmail = () => {\n                const emailPattern = \/^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$\/;\n                return emailPattern.test(code_from.email);\n            }\n            const emailInputStyle = computed(() => {\n                if (code_from.email !== null && isValidEmail()) {\n                    return {\n                        borderColor: '#63b3ed'\n                    }; \/\/ \u84dd\u8272\u8fb9\u6846\n                } else {\n                    return {\n                        borderColor: '#f56565'\n                    }; \/\/ \u7ea2\u8272\u8fb9\u6846\n                }\n            })\n            \/\/\u767b\u5f55\u8868\u5355\n            const is_login = ref(false)\n            const login_from_error = reactive({})\n            const loginform = ref({\n                email: '',\n                password: '',\n            })\n            const login_title = computed(() => (lang === 'zh' ? '\u51c6\u5907\u597d\u4e70\u4fdd\u9669\u4e86\u5417?' : 'Ready to buy insurance?'))\n            const login_subtitle = computed(() => (lang === 'zh' ? '\u8bf7\u8f93\u5165\u60a8\u7684\u7535\u5b50\u90ae\u7bb1' : 'Please enter your email'))\n            const login_forget_password = computed(() => (lang === 'zh' ? '\u5fd8\u8bb0\u5bc6\u7801\uff1f' : 'forget the password\uff1f'))\n            const login_submit = computed(() => (lang === 'zh' ? '\u5f00\u59cb\u4f7f\u7528' : 'Get started'))\n            const login_submit_password = computed(() => (lang === 'zh' ? '\u767b\u5f55' : 'Login'))\n            \/\/\u5173\u95ed\u767b\u5f55\u5f39\u7a97\n            const close_login = () => {\n                is_login.value = false\n                loading2.value = false\n                emailSubmitted.value = false\n                login_from_error.emailMessage = ''\n                login_from_error.errorMessage = ''\n                loginform.value.email = ''\n                loginform.value.password = ''\n            }\n            \/\/\u5b58\u50a8\u9009\u62e9\u540e\u8981\u4f20\u9012\u7684\u5bf9\u8c61\n            const selectedInsurance = reactive({\n                email: null\n            });\n            \/\/\u8df3\u8f6c\u8868\u5355\u903b\u8f91\n            const navigateToBuyPage = () => {\n                const query = new URLSearchParams(selectedInsurance).toString();\n                window.location.href = window.location.origin + \"\/us-enrollment?\" + query\n                \/\/ window.open(`\/vue-buy?${query}`, '_blank');\n                setTimeout(() => {\n                    loading2.value = false\n                }, 2000)\n            }\n            \/\/\u5224\u65ad\u5f53\u524d\u662f\u5426\u767b\u5f55\n            const isLoggedIn = () => {\n                return !!localStorage.getItem('student_token'); \/\/ Use double negation to convert to a boolean\n            };\n            \/\/\u63d0\u4ea4\u767b\u5f55\n            const handleSubmit = async () => {\n                selectedInsurance.email = loginform.value.email\n                if (!emailSubmitted.value && email_validateField()) {\n                    loading2.value = true\n                    \/\/\u90ae\u4ef6\u68c0\u67e5\n                    try {\n                        const response = await window.apiClient.post(api_email_exist, {\n                            email: loginform.value.email\n                        })\n                        console.log(response);\n                        const exists = !!response.data?.data?.exists;\n                        if (exists) {\n                            \/\/ \u7528\u6237\u5df2\u5b58\u5728\uff0c\u8fdb\u5165\u4e0b\u4e00\u6b65\u767b\u5f55\u6d41\u7a0b\n                            emailSubmitted.value = true;\n                        } else {\n                            \/\/ \u7528\u6237\u672a\u6ce8\u518c\uff0c\u76f4\u63a5\u53bb\u8d2d\u4e70\u8868\u5355\n                            console.log('\u7528\u6237\u672a\u6ce8\u518c\u76f4\u63a5\u53bb\u8868\u5355')\n                            localStorage.setItem('student_email', loginform.value.email)\n                            navigateToBuyPage();\n                            close_login()\n                        }\n                    } catch (error) {\n                        console.log(error)\n                    }\n                } else if (email_validateField()) {\n                    \/\/\u7528\u6237\u767b\u5f55\n                    try {\n                        const response = await window.apiClient.post(api_login, {\n                            email: loginform.value.email,\n                            password: loginform.value.password\n                        })\n                        loading2.value = false\n                        if (response.data.status === 200 && response.data.data.token) {\n                            const token = response.data.data.token\n                            \/\/\u6c38\u4e45\u5b58\u50a8Token\n                            localStorage.setItem('student_token', token)\n                            localStorage.setItem('student_email', loginform.value.email)\n                            console.log('\u767b\u5f55\u6210\u529f', loginform.value.email);\n                            \/\/\u5173\u95ed\u5f39\u7a97  \u8df3\u8f6c\u5230\u8868\u5355\u9875\u9762\n                            close_login()\n                            navigateToBuyPage()\n                        } else {\n                            login_from_error.errorMessage = response.data.data.message\n                        }\n                    } catch (error) {\n                        loading2.value = false\n                        if (error.response && error.response.status === 404) {\n                            console.log(error.response);\n                            login_from_error.errorMessage = error.response.data.message\n                        } else if (error.response && error.response.status === 422) {\n                            console.log(error.response);\n                            login_from_error.errorMessage = error.response.data.message\n                        } else {\n                            console.log('Error message:', error);\n                            login_from_error.errorMessage = error.response.data.message\n                        }\n\n                    }\n\n                }\n            }\n            const isEmailValid = computed(() => isValidEmail());\n            \/\/\u63a8\u8350\u7801\u8868\u5355\n            const code_modal = () => {\n                console.log('\u63a8\u8350\u7801');\n                is_code.value = true\n            }\n            const keepPoster = () => {\n                showConfirm.value = false;\n            };\n            const confirmClose = () => {\n                isClosed.value = true;\n                showConfirm.value = false;\n                hasConfirmedBefore.value = true;\n                localStorage.setItem('poster_closed_confirmed_us', '1');\n                isAnimating.value = true;\n                isHovering.value = false;\n                isClosed.value = true;\n                setTimeout(() => {\n                    isAnimating.value = false;\n                }, 300);\n            };\n\n            const gift = reactive({\n                spring: computed(() => (lang === 'zh' ? '\u6625\u5b63\u8c41\u514d' : 'Spring Waiver \u00b7 ')),\n                ebird: computed(() => (lang === 'zh' ? '\u65e9\u9e1f\u798f\u5229' : 'Early Bird Rewards')),\n                time: computed(() => (lang === 'zh' ? '\u5317\u4eac\u65f6\u95f4 2025\u5e7412\u670826\u65e512\u65f659\u520659\u79d2' : 'Ends Dec 15, 11:59:59 PM EST')),\n                limited: computed(() => (lang === 'zh' ? '\u9650\u65f6\u5347\u7ea7' : 'LIMITED TIME UPGRADE')),\n                starbucks: computed(() => (lang === 'zh' ? '\u661f\u5df4\u514b\u5361' : 'Starbucks Gift Card')),\n                flywire: computed(() => (lang === 'zh' ? '300\u5143\u98de\u6c47\u4f18\u60e0\u5238' : '\uffe5300 FlyWire Coupon')),\n                enterEmail: computed(() => (lang === 'zh' ? '\u5728\u8fd9\u91cc\u8f93\u5165\u4f60\u7684\u90ae\u7bb1' : 'Enter your@email.here')),\n                getCode: computed(() => (lang === 'zh' ? '\u83b7\u53d6\u4e13\u5c5e\u7801' : 'Get Code')),\n                copy: computed(() => (lang === 'zh' ? '\u590d\u5236' : 'Copy')),\n                sendingCode: computed(() => (lang === 'zh' ? '\u53d1\u9001\u4e2d' : 'Sending')),\n                title1: computed(() => (lang === 'zh' ? '\u5982\u4f55\u53c2\u4e0e\u6d3b\u52a8' : 'How to participate in the event:')),\n                desc1: computed(() => (lang === 'zh' ? '1.\u83b7\u53d6\u60a8\u7684\u4e13\u5c5e\u4ee3\u7801\uff0c\u5e76\u5728\u586b\u5199\u4fdd\u9669\u7533\u8bf7\u65f6\u8f93\u5165\u3002' : '1. Obtain your exclusive code and enter it when filling out your insurance application.')),\n                desc2: computed(() => (lang === 'zh' ? '2.\u6210\u529f\u8c41\u514d\u540e\uff0c\u524d\u5f80\u60a8\u7684\u4e2a\u4eba\u4e2d\u5fc3\u9886\u53d6\u5956\u52b1\u3002' : '2. After successfully waiving, go to your personal center to claim your reward.')),\n                title2: computed(() => (lang === 'zh' ? '\u91cd\u8981\u4fe1\u606f' : 'Important Notes:')),\n                desc21: computed(() => (lang === 'zh' ? '\u5728\u65e9\u9e1f\u4fc3\u9500\u671f\u95f4\u8ba2\u8d2d\u7684\u5305\u542b\u8be5\u4e13\u5c5e\u7801\u7684\u8ba2\u5355\u5c06\u83b7\u5f97\u5956\u52b1\u3002' : '\u00b7 Orders placed during the early bird promotion period that include the code will receive a bonus reward. ')),\n                desc22: computed(() => (lang === 'zh' ? '\u6bcf\u4e2a\u8ba2\u5355\u53ea\u80fd\u53c2\u4e0e\u4e00\u6b21\u4fc3\u9500\uff0c\u5956\u52b1\u4e0d\u80fd\u5408\u5e76\u3002' : '\u00b7 Each order can only participate in one promotion, and rewards cannot be combined. ')),\n                desc23: computed(() => (lang === 'zh' ? '\u672a\u586b\u5199\u201c\u65e9\u9e1f\u4e13\u5c5e\u4ee3\u7801\u201d\u5c06\u81ea\u52a8\u88ab\u89c6\u4e3a\u653e\u5f03\u5956\u52b1\u3002' : '\u00b7 Failure to fill in the \"Early Bird Exclusive Code\" will automatically be considered a forfeiture of the reward. ')),\n                desc24: computed(() => (lang === 'zh' ? '\u793c\u54c1\u5361\u5c06\u901a\u8fc7\u7535\u5b50\u90ae\u4ef6\u53d1\u9001\uff1b\u8bf7\u68c0\u67e5\u60a8\u7684\u6536\u4ef6\u7bb1\u3002' : '\u00b7 The gift card will be sent via email; please check your inbox. ')),\n            })\n\n            const select_modal = reactive({\n                title: computed(() => (lang === 'zh' ? '\u91cd\u8981\u63d0\u793a' : 'Important info')),\n                title_one: computed(() => (lang === 'zh' ? '1.\u82e5\u60a8\u8fd8\u6ca1\u6709\u7f8e\u56fd\u7535\u8bdd\uff0c\u53ef\u4ee5\u968f\u673a\u586b\u5199\uff0c\u4e0d\u5f71\u54cd\u4fdd\u5355\u548cwaive\uff0c\u5230\u4e86\u7f8e\u56fd\u4e4b\u540e\u53ef\u4ee5\u518d\u66f4\u6539' : '1. If you do not have a U.S. phone number, you can fill it out randomly. It will not affect the policy and waive. You can change it after arriving in the U.S.')),\n                title_two: computed(() => (lang === 'zh' ? '2.\u7f8e\u56fd\u5730\u5740\u53ef\u4ee5\u586b\u5199\u5b66\u6821\u6216\u81ea\u5df1\u4f4f\u5740' : '2. For the U.S. address, you can fill in the school or your own address')),\n                baoxian_start: computed(() => (lang === 'zh' ? '\u8981\u6c42\u7684 coverage start date \u4e3a' : 'The required coverage start date is')),\n                submit: computed(() => (lang === 'zh' ? '\u4e0b\u4e00\u6b65' : 'Next')),\n                email: computed(() => (lang === 'zh' ? '\u4f60\u7684\u90ae\u4ef6' : 'Your Email')),\n                referral_code: computed(() => (lang === 'zh' ? '\u63a8\u8350\u7801' : 'Referral Code'))\n            })\n            \/\/ \u76d1\u542c\u63a8\u8350\u7801\u8f93\u5165\u53d8\u5316\n            watch(() => code_from.code, async (newCode) => {\n                if (newCode) {\n                    await code_verify(newCode)\n                } else {\n                    code_validationMessage.value = ''\n                }\n            })\n            \/\/ \u63a8\u8350\u7801\u9a8c\u8bc1\u51fd\u6570\n            const code_verify = async (code_msg) => {\n                try {\n                    const response = await window.apiClient.post(`${ceshi_url}\/us\/referras\/code\/verify`, {\n                        code: code_msg,\n                    });\n                    console.log(response);\n                    code_validationMessage.value = response.data.message; \/\/ \u8bbe\u7f6e\u6709\u6548\u4fe1\u606f\n                } catch (error) {\n                    console.log(error)\n                    code_validationMessage.value = error.response.data.message; \/\/ \u8bbe\u7f6e\u6709\u6548\u4fe1\u606f\n                }\n\n            }\n            \/\/\u8df3\u8f6c\u652f\u4ed8\n            const select_pay = async () => {\n                console.log(selectProduct.value);\n                \/\/ localStorage.setItem(\"age_ranges\",JSON.stringify(selectProduct.value.age_ranges))\n                \/\/ localStorage.setItem(\"InsuranceName\", selectProduct.value.name);\n                \/\/ localStorage.setItem(\"monthly_price\", selectProduct.value.currentPrice);\n                \/\/ localStorage.setItem(\"school_id\", schoole.value);\n                \/\/ localStorage.setItem(\"coverage_start_date\", school_waive.value.coverage_start_date);\n                \/\/ localStorage.setItem(\"coverage_end_date\", school_waive.value.coverage_end_date);\n                \/\/ localStorage.setItem(\"student_age\", selectedAge.value);\n                \/\/ debugger\n                const productSeriesIds = [20, 22, 23, 24, 27];\n                \/\/ \u67e5\u770b\u63a8\u8350\u7801 \u548c\u90ae\u7bb1  \u5982\u679c\u4e24\u4e2a\u90fd\u4e0d\u4e3a\u7a7a \u5c31\u4f7f\u7528axios \u63a8\u9001\u5230laravel\u540e\u7aef \u5e76\u4e14\u6b63\u5e38\u8df3\u8f6c \u5426\u5219\u5c31\u4e0d\u63a8\u9001 \u53ea\u8df3\u8f6c\n                try {\n                    if (code_from.code && code_from.email) {\n                        \/\/\u63a8\u9001\u540e\u7aef \u5e76\u4e14\u8df3\u8f6c\u652f\u4ed8\n                        const response = await window.apiClient.post(api_url + \"us\/referras\", {\n                            email: code_from.email,\n                            code: code_from.code,\n                            schoole_name: schoole.value\n                        });\n                        console.log(response);\n                        localStorage.setItem(\"us_order_code\", code_from.code)\n                        \/\/ if (selectProduct.value.name == \"USC Scholar 500\" || selectProduct.value.name == \"USC Scholar 100\" || selectProduct.value.name == \"J1 Scholar\" || selectProduct.value.name == \"J1 Scholar Premier\") {\n                        \/\/     window.location.href = selectProduct.value.pay_link\n                        \/\/ } else\n                        if (productSeriesIds.includes(selectProduct.value.id)) {\n                            if (localStorage.getItem(\"yisihui\") || localStorage.getItem(\"tripalink\") || localStorage.getItem(\"indigo\")) {\n                                \/\/\u62fc\u63a5url\n                                let updatedPayLink = selectProduct.value.pay_link;\n                                \/\/ If yisihui is present, append the corresponding tracking link\n                                if (localStorage.getItem(\"yisihui\")) {\n                                    updatedPayLink += \"&uservar=Affiliate118\";\n                                }\n                                \/\/ If tripalink is present, append the corresponding tracking link\n                                if (localStorage.getItem(\"tripalink\")) {\n                                    updatedPayLink += \"&uservar=aff25tripalink\";\n                                }\n                                \/\/ If indigo is present, append the corresponding tracking link\n                                if (localStorage.getItem(\"indigo\")) {\n                                    updatedPayLink += \"&uservar=indigo25ca\";\n                                }\n                                if (localStorage.getItem(\"ggs\")) {\n                                    updatedPayLink += \"&uservar=\" + localStorage.getItem(\"ggs\");\n                                }\n                                window.location.href = updatedPayLink; \/\/ Redirect to the updated URL\n                            } else {\n                                window.location.href = selectProduct.value.pay_link \/\/\u6253\u5f00\u65b0\u7f51\u9875\n                            }\n                        } else {\n                            \/\/\u68c0\u67e5\u662f\u5426\u767b\u5f55\n                            if (isLoggedIn()) {\n                                \/\/\u5df2\u7ecf\u767b\u5f55  \u76f4\u63a5\u53bb\u8868\u5355\n                                console.log('\u5904\u4e8e\u767b\u5f55\u72b6\u6001');\n                                window.location.href = window.location.origin + \"\/us-enrollment\/\"\n                            } else {\n                                \/\/\u975e\u767b\u5f55\u72b6\u6001\u63d0\u9192\u767b\u5f55\n                                is_login.value = true \/\/\u663e\u793a\u5f39\u7a97 \u63d0\u793a\u767b\u5f55\n                                console.log('\u6ca1\u6709\u767b\u5f55')\n                            }\n                            \/\/ window.location.href = selectProduct.value.pay_link \/\/\u6253\u5f00\u65b0\u7f51\u9875\n                        }\n\n\n                        close_select();\n                    } else {\n                        \/\/ \u76f4\u63a5\u8df3\u8f6c\u652f\u4ed8\n                        \/\/ if (selectProduct.value.name == \"USC Scholar 500\" || selectProduct.value.name == \"USC Scholar 100\" || selectProduct.value.name == \"J1 Scholar\" || selectProduct.value.name == \"J1 Scholar Premier\") {\n                        \/\/     window.location.href = selectProduct.value.pay_link\n                        \/\/ } else\n                        if (productSeriesIds.includes(selectProduct.value.id)) {\n                            if (localStorage.getItem(\"yisihui\") || localStorage.getItem(\"tripalink\") || localStorage.getItem(\"indigo\")) {\n                                \/\/\u62fc\u63a5url\n                                let updatedPayLink = selectProduct.value.pay_link;\n                                \/\/ If yisihui is present, append the corresponding tracking link\n                                if (localStorage.getItem(\"yisihui\")) {\n                                    updatedPayLink += \"&uservar=Affiliate118\";\n                                }\n                                \/\/ If tripalink is present, append the corresponding tracking link\n                                if (localStorage.getItem(\"tripalink\")) {\n                                    updatedPayLink += \"&uservar=aff25tripalink\";\n                                }\n                                \/\/ If indigo is present, append the corresponding tracking link\n                                if (localStorage.getItem(\"indigo\")) {\n                                    updatedPayLink += \"&uservar=indigo25ca\";\n                                }\n                                window.location.href = updatedPayLink; \/\/ Redirect to the updated URL\n                            } else {\n                                window.location.href = selectProduct.value.pay_link \/\/\u6253\u5f00\u65b0\u7f51\u9875\n                            }\n                        } else {\n                            \/\/\u68c0\u67e5\u662f\u5426\u767b\u5f55\n                            if (isLoggedIn()) {\n                                \/\/\u5df2\u7ecf\u767b\u5f55  \u76f4\u63a5\u53bb\u8868\u5355\n                                console.log('\u5904\u4e8e\u767b\u5f55\u72b6\u6001');\n                                window.location.href = window.location.origin + \"\/us-enrollment\/\"\n                            } else {\n                                \/\/\u975e\u767b\u5f55\u72b6\u6001\u63d0\u9192\u767b\u5f55\n                                is_login.value = true \/\/\u663e\u793a\u5f39\u7a97 \u63d0\u793a\u767b\u5f55\n                                console.log('\u6ca1\u6709\u767b\u5f55')\n                            }\n                            \/\/ window.location.href = selectProduct.value.pay_link \/\/\u6253\u5f00\u65b0\u7f51\u9875\n                        }\n                        \/\/ localStorage.setItem(\"InsuranceName\", selectProduct.value.name);\n                        \/\/ localStorage.setItem(\"monthly_price\", selectProduct.value.currentPrice);\n                        \/\/ localStorage.setItem(\"school_id\", schoole.value);\n                        \/\/ localStorage.setItem(\"coverage_start_date\", school_waive.value.coverage_start_date);\n                        \/\/ localStorage.setItem(\"coverage_end_date\", school_waive.value.coverage_end_date);\n                        \/\/ localStorage.setItem(\"student_age\", selectedAge.value);\n                        close_select();\n                    }\n                } catch (error) {\n                    console.log(error)\n                    console.log(error.response.data.message)\n                    \/\/ \u76f4\u63a5\u8df3\u8f6c\u652f\u4ed8\n                    close_select();\n                    \/\/ if (selectProduct.value.name == \"USC Scholar 500\" || selectProduct.value.name == \"USC Scholar 100\" || selectProduct.value.name == \"J1 Scholar\" || selectProduct.value.name == \"J1 Scholar Premier\") {\n                    \/\/     window.location.href = selectProduct.value.pay_link\n                    \/\/ } else\n                    if (productSeriesIds.includes(selectProduct.value.id)) {\n                        if (localStorage.getItem(\"yisihui\") || localStorage.getItem(\"tripalink\") || localStorage.getItem(\"indigo\")) {\n                            \/\/\u62fc\u63a5url\n                            let updatedPayLink = selectProduct.value.pay_link;\n                            \/\/ If yisihui is present, append the corresponding tracking link\n                            if (localStorage.getItem(\"yisihui\")) {\n                                updatedPayLink += \"&uservar=Affiliate118\";\n                            }\n                            \/\/ If tripalink is present, append the corresponding tracking link\n                            if (localStorage.getItem(\"tripalink\")) {\n                                updatedPayLink += \"&uservar=aff25tripalink\";\n                            }\n                            \/\/ If indigo is present, append the corresponding tracking link\n                            if (localStorage.getItem(\"indigo\")) {\n                                updatedPayLink += \"&uservar=indigo25ca\";\n                            }\n                            window.location.href = updatedPayLink; \/\/ Redirect to the updated URL\n                        } else {\n                            window.location.href = selectProduct.value.pay_link \/\/\u6253\u5f00\u65b0\u7f51\u9875\n                        }\n                    } else {\n                        window.location.href = window.location.origin + \"\/us-enrollment\/\"\n                        \/\/ window.location.href = selectProduct.value.pay_link \/\/\u6253\u5f00\u65b0\u7f51\u9875\n                    }\n                    localStorage.setItem(\"InsuranceName\", selectProduct.value.name);\n                    localStorage.setItem(\"monthly_price\", selectProduct.value.monthly_price);\n                    localStorage.setItem(\"school_id\", schoole.value);\n                    localStorage.setItem(\"sid\", school_id.value);\n                    localStorage.setItem(\"coverage_start_date\", school_waive.value.coverage_start_date);\n                    localStorage.setItem(\"coverage_end_date\", school_waive.value.coverage_end_date);\n                    localStorage.setItem(\"student_age\", selectedAge.value);\n                } finally {\n                    close_select();\n                }\n\n            }\n            \/\/\u8fdb\u5165\u60ac\u6d6e\n            const productMouseEnter = (index, textKey) => {\n                console.log(textKey);\n                const textMap = {\n                    zh: {\n                        annual_maxiumn: '\u6bcf\u5e74\u6700\u9ad8\u8d54\u4ed8\u989d\uff1a\u9009\u62e9\u7684\u4fdd\u9669\u8ba1\u5212\u5728\u4e00\u4e2a\u5e74\u5ea6\u5185\u53ef\u4ee5\u4e3a\u81ea\u5df1\u652f\u4ed8\u7684\u6700\u5927\u91d1\u989d\u3002',\n                        maximum_limit_per_illness: '\u6bcf\u6b21\u75be\u75c5\u6216\u53d7\u4f24\u7684\u6700\u9ad8\u9650\u989d',\n                        Deductible_in_network: '\u533b\u7597\u7f51\u7edc\u5185\u7684\u514d\u8d54\u989d\uff1a\u8fd9\u4e2a\u6570\u989d\u4ee3\u8868\u4e86\u5728\u4fdd\u9669\u516c\u53f8\u5f00\u59cb\u8d54\u4ed8\u4e4b\u524d\u9700\u8981\u81ea\u5df1\u652f\u4ed8\u7684\u91d1\u989d\u3002\u4f8b\u5982\u9009\u62e9\u7684\u8ba1\u5212\u663e\u793a\u8fd9\u4e2a\u6570\u989d\u662f500\u7f8e\u5143\uff0c\u4ee3\u8868\u5728\u8fd9\u4e00\u5e74\u5ea6\u5185\u81ea\u5df1\u9700\u8981\u652f\u4ed8\u524d500\u7f8e\u5143\u533b\u7597\u8d39\u7528\uff0c\u4e4b\u540e\u4fdd\u9669\u516c\u53f8\u624d\u4f1a\u4ecb\u5165\u5f00\u59cb\u652f\u4ed8\u3002',\n                        coinsurance_in_network: '\u7f51\u7edc\u5185\u7684\u5171\u540c\u4fdd\u9669\uff1a\u5728\u81ea\u5df1\u652f\u4ed8\u4e86\u514d\u8d54\u989d\u540e\uff0c\u5269\u4f59\u7684\u90e8\u5206\u548c\u4fdd\u9669\u516c\u53f8\u6309\u6bd4\u4f8b\u5206\u644a\uff0c\u4f8b\u5982\u8d54\u4ed8\u6bd4\u4f8b80%\uff0c\u5c31\u8868\u793a\u4fdd\u9669\u516c\u53f8\u652f\u4ed880%\uff0c\u81ea\u5df1\u652f\u4ed820%\u3002',\n                        coinsurance_out_of_network: '\u7f51\u7edc\u5916\u7684\u5171\u540c\u4fdd\u9669\uff1a\u5728\u81ea\u5df1\u652f\u4ed8\u4e86\u514d\u8d54\u989d\u540e\uff0c\u5269\u4f59\u7684\u90e8\u5206\u548c\u4fdd\u9669\u516c\u53f8\u6309\u6bd4\u4f8b\u5206\u644a\uff0c\u4f8b\u5982\u8d54\u4ed8\u6bd4\u4f8b50%\uff0c\u5c31\u8868\u793a\u4fdd\u9669\u516c\u53f8\u652f\u4ed850%\uff0c\u81ea\u5df1\u652f\u4ed8\u5269\u4f59\u768450%',\n                        co_payment_shc: '\u5728\u5b66\u751f\u5065\u5eb7\u4e2d\u5fc3\u5c31\u8bca\u7684\u5171\u4ed8\u989d\uff1a\u5728SHC\u4e5f\u5c31\u662f\u5b66\u751f\u5065\u5eb7\u4e2d\u5fc3\u5c31\u8bca\u65f6\uff0c\u6bcf\u6b21\u90fd\u9700\u8981\u5148\u652f\u4ed8\u7684\u4e00\u5c0f\u90e8\u5206\u8d39\u7528\uff0c\u7c7b\u4f3c\u4e8e\u56fd\u5185\u7684\u6302\u53f7\u8d39\uff0c\u9700\u8981\u81ea\u5df1\u652f\u4ed8\uff0c\u663e\u793a\u4e3a0\u7f8e\u5143\u7684\u8bdd\u4ee3\u8868\u4e0d\u9700\u8981\u652f\u4ed8\u3002',\n                        deductible_per_illness_or_injury: '\u6bcf\u6b21\u75be\u75c5\u6216\u53d7\u4f24\u7684\u514d\u8d54\u989d',\n                        deductible_in_student_health_center: '\u5728SHC\u4e5f\u5c31\u662f\u5b66\u751f\u5065\u5eb7\u4e2d\u5fc3\u7684\u514d\u8d54\u989d\uff1a\u8fd9\u4e2a\u6570\u989d\u4ee3\u8868\u4e86\u5728\u4fdd\u9669\u516c\u53f8\u5f00\u59cb\u8d54\u4ed8\u4e4b\u524d\u9700\u8981\u81ea\u5df1\u652f\u4ed8\u7684\u91d1\u989d\u3002GoGlobalSafe\u6240\u63d0\u4f9b\u8ba1\u5212\u5747\u53ef\u4ee5\u514d\u9664SHC\u7684Deductible\uff0c\u5373\u4e3a0\u7f8e\u5143\uff0c\u4ee3\u8868\u5728\u6821\u533b\u9662\u8d39\u7528\u62a5\u9500\u65f6\u65e0\u9700\u8003\u8651\u514d\u8d54\u989d\u3002',\n                        out_of_pocket_maximum_in_network: '\u7f51\u7edc\u5185\u7684\u81ea\u4ed8\u8d39\u7528\u6700\u9ad8\u9650\u989d\uff1a\u5728\u4fdd\u9669\u8ba1\u5212\u4e2d\uff0c\u5728\u4e00\u5e74\u5185\uff08in-network\uff09\u9700\u8981\u81ea\u5df1\u652f\u4ed8\u7684\u6700\u9ad8\u91d1\u989d\u9650\u989d\u3002\u4e00\u65e6\u8fbe\u5230\u8fd9\u4e2a\u9650\u989d\uff0c\u4fdd\u9669\u516c\u53f8\u5c06\u627f\u62c5\u8d85\u51fa\u6b64\u9650\u989d\u7684\u533b\u7597\u8d39\u7528\u3002',\n                        Prescription: '\u5904\u65b9\u836f\u5171\u4ed8\u989d\uff1a\u53bb\u836f\u623f\u62ff\u5904\u65b9\u836f\u7684\u65f6\u5019\uff0c\u9700\u8981\u652f\u4ed8\u4e00\u90e8\u5206\u7684\u8d39\u7528\u3002\uff08\u663e\u793a\u7684\u4e09\u4e2a\u91d1\u989d\u5206\u522b\u5bf9\u5e94\u4e0d\u540c\u7c7b\u522b\u836f\u54c1\u7684\u65b9\u6848\u3002\uff09',\n                        Pre_existing_watiting_period: '\u65e2\u5f80\u75c5\u75c7\u7b49\u5f85\u671f\uff1a\u8fd9\u662f\u4fdd\u9669\u516c\u53f8\u5bf9\u6295\u4fdd\u4eba\u65e2\u5f80\u75c5\u75c7\u8bbe\u5b9a\u7684\u7b49\u5f85\u671f\u3002\u5728\u6b64\u671f\u95f4\uff0c\u4fdd\u9669\u516c\u53f8\u4e0d\u627f\u62c5\u4e0e\u65e2\u5f80\u75c5\u75c7\u76f8\u5173\u7684\u533b\u7597\u8d39\u7528\u3002\u4f8b\u5982\u5982\u679c\u5728\u8d2d\u4e70\u4fdd\u9669\u524d\u5c31\u6709\u54ee\u5598\uff0c\u90a3\u4e48\u5728\u7b49\u5f85\u671f\u5185\u56e0\u54ee\u5598\u4ea7\u751f\u7684\u8d39\u7528\uff0c\u4fdd\u9669\u516c\u53f8\u53ef\u80fd\u4e0d\u4e88\u62a5\u9500\u3002\u7b49\u5f85\u671f\u540e\u53ef\u6b63\u5e38\u62a5\u9500\u3002',\n                        preventive_care_in_shc: '\u9884\u9632\u6027\u62a4\u7406\uff1a\u8fd9\u662f\u6307\u4e3a\u4e86\u9884\u9632\u75be\u75c5\u800c\u8fdb\u884c\u7684\u533b\u7597\u670d\u52a1\uff0c\u5982\u75ab\u82d7\u63a5\u79cd\u3001\u5e38\u89c4\u4f53\u68c0\u548c\u7b5b\u67e5\u7b49\u3002',\n                        telehealth: '\u8fdc\u7a0b\u533b\u7597\uff1a\u901a\u8fc7\u7535\u8bdd\u6216\u7f51\u7edc\u8fdb\u884c\u7684\u533b\u7597\u670d\u52a1\uff0c\u53ef\u4ee5\u5728\u5bb6\u4e2d\u4e0e\u533b\u751f\u8fdb\u884c\u89c6\u9891\u6216\u7535\u8bdd\u54a8\u8be2\u3002',\n                        matemity: '\u5987\u4ea7\u79d1\u533b\u9662',\n                        intercollegiate_sports_coverage: '\u6821\u9645\u4f53\u80b2\u62a5\u9053',\n                        emergency_medical_evacuation: '\u7d27\u6025\u533b\u7597\u64a4\u79bb\uff1a \u5982\u679c\u5728\u56fd\u5916\u65c5\u884c\u6216\u5b66\u4e60\u671f\u95f4\u751f\u75c5\u6216\u53d7\u4f24\uff0c\u4e14\u5f53\u5730\u533b\u7597\u8bbe\u65bd\u65e0\u6cd5\u63d0\u4f9b\u9002\u5f53\u7684\u6cbb\u7597\uff0c\u4fdd\u9669\u516c\u53f8\u4f1a\u5b89\u6392\u7d27\u6025\u64a4\u79bb\u5230\u6700\u8fd1\u7684\u5408\u9002\u7684\u533b\u7597\u673a\u6784\u3002',\n                        accidental_death: '\u610f\u5916\u6b7b\u4ea1',\n                        repatriation_of_mortal_remains: '\u9057\u4f53\u9063\u8fd4\uff1a\u5982\u679c\u4e0d\u5e78\u5728\u56fd\u5916\u53bb\u4e16\uff0c\u4fdd\u9669\u516c\u53f8\u4f1a\u8d1f\u8d23\u5b89\u6392\u5904\u7406\u5fc5\u8981\u6b65\u9aa4\u548c\u624b\u7eed\u5e76\u652f\u4ed8\u5c06\u9057\u4f53\u8fd0\u9001\u56de\u56fd\u7684\u76f8\u5173\u8d39\u7528\u3002',\n                        coverage: '\u4fdd\u969c\u8303\u56f4\uff1a\u6307\u4fdd\u9669\u8ba1\u5212\u6240\u8986\u76d6\u7684\u533b\u7597\u670d\u52a1\u548c\u8d39\u7528\uff0c\u5305\u62ec\u4f4f\u9662\u8d39\u7528\u3001\u95e8\u8bca\u8d39\u7528\u3001\u624b\u672f\u8d39\u7528\u7b49\u3002',\n                        network: '\u533b\u7597\u7f51\u7edc\uff1a\u8fd9\u91cc\u7684\u7f51\u7edc\u7279\u6307\u548c\u4fdd\u9669\u516c\u53f8\u6709\u5408\u4f5c\u7684\u533b\u9662\/\u8bca\u6240\/\u533b\u751f\u4eec\u6240\u6784\u6210\u7684\u533b\u7597\u7f51\u7edc\u3002\u56e0\u4e3a\u5b58\u5728\u7740\u5408\u4f5c\u5173\u7cfb\uff0c\u7f51\u7edc\u5185\u63d0\u4f9b\u7684\u533b\u7597\u670d\u52a1\u901a\u5e38\u8d39\u7528\u4f1a\u6bd4\u8f83\u4f4e\uff0c\u800c\u4e14\u4fdd\u9669\u516c\u53f8\u8d54\u4ed8\u6bd4\u4f8b\u4e5f\u66f4\u9ad8\u3002',\n                    },\n                    en: {\n                        annual_maxiumn: 'The Annual Maximum is the highest amount your insurance plan will pay for covered services in a plan year. ',\n                        maximum_limit_per_illness: 'Maximum limit per illness or injury',\n                        Deductible_in_network: 'The Deductible (In-Network) is the amount you must pay for covered healthcare services before your insurance plan starts to pay. This applies only to services received from healthcare providers within the plan\u2019s network.',\n                        coinsurance_in_network: 'Coinsurance (In-Network) is the percentage of costs you pay for covered healthcare services after you have met your deductible. For example, if your coinsurance is 80%, you pay 20% of the costs of your care, and your insurance pays the remaining 80%.',\n                        coinsurance_out_of_network: 'Coinsurance (Out-of-Network) is the percentage of costs you pay for covered healthcare services received from providers outside the plan\u2019s network. This percentage is typically higher than in-network coinsurance.',\n                        co_payment_shc: 'A Co-payment (SHC), or copay, is a fixed amount you pay for a covered healthcare service, usually when you receive the service. This term specifically refers to services received at the Student Health Center (SHC).',\n                        deductible_per_illness_or_injury: 'Deductible per illness or injury',\n                        deductible_in_student_health_center: 'The deductible at SHC(Student Health Center): This amount represents the amount that needs to be paid by oneself before the insurance company starts paying. ',\n                        out_of_pocket_maximum_in_network: 'The Out of Pocket Maximum (In-Network) is the most you have to pay for covered services in a plan year. After you spend this amount on deductibles, copayments, and coinsurance, your health plan pays 100% of the costs of covered benefits.',\n                        Prescription: 'Prescription refers to medications that are prescribed by a doctor and covered by your health insurance plan. ',\n                        Pre_existing_watiting_period: 'The Pre-existing Waiting Period is the time period during which your insurance plan does not cover treatment for conditions that existed before the start of the policy. This period varies depending on the plan.',\n                        preventive_care_in_shc: 'Periodic routine health exams, routine gynecological exams, immunizations and related preventive services such as prostate specific antigen (PSA), routine mammograms, pap smears and colonoscopies for colorectal cancer screenings',\n                        telehealth: 'Telehealth refers to healthcare services provided remotely via telecommunications technology.',\n                        matemity: 'Matemity',\n                        intercollegiate_sports_coverage: 'Intercollegiate athletics coverage',\n                        emergency_medical_evacuation: 'Medical Evacuation applies where the necessary treatment for which the Covered Person is covered is not available locally or if adequately screened blood is unavailable in the event of an emergency. ',\n                        accidental_death: 'Accidental death',\n                        repatriation_of_mortal_remains: 'Repatriation of Mortal Remains covers the cost of returning a deceased person\u2019s body to their home country. This benefit is crucial for international travelers or students studying abroad.',\n                        coverage: 'Coverage refers to the range of healthcare services your insurance plan pays for. ',\n                        network: 'A Network is a group of doctors, hospitals, and other healthcare providers that have agreed to provide medical services at reduced rates for plan members. Receiving care within the network typically results in lower out-of-pocket costs for you.',\n                    },\n                };\n                productIndex.value = index\n                hoverText.value.help = textMap[lang][textKey] || '';\n            }\n            \/\/title\u4e8b\u4ef6\n            const getTooltipText = (textKey) => {\n                const textMap = {\n                    zh: {\n                        annual_maxiumn: '\u6bcf\u5e74\u6700\u9ad8\u8d54\u4ed8\u989d\uff1a\u9009\u62e9\u7684\u4fdd\u9669\u8ba1\u5212\u5728\u4e00\u4e2a\u5e74\u5ea6\u5185\u53ef\u4ee5\u4e3a\u81ea\u5df1\u652f\u4ed8\u7684\u6700\u5927\u91d1\u989d\u3002',\n                        maximum_limit_per_illness: '\u6bcf\u6b21\u75be\u75c5\u6216\u53d7\u4f24\u7684\u6700\u9ad8\u9650\u989d',\n                        Deductible_in_network: '\u533b\u7597\u7f51\u7edc\u5185\u7684\u514d\u8d54\u989d\uff1a\u8fd9\u4e2a\u6570\u989d\u4ee3\u8868\u4e86\u5728\u4fdd\u9669\u516c\u53f8\u5f00\u59cb\u8d54\u4ed8\u4e4b\u524d\u9700\u8981\u81ea\u5df1\u652f\u4ed8\u7684\u91d1\u989d\u3002\u4f8b\u5982\u9009\u62e9\u7684\u8ba1\u5212\u663e\u793a\u8fd9\u4e2a\u6570\u989d\u662f500\u7f8e\u5143\uff0c\u4ee3\u8868\u5728\u8fd9\u4e00\u5e74\u5ea6\u5185\u81ea\u5df1\u9700\u8981\u652f\u4ed8\u524d500\u7f8e\u5143\u533b\u7597\u8d39\u7528\uff0c\u4e4b\u540e\u4fdd\u9669\u516c\u53f8\u624d\u4f1a\u4ecb\u5165\u5f00\u59cb\u652f\u4ed8\u3002',\n                        coinsurance_in_network: '\u7f51\u7edc\u5185\u7684\u5171\u540c\u4fdd\u9669\uff1a\u5728\u81ea\u5df1\u652f\u4ed8\u4e86\u514d\u8d54\u989d\u540e\uff0c\u5269\u4f59\u7684\u90e8\u5206\u548c\u4fdd\u9669\u516c\u53f8\u6309\u6bd4\u4f8b\u5206\u644a\uff0c\u4f8b\u5982\u8d54\u4ed8\u6bd4\u4f8b80%\uff0c\u5c31\u8868\u793a\u4fdd\u9669\u516c\u53f8\u652f\u4ed880%\uff0c\u81ea\u5df1\u652f\u4ed820%\u3002',\n                        coinsurance_out_of_network: '\u7f51\u8def\u5916\u7684\u5171\u540c\u4fdd\u9669\uff1a\u5728\u81ea\u5df1\u652f\u4ed8\u4e86\u514d\u8d54\u989d\u540e\uff0c\u5269\u4f59\u7684\u90e8\u5206\u548c\u4fdd\u9669\u516c\u53f8\u6309\u6bd4\u4f8b\u5206\u644a\uff0c\u4f8b\u5982\u8d54\u4ed8\u6bd4\u4f8b50%\uff0c\u5c31\u8868\u793a\u4fdd\u9669\u516c\u53f8\u652f\u4ed850%\uff0c\u81ea\u5df1\u652f\u4ed8\u5269\u4f59\u768450%',\n                        co_payment_shc: '\u5728\u5b66\u751f\u5065\u5eb7\u4e2d\u5fc3\u5c31\u8bca\u7684\u5171\u4ed8\u989d\uff1a\u5728SHC\u4e5f\u5c31\u662f\u5b66\u751f\u5065\u5eb7\u4e2d\u5fc3\u5c31\u8bca\u65f6\uff0c\u6bcf\u6b21\u90fd\u9700\u8981\u5148\u652f\u4ed8\u7684\u4e00\u5c0f\u90e8\u5206\u8d39\u7528\uff0c\u7c7b\u4f3c\u4e8e\u56fd\u5185\u7684\u6302\u53f7\u8d39\uff0c\u9700\u8981\u81ea\u5df1\u652f\u4ed8\uff0c\u663e\u793a\u4e3a0\u7f8e\u5143\u7684\u8bdd\u4ee3\u8868\u4e0d\u9700\u8981\u652f\u4ed8\u3002',\n                        deductible_per_illness_or_injury: '\u6bcf\u6b21\u75be\u75c5\u6216\u53d7\u4f24\u7684\u514d\u8d54\u989d',\n                        deductible_in_student_health_center: '\u5728SHC\u4e5f\u5c31\u662f\u5b66\u751f\u5065\u5eb7\u4e2d\u5fc3\u7684\u514d\u8d54\u989d\uff1a\u8fd9\u4e2a\u6570\u989d\u4ee3\u8868\u4e86\u5728\u4fdd\u9669\u516c\u53f8\u5f00\u59cb\u8d54\u4ed8\u4e4b\u524d\u9700\u8981\u81ea\u5df1\u652f\u4ed8\u7684\u91d1\u989d\u3002GoGlobalSafe\u6240\u63d0\u4f9b\u8ba1\u5212\u5747\u53ef\u4ee5\u514d\u9664SHC\u7684Deductible\uff0c\u5373\u4e3a0\u7f8e\u5143\uff0c\u4ee3\u8868\u5728\u6821\u533b\u9662\u8d39\u7528\u62a5\u9500\u65f6\u65e0\u9700\u8003\u8651\u514d\u8d54\u989d\u3002',\n                        out_of_pocket_maximum_in_network: '\u7f51\u7edc\u5185\u7684\u81ea\u4ed8\u8d39\u7528\u6700\u9ad8\u9650\u989d\uff1a\u5728\u4fdd\u9669\u8ba1\u5212\u4e2d\uff0c\u5728\u4e00\u5e74\u5185\uff08in-network\uff09\u9700\u8981\u81ea\u5df1\u652f\u4ed8\u7684\u6700\u9ad8\u91d1\u989d\u9650\u989d\u3002\u4e00\u65e6\u8fbe\u5230\u8fd9\u4e2a\u9650\u989d\uff0c\u4fdd\u9669\u516c\u53f8\u5c06\u627f\u62c5\u8d85\u51fa\u6b64\u9650\u989d\u7684\u533b\u7597\u8d39\u7528\u3002',\n                        Prescription: '\u5904\u65b9\u836f\u5171\u4ed8\u989d\uff1a\u53bb\u836f\u623f\u62ff\u5904\u65b9\u836f\u7684\u65f6\u5019\uff0c\u9700\u8981\u652f\u4ed8\u4e00\u90e8\u5206\u7684\u8d39\u7528\u3002\uff08\u663e\u793a\u7684\u4e09\u4e2a\u91d1\u989d\u5206\u522b\u5bf9\u5e94\u4e0d\u540c\u7c7b\u522b\u836f\u54c1\u7684\u65b9\u6848\u3002\uff09',\n                        Pre_existing_watiting_period: '\u65e2\u5f80\u75c5\u75c7\u7b49\u5f85\u671f\uff1a\u8fd9\u662f\u4fdd\u9669\u516c\u53f8\u5bf9\u6295\u4fdd\u4eba\u65e2\u5f80\u75c5\u75c7\u8bbe\u5b9a\u7684\u7b49\u5f85\u671f\u3002\u5728\u6b64\u671f\u95f4\uff0c\u4fdd\u9669\u516c\u53f8\u4e0d\u627f\u62c5\u4e0e\u65e2\u5f80\u75c5\u75c7\u76f8\u5173\u7684\u533b\u7597\u8d39\u7528\u3002\u4f8b\u5982\u5982\u679c\u5728\u8d2d\u4e70\u4fdd\u9669\u524d\u5c31\u6709\u54ee\u5598\uff0c\u90a3\u4e48\u5728\u7b49\u5f85\u671f\u5185\u56e0\u54ee\u5598\u4ea7\u751f\u7684\u8d39\u7528\uff0c\u4fdd\u9669\u516c\u53f8\u53ef\u80fd\u4e0d\u4e88\u62a5\u9500\u3002\u7b49\u5f85\u671f\u540e\u53ef\u6b63\u5e38\u62a5\u9500\u3002',\n                        preventive_care_in_shc: '\u9884\u9632\u6027\u62a4\u7406\uff1a\u8fd9\u662f\u6307\u4e3a\u4e86\u9884\u9632\u75be\u75c5\u800c\u8fdb\u884c\u7684\u533b\u7597\u670d\u52a1\uff0c\u5982\u75ab\u82d7\u63a5\u79cd\u3001\u5e38\u89c4\u4f53\u68c0\u548c\u7b5b\u67e5\u7b49\u3002',\n                        telehealth: '\u8fdc\u7a0b\u533b\u7597\uff1a\u901a\u8fc7\u7535\u8bdd\u6216\u7f51\u7edc\u8fdb\u884c\u7684\u533b\u7597\u670d\u52a1\uff0c\u53ef\u4ee5\u5728\u5bb6\u4e2d\u4e0e\u533b\u751f\u8fdb\u884c\u89c6\u9891\u6216\u7535\u8bdd\u54a8\u8be2\u3002',\n                        matemity: '\u5987\u4ea7\u79d1\u533b\u9662',\n                        intercollegiate_sports_coverage: '\u6821\u9645\u4f53\u80b2\u62a5\u9053',\n                        emergency_medical_evacuation: '\u7d27\u6025\u533b\u7597\u64a4\u79bb\uff1a \u5982\u679c\u5728\u56fd\u5916\u65c5\u884c\u6216\u5b66\u4e60\u671f\u95f4\u751f\u75c5\u6216\u53d7\u4f24\uff0c\u4e14\u5f53\u5730\u533b\u7597\u8bbe\u65bd\u65e0\u6cd5\u63d0\u4f9b\u9002\u5f53\u7684\u6cbb\u7597\uff0c\u4fdd\u9669\u516c\u53f8\u4f1a\u5b89\u6392\u7d27\u6025\u64a4\u79bb\u5230\u6700\u8fd1\u7684\u5408\u9002\u7684\u533b\u7597\u673a\u6784\u3002',\n                        accidental_death: '\u610f\u5916\u6b7b\u4ea1',\n                        repatriation_of_mortal_remains: '\u9057\u4f53\u9063\u8fd4\uff1a\u5982\u679c\u4e0d\u5e78\u5728\u56fd\u5916\u53bb\u4e16\uff0c\u4fdd\u9669\u516c\u53f8\u4f1a\u8d1f\u8d23\u5b89\u6392\u5904\u7406\u5fc5\u8981\u6b65\u9aa4\u548c\u624b\u7eed\u5e76\u652f\u4ed8\u5c06\u9057\u4f53\u8fd0\u9001\u56de\u56fd\u7684\u76f8\u5173\u8d39\u7528\u3002',\n                        coverage: '\u4fdd\u969c\u8303\u56f4\uff1a\u6307\u4fdd\u9669\u8ba1\u5212\u6240\u8986\u76d6\u7684\u533b\u7597\u670d\u52a1\u548c\u8d39\u7528\uff0c\u5305\u62ec\u4f4f\u9662\u8d39\u7528\u3001\u95e8\u8bca\u8d39\u7528\u3001\u624b\u672f\u8d39\u7528\u7b49\u3002',\n                        network: '\u533b\u7597\u7f51\u7edc\uff1a\u8fd9\u91cc\u7684\u7f51\u7edc\u7279\u6307\u548c\u4fdd\u9669\u516c\u53f8\u6709\u5408\u4f5c\u7684\u533b\u9662\/\u8bca\u6240\/\u533b\u751f\u4eec\u6240\u6784\u6210\u7684\u533b\u7597\u7f51\u7edc\u3002\u56e0\u4e3a\u5b58\u5728\u7740\u5408\u4f5c\u5173\u7cfb\uff0c\u7f51\u7edc\u5185\u63d0\u4f9b\u7684\u533b\u7597\u670d\u52a1\u901a\u5e38\u8d39\u7528\u4f1a\u6bd4\u8f83\u4f4e\uff0c\u800c\u4e14\u4fdd\u9669\u516c\u53f8\u8d54\u4ed8\u6bd4\u4f8b\u4e5f\u66f4\u9ad8\u3002',\n                    },\n                    en: {\n                        annual_maxiumn: 'The Annual Maximum is the highest amount your insurance plan will pay for covered services in a plan year. ',\n                        maximum_limit_per_illness: 'Maximum limit per illness or injury',\n                        Deductible_in_network: 'The Deductible (In-Network) is the amount you must pay for covered healthcare services before your insurance plan starts to pay. This applies only to services received from healthcare providers within the plan\u2019s network.',\n                        coinsurance_in_network: 'Coinsurance (In-Network) is the percentage of costs you pay for covered healthcare services after you have met your deductible. For example, if your coinsurance is 80%, you pay 20% of the costs of your care, and your insurance pays the remaining 80%.',\n                        coinsurance_out_of_network: 'Coinsurance (Out-of-Network) is the percentage of costs you pay for covered healthcare services received from providers outside the plan\u2019s network. This percentage is typically higher than in-network coinsurance.',\n                        co_payment_shc: 'A Co-payment (SHC), or copay, is a fixed amount you pay for a covered healthcare service, usually when you receive the service. This term specifically refers to services received at the Student Health Center (SHC).',\n                        deductible_per_illness_or_injury: 'Deductible per illness or injury',\n                        deductible_in_student_health_center: 'The deductible at SHC(Student Health Center): This amount represents the amount that needs to be paid by oneself before the insurance company starts paying. ',\n                        out_of_pocket_maximum_in_network: 'The Out of Pocket Maximum (In-Network) is the most you have to pay for covered services in a plan year. After you spend this amount on deductibles, copayments, and coinsurance, your health plan pays 100% of the costs of covered benefits.',\n                        Prescription: 'Prescription refers to medications that are prescribed by a doctor and covered by your health insurance plan. ',\n                        Pre_existing_watiting_period: 'The Pre-existing Waiting Period is the time period during which your insurance plan does not cover treatment for conditions that existed before the start of the policy. This period varies depending on the plan.',\n                        preventive_care_in_shc: 'Periodic routine health exams, routine gynecological exams, immunizations and related preventive services such as prostate specific antigen (PSA), routine mammograms, pap smears and colonoscopies for colorectal cancer screenings',\n                        telehealth: 'Telehealth refers to healthcare services provided remotely via telecommunications technology.',\n                        matemity: 'Matemity',\n                        intercollegiate_sports_coverage: 'Intercollegiate athletics coverage',\n                        emergency_medical_evacuation: 'Medical Evacuation applies where the necessary treatment for which the Covered Person is covered is not available locally or if adequately screened blood is unavailable in the event of an emergency. ',\n                        accidental_death: 'Accidental death',\n                        repatriation_of_mortal_remains: 'Repatriation of Mortal Remains covers the cost of returning a deceased person\u2019s body to their home country. This benefit is crucial for international travelers or students studying abroad.',\n                        coverage: 'Coverage refers to the range of healthcare services your insurance plan pays for. ',\n                        network: 'A Network is a group of doctors, hospitals, and other healthcare providers that have agreed to provide medical services at reduced rates for plan members. Receiving care within the network typically results in lower out-of-pocket costs for you.',\n                    },\n                };\n                return textMap[lang][textKey] || '';\n            }\n            \/\/\u9000\u51fa\u60ac\u6d6e\n            const productMouseLeave = () => {\n                hoverText.value.help = '';\n            }\n            \/\/\u5b66\u6821\u540d\u79f0\n            const waive = computed(() => {\n                return lang === 'zh' ? \"\u66ff\u6362\u5e76\u8282\u7ea6\" : \"Waive and Save\"\n            })\n            \/\/\u60ac\u6d6e\u540d\u79f0\n            const xuanfu = reactive({\n                title: computed(() => (lang === 'zh' ? '\u8d2d\u4e70\u6307\u5357' : 'Quote Guide')),\n                subtitle: computed(() => (lang === 'zh' ? '\u8d2d\u4e70\u6307\u5357' : 'Quote Guide')),\n            })\n            \/\/Switch\u7ec4\u4ef6\n            const switchs = reactive({\n                month: computed(() => (lang === 'zh' ? '\u6309\u6708' : 'Monthly')),\n                year: computed(() => (lang === 'zh' ? '\u6309\u5e74' : 'Annual')),\n            })\n            \/\/Age\u6ed1\u52a8\u7ec4\u4ef6\n            const range_age = reactive({\n                title: computed(() => (lang === 'zh' ? '\u5e74\u9f84' : 'Age')),\n                class: computed(() => (lang === 'zh' ? 'sc' : 'schoole_name')),\n            })\n            const dynamicClass = computed(() => {\n                return {\n                    [range_age.class]: true\n                };\n            })\n\n            const hint = computed(() => {\n                return lang === 'zh' ? \"\u663e\u793a\u7684\u4ef7\u683c\u9002\u7528\u4e8e 25 \u5c81\u4ee5\u4e0b\u4eba\u58eb\" : \"Pricing displaying for those under 25 years old\"\n            })\n            const School_waive_deadline = computed(() => {\n                return lang === 'zh' ? \"\u63d0\u4ea4\u5b66\u6821waive\u622a\u6b62\u65e5\u671f\" : \"School waive deadline\"\n            })\n            const School_required_coverage_period = computed(() => {\n                return lang === 'zh' ? \"\u5b66\u6821\u8981\u6c42\u7684\u8986\u76d6\u671f\u9650\" : \"School required coverage period\"\n            })\n            const best_choice = computed(() => {\n                return lang === 'zh' ? \"\u63a8\u8350\" : \"Best choice\"\n            })\n\n            const per_month = computed(() => {\n                return lang === 'zh' ? \"\" : \"\"\n            })\n            const formatPrice = (price) => {\n                return Number(price).toFixed(2);\n            };\n            const per_year = computed(() => {\n                return lang === 'zh' ? \"\" : \"\"\n            })\n\n            const select = computed(() => {\n                return lang === 'zh' ? \"\u9009\u62e9\" : \"SELECT\"\n            })\n            const brochure = computed(() => {\n                return lang === 'zh' ? \"\u8be6\u60c5\" : \"Brochure\"\n            })\n            \/\/\u7f8e\u56fd\u4ea7\u54c1 \u4ea7\u54c1\u5c5e\u6027\n            \/\/\u6298\u53e0\u5c55\u5f00\n            const view = computed(() => {\n                return lang === 'zh' ? \"\u67e5\u770b\u66f4\u591a\" : \"View more\";\n            })\n            \/\/\u6298\u53e0\u6536\u8d77\n            const view_less = computed(() => {\n                return lang === 'zh' ? \"\u6536\u8d77\" : \"View less\";\n            })\n            const AnnualMaxiumnText = computed(() => {\n                return lang === 'zh' ? \"\u6700\u9ad8\u4fdd\u9669\u989d\u5ea6\" : \"Annual Maximum\";\n            })\n            const maximum_limit_per_illness = computed(() => {\n                return lang === 'zh' ? \"\u6bcf\u6b21\u75be\u75c5\u6216\u53d7\u4f24\u7684\u6700\u9ad8\u9650\u989d\" : \"Maximum limit per illness or injury\";\n            })\n            const Deductible_in_network = computed(() => {\n                return lang === 'zh' ? \"\u514d\u8d54\u989d(\u7f51\u7edc\u5185)\" : \"Deductible(in-network)\";\n            })\n            const coinsurance_in_network = computed(() => {\n                return lang === 'zh' ? \"\u5171\u540c\u4fdd\u9669(\u7f51\u7edc\u5185)\" : \"Coinsurance (in-network)\";\n            })\n            const coinsurance_out_of_network = computed(() => {\n                return lang === 'zh' ? \"\u5171\u540c\u4fdd\u9669(\u7f51\u7edc\u5916)\" : \"Coinsurance (out-of-network)\";\n            })\n            const co_payment_shc = computed(() => {\n                return lang === 'zh' ? \"\u5171\u4ed8\u989d\" : \"Co-payment (SHC)\";\n            })\n            const co_payment_in_network = computed(() => {\n                return lang === 'zh' ? \"\u5171\u4ed8\u989d(\u7f51\u7edc\u5185)\" : \"Copayment (in-network)\";\n            })\n            const deductible_per_illness_or_injury = computed(() => {\n                return lang === 'zh' ? \"\u6bcf\u6b21\u75be\u75c5\u6216\u53d7\u4f24\u7684\u514d\u8d54\u989d\" : \"Deductible per illness or injury\";\n            })\n            const deductible_in_student_health_center = computed(() => {\n                return lang === 'zh' ? \"\u514d\u8d54\u989d-SHC\" : \"Deductible in student health center\";\n            })\n            const out_of_pocket_maximum_in_network = computed(() => {\n                return lang === 'zh' ? \"\u6700\u9ad8\u81ea\u4ed8\u9650\u989d(in-network)\" : \"Out of pocket maximum in-network\";\n            })\n            const Prescription = computed(() => {\n                return lang === 'zh' ? \"\u5904\u65b9\u836f\u5171\u4ed8\u989d\" : \"Prescription (Co-pay)\";\n            })\n            const Pre_existing_watiting_period = computed(() => {\n                return lang === 'zh' ? \"\u65e2\u5f80\u75c5\u75c7\u7b49\u5f85\u671f\" : \"Pre-existing waiting period\";\n            })\n            const Pre_existing_condition = computed(() => {\n                return lang === 'zh' ? \"\u65e2\u5f80\u75c5\u75c7\u60c5\u51b5\" : \"Pre-existing condition\";\n            })\n            const preventive_care_in_shc = computed(() => {\n                return lang === 'zh' ? \"\u9884\u9632\u6027\u62a4\u7406\" : \"Prevention care (in-network\/SHC)\";\n            })\n            const telehealth = computed(() => {\n                return lang === 'zh' ? \"\u8fdc\u7a0b\u533b\u7597\" : \"Telehealth\";\n            })\n            const matemity = computed(() => {\n                return lang === 'zh' ? \"\u5987\u4ea7\u79d1\u533b\u9662\" : \"Matemity\";\n            })\n            const intercollegiate_sports_coverage = computed(() => {\n                return lang === 'zh' ? \"\u6821\u9645\u4f53\u80b2\u62a5\u9053\" : \"Intercollegiate athletics coverage\";\n            })\n            const emergency_medical_evacuation = computed(() => {\n                return lang === 'zh' ? \"\u7d27\u6025\u533b\u7597\u64a4\u79bb\" : \"Emergency medical evacuation\";\n            })\n            const accidental_death = computed(() => {\n                return lang === 'zh' ? \"\u610f\u5916\u6b7b\u4ea1\" : \"Accidental death\";\n            })\n            const repatriation_of_mortal_remains = computed(() => {\n                return lang === 'zh' ? \"\u9057\u4f53\u9063\u8fd4\" : \"Repatriation of mortal remains\";\n            })\n            const coverage = computed(() => {\n                return lang === 'zh' ? \"\u4fdd\u969c\u8303\u56f4\" : \"Coverage\";\n            })\n            const network = computed(() => {\n                return lang === 'zh' ? \"\u533b\u7597\u7f51\u7edc\" : \"Network\";\n            })\n\n            const springsummer = computed(() => {\n                return lang === 'zh' ? \"\u6bcf\u5e74\" : \"Annual\";\n            })\n            \/\/\u53d6\u6d88\u6ed1\u52a8\u5361\u7247\n            const showError = () => {\n                setTimeout(() => {\n                    showAlert.value = false;\n                    showAlertMessage.value = null;\n                }, 2000);\n            }\n            \/\/\u5224\u65ad\u6d3b\u52a8\u624b\u518c\u662f\u5426\u5b58\u5728\n            const docSelect = (product) => {\n                if (product.doc_link) {\n                    window.open(product.doc_link, \"_blank\"); \/\/\u6253\u5f00\u65b0\u7f51\u9875\n                } else {\n                    console.log(\"\u6682\u65f6\u6ca1\u6709\u624b\u518c\");\n                    showAlert.value = true\n                    showAlertMessage.value = \"available soon\uff01\"\n                    showError()\n                }\n            };\n            \/\/\u5224\u65ad\u662f\u5426\u4e3a\u6570\u5b57\n            const isNumber = (value) => {\n                return !isNaN(parseFloat(value)) && isFinite(value);\n            };\n            \/\/\u6298\u53e0\u9762\u677f\n            const toggleCollapse = () => {\n                console.log(\"\u6211\u70b9\u51fb\u4e86\")\n                \/\/ console.log(isCollapsed.value)\n                \/\/isCollapsed.value[index] = !isCollapsed.value[index];\n                isCollapsed.value = !isCollapsed.value\n            }\n            \/\/\u5224\u65adselect\u662f\u5426\u6709\u6570\u636e\u65b0\u7f51\u9875\n            const selectProduct = ref()\n            const isShowReferral = ref(0)\n            const paySelect = (product) => {\n                selectProduct.value = product\n                localStorage.setItem(\"age_ranges\", JSON.stringify(selectProduct.value.age_ranges))\n                localStorage.setItem(\"InsuranceName\", selectProduct.value.name);\n                localStorage.setItem(\"monthly_price\", selectProduct.value.currentPrice);\n                localStorage.setItem(\"school_id\", schoole.value);\n                localStorage.setItem(\"sid\", school_id.value);\n                localStorage.setItem(\"coverage_start_date\", school_waive.value.coverage_start_date);\n                localStorage.setItem(\"coverage_end_date\", school_waive.value.coverage_end_date);\n                localStorage.setItem(\"student_age\", selectedAge.value);\n                console.log('\u8bbe\u7f6e\u6210\u529f1')\n                let productSeriesIds = [20, 22, 23, 24, 27];\n                \/\/\u6839\u636e\u5b66\u6821ID \u5f39\u7a97\n                if (product.pay_link) {\n                    \/\/ if (selectProduct.value.name == \"USC Scholar 500\"  || selectProduct.value.name == \"USC Scholar 100\"  || selectProduct.value.name == \"J1 Scholar\" || selectProduct.value.name == \"J1 Scholar Premier\") {\n                    \/\/     isShowReferral.value = 1\n                    \/\/     pay_link.value = product.pay_link\n                    \/\/     \/\/\u6253\u5f00\u63d0\u793a\u5f39\u7a97\n                    \/\/     is_select.value = true;\n                    \/\/ } else\n                    if (productSeriesIds.includes(selectProduct.value.id)) {\n                        isShowReferral.value = 1\n                        pay_link.value = product.pay_link\n                        \/\/\u6253\u5f00\u63d0\u793a\u5f39\u7a97\n                        is_select.value = true;\n                    } else {\n                        isShowReferral.value = 0\n                        console.log('\u5df2\u8bbe\u7f6e\u5185\u5bb9')\n                        \/\/\u68c0\u67e5\u662f\u5426\u767b\u5f55\n                        if (isLoggedIn()) {\n                            \/\/\u5df2\u7ecf\u767b\u5f55  \u76f4\u63a5\u53bb\u8868\u5355\n                            console.log('\u5904\u4e8e\u767b\u5f55\u72b6\u6001');\n                            window.location.href = window.location.origin + \"\/us-enrollment\/\"\n                        } else {\n                            \/\/\u975e\u767b\u5f55\u72b6\u6001\u63d0\u9192\u767b\u5f55\n                            is_login.value = true \/\/\u663e\u793a\u5f39\u7a97 \u63d0\u793a\u767b\u5f55\n                            console.log('\u6ca1\u6709\u767b\u5f55')\n                        }\n                        \/\/ window.location.href = selectProduct.value.pay_link \/\/\u6253\u5f00\u65b0\u7f51\u9875\n                    }\n                } else {\n                    console.log(\"\u6682\u65f6\u6ca1\u6709\u652f\u4ed8\u94fe\u63a5\");\n                    showAlert.value = true\n                    showAlertMessage.value = \"available soon\"\n                    showError()\n                }\n            }\n            \/\/\u63d0\u793a\u6846\u6253\u5f00\n            const showMessage = (msg) => {\n                console.log(\"hover\u5361\u7247\")\n                point.value = true\n                message.value = msg\n            }\n            \/\/\u63d0\u793a\u6846\u5173\u95ed\n            const clearMessage = () => {\n                point.value = false\n                console.log(\"\u53d6\u6d88hover\");\n            }\n\n            \/\/ xuanfuclose,\n            const xuanfuclose = () => {\n                \/\/ console.log(123)\n                hover.value = false\n            }\n            const xuanfuopen = () => {\n                hover.value = true\n            }\n\n            \/\/\u6ed1\u52a8\u5361\u7247\u8fdb\u5165\n            const handleMouseEnter = (index, product) => {\n\n                hoveredProduct.value = product;\n                \/\/ console.log(hoveredProduct.value.monthly_price);\n                \/\/ console.log(11111111111111);\n                \/\/ const priceInstead=\n                \/\/     [\n                \/\/         \/\/ WellAway World Elite 250\n                \/\/         { \"original\": 145.00, \"converted\": 145.00 },\n                \/\/         { \"original\": 643.00, \"converted\": 643.00 },\n                \/\/         { \"original\": 186.00, \"converted\": 186.00 },\n                \/\/         { \"original\": 293.00, \"converted\": 293.00 },\n                \/\/         \/\/ WellAway World Elite 450\n                \/\/         { \"original\": 125.00, \"converted\": 125.00 },\n                \/\/         { \"original\": 174.00, \"converted\": 174.00 },\n                \/\/         { \"original\": 254.00, \"converted\": 253.9792 },\n                \/\/         { \"original\": 560.00, \"converted\": 559.9709 },\n                \/\/         \/\/ \/\/ WellAway World Elite 450\n                \/\/         { \"original\": 178.00, \"converted\": 177.9375 },\n                \/\/         { \"original\": 205.00, \"converted\": 205.0084 },\n                \/\/         { \"original\": 372.00, \"converted\": 371.9959 },\n                \/\/         { \"original\": 744.00, \"converted\": 743.9917 },\n                \/\/         \/\/ WellAway Royal 100\n                \/\/         { \"original\": 109.50, \"converted\": 109.50 },\n                \/\/         { \"original\": 148.43, \"converted\": 147.600 },\n                \/\/         { \"original\": 255.80, \"converted\": 255.805 },\n                \/\/         \/\/ WellAway Royal 1500\n                \/\/         { \"original\": null, \"converted\": 271.3167 },\n                \/\/         { \"original\": 76.65, \"converted\": 76.65 },\n                \/\/         { \"original\": 108.28, \"converted\": 107.867 },\n                \/\/         { \"original\": 179.46, \"converted\": 179.458 },\n                \/\/         { \"converted\": 1268.883, \"original\": null },\n                \/\/         \/\/ WellAway Royal 500\n                \/\/         { \"converted\": 287.1334, \"original\": null },\n                \/\/         { \"original\": 80.60, \"converted\": 80.604 },\n                \/\/         { \"original\": 114.37, \"converted\": 114.3667 },\n                \/\/         { \"original\": 191.63, \"converted\": 191.625 },\n                \/\/         { \"converted\": 1397.775, \"original\": null },\n                \/\/         \/\/ WellAway Royal Plus\n                \/\/         { \"original\": 153.60, \"converted\": 153.6041 },\n                \/\/         { \"original\": 216.87, \"converted\": 216.8708 },\n                \/\/         { \"original\": 550.85, \"converted\": 550.8458 },\n                \/\/         \/\/ Cromo\n                \/\/         { \"original\": 33.90, \"converted\": 34.3708 },\n                \/\/         \/\/ Cromo Premier\n                \/\/         { \"original\": 50.10, \"converted\": 50.7958 }\n                \/\/     ]\n                \/\/ const matchingProduct = priceInstead.find(item => item.original == hoveredProduct.value.monthly_price);\n                \/\/ if (matchingProduct) {\n                \/\/     \/\/ If a match is found, set the converted value\n                \/\/\n                \/\/     console.log(`Converted Price: ${matchingProduct.converted}`);\n                \/\/ }\n                \/\/ hoveredProduct.value.monthly_price = matchingProduct.converted;\n                \/\/ console.log(hoveredProduct.value.monthly_price);\n\n                product_result.value = true\n                hoverIndex.value = index\n            }\n            \/\/\u6ed1\u52a8\u5361\u7247\u51fa\u6765\n            const handleMouseLeave = () => {\n                product_result.value = false\n                hoverIndex.value = null\n                hoveredProduct.value = null\n            }\n            \/\/sku\u5206\u7c7b\u6700\u5c0f\u4ef7\u683c\n            const updateMinPrice = () => {\n                \/\/ console.log(\"\u5361\u7247\u6570\u7ec4\",filteredProducts.value);\n                let waive = school_waive.value\n                let annualPrices = 0;\n                if (waive.coverage_start_date != null) {\n                    annualPrices = filteredProducts.value.map(product =>\n                        getDisplayPrice(product, true)\n                    );\n                } else {\n                    annualPrices = filteredProducts.value.map(product =>\n                        calculateAnnualPrice(product.currentPrice, product.name)\n                    );\n                }\n                \/\/ \u627e\u51fa\u6700\u5c0f\u7684\u5e74\u4ef7\n                min_price.value = annualPrices.length > 0 ? Math.min(...annualPrices) : 0;\n            }\n            const calculateCurrentPrice = (ageRanges) => {\n                const range = ageRanges.find(range => {\n                    return selectedAge.value >= range.age_start && selectedAge.value <= range.age_end;\n                });\n                return range ? parseFloat(range.price) : null;\n            };\n            const questionsArray = ref([])\n            const getClientId = () => {\n                const gaCookie = document.cookie.split(';').find(c => c.trim().startsWith('_ga='));\n                if (!gaCookie) return null;\n                const parts = gaCookie.split('.');\n                return parts.length >= 4 ? `${parts[2]}.${parts[3]}` : null;\n            }\n            \/\/ === SEO \u7edf\u4e00\u6a21\u677f\u8bbe\u7f6e\u51fd\u6570 ===\n            const getSeoSchoolTitleName = (schoolName) => {\n                const safeName = String(schoolName || '').trim();\n                const matchedAbbr = safeName.match(\/\\(([^()]+)\\)\/);\n                if (matchedAbbr && matchedAbbr[1]) {\n                    return matchedAbbr[1].trim();\n                }\n                return safeName;\n            }\n            const updatePageSEO = (schoolName, minPrice, slug) => {\n                \/\/ 2. \u5b9a\u4e49\u7edf\u4e00\u6a21\u677f\u6587\u6848\n                \/\/ Title \u683c\u5f0f: [\u5b66\u6821\u540d] \u7559\u5b66\u751f\u4fdd\u9669 - \u6ee1\u8db3\u5b66\u6821 Waiver \u8981\u6c42 | [\u4f60\u7684\u54c1\u724c\u540d]\n                const siteName = \"GoGlobalSafe\"; \/\/ \u4f60\u7684\u7f51\u7ad9\u540d\n                const seoTitleSchoolName = getSeoSchoolTitleName(schoolName);\n                \/\/ const pageTitle = `Insurance for ${schoolName} Students | 100% Waiver Accepted | ${siteName}`;\n                const pageTitle = `Health Insurance for ${seoTitleSchoolName} Students | Waive School Plan & Save | ${siteName}`;\n\n                \/\/ Description \u683c\u5f0f: \u4e3a [\u5b66\u6821\u540d] \u5b66\u751f\u63d0\u4f9b\u7684\u5b9e\u60e0\u533b\u7597\u4fdd\u9669\u3002\u6ee1\u8db3\u5b66\u6821 Waiver \u8981\u6c42\uff0c\u6bcf\u6708\u4f4e\u81f3 $[\u6700\u4f4e\u4ef7]\u3002\u7acb\u5373\u8d2d\u4e70\uff01\n                const pageDescription = `Comprehensive health insurance for ${schoolName} students. Meets ACA Comparable & Waiver requirements. Save money with plans from $${minPrice}\/mo. Instant ID Card & Confirmation.`;\n                \/\/ \u4f18\u5316\u540e\u7684 Keywords:\n                \/\/ \u52a0\u4e86 specific \u7684\u8bcd\u7ec4\u5408\n                const pageKeywords = `${schoolName} insurance waiver, ${schoolName} international student health insurance, buy insurance for ${schoolName}, comprehensive student insurance`;\n\n                \/\/ 3. \u6267\u884c DOM \u64cd\u4f5c\u4fee\u6539\u6807\u7b7e\n\n                \/\/ A. \u4fee\u6539 Title\n                document.title = pageTitle;\n\n                \/\/ B. \u4fee\u6539 Meta Description\n                let metaDesc = document.querySelector('meta[name=\"description\"]');\n                if (!metaDesc) {\n                    metaDesc = document.createElement('meta');\n                    metaDesc.name = \"description\";\n                    document.head.appendChild(metaDesc);\n                }\n                metaDesc.setAttribute('content', pageDescription);\n\n                \/\/ C. \u4fee\u6539 Meta Keywords\n                let metaKeywords = document.querySelector('meta[name=\"keywords\"]');\n                if (!metaKeywords) {\n                    metaKeywords = document.createElement('meta');\n                    metaKeywords.name = \"keywords\";\n                    document.head.appendChild(metaKeywords);\n                }\n                metaKeywords.setAttribute('content', pageKeywords);\n\n                \/\/ D. \u4fee\u6539\/\u6dfb\u52a0 Canonical \u6807\u7b7e (\u9632\u6b62\u91cd\u590d\u6536\u5f55)\n                if (slug) {\n                    let canonical = document.querySelector('link[rel=\"canonical\"]');\n                    if (!canonical) {\n                        canonical = document.createElement('link');\n                        canonical.rel = \"canonical\";\n                        document.head.appendChild(canonical);\n                    }\n                    \/\/ \u786e\u4fdd\u8fd9\u662f\u7edd\u5bf9\u8def\u5f84\n                    canonical.href = `${window.location.origin}\/schools\/${slug}`;\n                }\n\n                \/\/ E. (\u53ef\u9009) \u4fee\u6539 Open Graph \u6807\u7b7e (\u5206\u4eab\u5230 Facebook\/Twitter \u663e\u793a\u7684\u5185\u5bb9)\n                updateOpenGraphTags(pageTitle, pageDescription);\n\n                const scriptId = 'dynamic-json-ld';\n                let scriptTag = document.getElementById(scriptId);\n\n                \/\/ 1. \u5b89\u5168\u83b7\u53d6\u6570\u636e\n                const schemaData = typeof jsonLdSchema !== 'undefined' ? jsonLdSchema.value : null;\n\n                \/\/ 2. \u5982\u679c\u6570\u636e\u4e3a\u7a7a\uff0c\u6e05\u7406\u65e7\u6807\u7b7e\u5e76\u9000\u51fa\n                if (!schemaData) {\n                    if (scriptTag) scriptTag.remove();\n                    return;\n                }\n\n                \/\/ 3. \u5982\u679c\u6807\u7b7e\u4e0d\u5b58\u5728\uff0c\u521b\u5efa\u5b83\n                if (!scriptTag) {\n                    scriptTag = document.createElement('script');\n                    scriptTag.id = scriptId;\n                    scriptTag.type = 'application\/ld+json';\n                    document.head.appendChild(scriptTag);\n                }\n\n                \/\/ 4. \u3010\u7ec8\u6781\u4fee\u590d\u3011\u5728\u8fd9\u91cc\u6267\u884c\u4e14\u53ea\u6267\u884c\u4e00\u6b21 JSON.stringify\uff01\n                \/\/ \u52a0\u4e0a null, 2 \u53ef\u4ee5\u8ba9\u5b83\u5728\u9875\u9762\u6e90\u7801\u91cc\u6f02\u4eae\u5730\u6362\u884c\uff0c\u4e5f\u66f4\u5bb9\u6613\u6392\u9519\n                scriptTag.textContent = JSON.stringify(schemaData, null, 2);\n            }\n\n            \/\/ \u8f85\u52a9\uff1a\u4fee\u6539 OG \u6807\u7b7e\n            const updateOpenGraphTags = (title, desc) => {\n                const setMeta = (property, content) => {\n                    let element = document.querySelector(`meta[property=\"${property}\"]`);\n                    if (!element) {\n                        element = document.createElement('meta');\n                        element.setAttribute('property', property);\n                        document.head.appendChild(element);\n                    }\n                    element.setAttribute('content', content);\n                };\n                setMeta('og:title', title);\n                setMeta('og:description', desc);\n            }\n            \/\/\u5c01\u88c5\u83b7\u53d6\u4fdd\u9669\u5217\u8868\u5f97api\n            const fetchProducts = () => {\n                window.apiClient.post(api_url + \"product_all\", {\n                    \/\/ insurance_ids: ids.value,\n                    school_slug: school_slug.value,\n                    school_id: school_id.value,\n                    client_id: getClientId(),\n                    source: getSource()\n                }).then(response => {\n                    if (school_id.value) {\n                        const targetSlug = response.data.data.school_waive.slug;\n\n                        if (targetSlug) {\n                            console.log(\"\u68c0\u6d4b\u5230\u65e7\u94fe\u63a5\uff0c\u51c6\u5907\u8df3\u8f6c\u5230\u65b0 Slug:\", targetSlug);\n\n                            \/\/ 2. \u6784\u5efa\u65b0 URL: \/schools\/slug\n                            let newUrl = `\/schools\/${targetSlug}`;\n\n                            \/\/ 3. \u4fdd\u7559 source \u53c2\u6570 (\u5982\u679c\u5b58\u5728)\n                            \/\/ \u8fd9\u6837\u4ece\u5e7f\u544a\u8fdb\u6765\u7684\u7528\u6237\uff0c\u8df3\u8f6c\u540e source \u4f9d\u7136\u5b58\u5728\uff0c\u4e0d\u4f1a\u4e22\u5931\u8ffd\u8e2a\n                            const urlParams = new URLSearchParams(window.location.search);\n                            const source = urlParams.get('source');\n                            if (source) {\n                                newUrl += `?source=${source}`;\n                            }\n\n                            \/\/ 4. \u6267\u884c\u8df3\u8f6c\n                            \/\/ \u4f7f\u7528 replace \u800c\u4e0d\u662f href\uff0c\u8fd9\u6837\u7528\u6237\u70b9\u201c\u8fd4\u56de\u201d\u952e\u65f6\u4e0d\u4f1a\u9677\u5165\u6b7b\u5faa\u73af\n                            window.location.replace(newUrl);\n\n                            \/\/ 5. \u963b\u65ad\u540e\u7eed\u6e32\u67d3 (\u56e0\u4e3a\u9a6c\u4e0a\u8981\u8df3\u8d70\u4e86\uff0c\u6ca1\u5fc5\u8981\u518d\u6e32\u67d3\u5217\u8868)\n                            return;\n                        }\n                    }\n                    loading.value = false;\n                    init_select_code();\n                    \/\/ console.log(response.data.data);\n                    \/\/ console.log(response.data.data.product_all);\n\n                    schoole.value = response.data.data.schoole_name ?? '';\n                    school_waive.value = response.data.data.school_waive ?? '';\n                    products.value = response.data.data.product_all;\n                    if (response.data.data.school_waive) {\n                        schoole_price.value = response.data.data.school_waive.price ?? ''\n                        undergraduate_price.value = response.data.data.school_waive.undergraduate_price ?? ''\n                        graduate_price.value = response.data.data.school_waive.graduate ?? ''\n                    }\n                    questionsArray.value = response.data.data.faq_categories.filter((item) => item.articles.length > 0)\n                    questionsArray.value.forEach((item) => {\n                        questions.value.push(...item.articles)\n                    })\n                    \/\/ console.log(questions.value);\n                    \/\/\u8ba1\u7b97\u6570\u636e\u66f4\u65b0\u6700\u5c0f\u4ef7\u683c\n                    updateMinPrice()\n                    const monthlyPrices = products.value.map(card => card.monthly_price);\n                    const mins_price = Math.min(...monthlyPrices);\n                    \/\/ console.log(dailyPrice(mins_price));\n                    \/\/ console.log(timeDays);\n                    \/\/ min_price.value = dailyPrice(mins_price) * 12\n                    \/\/ console.log(min_price.value);\n                    products.value[0].newProperty = true\n                    isCollapsed.value = true\n                    updatePageSEO(response.data.data.schoole_name, mins_price, response.data.data.school_waive.slug)\n                    school_id.value = response.data.data.school_waive.school_id\n                }).catch(error => {\n                    console.log(error)\n                    products.value = ''\n                    showAlert.value = true\n                    showAlertMessage.value = \"Network error! Please return to the homepage and select again\"\n                    showError()\n                    loading.value = false;\n                });\n            };\n            \/\/\u8ba1\u7b97\u5c5e\u6027 \u8ba1\u7b97\u4ef7\u683c\n            const filteredProducts = computed(() => {\n                \/\/ console.log(\"\u6570\u636e\",products.value);\n\n                return products.value.map(product => {\n                    const ageRange = product.age_ranges.find(range => selectedAge.value >= range.age_start && selectedAge.value <= range.age_end);\n                    return {\n                        ...product,\n                        currentPrice: calculateCurrentPrice(product.age_ranges)\n                    };\n                }).filter(product => product.currentPrice !== null);\n            })\n            \/\/\u521d\u59cb\u5316code\u5f39\u7a97\n            const init_select_code = () => {\n                const code = sessionStorage.getItem('agent_code');\n                if (code) {\n                    vip_code.value = code\n                    select_code.value = true\n                }\n            }\n            \/\/\u5173\u95edcode\u5f39\u7a97\n            const close_select_code = () => {\n                select_code.value = false\n            }\n\n            \/\/ \u4e8c\u7ef4\u7801\u663e\u793a\n            const clickCount = ref(false);\n            const hoverShow = ref(false)\n            const hoverEnter = () => {\n                clickCount.value = true\n                setTimeout(() => {\n                    clickCount.value = false\n                }, 10);\n                hoverShow.value = true;\n            }\n            const hoverLeave = () => {\n                \/\/ console.log(1111);\n\n                hoverShow.value = false;\n            }\n            const hideBox = (e) => {\n                \/\/ console.log(clickCount.value);\n\n                if (clickCount.value) {\n                    return\n                }\n                \/\/ console.log(e.target);\n\n                \/\/ console.log(1111);\n                hoverShow.value = false;\n\n            }\n            \/\/ \u4ef7\u683c\u66ff\u6362\u6570\u7ec4\n            const priceInstead = ref(\n                [\n                    \/\/ WellAway World Elite 250\n                    {\"original\": 145.00, \"converted\": 145.0875},\n                    {\"original\": 643.00, \"converted\": 643.0083},\n                    {\"original\": 186.00, \"converted\": 186.15},\n                    {\"original\": 293.00, \"converted\": 292.9125},\n                    \/\/ WellAway World Elite 450\n                    {\"original\": 125.00, \"converted\": 125.0125},\n                    {\"original\": 174.00, \"converted\": 173.984},\n                    {\"original\": 254.00, \"converted\": 253.9792},\n                    {\"original\": 560.00, \"converted\": 559.9709},\n                    \/\/ \/\/ WellAway World Elite 450\n                    {\"original\": 178.00, \"converted\": 177.9375},\n                    {\"original\": 205.00, \"converted\": 205.0084},\n                    {\"original\": 372.00, \"converted\": 371.9959},\n                    {\"original\": 744.00, \"converted\": 743.9917},\n                    \/\/ WellAway Royal 100\n                    {\"original\": 109.50, \"converted\": 109.50},\n                    {\"original\": 148.43, \"converted\": 147.600},\n                    {\"original\": 255.80, \"converted\": 255.805},\n                    \/\/ WellAway Royal 1500\n                    {\"original\": null, \"converted\": 271.3167},\n                    {\"original\": 76.65, \"converted\": 76.65},\n                    {\"original\": 108.28, \"converted\": 107.867},\n                    {\"original\": 179.46, \"converted\": 179.458},\n                    {\"converted\": 1268.883, \"original\": null},\n                    \/\/ WellAway Royal 500\n                    {\"converted\": 287.1334, \"original\": null},\n                    {\"original\": 80.60, \"converted\": 80.604},\n                    {\"original\": 114.37, \"converted\": 114.3667},\n                    {\"original\": 191.63, \"converted\": 191.625},\n                    {\"converted\": 1397.775, \"original\": null},\n                    \/\/ WellAway Royal Plus\n                    {\"original\": 153.60, \"converted\": 153.6041},\n                    {\"original\": 216.87, \"converted\": 216.8708},\n                    {\"original\": 550.85, \"converted\": 550.8458},\n                    \/\/ Cromo\n                    {\"original\": 33.90, \"converted\": 34.3708},\n                    \/\/ Cromo Premier\n                    {\"original\": 50.10, \"converted\": 50.7958}\n                ]\n            )\n            \/\/ \u6708\u4ef7\u683c\u66ff\u6362\n            const dailyPrice = (price) => {\n                return price;\n            }\n            \/\/ \u8ba1\u7b97\u95f4\u9694\n            const timeDays = computed(() => {\n                const startDate = new Date(school_waive.value.coverage_start_date);\n                const endDate = new Date(school_waive.value.coverage_end_date);\n\n                const startUTC = Date.UTC(startDate.getFullYear(), startDate.getMonth(), startDate.getDate());\n                const endUTC = Date.UTC(endDate.getFullYear(), endDate.getMonth(), endDate.getDate());\n\n                \/\/ \u8ba1\u7b97\u65e5\u671f\u5dee\u503c\uff08\u5355\u4f4d\u4e3a\u6beb\u79d2\uff09\n                const diffTime = endUTC - startUTC;\n\n                \/\/ \u5c06\u6beb\u79d2\u8f6c\u6362\u4e3a\u5929\u6570\n                const diffDays = diffTime \/ (1000 * 60 * 60 * 24) + 1;\n                console.log(diffDays);\n                console.log(1111111111111111111111111);\n\n                return diffDays;\n            });\n            \/\/ \u5224\u65ad\u662f\u5426\u7279\u6b8a\u4ea7\u54c1\n            const isSpecialProduct = (productName) => {\n                const specialProducts = ['USC Elite Plus', 'USC Elite 250', 'USC Elite 450', 'World Elite 450', 'World Elite 250', 'World Elite Plus', 'USC Scholar 100', 'USC Scholar 500'];\n                return specialProducts.includes(productName);\n            };\n            \/\/\u5224\u65ad\u662f\u5426\u662f\u7279\u6b8a\u4ea7\u54c1Royal\n            const isRoyal = (productName) => {\n                const specialProducts = ['Royal 1500', 'Royal 100', 'Royal Plus', 'Royal 500'];\n                return specialProducts.includes(productName);\n            }\n            \/\/\u5224\u65ad\u662f\u5426\u662f\u65e5\u4ef7\u683c\u8ba1\u7b97\n            const isDaily = (productName)=>{\n                const specialProducts = ['Royal 1500', 'Royal 100', 'Royal Plus','Royal 500', 'Cromo', 'Cromo Premier', 'OPT choice', '\tJ1 Scholar', 'J1 Scholar Premier'];\n                return specialProducts.includes(productName);\n            }\n            const getDisplayPrice = (product, switchStatus) => {\n                let price = 0;\n                let data = school_waive.value\n                if (switchStatus) {\n                    let year = new Date(data.coverage_start_date).getFullYear()\n                    if (year === 2026 && data.coverage_start_date != '' && data.coverage_start_date != null) {\n                        price = dateCoverPrice(product, data.coverage_start_date, data.coverage_end_date)\n                    } else {\n                        price = getPrice(product)\n                    }\n                } else {\n                    price = yuePrice(product)\n                }\n                if (isDaily(product.name)) {\n                    const converted = (price).toFixed(2);\n                    return Number(converted);\n                }\n                return price;\n            };\n            const dateCoverPrice = (product, start_date, end_date) => {\n                let calcPrice = 0;\n                let dailyPrice = 0;\n                let days = 0;\n                \/\/ \u8ba1\u7b97\u6bcf\u65e5\u4ef7\u683c\n                if (isDaily(product.name)) {\n                    dailyPrice = Math.round(product.currentPrice * 100) \/ 100;\n                } else {\n                    dailyPrice = (product.currentPrice * 12) \/ 365;\n                    dailyPrice = Math.round(dailyPrice * 100) \/ 100;\n                }\n\n                \/\/ \u89e3\u6790\u65e5\u671f\u5b57\u7b26\u4e32\u4e3aDate\u5bf9\u8c61\n                const startDate = new Date(start_date);\n                const endDate = new Date(end_date);\n\n                \/\/ \u8ba1\u7b97\u4e24\u4e2a\u65e5\u671f\u4e4b\u95f4\u7684\u5929\u6570\u5dee\n                \/\/ \u4f7f\u7528\u65f6\u95f4\u6233\u5dee\u503c\u9664\u4ee5\u4e00\u5929\u7684\u6beb\u79d2\u6570(86400000 = 24 * 60 * 60 * 1000)\n                days = Math.round((endDate - startDate) \/ 86400000) + 1; \/\/ +1 \u5305\u542b\u7ed3\u675f\u65e5\u671f\u5f53\u5929\n\n                \/\/ \u5982\u679c\u65e5\u671f\u6709\u6548(\u6b63\u6570\u5929\u6570)\uff0c\u8ba1\u7b97\u603b\u4ef7\n                if (days > 0) {\n                    calcPrice = dailyPrice * days;\n                    calcPrice = Math.round(calcPrice * 100) \/ 100; \/\/ \u4fdd\u7559\u4e24\u4f4d\u5c0f\u6570\n                }\n\n                return calcPrice;\n            };\n            const yuePrice = (product) => {\n                if (isDaily(product.name)) {\n                    \/\/\u7279\u6b8a\u516c\u5f0f\n                    const yeartotal = (product.currentPrice * 365) \/ 12;\n                    return Math.round(yeartotal * 100) \/ 100;\n                } else {\n                    let monthPrice = product.currentPrice * 12 \/ 365\n                    monthPrice = Math.round(monthPrice * 100) \/ 100;\n                    return monthPrice * 30\n                }\n            }\n\n\n            \/\/ \u8ba1\u7b97\u4ef7\u683c\n            const getPrice = (product) => {\n                \/\/ console.log(product.currentPrice);\n                \/\/ console.log(222222);\n                if (isSpecialProduct(product.name)) {\n                    \/\/\u7279\u6b8a\u516c\u5f0f\n                    const dailyPrice = (product.currentPrice * 12) \/ 365;\n                    const roundedDaily = Math.round(dailyPrice * 100) \/ 100; \/\/ \u56db\u820d\u4e94\u5165\u52302\u4f4d\u5c0f\u6570\n                    return roundedDaily * 365;\n                } else if (isDaily(product.name)) {\n                    \/\/ console.log('hdhdhhfdhfhdfh');\n                    \/\/ console.log(product.currentPrice);\n                    \/\/\u7279\u6b8a\u516c\u5f0f\n                    const yeartotal = (product.currentPrice * 365);\n                    return Math.round(yeartotal * 100) \/ 100;\n                } else {\n                    return dailyPrice(product.currentPrice) * 12\n                }\n            }\n\n            const Morequestions = computed(() => (lang === 'zh' ? '\u5e38\u89c1\u95ee\u9898\u89e3\u7b54' : 'Frequently Asked Questions'))\n            \/\/ const Contactus = computed(()=>(lang === 'zh' ? '\u5e38\u89c1\u95ee\u9898' : 'Asked Questions'))\n\n            const questions = ref([])\n            const pShow1 = ref(new Array(questions.value.length).fill(false))\n            \/\/ \u7b2c\u4e00\u4e2a\u95ee\u9898\n            const contentHeight1 = ref(new Array(questions.value.length).fill('0px'));\n            const getpShow1 = async (index) => {\n                console.log(index);\n                pShow1.value[index] = !pShow1.value[index]\n                \/\/ \u8ba9 Vue \u91cd\u65b0\u6e32\u67d3 DOM \u540e\u518d\u83b7\u53d6\u9ad8\u5ea6\n                const content1 = document.querySelectorAll(\".content-wrapper1\")\n                await nextTick();\n                console.log(contentHeight1.value);\n                if (pShow1.value[index]) {\n                    contentHeight1.value[index] = content1[index].scrollHeight + 'px';\n                } else {\n                    contentHeight1.value[index] = '0px';\n                }\n            }\n            const qunhover_modal = ref(false);\n            \/\/ waive\n            const isClosed = ref(true) \/\/ \u63a7\u5236\u5f39\u7a97\u662f\u5426\u5173\u95ed\n            const isAnimating = ref(false) \/\/ \u63a7\u5236\u5f39\u7a97\u52a8\u753b\n            const isHovering = ref(false); \/\/ \u8ffd\u8e2a\u9f20\u6807\u60ac\u6d6e\u72b6\u6001\n            \/\/\u633d\u7559\u5f39\u7a97\u5f00\u542f\n            const showConfirm = ref(false); \/\/\u633d\u7559\u5f39\u7a97\u5f00\u542f\u72b6\u6001\n            const hasConfirmedBefore = ref(false); \/\/ \u6807\u8bb0\u662f\u5426\u5df2\u7ecf\u786e\u8ba4\u8fc7\n\n            \/\/ const countdownDuration = 5 * 60 * 1000 \/\/ 5\u5206\u949f\n            let startTimestamp = null\n            let timer = null\n\n            \/\/ \u5f39\u7a97\u5c55\u793a\u622a\u6b62\u65f6\u95f4\uff08\u7f8e\u897f\u65f6\u95f4 5\u670829\u65e5 23:59:59\uff09\n            const deadline = new Date('2025-12-16T00:00:00-05:00'); \/\/ \u5317\u4eac\u65f6\u95f4 12\u670816\u65e5 12:59:59\n\n            \/\/ \u68c0\u67e5\u662f\u5426\u5728\u5c55\u793a\u65f6\u95f4\u5185\n            const isBeforeDeadline = () => {\n                const now = new Date();\n                return now < deadline;\n            };\n            \/\/ \u68c0\u67e5\u662f\u5426\u4eca\u5929\u5df2\u7ecf\u5c55\u793a\u8fc7\n            const isShownToday = () => {\n                const lastShown = localStorage.getItem('lastShown_us');\n                if (!lastShown) return false; \/\/ \u5982\u679c\u4ece\u672a\u5b58\u50a8\u8fc7\uff0c\u8bf4\u660e\u4eca\u5929\u6ca1\u5f39\u8fc7\n                const lastShownDate = new Date(parseInt(lastShown, 10));\n                const now = new Date();\n                return lastShownDate.toDateString() === now.toDateString(); \/\/ \u68c0\u67e5\u65e5\u671f\u662f\u5426\u76f8\u540c\n            };\n            \/\/ \u68c0\u67e5\u662f\u5426\u4eca\u5929\u5df2\u7ecf\u5c55\u793a\u8fc7\n            const isEmailToday = () => {\n                const lastEmail = localStorage.getItem('lastEmail_us');\n                \/\/ console.log('123123213asdfsadkjhdsjkf')\n                if (!lastEmail) return false; \/\/ \u5982\u679c\u4ece\u672a\u5b58\u50a8\u8fc7\uff0c\u8bf4\u660e\u4eca\u5929\u6ca1\u5f39\u8fc7\n                const lastEmailDate = new Date(parseInt(lastEmail, 10));\n                const now = new Date();\n                return lastEmailDate.toDateString() === now.toDateString(); \/\/ \u68c0\u67e5\u65e5\u671f\u662f\u5426\u76f8\u540c\n            };\n            const startCountdown = () => {\n                const tick = () => {\n                    const now = new Date();\n                    \/\/ \u8ba1\u7b97\u5f53\u524d\u65f6\u95f4\u5230\u622a\u6b62\u65f6\u95f4\u7684\u6beb\u79d2\u6570\n                    const remaining = deadline.getTime() - now.getTime();\n\n                    if (remaining <= 0) {\n                        formatTime(0); \/\/ \u663e\u793a 00:00:00:00\n                        clock_togglePoster(); \/\/ \u5173\u95ed\u6d77\u62a5\u6216\u6267\u884c\u5176\u4ed6\u7ed3\u675f\u64cd\u4f5c\n                        cancelAnimationFrame(timer); \/\/ \u505c\u6b62\u52a8\u753b\u5e27\u5faa\u73af\n                        return;\n                    }\n\n                    formatTime(remaining); \/\/ \u66f4\u65b0\u663e\u793a\u7684\u65f6\u95f4\n                    timer = requestAnimationFrame(tick); \/\/ \u7ee7\u7eed\u4e0b\u4e00\u5e27\n                };\n                tick(); \/\/ \u7acb\u5373\u6267\u884c\u4e00\u6b21\n            };\n            \/\/ \u4fee\u6539\u540e\n            const formatTime = (ms) => {\n                if (ms < 0) ms = 0; \/\/ \u786e\u4fdd\u4e0d\u663e\u793a\u8d1f\u6570\u65f6\u95f4\n\n                let totalSeconds = Math.floor(ms \/ 1000); \/\/ \u5c06\u603b\u6beb\u79d2\u6570\u8f6c\u6362\u4e3a\u603b\u79d2\u6570\n\n                const days = Math.floor(totalSeconds \/ (60 * 60 * 24)); \/\/ \u8ba1\u7b97\u5929\u6570\n                totalSeconds %= (60 * 60 * 24); \/\/ \u79fb\u9664\u5929\u6570\u540e\u7684\u5269\u4f59\u79d2\u6570\n\n                const hours = Math.floor(totalSeconds \/ (60 * 60)); \/\/ \u8ba1\u7b97\u5c0f\u65f6\u6570\n                totalSeconds %= (60 * 60); \/\/ \u79fb\u9664\u5c0f\u65f6\u6570\u540e\u7684\u5269\u4f59\u79d2\u6570\n\n                const minutes = Math.floor(totalSeconds \/ 60); \/\/ \u8ba1\u7b97\u5206\u949f\u6570\n                const seconds = totalSeconds % 60; \/\/ \u5269\u4f59\u7684\u79d2\u6570\n\n                \/\/ \u66f4\u65b0 reactive time \u5bf9\u8c61\n                time.days = String(days).padStart(2, '0');\n                time.hours = String(hours).padStart(2, '0');\n                time.minutes = String(minutes).padStart(2, '0');\n                time.seconds = String(seconds).padStart(2, '0');\n            };\n\n            \/\/ \u63a7\u5236\u5f39\u7a97\u5c55\u793a\n            const showPopup = () => {\n                \/\/ const stored = localStorage.getItem('poster_closed_confirmed_us');\n                \/\/ hasConfirmedBefore.value = stored === '1';\n                if (isEmailToday()) {\n                    console.log('\u4eca\u5929\u5df2\u7ecf\u586b\u5199\u8fc7\u4e86\uff0c\u4e0d\u518d\u5f39\u7a97');\n                    isShowBirdDetail.value = true\n                }\n                if (!isBeforeDeadline()) {\n                    \/\/ console.log('\u6d3b\u52a8\u5df2\u7ed3\u675f\uff0c\u4e0d\u518d\u5f39\u7a97');\n                    isClosed.value = true;\n                    return; \/\/ \u76f4\u63a5\u8fd4\u56de\uff0c\u4e0d\u518d\u6267\u884c\u540e\u7eed\u903b\u8f91\n                }\n                if (isShownToday()) {\n                    console.log('\u4eca\u5929\u5df2\u7ecf\u5c55\u793a\u8fc7\u4e86\uff0c\u4e0d\u518d\u5f39\u7a97');\n                    isClosed.value = true;\n                    return; \/\/ \u76f4\u63a5\u8fd4\u56de\uff0c\u4e0d\u518d\u6267\u884c\u540e\u7eed\u903b\u8f91\n                }\n\n                console.log('\u4eca\u5929\u8fd8\u6ca1\u6709\u5c55\u793a\u8fc7');\n                const isFirstVisit = !localStorage.getItem('hasVisited_us'); \/\/\u662f\u5426\u9996\u6b21\u8bbf\u95ee\n                console.log('\u9996\u6b21\u8bbf\u95ee:', isFirstVisit);\n                if (isFirstVisit) {\n                    \/\/ \u9996\u6b21\u8bbf\u95ee\uff0c10\u79d2\u540e\u5c55\u793a\n                    setTimeout(() => {\n                        isClosed.value = false;\n                        localStorage.setItem('hasVisited_us', 'true'); \/\/ \u8bb0\u5f55\u5df2\u8bbf\u95ee\n                        localStorage.setItem('lastShown_us', Date.now()); \/\/ \u8bb0\u5f55\u5f39\u7a97\u5c55\u793a\u65f6\u95f4\n                        startCountdown()\n                    }, 1000); \/\/ 10\u79d2\u540e\u5f39\u7a97\n                } else {\n                    setTimeout(() => {\n                        isClosed.value = false; \/\/ \u975e\u9996\u6b21\u8bbf\u95ee\uff0c\u7acb\u5373\u5f39\u51fa\n                        startCountdown()\n                        localStorage.setItem('lastShown_us', Date.now());\n                    }, 1000); \/\/2\u79d2\u540e\u5f39\u7a97\n                }\n            };\n\n\n            const us_activity = reactive({\n                big_activity_img: lang === 'zh' ? '\/wp-content\/static\/home\/Product\/waive\/zh\/big-demo.png' : '\/wp-content\/static\/home\/Product\/waive\/en\/big.png',\n                button_img: lang === 'zh' ? '\/wp-content\/static\/home\/Product\/waive\/zh\/button.png' : '\/wp-content\/static\/home\/Product\/waive\/button.png',\n                small_img: lang === 'zh' ? '\/wp-content\/static\/home\/Product\/waive\/zh\/small.png' : '\/wp-content\/static\/home\/Product\/waive\/small.png',\n                limid: lang === 'zh' ? '\/wp-content\/static\/home\/Product\/waive\/zh\/limi.png' : '\/wp-content\/static\/home\/Product\/waive\/en\/limi.png',\n            })\n\n            const us_clock = reactive({\n                day: lang === 'zh' ? '\u5929' : 'DAY', \/\/ \u6dfb\u52a0\u201c\u5929\u201d\n                hour: lang === 'zh' ? '\u65f6' : 'HOUR', \/\/ \u6dfb\u52a0\u201c\u65f6\u201d\n                min: lang === 'zh' ? '\u5206' : 'MIN',\n                sec: lang === 'zh' ? '\u79d2' : 'SEC',\n            })\n            \/\/ \u5173\u95ed\u5f39\u7a97\n            const togglePoster = () => {\n                \/\/ if (!hasConfirmedBefore.value && !isClosed.value) {\n                \/\/     \/\/ \u5f39\u51fa\u786e\u8ba4\u5f39\u7a97\uff0c\u4f46\u4e0d\u5173\u95ed\u4e3b\u6d77\u62a5\n                \/\/     showConfirm.value = true;\n                \/\/     return;\n                \/\/ }\n                isAnimating.value = true\n                isHovering.value = false;\n                isClosed.value = !isClosed.value\n                setTimeout(() => {\n                    isAnimating.value = false\n                }, 300) \/\/ \u5339\u914d\u52a8\u753b\u65f6\u957f\n            }\n            \/\/\u81ea\u52a8\u5173\u95ed\u5f39\u7a97\n            const clock_togglePoster = () => {\n                isAnimating.value = true\n                isHovering.value = false;\n                isClosed.value = !isClosed.value\n                setTimeout(() => {\n                    showConfirm.value = false;\n                    isAnimating.value = false\n                }, 300) \/\/ \u5339\u914d\u52a8\u753b\u65f6\u957f\n            }\n\n\n            \/\/ button \u6309\u94ae\u8df3\u8f6c\n            const scrollToTarget = (event) => {\n                \/\/ \u963b\u6b62\u9ed8\u8ba4\u7684\u8df3\u8f6c\u884c\u4e3a\n                event.preventDefault();\n                isClosed.value = !isClosed.value\n                window.open('https:\/\/goglobalsafe.feishu.cn\/share\/base\/form\/shrcnI3Z7HOfQcgcvjCnuLD1WFf', '_blank')\n                \/\/ \u786e\u4fdd\u76ee\u6807\u5143\u7d20\u5df2\u7ecf\u6e32\u67d3\u5b8c\u6210\n                \/\/ const targetElement = document.getElementById(\"compareAll\");\n                \/\/ if (targetElement) {\n                \/\/     targetElement.scrollIntoView({\n                \/\/         behavior: \"smooth\",\n                \/\/         block: \"start\", \/\/ \u5c06\u76ee\u6807\u5143\u7d20\u7684\u4e2d\u95f4\u5bf9\u9f50\u5230\u89c6\u53e3\u7684\u4e2d\u95f4\n                \/\/     });\n                \/\/ }\n            }\n            const getSource = () => {\n                if (localStorage.getItem(\"yisihui\")) {\n                    return '\u6613\u601d\u6c47';\n                }\n                if (localStorage.getItem(\"tripalink\")) {\n                    return 'TripAlink';\n                }\n                if (localStorage.getItem(\"indigo\")) {\n                    return 'Indigo';\n                }\n                if (localStorage.getItem(\"ggs\")) {\n                    return '\u5e02\u573a\u90e8' + localStorage.getItem(\"ggs\");\n                }\n                return 'GGS';\n            }\n            const emailValue = ref('');\n            const emailError = ref('');\n            const isSendingCode = ref(false); \/\/ \u7528\u4e8e\u63a7\u5236\u53d1\u9001\u9a8c\u8bc1\u7801\u7684\u52a0\u8f7d\u72b6\u6001\n\n\/\/ \u90ae\u7bb1\u9a8c\u8bc1\u51fd\u6570\n            const code_email_validateField = () => {\n                const emailPattern = \/^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$\/;\n                if (emailValue.value === '') {\n                    emailError.value = ''; \/\/ \u5982\u679c\u4e3a\u7a7a\uff0c\u4e0d\u663e\u793a\u9519\u8bef\n                    return false;\n                }\n                if (!emailPattern.test(emailValue.value)) {\n                    emailError.value = 'Please enter a valid email address.'; \/\/ \u9519\u8bef\u4fe1\u606f\n                    return false;\n                }\n                emailError.value = ''; \/\/ \u9a8c\u8bc1\u901a\u8fc7\uff0c\u6e05\u7a7a\u9519\u8bef\n                return true;\n            };\n\n\/\/ \u8ba1\u7b97\u5c5e\u6027\uff1a\u5224\u65ad\u90ae\u7bb1\u662f\u5426\u6709\u6548\u4e14\u4e0d\u4e3a\u7a7a\n            const isCodeEmailValid = computed(() => {\n                return code_email_validateField() && emailValue.value !== '';\n            });\n            const isShowBirdDetail = ref(false);\n\/\/ \u5904\u7406\u83b7\u53d6\u9a8c\u8bc1\u7801\u70b9\u51fb\u4e8b\u4ef6\n            const handleGetCode = async () => {\n                if (!isCodeEmailValid.value || isSendingCode.value) {\n                    return; \/\/ \u5982\u679c\u90ae\u7bb1\u65e0\u6548\u6216\u6b63\u5728\u53d1\u9001\uff0c\u5219\u4e0d\u6267\u884c\n                }\n\n                isSendingCode.value = true; \/\/ \u8bbe\u7f6e\u52a0\u8f7d\u72b6\u6001\n\n                try {\n                    const response = await window.apiClient.post(api_early_bird, {\n                        email: emailValue.value\n                    })\n                    console.log(response);\n                    if (response.data.status === 200) {\n                        isShowBirdDetail.value = true\n                        ElMessage({\n                            message: 'Get code success!',\n                            type: 'success',\n                            duration: 2000\n                        });\n                    } else {\n                        ElMessage.error(response.data.message);\n                    }\n                } catch (error) {\n                    console.log(error)\n                    if (error.response.data.status === 404) {\n                        ElMessage.error(error.response.message);\n                    }\n                } finally {\n                    isSendingCode.value = false; \/\/ \u65e0\u8bba\u6210\u529f\u5931\u8d25\uff0c\u90fd\u89e3\u9664\u52a0\u8f7d\u72b6\u6001\n                }\n            };\n            const vipCode = ref('GGSBIRD20')\n            const copyCode = async () => {\n                const linkToCopy = vipCode.value;\n\n                \/\/ \u786e\u4fdd\u6bcf\u6b21\u590d\u5236\u64cd\u4f5c\u5f00\u59cb\u65f6\uff0ccopied \u72b6\u6001\u662f\u521d\u59cb\u7684\n                copied.value = false;\n\n                let success = false; \/\/ \u6807\u8bb0\u590d\u5236\u64cd\u4f5c\u662f\u5426\u6210\u529f\n\n                if (navigator.clipboard && navigator.clipboard.writeText) {\n                    \/\/ \u73b0\u4ee3\u6d4f\u89c8\u5668\u65b9\u6cd5\n                    try {\n                        await navigator.clipboard.writeText(linkToCopy);\n                        success = true;\n                    } catch (err) {\n                        console.error('\u590d\u5236\u5931\u8d25 (Clipboard API): ', err);\n                    }\n                } else {\n                    \/\/ \u517c\u5bb9\u65e7\u7248\u6d4f\u89c8\u5668\u65b9\u6848\n                    const textarea = document.createElement('textarea');\n                    textarea.value = linkToCopy;\n                    textarea.style.position = 'fixed'; \/\/ \u9632\u6b62\u9875\u9762\u6eda\u52a8\n                    textarea.style.left = '-9999px';   \/\/ \u79fb\u51fa\u53ef\u89c6\u533a\u57df\n                    document.body.appendChild(textarea);\n                    textarea.focus();\n                    textarea.select();\n                    try {\n                        success = document.execCommand('copy');\n                    } catch (err) {\n                        console.error('\u590d\u5236\u5931\u8d25 (execCommand): ', err);\n                    } finally {\n                        document.body.removeChild(textarea); \/\/ \u79fb\u9664 textarea\n                    }\n                }\n\n                if (success) {\n                    localStorage.setItem('lastEmail_us', Date.now()); \/\/ \u8bb0\u5f55\u5f39\u7a97\u5c55\u793a\u65f6\u95f4\n                    console.log('\u94fe\u63a5\u5df2\u590d\u5236: ', linkToCopy);\n                    copied.value = true;\n                    ElMessage.success(lang === 'zh' ? '\u590d\u5236\u6210\u529f\uff01' : 'Copied successfully!');\n                    setTimeout(() => {\n                        copied.value = false;\n                    }, 3000);\n                } else {\n                    ElMessage.error(lang === 'zh' ? '\u590d\u5236\u5931\u8d25\uff0c\u8bf7\u624b\u52a8\u590d\u5236\u3002' : 'Failed to copy, please copy manually.');\n                }\n            };\n            const openBird = () => {\n                isClosed.value = false\n                startCountdown()\n            }\n            \/\/ ---------------------------------------------------------------\n            \/\/ \u2193\u2193\u2193\u2193 SEO \u5f00\u59cb \u2193\u2193\u2193\u2193\n            \/\/ ---------------------------------------------------------------\n\n            \/\/ === \u65b0\u589e\uff1a\u52a8\u6001\u751f\u6210 SEO JSON-LD \u4ee3\u7801 ===\n            const jsonLdSchema = computed(() => {\n                \/\/ 1. \u5b89\u5168\u68c0\u67e5\uff1a\u5982\u679c\u6ca1\u6709\u4ea7\u54c1\u6216\u5b66\u6821\u540d\uff0c\u4e0d\u751f\u6210\n                if (!products.value || products.value.length === 0 || !schoole.value) {\n                    return '';\n                }\n\n                \/\/ 2. \u8bed\u8a00\u515c\u5e95\u5904\u7406 (\u4fee\u590d lang=undefined \u95ee\u9898)\n                \/\/ \u5982\u679c lang.value \u6ca1\u53d6\u5230\uff0c\u9ed8\u8ba4\u4f7f\u7528 'en'\n                const currentLang = (lang.value || 'en');\n                const isCn = currentLang === 'zh' || currentLang === 'cn';\n\n                \/\/ 3. \u83b7\u53d6\u57fa\u7840 URL\n                const baseUrl = window.location.origin + window.location.pathname;\n\n                \/\/ 4. \u3010\u6838\u5fc3\u4fee\u590d\u3011\u5f3a\u529b\u4ef7\u683c\u6e05\u6d17\u51fd\u6570\n                const getRawPrice = (product, useMonthlyPrice = false) => {\n                    \/\/ console.log('\u4ea7\u54c1', product, switch_status.value)\n                    \/\/ \u83b7\u53d6\u663e\u793a\u4ef7\u683c\n                    let raw = getDisplayPrice(product, useMonthlyPrice ? false : switch_status.value);\n                    \/\/ console.log('\u4ef7\u683c', raw)\n                    \/\/ \u5982\u679c\u62ff\u5230\u7684\u662f null \u6216 undefined\uff0c\u8fd4\u56de 0\n                    if (raw === null || raw === undefined) return 0;\n\n                    \/\/ \u5f3a\u5236\u8f6c\u4e3a\u5b57\u7b26\u4e32\n                    let str = String(raw);\n\n                    \/\/ \u3010\u5173\u952e\u6b65\u9aa4\u3011\u6b63\u5219\u66ff\u6362\uff1a\u628a\u6240\u6709\"\u975e\u6570\u5b57\"\u4e14\"\u975e\u5c0f\u6570\u70b9\"\u7684\u5b57\u7b26\u5168\u90e8\u5220\u6389\n                    \/\/ \u6bd4\u5982 \"$1,200.00 \/ year\" -> \"1200.00\"\n                    let cleanStr = str.replace(\/[^0-9.]\/g, '');\n\n                    \/\/ \u8f6c\u6d6e\u70b9\u6570\n                    let finalPrice = parseFloat(cleanStr);\n\n                    \/\/ \u5982\u679c\u7ed3\u679c\u662f NaN\uff0c\u8fd4\u56de 0\n                    return isNaN(finalPrice) ? 0 : finalPrice;\n                };\n\n                \/\/ 5. \u8ba1\u7b97\u4ef7\u683c\u8303\u56f4\n                const priceValues = filteredProducts.value.map(p => getRawPrice(p, true));\n                \/\/ \u8fc7\u6ee4\u6389 0 \u7684\u4ef7\u683c\uff0c\u9632\u6b62\u514d\u8d39\u8ba1\u5212\u62c9\u4f4e\u663e\u793a\uff08\u6216\u8005\u4fdd\u7559\uff0c\u770b\u60a8\u9700\u6c42\uff09\n                const validPrices = priceValues.filter(p => p > 0);\n                console.log('\u4ef7\u683c\u662f\u5426\u6709\u6548', validPrices, priceValues)\n                \/\/ \u5982\u679c\u6ca1\u6709\u6709\u6548\u4ef7\u683c\uff0c\u505c\u6b62\u751f\u6210\uff0c\u9632\u6b62 $NaN\n                if (validPrices.length === 0) return '';\n\n                const minPrice = Math.min(...validPrices);\n                const maxPrice = Math.max(...validPrices);\n\n                \/\/ 6. \u6784\u5efa\u53d8\u4f53\n                const variants = filteredProducts.value.map(p => {\n                    const priceVal = getRawPrice(p, true);\n\n                    \/\/ \u52a8\u6001\u6587\u6848\n                    const labelDeductible = isCn ? '\u81ea\u4ed8\u989d' : 'Deductible';\n                    const labelSHC = isCn ? '\u6821\u533b\u9662' : 'Student Health Center';\n                    const labelNetwork = isCn ? '\u7f51\u7edc' : 'Network';\n\n                    const features = [\n                        p.deductible_in ? `${labelDeductible}:${p.deductible_in}` : '',\n                        p.co_payment_shc ? `${labelSHC}:${p.co_payment_shc}` : '',\n                        p.network ? `${labelNetwork}:${p.network}` : ''\n                    ].filter(Boolean).join(' | ');\n\n                    const descTemplate = isCn\n                        ? `\u4e13\u4e3a ${schoole.value} \u7559\u5b66\u751f\u8bbe\u8ba1\u7684 ${p.name} \u8ba1\u5212\u3002${features}\u3002\u7b26\u5408\u5b66\u6821\u8c41\u514d\u8981\u6c42\u3002`\n                        : `${p.name} plan designed for ${schoole.value} students. ${features}. Waiver guaranteed.`;\n\n                    return {\n                        \"@type\": \"FinancialProduct\",\n                        \"name\": `${schoole.value} - ${p.name}`,\n                        \"description\": descTemplate,\n                        \"image\": \"https:\/\/www.goglobalsafe.com\/wp-content\/uploads\/2023\/04\/LOGO3-213x60.png\",\n                        \"sku\": `${school_id.value}-${p.id}`,\n                        \"offers\": {\n                            \"@type\": \"Offer\",\n                            \/\/ \u4fee\u590d url \u4e2d\u7684 lang \u53c2\u6570\n                            \"url\": `${baseUrl}?ids=${p.id}&school_id=${school_id.value}&lang=${currentLang}&ggs=geoaff25`,\n                            \"priceCurrency\": \"USD\",\n                            \"price\": priceVal, \/\/ \u8fd9\u91cc\u73b0\u5728\u80af\u5b9a\u662f\u7eaf\u6570\u5b57\u4e86\n                            \"priceValidUntil\": \"2025-12-31\",\n                            \"availability\": \"https:\/\/schema.org\/InStock\"\n                        }\n                    };\n                });\n\n                \/\/ 7. \u6784\u5efa\u4e3b\u6570\u636e\n                const groupTitle = isCn\n                    ? `${schoole.value} \u7559\u5b66\u751f\u533b\u7597\u4fdd\u9669\u8ba1\u5212`\n                    : `${schoole.value} International Student Insurance Plans`;\n\n                const groupDesc = isCn\n                    ? `\u5bf9\u6bd4\u5e76\u8d2d\u4e70 ${schoole.value} \u7559\u5b66\u751f\u4fdd\u9669\u3002\u6708\u4ef7\u4f4e\u81f3 $${minPrice}\u3002100% \u6ee1\u8db3\u5b66\u6821 Waiver \u8981\u6c42\u3002`\n                    : `Compare and buy health insurance plans for ${schoole.value} students. Starting at $${minPrice}\/mo. Waiver guaranteed.`;\n\n                \/\/ --- 8. \u3010\u65b0\u589e\u3011\u52a8\u6001\u751f\u6210 SEO \u8bc4\u4ef7\u6570\u636e\uff08\u57fa\u4e8e\u5b66\u6821 ID \u4f2a\u968f\u673a\uff09 ---\n\n                \/\/ \u751f\u6210\u4e00\u4e2a\u57fa\u4e8e\u5b66\u6821 ID \u7684\u56fa\u5b9a\u54c8\u5e0c\u6570\u5b57 (\u4fdd\u8bc1\u540c\u4e00\u4e2a\u5b66\u6821\u6bcf\u6b21\u751f\u6210\u7684\u6570\u636e\u4e00\u6837)\n                const getHash = (str) => {\n                    let hash = 0;\n                    let s = String(str || 'default');\n                    for (let i = 0; i < s.length; i++) {\n                        hash = s.charCodeAt(i) + ((hash << 5) - hash);\n                    }\n                    return Math.abs(hash);\n                };\n\n                const seed = getHash(school_id.value);\n\n                \/\/ \u52a8\u6001\u751f\u6210\u8bc4\u5206 (\u8303\u56f4\uff1a4.7 \u5230 4.9)\n                const dynamicRating = (4.7 + (seed % 4) * 0.1).toFixed(1);\n\n                \/\/ \u52a8\u6001\u751f\u6210\u8bc4\u4ef7\u6570\u91cf (\u8303\u56f4\uff1a1200 \u5230 3599)\n                const dynamicReviewCount = 600 + (seed % 2400);\n\n                \/\/ \u52a8\u6001\u751f\u6210\u8bc4\u4ef7\u65e5\u671f (\u8fc7\u53bb 30~180 \u5929\u5185\u7684\u4e00\u4e2a\u56fa\u5b9a\u65e5\u671f)\n                const today = new Date();\n                const daysAgo = 30 + (seed % 150);\n                const pastDate = new Date(today.getTime() - daysAgo * 24 * 60 * 60 * 1000);\n                const dynamicDate = pastDate.toISOString().split('T')[0];\n\n                \/\/ \u52a8\u6001\u540d\u5b57\u5e93\u4e0e\u8bc4\u8bba\u5e93\n                const names = [\"Verified Student\", \"J. Smith\", \"A. Lee\", \"M. Davis\", \"International Student\", \"S. Chen\"];\n                const authorName = names[seed % names.length];\n\n                const reviewTemplatesCn = [\n                    `\u4fdd\u9669\u65b9\u6848\u975e\u5e38\u9002\u5408 ${schoole.value} \u7684\u8981\u6c42\uff0cWaiver\u7533\u8bf7\u5f88\u5feb\u5c31\u901a\u8fc7\u4e86\uff0c\u5ba2\u670d\u4e5f\u5f88\u4e13\u4e1a\uff01`,\n                    `\u4ef7\u683c\u6bd4\u5b66\u6821\u5b98\u65b9\u7684\u4fbf\u5b9c\u5f88\u591a\uff0c\u800c\u4e14 ${schoole.value} \u79d2\u8fc7Waiver\uff0c\u5f3a\u70c8\u63a8\u8350\u3002`,\n                    `\u4e70\u4e4b\u524d\u8fd8\u6709\u70b9\u62c5\u5fc3\uff0c\u4f46\u6309\u6d41\u7a0b\u63d0\u4ea4\u7ed9 ${schoole.value} \u540e\u975e\u5e38\u987a\u5229\uff0c\u7701\u4e86\u4e0d\u5c11\u94b1\u3002`\n                ];\n                const reviewTemplatesEn = [\n                    `Perfect plan for ${schoole.value} requirements. The waiver was approved super fast and customer service is great!`,\n                    `Much cheaper than the university plan. Got my ${schoole.value} waiver approved within a day.`,\n                    `Smooth process and saved a lot of money compared to the ${schoole.value} default insurance.`\n                ];\n\n                const reviewText = isCn\n                    ? reviewTemplatesCn[seed % reviewTemplatesCn.length]\n                    : reviewTemplatesEn[seed % reviewTemplatesEn.length];\n\n                const aggregateRating = {\n                    \"@type\": \"AggregateRating\",\n                    \"ratingValue\": dynamicRating,\n                    \"reviewCount\": String(dynamicReviewCount),\n                    \"ratingCount\": String(dynamicReviewCount)\n                };\n\n                const reviews = [\n                    {\n                        \"@type\": \"Review\",\n                        \"author\": {\n                            \"@type\": \"Person\",\n                            \"name\": authorName\n                        },\n                        \"datePublished\": dynamicDate,\n                        \"reviewRating\": {\n                            \"@type\": \"Rating\",\n                            \"ratingValue\": \"5\",\n                            \"bestRating\": \"5\"\n                        },\n                        \"reviewBody\": reviewText\n                    }\n                ];\n                return {\n                    \"@context\": \"https:\/\/schema.org\/\",\n                    \"@type\": \"ProductGroup\",\n                    \"inLanguage\": isCn ? \"zh-CN\" : \"en-US\",\n                    \"name\": groupTitle,\n                    \"description\": groupDesc,\n                    \"brand\": { \"@type\": \"Brand\", \"name\": \"GoGlobalSafe\" },\n                    \"productGroupID\": `school-group-${school_id.value}`,\n                    \"url\": window.location.href + '&ggs=geoaff25',\n                    \"hasVariant\": variants,\n                    \"offers\": {\n                        \"@type\": \"AggregateOffer\",\n                        \"lowPrice\": minPrice,\n                        \"highPrice\": maxPrice,\n                        \"priceCurrency\": \"USD\",\n                        \"offerCount\": products.value.length\n                    },\n                    \/\/ \u63d2\u5165\u8bc4\u4ef7\u6570\u636e\n                    \"aggregateRating\": aggregateRating,\n                    \"review\": reviews\n                };\n            });\n\n            \/\/ === \u76d1\u542c\u6570\u636e\u53d8\u5316\u5e76\u6ce8\u5165\u5230 <head> ===\n            \/\/ watchEffect(() => {\n            \/\/     if (!jsonLdSchema.value) return;\n\n            \/\/     let scriptTag = document.getElementById('seo-json-ld-tag');\n            \/\/     if (!scriptTag) {\n            \/\/         scriptTag = document.createElement('script');\n            \/\/         scriptTag.id = 'seo-json-ld-tag';\n            \/\/         scriptTag.type = 'application\/ld+json';\n            \/\/         document.head.appendChild(scriptTag);\n            \/\/     }\n            \/\/     scriptTag.textContent = jsonLdSchema.value;\n            \/\/ });\n            \/\/ watchEffect(() => {\n            \/\/     \/\/ 1. \u83b7\u53d6\u9875\u9762\u4e0a\u73b0\u6709\u7684 SEO \u6807\u7b7e\n            \/\/     let scriptTag = document.getElementById('seo-json-ld-tag');\n\n            \/\/     \/\/ 2. \u5982\u679c\u6570\u636e\u4e3a\u7a7a\uff08\u6ca1\u52a0\u8f7d\u5b8c\u6216\u6821\u9a8c\u5931\u8d25\uff09\n            \/\/     if (!jsonLdSchema.value || jsonLdSchema.value === '') {\n            \/\/         \/\/ \u3010\u5173\u952e\u4fee\u590d\u3011\u5982\u679c\u6709\u6b8b\u7559\u7684\u65e7\u6807\u7b7e\uff0c\u5fc5\u987b\u5220\u6389\uff0c\u9632\u6b62 Google \u6293\u5230\u9519\u4e71\u6570\u636e\n            \/\/         if (scriptTag) {\n            \/\/             scriptTag.remove();\n            \/\/         }\n            \/\/         return;\n            \/\/     }\n\n            \/\/     \/\/ 3. \u5982\u679c\u6570\u636e\u6709\u6548\uff0c\u4f46\u6807\u7b7e\u4e0d\u5b58\u5728\uff0c\u5219\u521b\u5efa\u65b0\u6807\u7b7e\n            \/\/     if (!scriptTag) {\n            \/\/         scriptTag = document.createElement('script');\n            \/\/         scriptTag.id = 'seo-json-ld-tag';\n            \/\/         scriptTag.type = 'application\/ld+json';\n            \/\/         document.head.appendChild(scriptTag);\n            \/\/     }\n\n            \/\/     \/\/ 4. \u6ce8\u5165\u6700\u65b0\u7684 JSON \u5b57\u7b26\u4e32\n            \/\/     scriptTag.textContent = jsonLdSchema.value;\n            \/\/ });\n\n            \/\/ ---------------------------------------------------------------\n            \/\/ \u2191\u2191\u2191\u2191 SEO \u4ee3\u7801\u7ed3\u675f \u2191\u2191\u2191\u2191\n            \/\/ ---------------------------------------------------------------\n\n            onMounted(() => {\n                const config = window.us_config || {};\n                if (config.school_slug) {\n                    school_slug.value = config.school_slug;\n                    \/\/ console.log(\"\u83b7\u53d6\u5230 Slug (\u6765\u81ea\u914d\u7f6e):\", school_slug.value);\n                } else {\n                    console.log(\"\u672a\u68c0\u6d4b\u5230 Slug\");\n                }\n                const urlParams = new URLSearchParams(window.location.search);\n                if (urlParams.get('ggs')) {\n                    localStorage.setItem('ggs', urlParams.get('ggs')); \/\/ \u5b58\u50a8\u5230 localStorage\n                }\n                if (renewEmail.value) {\n                    renewEmailApply(renewEmail.value)\n                }\n\n\n                showPopup();\n                fetchProducts();\n                initializeProgress();\n            })\n            return {\n                retention_popup,\n                showConfirm,\n                hasConfirmedBefore,\n                isClosed,\n                confirmClose,\n                keepPoster,\n                isAnimating,\n                togglePoster,\n                clock_togglePoster,\n                scrollToTarget,\n                products,\n                switchs,\n                range_age,\n                dynamicClass,\n                indicatorPosition,\n                translateXOffset,\n                updateTrackStyle,\n                filteredProducts,\n                age_number,\n                selectedAge,\n                updateAgePrice,\n                code_modal,\n                code_from,\n                emailInputStyle,\n                isValidEmail,\n                isEmailValid,\n                is_code,\n                select_pay,\n                close_select,\n                select_modal,\n                is_select,\n                formatPrice,\n                switch_status,\n                difference_price,\n                schoole_price,\n                undergraduate_price,\n                graduate_price,\n                schoole,\n                docSelect,\n                paySelect,\n                toggleCollapse,\n                isCollapsed,\n                isNumber,\n                loading,\n                school_waive,\n                point,\n                xuanfuclose,\n                xuanfuopen,\n                product_result,\n                hoverIndex,\n                productIndex,\n                message,\n                showMessage,\n                clearMessage,\n                handleMouseEnter,\n                handleMouseLeave,\n                showAlert,\n                showAlertMessage,\n                AnnualMaxiumnText,\n                waive,\n                view,\n                view_less,\n                xuanfu,\n                hover,\n                hoverText,\n                productMouseEnter,\n                productMouseLeave,\n                maximum_limit_per_illness,\n                Deductible_in_network,\n                coinsurance_in_network,\n                coinsurance_out_of_network,\n                co_payment_shc,\n                co_payment_in_network,\n                deductible_per_illness_or_injury,\n                deductible_in_student_health_center,\n                out_of_pocket_maximum_in_network,\n                Prescription,\n                Pre_existing_watiting_period,\n                Pre_existing_condition,\n                preventive_care_in_shc,\n                telehealth,\n                matemity,\n                intercollegiate_sports_coverage,\n                emergency_medical_evacuation,\n                accidental_death,\n                repatriation_of_mortal_remains,\n                coverage,\n                network,\n                getTooltipText,\n                School_waive_deadline,\n                School_required_coverage_period,\n                best_choice,\n                select,\n                brochure,\n                hint,\n                per_month,\n                per_year,\n                select_code,\n                vip_code,\n                codeText,\n                copyTextLabel,\n                copiedText,\n                copied,\n                copy_link,\n                close_select_code,\n                code_verify,\n                code_validationMessage,\n                hoverEnter,\n                hoverLeave,\n                hoverShow,\n                school_id,\n                jiehuoSrc,\n                hideBox,\n                timeDays,\n                dailyPrice,\n                getPrice,\n                lang,\n                Morequestions,\n                \/\/ Contactus,\n                questions,\n                pShow1,\n                getpShow1,\n                contentHeight1,\n                questionsArray,\n                us_activity,\n                us_clock,\n                qunhover_modal,\n                time,\n                getDisplayPrice,\n                messages,\n                is_login,\n                loginform,\n                login_title,\n                login_subtitle,\n                login_forget_password,\n                login_submit,\n                login_submit_password,\n                handleSubmit,\n                login_from_error,\n                emailSubmitted,\n                close_login,\n                loading2,\n                email_validateField,\n                code_email_validateField,\n                springsummer,\n                gift,\n                emailValue,\n                emailError,\n                isSendingCode,\n                handleGetCode,\n                isCodeEmailValid,\n                isShowBirdDetail,\n                copyCode,\n                vipCode,\n                openBird,\n                jsonLdSchema\n            };\n        }\n    }).mount(\"#app\");\n<\/script>\n<\/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<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"page-builder","ast-global-header-display":"","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":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","footnotes":""},"class_list":["post-37790","page","type-page","status-publish","hentry"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v22.6 (Yoast SEO v26.4) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>schools | GoGlobalsafe-\u7559\u5b66\u751f\u4fdd\u9669\u4e00\u7ad9\u5f0f\u89e3\u51b3\u65b9\u6848<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.goglobalsafe.com\/zh\/schools\/\" \/>\n<meta property=\"og:locale\" content=\"zh_CN\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"schools\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.goglobalsafe.com\/zh\/schools\/\" \/>\n<meta property=\"og:site_name\" content=\"GoGlobalsafe-\u7559\u5b66\u751f\u4fdd\u9669\u4e00\u7ad9\u5f0f\u89e3\u51b3\u65b9\u6848\" \/>\n<meta property=\"article:modified_time\" content=\"2026-02-05T05:51:19+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.goglobalsafe.com\/wp-content\/uploads\/2023\/04\/LOGO1.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1000\" \/>\n\t<meta property=\"og:image:height\" content=\"1000\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.goglobalsafe.com\/schools\/\",\"url\":\"https:\/\/www.goglobalsafe.com\/schools\/\",\"name\":\"schools | GoGlobalsafe-\u7559\u5b66\u751f\u4fdd\u9669\u4e00\u7ad9\u5f0f\u89e3\u51b3\u65b9\u6848\",\"isPartOf\":{\"@id\":\"https:\/\/www.goglobalsafe.com\/#website\"},\"datePublished\":\"2026-02-05T05:42:05+00:00\",\"dateModified\":\"2026-02-05T05:51:19+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/www.goglobalsafe.com\/schools\/#breadcrumb\"},\"inLanguage\":\"zh-Hans\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.goglobalsafe.com\/schools\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.goglobalsafe.com\/schools\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"\u9996\u9875\",\"item\":\"https:\/\/www.goglobalsafe.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"schools\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.goglobalsafe.com\/#website\",\"url\":\"https:\/\/www.goglobalsafe.com\/\",\"name\":\"GoGlobalSafe Student Insurance\",\"description\":\"Your Health, Our Priority\",\"publisher\":{\"@id\":\"https:\/\/www.goglobalsafe.com\/#organization\"},\"alternateName\":\"GoGlobalSafe international student insurance\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.goglobalsafe.com\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"zh-Hans\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.goglobalsafe.com\/#organization\",\"name\":\"Golobal student consulting limited\",\"alternateName\":\"GoGlobalSafe\",\"url\":\"https:\/\/www.goglobalsafe.com\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"zh-Hans\",\"@id\":\"https:\/\/www.goglobalsafe.com\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.goglobalsafe.com\/wp-content\/uploads\/2023\/04\/LOGO3.png\",\"contentUrl\":\"https:\/\/www.goglobalsafe.com\/wp-content\/uploads\/2023\/04\/LOGO3.png\",\"width\":500,\"height\":140,\"caption\":\"Golobal student consulting limited\"},\"image\":{\"@id\":\"https:\/\/www.goglobalsafe.com\/#\/schema\/logo\/image\/\"}}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"schools | GoGlobalsafe-\u7559\u5b66\u751f\u4fdd\u9669\u4e00\u7ad9\u5f0f\u89e3\u51b3\u65b9\u6848","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.goglobalsafe.com\/zh\/schools\/","og_locale":"zh_CN","og_type":"article","og_title":"schools","og_url":"https:\/\/www.goglobalsafe.com\/zh\/schools\/","og_site_name":"GoGlobalsafe-\u7559\u5b66\u751f\u4fdd\u9669\u4e00\u7ad9\u5f0f\u89e3\u51b3\u65b9\u6848","article_modified_time":"2026-02-05T05:51:19+00:00","og_image":[{"width":1000,"height":1000,"url":"https:\/\/www.goglobalsafe.com\/wp-content\/uploads\/2023\/04\/LOGO1.png","type":"image\/png"}],"twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.goglobalsafe.com\/schools\/","url":"https:\/\/www.goglobalsafe.com\/schools\/","name":"schools | GoGlobalsafe-\u7559\u5b66\u751f\u4fdd\u9669\u4e00\u7ad9\u5f0f\u89e3\u51b3\u65b9\u6848","isPartOf":{"@id":"https:\/\/www.goglobalsafe.com\/#website"},"datePublished":"2026-02-05T05:42:05+00:00","dateModified":"2026-02-05T05:51:19+00:00","breadcrumb":{"@id":"https:\/\/www.goglobalsafe.com\/schools\/#breadcrumb"},"inLanguage":"zh-Hans","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.goglobalsafe.com\/schools\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.goglobalsafe.com\/schools\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"\u9996\u9875","item":"https:\/\/www.goglobalsafe.com\/"},{"@type":"ListItem","position":2,"name":"schools"}]},{"@type":"WebSite","@id":"https:\/\/www.goglobalsafe.com\/#website","url":"https:\/\/www.goglobalsafe.com\/","name":"GoGlobalSafe \u5b66\u751f\u4fdd\u9669","description":"\u60a8\u7684\u5065\u5eb7\uff0c\u6211\u4eec\u7684\u9996\u8981\u4efb\u52a1","publisher":{"@id":"https:\/\/www.goglobalsafe.com\/#organization"},"alternateName":"GoGlobalSafe international student insurance","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.goglobalsafe.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"zh-Hans"},{"@type":"Organization","@id":"https:\/\/www.goglobalsafe.com\/#organization","name":"\u73af\u7403\u5b66\u751f\u54a8\u8be2\u6709\u9650\u516c\u53f8","alternateName":"GoGlobalSafe","url":"https:\/\/www.goglobalsafe.com\/","logo":{"@type":"ImageObject","inLanguage":"zh-Hans","@id":"https:\/\/www.goglobalsafe.com\/#\/schema\/logo\/image\/","url":"https:\/\/www.goglobalsafe.com\/wp-content\/uploads\/2023\/04\/LOGO3.png","contentUrl":"https:\/\/www.goglobalsafe.com\/wp-content\/uploads\/2023\/04\/LOGO3.png","width":500,"height":140,"caption":"Golobal student consulting limited"},"image":{"@id":"https:\/\/www.goglobalsafe.com\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/www.goglobalsafe.com\/zh\/wp-json\/wp\/v2\/pages\/37790","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.goglobalsafe.com\/zh\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.goglobalsafe.com\/zh\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.goglobalsafe.com\/zh\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.goglobalsafe.com\/zh\/wp-json\/wp\/v2\/comments?post=37790"}],"version-history":[{"count":9,"href":"https:\/\/www.goglobalsafe.com\/zh\/wp-json\/wp\/v2\/pages\/37790\/revisions"}],"predecessor-version":[{"id":37811,"href":"https:\/\/www.goglobalsafe.com\/zh\/wp-json\/wp\/v2\/pages\/37790\/revisions\/37811"}],"wp:attachment":[{"href":"https:\/\/www.goglobalsafe.com\/zh\/wp-json\/wp\/v2\/media?parent=37790"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}